@sps-woodland/core - npm Package Compare versions

Comparing version 7.10.7 to 8.0.0-rc1

lib/components/box/Box.d.ts

@@ -5,10 +5,10 @@ import type { Sprinkles } from "@sps-woodland/tokens";
 declare const utilityCSSPropList: readonly ["alignItems", "display", "flex", "flexWrap", "justifyContent", "textAlign"];
-type UtilityCSSProps = Pick<React.CSSProperties, typeof utilityCSSPropList[number]>;
-type BoxRootElement = HTMLDivElement;
-type BoxProps = ComponentProps<Sprinkles & UtilityCSSProps & {
+declare type UtilityCSSProps = Pick<React.CSSProperties, typeof utilityCSSPropList[number]>;
+declare type BoxRootElement = HTMLDivElement;
+declare type BoxProps = ComponentProps<Sprinkles & UtilityCSSProps & {
     inline?: boolean;
 }, BoxRootElement>;
-type BoxForwardRefType = BoxProps & React.RefAttributes<BoxRootElement>;
-type BoxForwardRefExoticComponent = React.ForwardRefExoticComponent<BoxForwardRefType>;
+declare type BoxForwardRefType = BoxProps & React.RefAttributes<BoxRootElement>;
+declare type BoxForwardRefExoticComponent = React.ForwardRefExoticComponent<BoxForwardRefType>;
 export declare const Box: BoxForwardRefExoticComponent;
 export {};

lib/components/content/Content.d.ts

 import * as React from "react";
 import type { ComponentProps } from "../../utils/ComponentProps";
-type ContentRootElement = HTMLDivElement;
-type ContentProps = ComponentProps<unknown, ContentRootElement>;
-type ContentForwardRefType = ContentProps & React.RefAttributes<ContentRootElement>;
-type ContentForwardRefExoticComponent = React.ForwardRefExoticComponent<ContentForwardRefType>;
+declare type ContentRootElement = HTMLDivElement;
+declare type ContentProps = ComponentProps<unknown, ContentRootElement>;
+declare type ContentForwardRefType = ContentProps & React.RefAttributes<ContentRootElement>;
+declare type ContentForwardRefExoticComponent = React.ForwardRefExoticComponent<ContentForwardRefType>;
 export declare const Content: ContentForwardRefExoticComponent;
 export {};

lib/components/icon/Icon.css.d.ts

 import { Tokens } from "@sps-woodland/tokens";
-type Icons = Record<keyof typeof Tokens.icon, string>;
+declare type Icons = Record<keyof typeof Tokens.icon, string>;
 export declare const icon: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
@@ -4,0 +4,0 @@ iconName: Icons;

lib/components/spinner/Spinner.css.d.ts

@@ -21,3 +21,17 @@ import type { RecipeVariants } from "@vanilla-extract/recipes";
     };
+    color: {
+        dark: {
+            borderTopColor: string;
+            borderRightColor: string;
+            borderLeftColor: string;
+            borderBottomColor: string;
+        };
+        light: {
+            borderTopColor: string;
+            borderRightColor: string;
+            borderLeftColor: string;
+            borderBottomColor: string;
+        };
+    };
 }>;
-export type SpinnerVariants = NonNullable<RecipeVariants<typeof spinner>>;
+export declare type SpinnerVariants = NonNullable<RecipeVariants<typeof spinner>>;

lib/components/spinner/Spinner.d.ts

 import * as React from "react";
 import type { ComponentProps } from "../../utils/ComponentProps";
 import type { SpinnerVariants } from "./Spinner.css";
-export declare function Spinner({ alt, className, size, title, ...rest }: ComponentProps<{
+export declare function Spinner({ alt, className, size, title, color, ...rest }: ComponentProps<{
     alt?: string;
     size?: SpinnerVariants["size"];
     title?: string;
+    color?: SpinnerVariants["color"];
 }, HTMLDivElement>): React.ReactElement;

lib/examples.d.ts

@@ -14,3 +14,3 @@ import type { ReactElement } from "react";
 }
-type ReactChildOrRenderer = ReactElement | string | ((args: ExtraExampleRendererArgs) => ReactElement | string);
+declare type ReactChildOrRenderer = ReactElement | string | ((args: ExtraExampleRendererArgs) => ReactElement | string);
 export interface DSExampleBase {
@@ -25,4 +25,4 @@ description?: ReactChildOrRenderer;
 }
-export type DSReactExample = DSExampleBase & (DSReactExampleComponent | DSReactExampleJSX);
-export type DSExample = DSReactExample;
+export declare type DSReactExample = DSExampleBase & (DSReactExampleComponent | DSReactExampleJSX);
+export declare type DSExample = DSReactExample;
 export declare function exampleIsReactComponentExample(example: DSExample): example is DSReactExampleComponent;
@@ -36,4 +36,4 @@ export declare function exampleIsReactJSXExample(example: DSExample): example is DSReactExampleJSX;
 }
-export type DSExamples<T extends DSExample = DSExample> = Record<string, DSExamplesTab<T>>;
-export type DSReactExamples = DSExamples<DSReactExample>;
+export declare type DSExamples<T extends DSExample = DSExample> = Record<string, DSExamplesTab<T>>;
+export declare type DSReactExamples = DSExamples<DSReactExample>;
 export interface ComponentManifestEntry {
@@ -44,3 +44,3 @@ description?: ReactChildOrRenderer;
 }
-export type ComponentManifest = Record<string, ComponentManifestEntry>;
+export declare type ComponentManifest = Record<string, ComponentManifestEntry>;
 export {};

lib/index.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),h=require("@sps-woodland/tokens"),_=require("@spscommerce/utils"),B=require("react-dom");function F(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=F(d);const g=Symbol("WoodlandComponentMetadata"),p=Object.freeze({isWoodlandComponent(e){return typeof e=="function"&&e.hasOwnProperty(g)},get(e){return e[g]},set(e,n){Object.assign(e,{[g]:n})}});function v(...e){return e.filter(Boolean).map(String).join(" ")}const E=function({children:e,elements:n}){if(n.length===0)return s.createElement(s.Fragment,null,e);const[t,a]=Array.isArray(n[0])?n[0]:[n[0]];return s.createElement(t,{...a!=null?a:{}},s.createElement(E,{elements:n.slice(1)},e))};function A({children:e,providers:n=[],...t}){return s.createElement("div",{...t},s.createElement(E,{elements:n},e))}function W(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function P(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);n&&(a=a.filter(function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable})),t.push.apply(t,a)}return t}function w(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?P(Object(t),!0).forEach(function(a){W(e,a,t[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(t,a))})}return e}var H=(e,n,t)=>{for(var a of Object.keys(e)){var r;if(e[a]!==((r=n[a])!==null&&r!==void 0?r:t[a]))return!1}return!0},C=e=>n=>{var t=e.defaultClassName,a=w(w({},e.defaultVariants),n);for(var r in a){var l,c=(l=a[r])!==null&&l!==void 0?l:e.defaultVariants[r];if(c!=null){var o=c;typeof o=="boolean"&&(o=o===!0?"true":"false");var i=e.variantClassNames[r][o];i&&(t+=" "+i)}}for(var[u,f]of e.compoundVariants)H(u,a,e.defaultVariants)&&(t+=" "+f);return t},U=C({defaultClassName:"g5vsg0",variantClassNames:{fullWidth:{true:"g5vsg1"}},defaultVariants:{},compoundVariants:[]});function T({children:e,className:n,fullWidth:t,...a}){return s.createElement(A,{className:v(U({fullWidth:t}),n),...a},e)}p.set(T,{name:"AppRoot",props:{fullWidth:{type:"boolean",default:"false"},providers:"React.ElementType[]"}});const G=["alignItems","display","flex","flexWrap","justifyContent","textAlign"],Y=new Set(G),k=s.forwardRef(({children:e,className:n,inline:t,style:a,...r},l)=>{const[c,o,i]=Object.keys(r).reduce(([u,f,q],m)=>h.sprinkles.properties.has(m)?[{...u,[m]:r[m]},f,q]:Y.has(m)?[u,{...f,[m]:r[m]},q]:[u,f,{...q,[m]:r[m]}],[{},{...t?{display:"inline"}:null,...a},{}]);return s.createElement("div",{ref:l,className:v(h.sprinkles(c),n),style:o,...i},e)});p.set(k,{name:"Box"});var O={root:"w9p2pg0",title:"w9p2pg1"};function N({className:e,children:n,...t}){return s.createElement("div",{className:v(O.root,e),...t},n)}p.set(N,{name:"CapContent"});function R({className:e,children:n,...t}){return s.createElement("div",{className:v(O.title,e),...t},n)}p.set(R,{name:"CapContentTitle"});var Z="o0pwg0";const I=s.forwardRef(({children:e,className:n,...t},a)=>s.createElement("div",{ref:a,className:v(Z,n),...t},e));p.set(I,{name:"Content"});var J=C({defaultClassName:"_6qnc0v53",variantClassNames:{iconName:{"angle-left":"_6qnc0v0","angle-right":"_6qnc0v1",archive:"_6qnc0v2","arrow-down":"_6qnc0v3","arrow-left-circle":"_6qnc0v4","arrow-left":"_6qnc0v5","arrow-right":"_6qnc0v6","arrow-up":"_6qnc0v7",asterisk:"_6qnc0v8",ban:"_6qnc0v9",barcode:"_6qnc0va",bell:"_6qnc0vb",bolt:"_6qnc0vc",book:"_6qnc0vd",building:"_6qnc0ve","burst-bolt":"_6qnc0vf",burst:"_6qnc0vg","calendar-blank":"_6qnc0vh",calendar:"_6qnc0vi",camera:"_6qnc0vj","chart-area":"_6qnc0vk","chart-bar":"_6qnc0vl","chart-line":"_6qnc0vm","chart-pie":"_6qnc0vn",checkmark:"_6qnc0vo","chevron-down":"_6qnc0vp","chevron-left":"_6qnc0vq","chevron-right":"_6qnc0vr","chevron-up":"_6qnc0vs","circle-outline":"_6qnc0vt",clock:"_6qnc0vu","code-fork":"_6qnc0vv","comment-bubble-question":"_6qnc0vw","comment-bubble":"_6qnc0vx",conversation:"_6qnc0vy","column-switcher":"_6qnc0vz","credit-card":"_6qnc0v10",dashboard:"_6qnc0v11",database:"_6qnc0v12",disk:"_6qnc0v13","dollar-sign":"_6qnc0v14","double-angle-left":"_6qnc0v15","double-angle-right":"_6qnc0v16","download-cloud":"_6qnc0v17",drill:"_6qnc0v18",duplicate:"_6qnc0v19",ellipses:"_6qnc0v1a",envelope:"_6qnc0v1b",exchange:"_6qnc0v1c","expand-collapse":"_6qnc0v1d",eye:"_6qnc0v1e","file-duplicate":"_6qnc0v1f","file-pdf":"_6qnc0v1g","file-presentation":"_6qnc0v1h","file-size":"_6qnc0v1i","file-solid-text":"_6qnc0v1j","file-solid":"_6qnc0v1k","file-spreadsheet":"_6qnc0v1l","file-text":"_6qnc0v1m",file:"_6qnc0v1n",filter:"_6qnc0v1o",flag:"_6qnc0v1p","folder-open":"_6qnc0v1q","folder-solid-open":"_6qnc0v1r","folder-solid":"_6qnc0v1s",folder:"_6qnc0v1t",gear:"_6qnc0v1u",globe:"_6qnc0v1v",grid:"_6qnc0v1w",group:"_6qnc0v1x","hand-stop":"_6qnc0v1y",handshake:"_6qnc0v1z",hat:"_6qnc0v20",heart:"_6qnc0v21",history:"_6qnc0v22",inbox:"_6qnc0v23",incoming:"_6qnc0v24","info-circle":"_6qnc0v25",intercom:"_6qnc0v26","item-tag":"_6qnc0v27",key:"_6qnc0v28","life-preserver":"_6qnc0v29",lightbulb:"_6qnc0v2a",link:"_6qnc0v2b",linkedin:"_6qnc0v2c","list-cards":"_6qnc0v2d","list-columns":"_6qnc0v2e","list-summary":"_6qnc0v2f","list-table":"_6qnc0v2g",list:"_6qnc0v2h",location:"_6qnc0v2i",locked:"_6qnc0v2j","map-marker":"_6qnc0v2k",map:"_6qnc0v2l",maximize:"_6qnc0v2m",minimize:"_6qnc0v2n","minus-circle":"_6qnc0v2o",minus:"_6qnc0v2p","new-file":"_6qnc0v2q","new-screen":"_6qnc0v2r",outgoing:"_6qnc0v2s","paper-plane":"_6qnc0v2t",pencil:"_6qnc0v2u",photo:"_6qnc0v2v",pinterest:"_6qnc0v2w",play:"_6qnc0v2x","plus-circle":"_6qnc0v2y","plus-sign":"_6qnc0v2z",presentation:"_6qnc0v30",printer:"_6qnc0v31","qr-code":"_6qnc0v32","question-circle":"_6qnc0v33","quote-left":"_6qnc0v34","quote-right":"_6qnc0v35",random:"_6qnc0v36",refresh:"_6qnc0v37",rocket:"_6qnc0v38","search-plus":"_6qnc0v39",search:"_6qnc0v3a",share:"_6qnc0v3b","shopping-cart":"_6qnc0v3c","sort-alpha-asc":"_6qnc0v3d","sort-alpha-desc":"_6qnc0v3e","sort-num-asc":"_6qnc0v3f","sort-num-desc":"_6qnc0v3g","star-outline":"_6qnc0v3h",star:"_6qnc0v3i","archive-circle":"_6qnc0v3j","x-circle":"_6qnc0v3k","exclamation-circle":"_6qnc0v3l","descending-ellipses-circle":"_6qnc0v3m","double-angle-right-circle":"_6qnc0v3n","locked-circle":"_6qnc0v3o","asterisk-circle":"_6qnc0v3p","checkmark-circle":"_6qnc0v3q","clock-circle":"_6qnc0v3r","calendar-blank-circle":"_6qnc0v3s","ban-circle":"_6qnc0v3t","disk-circle":"_6qnc0v3u","template-circle":"_6qnc0v3v","exclamation-triangle":"_6qnc0v3w",table:"_6qnc0v3x",tabs:"_6qnc0v3y","thumbs-down-outline":"_6qnc0v3z","thumbs-down":"_6qnc0v40","thumbs-up-outline":"_6qnc0v41","thumbs-up":"_6qnc0v42",trash:"_6qnc0v43","truck-shipping":"_6qnc0v44",twitter:"_6qnc0v45",undo:"_6qnc0v46",unlocked:"_6qnc0v47","upload-cloud":"_6qnc0v48",wrench:"_6qnc0v49",x:"_6qnc0v4a","arrow-right-circle":"_6qnc0v4b","calendar-select":"_6qnc0v4c",tag:"_6qnc0v4d",user:"_6qnc0v4e","eye-slash":"_6qnc0v4f","bell-filled":"_6qnc0v4g","nested-list":"_6qnc0v4h",pin:"_6qnc0v4i","user-impersonation":"_6qnc0v4j","status-archived":"_6qnc0v4k","status-cancelled":"_6qnc0v4l","status-error":"_6qnc0v4m","status-in-process":"_6qnc0v4n","status-in-transit":"_6qnc0v4o","status-locked":"_6qnc0v4p","status-new":"_6qnc0v4q","status-ok":"_6qnc0v4r","status-on-hold":"_6qnc0v4s","status-outdated":"_6qnc0v4t","status-rejected":"_6qnc0v4u","status-saved":"_6qnc0v4v","status-saving":"_6qnc0v4w","status-template":"_6qnc0v4x","status-warning":"_6qnc0v4y"},size:{xs:"_6qnc0v4z",sm:"_6qnc0v50",md:"_6qnc0v51",lg:"_6qnc0v52"}},defaultVariants:{size:"md"},compoundVariants:[]});function j({className:e,color:n,icon:t,size:a="md",...r}){return s.createElement("i",{className:v(J({iconName:t,size:a}),h.sprinkles({color:n}),e),"aria-hidden":"true",...r})}p.set(j,{name:"Icon",props:{icon:{type:"IconName",required:!0},size:{type:"IconSize",default:'"md"'},color:"Color"}});const X={addToList:{noDataZeroStateColumnTitle:"This Column is Empty",noDataZeroStateOnColumnSubheading:"Move options from the {{columnName}}",noDataZeroStateOffColumnSubheading:"Remove options from the {{columnName}}",moveAllItemsToCol:'Move All to "{{columnName}}"',onColumnHeader:"On Column",offColumnHeader:"Off Column",disabledDragTooltip:"Drag and drop are disabled when filters are engaged"},advancedSearch:{clear:"Clear Fields",search:"Search"},button:{spinningTitle:"Loading\u2026"},columnChooser:{removeButton:"Remove {{elementName}}"},columnManager:{title:"Manage Table Columns",filterText:"Find a Column",onListHeader:"Visible Columns",offListHeader:"Hidden Columns",cancelButton:"Cancel",saveButton:"Save"},contentRow:{collapse:"Collapse",expand:"Expand"},datepicker:{calendar:{prevMonth:"View Previous Month",nextMonth:"View Next Month"},preset:{custom:"Custom",today:"Today",before:"Before",after:"After",sevenDays:"Last 7 days",thirtyDays:"Last 30 days",sixtyDays:"Last 60 days",ninetyDays:"Last 90 days",oneYear:"Last year"},presetsLabel:"Ranges"},fileUpload:{acceptedTypes:"{{fileTypes}} format accepted",acceptedTypes_plural:"{{fileTypes}} formats accepted",cancelled:"File Upload Failed",cancelled_plural:"File Upload(s) Failed",close:"Close",instructions:"Drag and drop your file here or |browse for a file| on your desktop.",instructions_plural:"Drag and drop your files here or |browse for files| on your desktop.",maximumSize:"{{size}} maximum",processing:"Processing Upload\u2026",title:"Upload Your {{description}}"},filterPanel:{clear:"Clear Filters",title:"Filters",filterPlaceholder:"Filter options"},focusedTask:{close:"Close"},growler:{dismiss:"Dismiss"},insightCard:{all:"ALL",partnerCount:"{{count}} |of| {{total}}",partners:"PARTNERS"},insightTile:{all:"ALL",partnerCount:"{{count}} |of| {{total}}",partners:"PARTNERS"},label:{errors:{dateConstraint:{max:"Please enter a date on or prior to {{context.maxExceeded}}.",min:"Please enter a date on or after {{context.minExceeded}}."},dateFormat:"Please enter a date in the format {{context}}.",dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:"Please enter a value no greater than {{context}}.",maxLength:"Please enter no more than {{context}} characters.",min:"Please enter a value no less than {{context}}.",minLength:"Please enter at least {{context}} characters.",required:"This field is required."},preventativeErrors:{maxLength:"This field accepts a maximum number of characters.",alpha:"This field accepts only alphabetic values.",numeric:"This field accepts only numerical values.",nonNumeric:"This field accepts only non-numerical values."},stronglySuggested:"This field is strongly suggested."},listActionBar:{clearSelected:"Clear Selected",itemsSelected:"Items Selected"},listToolbar:{advancedSearchToggle:"Advanced Search"},modal:{close:"Close modal",defaultButtonLabel:"Okay",defaultTitle:{general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"}},pagination:{nextPage:"Next Page",ofMany:"of many",ofPageCount:"of {{pageCount}}",page:"Page",prevPage:"Previous Page"},progressBar:{closeButtonTitle:"Close progress bar"},searchResultsBar:{clear:"Clear",clearResults:"Clear Results",count:"{{count}} of {{total}}",matchingResults:"Matching results",noAdvancedSearchSelections:"No Advanced Search Selections",results:"Results:"},select:{defaultPlaceholder:"Select one\u2026"},slackLink:{label:"Chat"},spinner:{defaultAltText:"Loading\u2026"},taskQueue:{clearCompleted:"Clear Completed",newTask:"You have a new task in your queue.",noTasks:"There are currently no tasks in your queue."}},L={t(e,n){const t=_.getPath(X,e.replace(/^design-system:/,""));return n?_.template(t)(n):t}},z=s.createContext(L);function D(e){const n=e==null?void 0:e["data-testid"];return d.useCallback(t=>n?{"data-testid":`${n}__${t}`}:{},[n])}var K=C({defaultClassName:"_9gd2pg2",variantClassNames:{size:{sm:"_9gd2pg3",md:"_9gd2pg4",lg:"_9gd2pg5"}},defaultVariants:{size:"md"},compoundVariants:[]}),Q="_9gd2pg1";function y({alt:e,className:n,size:t,title:a,...r}){const{t:l}=s.useContext(z),c=e||a||l("design-system:spinner.defaultAltText"),o=D(r);return s.createElement("div",{className:v(Q,n),...r},s.createElement("i",{className:K({size:t}),...o("icon"),title:c}))}p.set(y,{name:"Spinner",props:{alt:"string",size:{type:'"sm" | "md" | "lg"',default:'"md"'},title:"string"}});var $="_17ntd80";function x({className:e,...n}){return s.createElement("div",{className:v($,e),...n})}function ee(e){return s.createElement(x,{...e})}p.set(x,{name:"VerticalRule"});function ne(e,n){return d.cloneElement(e,{className:v(e.props.className,n)})}function te(e,n){return d.cloneElement(e,n)}function ae(e,n,t=[]){return s.useMemo(()=>{function a(r){return s.createElement(e,{...r,...n},r.children)}return a},t)}function re(e){return typeof e=="function"?e():e}function b(e,n,t=!0){if(Array.isArray(e))return e.map(u=>b(u,n));if(["boolean","string"].includes(typeof e))return e;const a=e,r=a.props.hasOwnProperty("children")?[].concat(a.props.children):[],[l,c]=n(a,r),o=Array.isArray(c)?c:r,i=t?o.map(u=>b(u,n)):o;return d.cloneElement(a,l,...i)}function ce(e,{type:n,props:t={},custom:a}){return a?a(e.type):e.type===n?Object.keys(t).every(r=>t[r]===e.props[r]):!1}function S(e){return e.hasOwnProperty("type")&&e.type===d.Fragment?e.props.children:e}function oe(e=[],n=[]){const t=Array.isArray(e)?e.map(S):S(e),a=Array.isArray(t)?_.flatten(t):[t],r=n.map(c=>Array.isArray(c)?c:[c]),l=new Array(r.length+1).fill(null).map(()=>[]);for(const c of a){let o=!1;for(let i=0;i<r.length;i+=1){for(const u of r[i])if(o=ce(c,u),o){l[i].push(c);break}if(o)break}o||l[l.length-1].push(c)}return l}function se(e,n){return{...e,...n}}function le(e){return d.useReducer(se,e)}const M=d.createContext(null);function ie(e,n=[]){const t=d.useContext(M);return d.useMemo(()=>a=>{const l=t&&t.parentElementRef&&t.parentElementRef.current||document.body;let c=null,o=l.lastElementChild;for(;o!==l.firstElementChild;){if(o&&o.hasAttribute("data-portalid")&&o.getAttribute("data-portalid")===e){c=o;break}o&&(o=o.previousElementSibling)}if(c)l.contains(c)||l.appendChild(c);else{c=document.createElement("div"),c.setAttribute("data-portalid",e);for(const i of n)c.classList.add(i);l.appendChild(c)}return B.createPortal(a,c)},[t])}var V=(e=>(e.ASCENDING="ascending",e.DESCENDING="descending",e))(V||{});function ue(e){return e.hasOwnProperty("react")}function de(e){return e.hasOwnProperty("jsx")}const ve={components:[y],examples:{basic:{examples:{small:{react:_.code`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),h=require("@sps-woodland/tokens"),f=require("@spscommerce/utils"),B=require("react-dom");function F(e){if(e&&e.__esModule)return e;const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const s=F(d);const g=Symbol("WoodlandComponentMetadata"),v=Object.freeze({isWoodlandComponent(e){return typeof e=="function"&&e.hasOwnProperty(g)},get(e){return e[g]},set(e,n){Object.assign(e,{[g]:n})}});function p(...e){return e.filter(Boolean).map(String).join(" ")}const E=function({children:e,elements:n}){if(n.length===0)return s.createElement(s.Fragment,null,e);const[t,r]=Array.isArray(n[0])?n[0]:[n[0]];return s.createElement(t,{...r!=null?r:{}},s.createElement(E,{elements:n.slice(1)},e))};function k({children:e,providers:n=[],...t}){return s.createElement("div",{...t},s.createElement(E,{elements:n},e))}function W(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function w(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}return t}function P(e){for(var n=1;n<arguments.length;n++){var t=arguments[n]!=null?arguments[n]:{};n%2?w(Object(t),!0).forEach(function(r){W(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):w(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var H=(e,n,t)=>{for(var r of Object.keys(e)){var a;if(e[r]!==((a=n[r])!==null&&a!==void 0?a:t[r]))return!1}return!0},b=e=>n=>{var t=e.defaultClassName,r=P(P({},e.defaultVariants),n);for(var a in r){var l,c=(l=r[a])!==null&&l!==void 0?l:e.defaultVariants[a];if(c!=null){var o=c;typeof o=="boolean"&&(o=o===!0?"true":"false");var i=e.variantClassNames[a][o];i&&(t+=" "+i)}}for(var[u,_]of e.compoundVariants)H(u,r,e.defaultVariants)&&(t+=" "+_);return t},U=b({defaultClassName:"g5vsg0",variantClassNames:{fullWidth:{true:"g5vsg1"}},defaultVariants:{},compoundVariants:[]});function A({children:e,className:n,fullWidth:t,...r}){return s.createElement(k,{className:p(U({fullWidth:t}),n),...r},e)}v.set(A,{name:"AppRoot",props:{fullWidth:{type:"boolean",default:"false"},providers:"React.ElementType[]"}});const G=["alignItems","display","flex","flexWrap","justifyContent","textAlign"],Y=new Set(G),T=s.forwardRef(({children:e,className:n,inline:t,style:r,...a},l)=>{const[c,o,i]=Object.keys(a).reduce(([u,_,q],m)=>h.sprinkles.properties.has(m)?[{...u,[m]:a[m]},_,q]:Y.has(m)?[u,{..._,[m]:a[m]},q]:[u,_,{...q,[m]:a[m]}],[{},{...t?{display:"inline"}:null,...r},{}]);return s.createElement("div",{ref:l,className:p(h.sprinkles(c),n),style:o,...i},e)});v.set(T,{name:"Box"});var O={root:"w9p2pg0",title:"w9p2pg1"};function R({className:e,children:n,...t}){return s.createElement("div",{className:p(O.root,e),...t},n)}v.set(R,{name:"CapContent"});function N({className:e,children:n,...t}){return s.createElement("div",{className:p(O.title,e),...t},n)}v.set(N,{name:"CapContentTitle"});var Z="o0pwg0";const I=s.forwardRef(({children:e,className:n,...t},r)=>s.createElement("div",{ref:r,className:p(Z,n),...t},e));v.set(I,{name:"Content"});var J=b({defaultClassName:"_6qnc0v53",variantClassNames:{iconName:{"angle-left":"_6qnc0v0","angle-right":"_6qnc0v1",archive:"_6qnc0v2","arrow-down":"_6qnc0v3","arrow-left-circle":"_6qnc0v4","arrow-left":"_6qnc0v5","arrow-right":"_6qnc0v6","arrow-up":"_6qnc0v7",asterisk:"_6qnc0v8",ban:"_6qnc0v9",barcode:"_6qnc0va",bell:"_6qnc0vb",bolt:"_6qnc0vc",book:"_6qnc0vd",building:"_6qnc0ve","burst-bolt":"_6qnc0vf",burst:"_6qnc0vg","calendar-blank":"_6qnc0vh",calendar:"_6qnc0vi",camera:"_6qnc0vj","chart-area":"_6qnc0vk","chart-bar":"_6qnc0vl","chart-line":"_6qnc0vm","chart-pie":"_6qnc0vn",checkmark:"_6qnc0vo","chevron-down":"_6qnc0vp","chevron-left":"_6qnc0vq","chevron-right":"_6qnc0vr","chevron-up":"_6qnc0vs","circle-outline":"_6qnc0vt",clock:"_6qnc0vu","code-fork":"_6qnc0vv","comment-bubble-question":"_6qnc0vw","comment-bubble":"_6qnc0vx",conversation:"_6qnc0vy","column-switcher":"_6qnc0vz","credit-card":"_6qnc0v10",dashboard:"_6qnc0v11",database:"_6qnc0v12",disk:"_6qnc0v13","dollar-sign":"_6qnc0v14","double-angle-left":"_6qnc0v15","double-angle-right":"_6qnc0v16","download-cloud":"_6qnc0v17",drill:"_6qnc0v18",duplicate:"_6qnc0v19",ellipses:"_6qnc0v1a",envelope:"_6qnc0v1b",exchange:"_6qnc0v1c","expand-collapse":"_6qnc0v1d",eye:"_6qnc0v1e","file-duplicate":"_6qnc0v1f","file-pdf":"_6qnc0v1g","file-presentation":"_6qnc0v1h","file-size":"_6qnc0v1i","file-solid-text":"_6qnc0v1j","file-solid":"_6qnc0v1k","file-spreadsheet":"_6qnc0v1l","file-text":"_6qnc0v1m",file:"_6qnc0v1n",filter:"_6qnc0v1o",flag:"_6qnc0v1p","folder-open":"_6qnc0v1q","folder-solid-open":"_6qnc0v1r","folder-solid":"_6qnc0v1s",folder:"_6qnc0v1t",gear:"_6qnc0v1u",globe:"_6qnc0v1v",grid:"_6qnc0v1w",group:"_6qnc0v1x","hand-stop":"_6qnc0v1y",handshake:"_6qnc0v1z",hat:"_6qnc0v20",heart:"_6qnc0v21",history:"_6qnc0v22",inbox:"_6qnc0v23",incoming:"_6qnc0v24","info-circle":"_6qnc0v25",intercom:"_6qnc0v26","item-tag":"_6qnc0v27",key:"_6qnc0v28","life-preserver":"_6qnc0v29",lightbulb:"_6qnc0v2a",link:"_6qnc0v2b",linkedin:"_6qnc0v2c","list-cards":"_6qnc0v2d","list-columns":"_6qnc0v2e","list-summary":"_6qnc0v2f","list-table":"_6qnc0v2g",list:"_6qnc0v2h",location:"_6qnc0v2i",locked:"_6qnc0v2j","map-marker":"_6qnc0v2k",map:"_6qnc0v2l",maximize:"_6qnc0v2m",minimize:"_6qnc0v2n","minus-circle":"_6qnc0v2o",minus:"_6qnc0v2p","new-file":"_6qnc0v2q","new-screen":"_6qnc0v2r",outgoing:"_6qnc0v2s","paper-plane":"_6qnc0v2t",pencil:"_6qnc0v2u",photo:"_6qnc0v2v",pinterest:"_6qnc0v2w",play:"_6qnc0v2x","plus-circle":"_6qnc0v2y","plus-sign":"_6qnc0v2z",presentation:"_6qnc0v30",printer:"_6qnc0v31","qr-code":"_6qnc0v32","question-circle":"_6qnc0v33","quote-left":"_6qnc0v34","quote-right":"_6qnc0v35",random:"_6qnc0v36",refresh:"_6qnc0v37",rocket:"_6qnc0v38","search-plus":"_6qnc0v39",search:"_6qnc0v3a",share:"_6qnc0v3b","shopping-cart":"_6qnc0v3c","sort-alpha-asc":"_6qnc0v3d","sort-alpha-desc":"_6qnc0v3e","sort-num-asc":"_6qnc0v3f","sort-num-desc":"_6qnc0v3g","star-outline":"_6qnc0v3h",star:"_6qnc0v3i","archive-circle":"_6qnc0v3j","x-circle":"_6qnc0v3k","exclamation-circle":"_6qnc0v3l","descending-ellipses-circle":"_6qnc0v3m","double-angle-right-circle":"_6qnc0v3n","locked-circle":"_6qnc0v3o","asterisk-circle":"_6qnc0v3p","checkmark-circle":"_6qnc0v3q","clock-circle":"_6qnc0v3r","calendar-blank-circle":"_6qnc0v3s","ban-circle":"_6qnc0v3t","disk-circle":"_6qnc0v3u","template-circle":"_6qnc0v3v","exclamation-triangle":"_6qnc0v3w",table:"_6qnc0v3x",tabs:"_6qnc0v3y","thumbs-down-outline":"_6qnc0v3z","thumbs-down":"_6qnc0v40","thumbs-up-outline":"_6qnc0v41","thumbs-up":"_6qnc0v42",trash:"_6qnc0v43","truck-shipping":"_6qnc0v44",twitter:"_6qnc0v45",undo:"_6qnc0v46",unlocked:"_6qnc0v47","upload-cloud":"_6qnc0v48",wrench:"_6qnc0v49",x:"_6qnc0v4a","arrow-right-circle":"_6qnc0v4b","calendar-select":"_6qnc0v4c",tag:"_6qnc0v4d",user:"_6qnc0v4e","eye-slash":"_6qnc0v4f","bell-filled":"_6qnc0v4g","nested-list":"_6qnc0v4h",pin:"_6qnc0v4i","user-impersonation":"_6qnc0v4j","status-archived":"_6qnc0v4k","status-cancelled":"_6qnc0v4l","status-error":"_6qnc0v4m","status-in-process":"_6qnc0v4n","status-in-transit":"_6qnc0v4o","status-locked":"_6qnc0v4p","status-new":"_6qnc0v4q","status-ok":"_6qnc0v4r","status-on-hold":"_6qnc0v4s","status-outdated":"_6qnc0v4t","status-rejected":"_6qnc0v4u","status-saved":"_6qnc0v4v","status-saving":"_6qnc0v4w","status-template":"_6qnc0v4x","status-warning":"_6qnc0v4y"},size:{xs:"_6qnc0v4z",sm:"_6qnc0v50",md:"_6qnc0v51",lg:"_6qnc0v52"}},defaultVariants:{size:"md"},compoundVariants:[]});function j({className:e,color:n,icon:t,size:r="md",...a}){return s.createElement("i",{className:p(J({iconName:t,size:r}),h.sprinkles({color:n}),e),"aria-hidden":"true",...a})}v.set(j,{name:"Icon",props:{icon:{type:"IconName",required:!0},size:{type:"IconSize",default:'"md"'},color:"Color"}});const X={addToList:{noDataZeroStateColumnTitle:"This Column is Empty",noDataZeroStateOnColumnSubheading:"Move options from the {{columnName}}",noDataZeroStateOffColumnSubheading:"Remove options from the {{columnName}}",moveAllItemsToCol:'Move All to "{{columnName}}"',onColumnHeader:"On Column",offColumnHeader:"Off Column",disabledDragTooltip:"Drag and drop are disabled when filters are engaged"},advancedSearch:{clear:"Clear Fields",search:"Search"},button:{spinningTitle:"Loading\u2026"},columnChooser:{removeButton:"Remove {{elementName}}"},columnManager:{title:"Manage Table Columns",filterText:"Find a Column",onListHeader:"Visible Columns",offListHeader:"Hidden Columns",cancelButton:"Cancel",saveButton:"Save"},contentRow:{collapse:"Collapse",expand:"Expand"},datepicker:{calendar:{prevMonth:"View Previous Month",nextMonth:"View Next Month"},preset:{custom:"Custom",today:"Today",before:"Before",after:"After",sevenDays:"Last 7 days",thirtyDays:"Last 30 days",sixtyDays:"Last 60 days",ninetyDays:"Last 90 days",oneYear:"Last year"},presetsLabel:"Ranges"},fileUpload:{acceptedTypes:"{{fileTypes}} format accepted",acceptedTypes_plural:"{{fileTypes}} formats accepted",cancelled:"File Upload Failed",cancelled_plural:"File Upload(s) Failed",close:"Close",instructions:"Drag and drop your file here or |browse for a file| on your desktop.",instructions_plural:"Drag and drop your files here or |browse for files| on your desktop.",maximumSize:"{{size}} maximum",processing:"Processing Upload\u2026",title:"Upload Your {{description}}"},filterPanel:{clear:"Clear Filters",title:"Filters",filterPlaceholder:"Filter options"},focusedTask:{close:"Close"},growler:{dismiss:"Dismiss"},insightCard:{all:"ALL",partnerCount:"{{count}} |of| {{total}}",partners:"PARTNERS"},insightTile:{all:"ALL",partnerCount:"{{count}} |of| {{total}}",partners:"PARTNERS"},label:{errors:{dateConstraint:{max:"Please enter a date on or prior to {{context.maxExceeded}}.",min:"Please enter a date on or after {{context.minExceeded}}."},dateFormat:"Please enter a date in the format {{context}}.",dateRangeOrder:"End date cannot be before start date.",dateValidity:"Please enter a valid date.",max:"Please enter a value no greater than {{context}}.",maxLength:"Please enter no more than {{context}} characters.",min:"Please enter a value no less than {{context}}.",minLength:"Please enter at least {{context}} characters.",required:"This field is required."},preventativeErrors:{maxLength:"This field accepts a maximum number of characters.",alpha:"This field accepts only alphabetic values.",numeric:"This field accepts only numerical values.",nonNumeric:"This field accepts only non-numerical values."},stronglySuggested:"This field is strongly suggested."},listActionBar:{clearSelected:"Clear Selected",itemsSelected:"Items Selected"},listToolbar:{advancedSearchToggle:"Advanced Search"},modal:{close:"Close modal",defaultButtonLabel:"Okay",defaultTitle:{general:"Action",info:"Info",success:"Success",warning:"Warning","serious-warning":"Warning"}},pagination:{nextPage:"Next Page",ofMany:"of many",ofPageCount:"of {{pageCount}}",page:"Page",prevPage:"Previous Page"},progressBar:{closeButtonTitle:"Close progress bar"},searchResultsBar:{clear:"Clear",clearResults:"Clear Results",count:"{{count}} of {{total}}",matchingResults:"Matching results",noAdvancedSearchSelections:"No Advanced Search Selections",results:"Results:"},select:{defaultPlaceholder:"Select one\u2026"},slackLink:{label:"Chat"},spinner:{defaultAltText:"Loading\u2026"},taskQueue:{clearCompleted:"Clear Completed",newTask:"You have a new task in your queue.",noTasks:"There are currently no tasks in your queue."}},L={t(e,n){const t=f.getPath(X,e.replace(/^design-system:/,""));return n?f.template(t)(n):t}},z=s.createContext(L);function D(e){const n=e==null?void 0:e["data-testid"];return d.useCallback(t=>n?{"data-testid":`${n}__${t}`}:{},[n])}var K=b({defaultClassName:"_9gd2pg2",variantClassNames:{size:{sm:"_9gd2pg3",md:"_9gd2pg4",lg:"_9gd2pg5"},color:{dark:"_9gd2pg6",light:"_9gd2pg7"}},defaultVariants:{size:"md",color:"dark"},compoundVariants:[]}),Q="_9gd2pg1";function y({alt:e,className:n,size:t,title:r,color:a,...l}){const{t:c}=s.useContext(z),o=e||r||c("design-system:spinner.defaultAltText"),i=D(l);return s.createElement("div",{className:p(Q,n),...l},s.createElement("i",{className:K({size:t,color:a}),...i("icon"),title:o}))}v.set(y,{name:"Spinner",props:{alt:"string",size:{type:'"sm" | "md" | "lg"',default:'"md"'},title:"string",color:{type:'"dark | light"',default:'"dark"'}}});var $="_17ntd80";function x({className:e,...n}){return s.createElement("div",{className:p($,e),...n})}function ee(e){return s.createElement(x,{...e})}v.set(x,{name:"VerticalRule"});function ne(e,n){return d.cloneElement(e,{className:p(e.props.className,n)})}function te(e,n){return d.cloneElement(e,n)}function re(e,n,t=[]){return s.useMemo(()=>{function r(a){return s.createElement(e,{...a,...n},a.children)}return r},t)}function ae(...e){return function(n){for(const t of e)t&&t(n)}}function ce(e,...n){return typeof e=="function"?e(...n):e}function C(e,n,t=!0){if(Array.isArray(e))return e.map(u=>C(u,n));if(["boolean","string"].includes(typeof e))return e;const r=e,a=r.props.hasOwnProperty("children")?[].concat(r.props.children):[],[l,c]=n(r,a),o=Array.isArray(c)?c:a,i=t?o.map(u=>C(u,n)):o;return d.cloneElement(r,l,...i)}function oe(e,{type:n,props:t={},custom:r}){return r?r(e.type):e.type===n?Object.keys(t).every(a=>t[a]===e.props[a]):!1}function S(e){return e.hasOwnProperty("type")&&e.type===d.Fragment?e.props.children:e}function se(e=[],n=[]){const t=Array.isArray(e)?e.map(S):S(e),r=Array.isArray(t)?f.flatten(t):[t],a=n.map(c=>Array.isArray(c)?c:[c]),l=new Array(a.length+1).fill(null).map(()=>[]);for(const c of r){let o=!1;for(let i=0;i<a.length;i+=1){for(const u of a[i])if(o=oe(c,u),o){l[i].push(c);break}if(o)break}o||l[l.length-1].push(c)}return l}let le=(e=21)=>crypto.getRandomValues(new Uint8Array(e)).reduce((n,t)=>(t&=63,t<36?n+=t.toString(36):t<62?n+=(t-26).toString(36).toUpperCase():t>62?n+="-":n+="_",n),"");function ie(e){return d.useRef(e||le())}function ue(e,n){return{...e,...n}}function de(e){return d.useReducer(ue,e)}const M=d.createContext(null);function pe(e,n=[]){const t=d.useContext(M);return d.useMemo(()=>r=>{const l=t&&t.parentElementRef&&t.parentElementRef.current||document.body;let c=null,o=l.lastElementChild;for(;o!==l.firstElementChild;){if(o&&o.hasAttribute("data-portalid")&&o.getAttribute("data-portalid")===e){c=o;break}o&&(o=o.previousElementSibling)}if(c)l.contains(c)||l.appendChild(c);else{c=document.createElement("div"),c.setAttribute("data-portalid",e);for(const i of n)c.classList.add(i);l.appendChild(c)}return B.createPortal(r,c)},[t])}var V=(e=>(e.ASCENDING="ascending",e.DESCENDING="descending",e))(V||{});function ve(e){return e.hasOwnProperty("react")}function me(e){return e.hasOwnProperty("jsx")}const fe={components:[y],examples:{basic:{examples:{small:{react:f.code`
             import { Spinner } from "@sps-woodland/core";
@@ -8,3 +8,3 @@ function Component() {
             }
-          `},medium:{react:_.code`
+          `},medium:{react:f.code`
             import { Spinner } from "@sps-woodland/core";
@@ -19,3 +19,3 @@ function Component() {
             }
-          `},large:{react:_.code`
+          `},large:{react:f.code`
             import { Spinner } from "@sps-woodland/core";
@@ -27,2 +27,2 @@ function Component() {
             }
-          `}}}}},pe={Spinner:ve};exports.AppRoot=T;exports.Box=k;exports.CapContent=N;exports.CapContentTitle=R;exports.Content=I;exports.I18nContext=z;exports.Icon=j;exports.MANIFEST=pe;exports.Metadata=p;exports.PortalContext=M;exports.Provide=A;exports.SortDirection=V;exports.Spinner=y;exports.VerticalRule=x;exports.Vr=ee;exports.addClassName=ne;exports.addProps=te;exports.bindProps=ae;exports.cl=v;exports.contentOf=re;exports.exampleIsReactComponentExample=ue;exports.exampleIsReactJSXExample=de;exports.modChildren=b;exports.noI18nI18n=L;exports.selectChildren=oe;exports.useChildTestIdAttrBuilder=D;exports.usePatchReducer=le;exports.usePortal=ie;
+          `}}}}},_e={Spinner:fe};exports.AppRoot=A;exports.Box=T;exports.CapContent=R;exports.CapContentTitle=N;exports.Content=I;exports.I18nContext=z;exports.Icon=j;exports.MANIFEST=_e;exports.Metadata=v;exports.PortalContext=M;exports.Provide=k;exports.SortDirection=V;exports.Spinner=y;exports.VerticalRule=x;exports.Vr=ee;exports.addClassName=ne;exports.addProps=te;exports.bindProps=re;exports.cl=p;exports.combineEventHandlers=ae;exports.contentOf=ce;exports.exampleIsReactComponentExample=ve;exports.exampleIsReactJSXExample=me;exports.modChildren=C;exports.noI18nI18n=L;exports.selectChildren=se;exports.useChildTestIdAttrBuilder=D;exports.useElementId=ie;exports.usePatchReducer=de;exports.usePortal=pe;

lib/index.d.ts

@@ -24,2 +24,4 @@ /**
 export * from "./utils/cl";
+export * from "./utils/ChildrenFn";
+export * from "./utils/combineEventHandlers";
 export * from "./utils/ComponentProps";
@@ -31,2 +33,3 @@ export * from "./utils/contentOf";
 export * from "./utils/useChildTestIdAttrBuilder";
+export * from "./utils/useElementId";
 export * from "./utils/usePatchReducer";
@@ -33,0 +36,0 @@ export * from "./utils/usePortal";

lib/index.es.js

 import * as s from "react";
-import { useCallback as T, cloneElement as g, Fragment as k, useReducer as N, createContext as O, useContext as R, useMemo as L } from "react";
-import { sprinkles as h } from "@sps-woodland/tokens";
-import { getPath as j, template as z, flatten as I, code as f } from "@spscommerce/utils";
-import { createPortal as D } from "react-dom";
+import { useCallback as k, cloneElement as h, Fragment as T, useRef as N, useReducer as R, createContext as O, useContext as L, useMemo as j } from "react";
+import { sprinkles as g } from "@sps-woodland/tokens";
+import { getPath as z, template as I, flatten as D, code as _ } from "@spscommerce/utils";
+import { createPortal as V } from "react-dom";
 const q = Symbol("WoodlandComponentMetadata"), p = Object.freeze({
@@ -26,5 +26,5 @@ isWoodlandComponent(e) {
     return /* @__PURE__ */ s.createElement(s.Fragment, null, e);
-  const [t, a] = Array.isArray(n[0]) ? n[0] : [n[0]];
+  const [t, r] = Array.isArray(n[0]) ? n[0] : [n[0]];
   return /* @__PURE__ */ s.createElement(t, {
-    ...a != null ? a : {}
+    ...r != null ? r : {}
   }, /* @__PURE__ */ s.createElement(P, {
@@ -34,3 +34,3 @@ elements: n.slice(1)
 };
-function V({
+function M({
   children: e,
@@ -46,3 +46,3 @@ providers: n = [],
 }
-function M(e, n, t) {
+function B(e, n, t) {
   return n in e ? Object.defineProperty(e, n, {
@@ -55,19 +55,19 @@ value: t,
 }
-function y(e, n) {
+function C(e, n) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
-    var a = Object.getOwnPropertySymbols(e);
-    n && (a = a.filter(function(r) {
-      return Object.getOwnPropertyDescriptor(e, r).enumerable;
-    })), t.push.apply(t, a);
+    var r = Object.getOwnPropertySymbols(e);
+    n && (r = r.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), t.push.apply(t, r);
   }
   return t;
 }
-function C(e) {
+function b(e) {
   for (var n = 1; n < arguments.length; n++) {
     var t = arguments[n] != null ? arguments[n] : {};
-    n % 2 ? y(Object(t), !0).forEach(function(a) {
-      M(e, a, t[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : y(Object(t)).forEach(function(a) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(t, a));
+    n % 2 ? C(Object(t), !0).forEach(function(r) {
+      B(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : C(Object(t)).forEach(function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
@@ -77,17 +77,17 @@ }
 }
-var B = (e, n, t) => {
-  for (var a of Object.keys(e)) {
-    var r;
-    if (e[a] !== ((r = n[a]) !== null && r !== void 0 ? r : t[a]))
+var F = (e, n, t) => {
+  for (var r of Object.keys(e)) {
+    var a;
+    if (e[r] !== ((a = n[r]) !== null && a !== void 0 ? a : t[r]))
       return !1;
   }
   return !0;
-}, b = (e) => (n) => {
-  var t = e.defaultClassName, a = C(C({}, e.defaultVariants), n);
-  for (var r in a) {
-    var l, c = (l = a[r]) !== null && l !== void 0 ? l : e.defaultVariants[r];
+}, y = (e) => (n) => {
+  var t = e.defaultClassName, r = b(b({}, e.defaultVariants), n);
+  for (var a in r) {
+    var l, c = (l = r[a]) !== null && l !== void 0 ? l : e.defaultVariants[a];
     if (c != null) {
       var o = c;
       typeof o == "boolean" && (o = o === !0 ? "true" : "false");
-      var i = e.variantClassNames[r][o];
+      var i = e.variantClassNames[a][o];
       i && (t += " " + i);
@@ -97,17 +97,17 @@ }
   for (var [u, m] of e.compoundVariants)
-    B(u, a, e.defaultVariants) && (t += " " + m);
+    F(u, r, e.defaultVariants) && (t += " " + m);
   return t;
-}, F = b({ defaultClassName: "g5vsg0", variantClassNames: { fullWidth: { true: "g5vsg1" } }, defaultVariants: {}, compoundVariants: [] });
-function W({
+}, W = y({ defaultClassName: "g5vsg0", variantClassNames: { fullWidth: { true: "g5vsg1" } }, defaultVariants: {}, compoundVariants: [] });
+function U({
   children: e,
   className: n,
   fullWidth: t,
-  ...a
+  ...r
 }) {
-  return /* @__PURE__ */ s.createElement(V, {
-    className: d(F({ fullWidth: t }), n),
-    ...a
+  return /* @__PURE__ */ s.createElement(M, {
+    className: d(W({ fullWidth: t }), n),
+    ...r
   }, e);
 }
-p.set(W, {
+p.set(U, {
   name: "AppRoot",
@@ -126,3 +126,3 @@ props: {
   "textAlign"
-], U = new Set(H), G = s.forwardRef(
+], G = new Set(H), Y = s.forwardRef(
   ({
@@ -132,4 +132,4 @@ children: e,
     inline: t,
-    style: a,
-    ...r
+    style: r,
+    ...a
   }, l) => {
@@ -140,18 +140,18 @@ const [
       i
-    ] = Object.keys(r).reduce(([
+    ] = Object.keys(a).reduce(([
       u,
       m,
-      _
-    ], v) => h.properties.has(v) ? [
-      { ...u, [v]: r[v] },
+      f
+    ], v) => g.properties.has(v) ? [
+      { ...u, [v]: a[v] },
       m,
-      _
-    ] : U.has(v) ? [
+      f
+    ] : G.has(v) ? [
       u,
-      { ...m, [v]: r[v] },
-      _
+      { ...m, [v]: a[v] },
+      f
     ] : [
       u,
       m,
-      { ..._, [v]: r[v] }
+      { ...f, [v]: a[v] }
     ], [
@@ -161,3 +161,3 @@ {},
         ...t ? { display: "inline" } : null,
-        ...a
+        ...r
       },
@@ -168,3 +168,3 @@ {}
       ref: l,
-      className: d(h(c), n),
+      className: d(g(c), n),
       style: o,
@@ -175,5 +175,5 @@ ...i
 );
-p.set(G, { name: "Box" });
+p.set(Y, { name: "Box" });
 var S = { root: "w9p2pg0", title: "w9p2pg1" };
-function Y({
+function Z({
   className: e,
@@ -188,4 +188,4 @@ children: n,
 }
-p.set(Y, { name: "CapContent" });
-function Z({
+p.set(Z, { name: "CapContent" });
+function J({
   className: e,
@@ -200,5 +200,5 @@ children: n,
 }
-p.set(Z, { name: "CapContentTitle" });
-var J = "o0pwg0";
-const K = s.forwardRef(
+p.set(J, { name: "CapContentTitle" });
+var K = "o0pwg0";
+const Q = s.forwardRef(
   ({
@@ -208,28 +208,28 @@ children: e,
     ...t
-  }, a) => /* @__PURE__ */ s.createElement("div", {
-    ref: a,
-    className: d(J, n),
+  }, r) => /* @__PURE__ */ s.createElement("div", {
+    ref: r,
+    className: d(K, n),
     ...t
   }, e)
 );
-p.set(K, { name: "Content" });
-var Q = b({ defaultClassName: "_6qnc0v53", variantClassNames: { iconName: { "angle-left": "_6qnc0v0", "angle-right": "_6qnc0v1", archive: "_6qnc0v2", "arrow-down": "_6qnc0v3", "arrow-left-circle": "_6qnc0v4", "arrow-left": "_6qnc0v5", "arrow-right": "_6qnc0v6", "arrow-up": "_6qnc0v7", asterisk: "_6qnc0v8", ban: "_6qnc0v9", barcode: "_6qnc0va", bell: "_6qnc0vb", bolt: "_6qnc0vc", book: "_6qnc0vd", building: "_6qnc0ve", "burst-bolt": "_6qnc0vf", burst: "_6qnc0vg", "calendar-blank": "_6qnc0vh", calendar: "_6qnc0vi", camera: "_6qnc0vj", "chart-area": "_6qnc0vk", "chart-bar": "_6qnc0vl", "chart-line": "_6qnc0vm", "chart-pie": "_6qnc0vn", checkmark: "_6qnc0vo", "chevron-down": "_6qnc0vp", "chevron-left": "_6qnc0vq", "chevron-right": "_6qnc0vr", "chevron-up": "_6qnc0vs", "circle-outline": "_6qnc0vt", clock: "_6qnc0vu", "code-fork": "_6qnc0vv", "comment-bubble-question": "_6qnc0vw", "comment-bubble": "_6qnc0vx", conversation: "_6qnc0vy", "column-switcher": "_6qnc0vz", "credit-card": "_6qnc0v10", dashboard: "_6qnc0v11", database: "_6qnc0v12", disk: "_6qnc0v13", "dollar-sign": "_6qnc0v14", "double-angle-left": "_6qnc0v15", "double-angle-right": "_6qnc0v16", "download-cloud": "_6qnc0v17", drill: "_6qnc0v18", duplicate: "_6qnc0v19", ellipses: "_6qnc0v1a", envelope: "_6qnc0v1b", exchange: "_6qnc0v1c", "expand-collapse": "_6qnc0v1d", eye: "_6qnc0v1e", "file-duplicate": "_6qnc0v1f", "file-pdf": "_6qnc0v1g", "file-presentation": "_6qnc0v1h", "file-size": "_6qnc0v1i", "file-solid-text": "_6qnc0v1j", "file-solid": "_6qnc0v1k", "file-spreadsheet": "_6qnc0v1l", "file-text": "_6qnc0v1m", file: "_6qnc0v1n", filter: "_6qnc0v1o", flag: "_6qnc0v1p", "folder-open": "_6qnc0v1q", "folder-solid-open": "_6qnc0v1r", "folder-solid": "_6qnc0v1s", folder: "_6qnc0v1t", gear: "_6qnc0v1u", globe: "_6qnc0v1v", grid: "_6qnc0v1w", group: "_6qnc0v1x", "hand-stop": "_6qnc0v1y", handshake: "_6qnc0v1z", hat: "_6qnc0v20", heart: "_6qnc0v21", history: "_6qnc0v22", inbox: "_6qnc0v23", incoming: "_6qnc0v24", "info-circle": "_6qnc0v25", intercom: "_6qnc0v26", "item-tag": "_6qnc0v27", key: "_6qnc0v28", "life-preserver": "_6qnc0v29", lightbulb: "_6qnc0v2a", link: "_6qnc0v2b", linkedin: "_6qnc0v2c", "list-cards": "_6qnc0v2d", "list-columns": "_6qnc0v2e", "list-summary": "_6qnc0v2f", "list-table": "_6qnc0v2g", list: "_6qnc0v2h", location: "_6qnc0v2i", locked: "_6qnc0v2j", "map-marker": "_6qnc0v2k", map: "_6qnc0v2l", maximize: "_6qnc0v2m", minimize: "_6qnc0v2n", "minus-circle": "_6qnc0v2o", minus: "_6qnc0v2p", "new-file": "_6qnc0v2q", "new-screen": "_6qnc0v2r", outgoing: "_6qnc0v2s", "paper-plane": "_6qnc0v2t", pencil: "_6qnc0v2u", photo: "_6qnc0v2v", pinterest: "_6qnc0v2w", play: "_6qnc0v2x", "plus-circle": "_6qnc0v2y", "plus-sign": "_6qnc0v2z", presentation: "_6qnc0v30", printer: "_6qnc0v31", "qr-code": "_6qnc0v32", "question-circle": "_6qnc0v33", "quote-left": "_6qnc0v34", "quote-right": "_6qnc0v35", random: "_6qnc0v36", refresh: "_6qnc0v37", rocket: "_6qnc0v38", "search-plus": "_6qnc0v39", search: "_6qnc0v3a", share: "_6qnc0v3b", "shopping-cart": "_6qnc0v3c", "sort-alpha-asc": "_6qnc0v3d", "sort-alpha-desc": "_6qnc0v3e", "sort-num-asc": "_6qnc0v3f", "sort-num-desc": "_6qnc0v3g", "star-outline": "_6qnc0v3h", star: "_6qnc0v3i", "archive-circle": "_6qnc0v3j", "x-circle": "_6qnc0v3k", "exclamation-circle": "_6qnc0v3l", "descending-ellipses-circle": "_6qnc0v3m", "double-angle-right-circle": "_6qnc0v3n", "locked-circle": "_6qnc0v3o", "asterisk-circle": "_6qnc0v3p", "checkmark-circle": "_6qnc0v3q", "clock-circle": "_6qnc0v3r", "calendar-blank-circle": "_6qnc0v3s", "ban-circle": "_6qnc0v3t", "disk-circle": "_6qnc0v3u", "template-circle": "_6qnc0v3v", "exclamation-triangle": "_6qnc0v3w", table: "_6qnc0v3x", tabs: "_6qnc0v3y", "thumbs-down-outline": "_6qnc0v3z", "thumbs-down": "_6qnc0v40", "thumbs-up-outline": "_6qnc0v41", "thumbs-up": "_6qnc0v42", trash: "_6qnc0v43", "truck-shipping": "_6qnc0v44", twitter: "_6qnc0v45", undo: "_6qnc0v46", unlocked: "_6qnc0v47", "upload-cloud": "_6qnc0v48", wrench: "_6qnc0v49", x: "_6qnc0v4a", "arrow-right-circle": "_6qnc0v4b", "calendar-select": "_6qnc0v4c", tag: "_6qnc0v4d", user: "_6qnc0v4e", "eye-slash": "_6qnc0v4f", "bell-filled": "_6qnc0v4g", "nested-list": "_6qnc0v4h", pin: "_6qnc0v4i", "user-impersonation": "_6qnc0v4j", "status-archived": "_6qnc0v4k", "status-cancelled": "_6qnc0v4l", "status-error": "_6qnc0v4m", "status-in-process": "_6qnc0v4n", "status-in-transit": "_6qnc0v4o", "status-locked": "_6qnc0v4p", "status-new": "_6qnc0v4q", "status-ok": "_6qnc0v4r", "status-on-hold": "_6qnc0v4s", "status-outdated": "_6qnc0v4t", "status-rejected": "_6qnc0v4u", "status-saved": "_6qnc0v4v", "status-saving": "_6qnc0v4w", "status-template": "_6qnc0v4x", "status-warning": "_6qnc0v4y" }, size: { xs: "_6qnc0v4z", sm: "_6qnc0v50", md: "_6qnc0v51", lg: "_6qnc0v52" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
-function X({
+p.set(Q, { name: "Content" });
+var X = y({ defaultClassName: "_6qnc0v53", variantClassNames: { iconName: { "angle-left": "_6qnc0v0", "angle-right": "_6qnc0v1", archive: "_6qnc0v2", "arrow-down": "_6qnc0v3", "arrow-left-circle": "_6qnc0v4", "arrow-left": "_6qnc0v5", "arrow-right": "_6qnc0v6", "arrow-up": "_6qnc0v7", asterisk: "_6qnc0v8", ban: "_6qnc0v9", barcode: "_6qnc0va", bell: "_6qnc0vb", bolt: "_6qnc0vc", book: "_6qnc0vd", building: "_6qnc0ve", "burst-bolt": "_6qnc0vf", burst: "_6qnc0vg", "calendar-blank": "_6qnc0vh", calendar: "_6qnc0vi", camera: "_6qnc0vj", "chart-area": "_6qnc0vk", "chart-bar": "_6qnc0vl", "chart-line": "_6qnc0vm", "chart-pie": "_6qnc0vn", checkmark: "_6qnc0vo", "chevron-down": "_6qnc0vp", "chevron-left": "_6qnc0vq", "chevron-right": "_6qnc0vr", "chevron-up": "_6qnc0vs", "circle-outline": "_6qnc0vt", clock: "_6qnc0vu", "code-fork": "_6qnc0vv", "comment-bubble-question": "_6qnc0vw", "comment-bubble": "_6qnc0vx", conversation: "_6qnc0vy", "column-switcher": "_6qnc0vz", "credit-card": "_6qnc0v10", dashboard: "_6qnc0v11", database: "_6qnc0v12", disk: "_6qnc0v13", "dollar-sign": "_6qnc0v14", "double-angle-left": "_6qnc0v15", "double-angle-right": "_6qnc0v16", "download-cloud": "_6qnc0v17", drill: "_6qnc0v18", duplicate: "_6qnc0v19", ellipses: "_6qnc0v1a", envelope: "_6qnc0v1b", exchange: "_6qnc0v1c", "expand-collapse": "_6qnc0v1d", eye: "_6qnc0v1e", "file-duplicate": "_6qnc0v1f", "file-pdf": "_6qnc0v1g", "file-presentation": "_6qnc0v1h", "file-size": "_6qnc0v1i", "file-solid-text": "_6qnc0v1j", "file-solid": "_6qnc0v1k", "file-spreadsheet": "_6qnc0v1l", "file-text": "_6qnc0v1m", file: "_6qnc0v1n", filter: "_6qnc0v1o", flag: "_6qnc0v1p", "folder-open": "_6qnc0v1q", "folder-solid-open": "_6qnc0v1r", "folder-solid": "_6qnc0v1s", folder: "_6qnc0v1t", gear: "_6qnc0v1u", globe: "_6qnc0v1v", grid: "_6qnc0v1w", group: "_6qnc0v1x", "hand-stop": "_6qnc0v1y", handshake: "_6qnc0v1z", hat: "_6qnc0v20", heart: "_6qnc0v21", history: "_6qnc0v22", inbox: "_6qnc0v23", incoming: "_6qnc0v24", "info-circle": "_6qnc0v25", intercom: "_6qnc0v26", "item-tag": "_6qnc0v27", key: "_6qnc0v28", "life-preserver": "_6qnc0v29", lightbulb: "_6qnc0v2a", link: "_6qnc0v2b", linkedin: "_6qnc0v2c", "list-cards": "_6qnc0v2d", "list-columns": "_6qnc0v2e", "list-summary": "_6qnc0v2f", "list-table": "_6qnc0v2g", list: "_6qnc0v2h", location: "_6qnc0v2i", locked: "_6qnc0v2j", "map-marker": "_6qnc0v2k", map: "_6qnc0v2l", maximize: "_6qnc0v2m", minimize: "_6qnc0v2n", "minus-circle": "_6qnc0v2o", minus: "_6qnc0v2p", "new-file": "_6qnc0v2q", "new-screen": "_6qnc0v2r", outgoing: "_6qnc0v2s", "paper-plane": "_6qnc0v2t", pencil: "_6qnc0v2u", photo: "_6qnc0v2v", pinterest: "_6qnc0v2w", play: "_6qnc0v2x", "plus-circle": "_6qnc0v2y", "plus-sign": "_6qnc0v2z", presentation: "_6qnc0v30", printer: "_6qnc0v31", "qr-code": "_6qnc0v32", "question-circle": "_6qnc0v33", "quote-left": "_6qnc0v34", "quote-right": "_6qnc0v35", random: "_6qnc0v36", refresh: "_6qnc0v37", rocket: "_6qnc0v38", "search-plus": "_6qnc0v39", search: "_6qnc0v3a", share: "_6qnc0v3b", "shopping-cart": "_6qnc0v3c", "sort-alpha-asc": "_6qnc0v3d", "sort-alpha-desc": "_6qnc0v3e", "sort-num-asc": "_6qnc0v3f", "sort-num-desc": "_6qnc0v3g", "star-outline": "_6qnc0v3h", star: "_6qnc0v3i", "archive-circle": "_6qnc0v3j", "x-circle": "_6qnc0v3k", "exclamation-circle": "_6qnc0v3l", "descending-ellipses-circle": "_6qnc0v3m", "double-angle-right-circle": "_6qnc0v3n", "locked-circle": "_6qnc0v3o", "asterisk-circle": "_6qnc0v3p", "checkmark-circle": "_6qnc0v3q", "clock-circle": "_6qnc0v3r", "calendar-blank-circle": "_6qnc0v3s", "ban-circle": "_6qnc0v3t", "disk-circle": "_6qnc0v3u", "template-circle": "_6qnc0v3v", "exclamation-triangle": "_6qnc0v3w", table: "_6qnc0v3x", tabs: "_6qnc0v3y", "thumbs-down-outline": "_6qnc0v3z", "thumbs-down": "_6qnc0v40", "thumbs-up-outline": "_6qnc0v41", "thumbs-up": "_6qnc0v42", trash: "_6qnc0v43", "truck-shipping": "_6qnc0v44", twitter: "_6qnc0v45", undo: "_6qnc0v46", unlocked: "_6qnc0v47", "upload-cloud": "_6qnc0v48", wrench: "_6qnc0v49", x: "_6qnc0v4a", "arrow-right-circle": "_6qnc0v4b", "calendar-select": "_6qnc0v4c", tag: "_6qnc0v4d", user: "_6qnc0v4e", "eye-slash": "_6qnc0v4f", "bell-filled": "_6qnc0v4g", "nested-list": "_6qnc0v4h", pin: "_6qnc0v4i", "user-impersonation": "_6qnc0v4j", "status-archived": "_6qnc0v4k", "status-cancelled": "_6qnc0v4l", "status-error": "_6qnc0v4m", "status-in-process": "_6qnc0v4n", "status-in-transit": "_6qnc0v4o", "status-locked": "_6qnc0v4p", "status-new": "_6qnc0v4q", "status-ok": "_6qnc0v4r", "status-on-hold": "_6qnc0v4s", "status-outdated": "_6qnc0v4t", "status-rejected": "_6qnc0v4u", "status-saved": "_6qnc0v4v", "status-saving": "_6qnc0v4w", "status-template": "_6qnc0v4x", "status-warning": "_6qnc0v4y" }, size: { xs: "_6qnc0v4z", sm: "_6qnc0v50", md: "_6qnc0v51", lg: "_6qnc0v52" } }, defaultVariants: { size: "md" }, compoundVariants: [] });
+function $({
   className: e,
   color: n,
   icon: t,
-  size: a = "md",
-  ...r
+  size: r = "md",
+  ...a
 }) {
   return /* @__PURE__ */ s.createElement("i", {
     className: d(
-      Q({ iconName: t, size: a }),
-      h({ color: n }),
+      X({ iconName: t, size: r }),
+      g({ color: n }),
       e
     ),
     "aria-hidden": "true",
-    ...r
+    ...a
   });
 }
-p.set(X, {
+p.set($, {
   name: "Icon",
@@ -242,3 +242,3 @@ props: {
 });
-const $ = {
+const ee = {
   addToList: {
@@ -357,13 +357,13 @@ noDataZeroStateColumnTitle: "This Column is Empty",
   }
-}, ee = {
+}, ne = {
   t(e, n) {
-    const t = j($, e.replace(/^design-system:/, ""));
-    return n ? z(t)(n) : t;
+    const t = z(ee, e.replace(/^design-system:/, ""));
+    return n ? I(t)(n) : t;
   }
-}, ne = s.createContext(ee);
-function te(e) {
+}, te = s.createContext(ne);
+function re(e) {
   const n = e == null ? void 0 : e["data-testid"];
-  return T((t) => n ? { "data-testid": `${n}__${t}` } : {}, [n]);
+  return k((t) => n ? { "data-testid": `${n}__${t}` } : {}, [n]);
 }
-var ae = b({ defaultClassName: "_9gd2pg2", variantClassNames: { size: { sm: "_9gd2pg3", md: "_9gd2pg4", lg: "_9gd2pg5" } }, defaultVariants: { size: "md" }, compoundVariants: [] }), re = "_9gd2pg1";
+var ae = y({ defaultClassName: "_9gd2pg2", variantClassNames: { size: { sm: "_9gd2pg3", md: "_9gd2pg4", lg: "_9gd2pg5" }, color: { dark: "_9gd2pg6", light: "_9gd2pg7" } }, defaultVariants: { size: "md", color: "dark" }, compoundVariants: [] }), ce = "_9gd2pg1";
 function E({
@@ -373,13 +373,14 @@ alt: e,
   size: t,
-  title: a,
-  ...r
+  title: r,
+  color: a,
+  ...l
 }) {
-  const { t: l } = s.useContext(ne), c = e || a || l("design-system:spinner.defaultAltText"), o = te(r);
+  const { t: c } = s.useContext(te), o = e || r || c("design-system:spinner.defaultAltText"), i = re(l);
   return /* @__PURE__ */ s.createElement("div", {
-    className: d(re, n),
-    ...r
+    className: d(ce, n),
+    ...l
   }, /* @__PURE__ */ s.createElement("i", {
-    className: ae({ size: t }),
-    ...o("icon"),
-    title: c
+    className: ae({ size: t, color: a }),
+    ...i("icon"),
+    title: o
   }));
@@ -392,6 +393,7 @@ }
     size: { type: '"sm" | "md" | "lg"', default: '"md"' },
-    title: "string"
+    title: "string",
+    color: { type: '"dark | light"', default: '"dark"' }
   }
 });
-var ce = "_17ntd80";
+var oe = "_17ntd80";
 function A({
@@ -402,7 +404,7 @@ className: e,
   return /* @__PURE__ */ s.createElement("div", {
-    className: d(ce, e),
+    className: d(oe, e),
     ...n
   });
 }
-function _e(e) {
+function qe(e) {
   return /* @__PURE__ */ s.createElement(A, {
@@ -413,24 +415,30 @@ ...e
 p.set(A, { name: "VerticalRule" });
-function fe(e, n) {
-  return g(e, {
+function ge(e, n) {
+  return h(e, {
     className: d(e.props.className, n)
   });
 }
-function qe(e, n) {
-  return g(e, n);
+function he(e, n) {
+  return h(e, n);
 }
-function he(e, n, t = []) {
+function ye(e, n, t = []) {
   return s.useMemo(() => {
-    function a(r) {
+    function r(a) {
       return /* @__PURE__ */ s.createElement(e, {
-        ...r,
+        ...a,
         ...n
-      }, r.children);
+      }, a.children);
     }
-    return a;
+    return r;
   }, t);
 }
-function ge(e) {
-  return typeof e == "function" ? e() : e;
+function Ce(...e) {
+  return function(n) {
+    for (const t of e)
+      t && t(n);
+  };
 }
+function be(e, ...n) {
+  return typeof e == "function" ? e(...n) : e;
+}
 function x(e, n, t = !0) {
@@ -441,18 +449,18 @@ if (Array.isArray(e))
     return e;
-  const a = e, r = a.props.hasOwnProperty("children") ? [].concat(a.props.children) : [], [l, c] = n(a, r), o = Array.isArray(c) ? c : r, i = t ? o.map((u) => x(u, n)) : o;
-  return g(a, l, ...i);
+  const r = e, a = r.props.hasOwnProperty("children") ? [].concat(r.props.children) : [], [l, c] = n(r, a), o = Array.isArray(c) ? c : a, i = t ? o.map((u) => x(u, n)) : o;
+  return h(r, l, ...i);
 }
-function oe(e, { type: n, props: t = {}, custom: a }) {
-  return a ? a(e.type) : e.type === n ? Object.keys(t).every((r) => t[r] === e.props[r]) : !1;
+function se(e, { type: n, props: t = {}, custom: r }) {
+  return r ? r(e.type) : e.type === n ? Object.keys(t).every((a) => t[a] === e.props[a]) : !1;
 }
 function w(e) {
-  return e.hasOwnProperty("type") && e.type === k ? e.props.children : e;
+  return e.hasOwnProperty("type") && e.type === T ? e.props.children : e;
 }
-function be(e = [], n = []) {
-  const t = Array.isArray(e) ? e.map(w) : w(e), a = Array.isArray(t) ? I(t) : [t], r = n.map((c) => Array.isArray(c) ? c : [c]), l = new Array(r.length + 1).fill(null).map(() => []);
-  for (const c of a) {
+function xe(e = [], n = []) {
+  const t = Array.isArray(e) ? e.map(w) : w(e), r = Array.isArray(t) ? D(t) : [t], a = n.map((c) => Array.isArray(c) ? c : [c]), l = new Array(a.length + 1).fill(null).map(() => []);
+  for (const c of r) {
     let o = !1;
-    for (let i = 0; i < r.length; i += 1) {
-      for (const u of r[i])
-        if (o = oe(c, u), o) {
+    for (let i = 0; i < a.length; i += 1) {
+      for (const u of a[i])
+        if (o = se(c, u), o) {
           l[i].push(c);
@@ -468,16 +476,20 @@ break;
 }
-function se(e, n) {
+let le = (e = 21) => crypto.getRandomValues(new Uint8Array(e)).reduce((n, t) => (t &= 63, t < 36 ? n += t.toString(36) : t < 62 ? n += (t - 26).toString(36).toUpperCase() : t > 62 ? n += "-" : n += "_", n), "");
+function we(e) {
+  return N(e || le());
+}
+function ie(e, n) {
   return { ...e, ...n };
 }
-function ye(e) {
-  return N(
-    se,
+function Pe(e) {
+  return R(
+    ie,
     e
   );
 }
-const le = O(null);
-function Ce(e, n = []) {
-  const t = R(le);
-  return L(
-    () => (a) => {
+const ue = O(null);
+function Se(e, n = []) {
+  const t = L(ue);
+  return j(
+    () => (r) => {
       const l = t && t.parentElementRef && t.parentElementRef.current || document.body;
@@ -500,3 +512,3 @@ let c = null, o = l.lastElementChild;
       }
-      return D(a, c);
+      return V(r, c);
     },
@@ -506,10 +518,10 @@ [t]
 }
-var ie = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e))(ie || {});
-function xe(e) {
+var de = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e))(de || {});
+function Ee(e) {
   return e.hasOwnProperty("react");
 }
-function we(e) {
+function Ae(e) {
   return e.hasOwnProperty("jsx");
 }
-const ue = {
+const ve = {
   components: [E],
@@ -520,3 +532,3 @@ examples: {
         small: {
-          react: f`
+          react: _`
             import { Spinner } from "@sps-woodland/core";
@@ -531,3 +543,3 @@ function Component() {
         medium: {
-          react: f`
+          react: _`
             import { Spinner } from "@sps-woodland/core";
@@ -545,3 +557,3 @@ function Component() {
         large: {
-          react: f`
+          react: _`
             import { Spinner } from "@sps-woodland/core";
@@ -558,34 +570,36 @@ function Component() {
   }
-}, Pe = {
-  Spinner: ue
+}, ke = {
+  Spinner: ve
 };
 export {
-  W as AppRoot,
-  G as Box,
-  Y as CapContent,
-  Z as CapContentTitle,
-  K as Content,
-  ne as I18nContext,
-  X as Icon,
-  Pe as MANIFEST,
+  U as AppRoot,
+  Y as Box,
+  Z as CapContent,
+  J as CapContentTitle,
+  Q as Content,
+  te as I18nContext,
+  $ as Icon,
+  ke as MANIFEST,
   p as Metadata,
-  le as PortalContext,
-  V as Provide,
-  ie as SortDirection,
+  ue as PortalContext,
+  M as Provide,
+  de as SortDirection,
   E as Spinner,
   A as VerticalRule,
-  _e as Vr,
-  fe as addClassName,
-  qe as addProps,
-  he as bindProps,
+  qe as Vr,
+  ge as addClassName,
+  he as addProps,
+  ye as bindProps,
   d as cl,
-  ge as contentOf,
-  xe as exampleIsReactComponentExample,
-  we as exampleIsReactJSXExample,
+  Ce as combineEventHandlers,
+  be as contentOf,
+  Ee as exampleIsReactComponentExample,
+  Ae as exampleIsReactJSXExample,
   x as modChildren,
-  ee as noI18nI18n,
-  be as selectChildren,
-  te as useChildTestIdAttrBuilder,
-  ye as usePatchReducer,
-  Ce as usePortal
+  ne as noI18nI18n,
+  xe as selectChildren,
+  re as useChildTestIdAttrBuilder,
+  we as useElementId,
+  Pe as usePatchReducer,
+  Se as usePortal
 };

lib/metadata/metadata.d.ts

@@ -12,3 +12,3 @@ import type { FC } from "react";
 declare const METADATA: unique symbol;
-export type WoodlandComponent<Props> = FC<Props> & {
+export declare type WoodlandComponent<Props> = FC<Props> & {
     [METADATA]: WoodlandComponentMetadata;
@@ -15,0 +15,0 @@ };

lib/types/table.d.ts

@@ -9,5 +9,5 @@ export declare enum SortDirection {
 }
-export type SortChangeHandler = (newSort: SortedColumn[]) => void;
-export type ResizeState = Record<string, number>;
-export type ResizeStateChangeHandler = (newResizeState: ResizeState) => void;
-export type SpsTableCellWrapWidth = 200 | 300 | 400 | 500 | 600;
+export declare type SortChangeHandler = (newSort: SortedColumn[]) => void;
+export declare type ResizeState = Record<string, number>;
+export declare type ResizeStateChangeHandler = (newResizeState: ResizeState) => void;
+export declare type SpsTableCellWrapWidth = 200 | 300 | 400 | 500 | 600;

lib/utils/bindProps.d.ts

@@ -32,3 +32,3 @@ import * as React from "react";
  */
-export type BoundFC<T extends React.ElementType, K extends Partial<React.ComponentProps<T>>> = React.FC<Omit<React.ComponentProps<T>, keyof K>>;
+export declare type BoundFC<T extends React.ElementType, K extends Partial<React.ComponentProps<T>>> = React.FC<Omit<React.ComponentProps<T>, keyof K>>;
 export declare function bindProps<T extends React.ElementType, K extends Partial<React.ComponentProps<T>>>(E: T, boundProps: K, deps?: unknown[]): BoundFC<T, K>;

lib/utils/ComponentProps.d.ts

@@ -1,4 +0,11 @@
-import type { PropsWithChildren, HTMLAttributes } from "react";
-export type ComponentProps<T, K extends HTMLElement = HTMLElement> = PropsWithChildren<T & {
+import type { PropsWithChildren, HTMLAttributes, ElementType, ComponentPropsWithoutRef } from "react";
+declare type Prettify<T> = {
+    [K in keyof T]: T[K];
+} & unknown;
+export declare type ComponentProps<T, K extends ElementType | HTMLElement = HTMLElement> = Prettify<PropsWithChildren<T & {
     "data-testid"?: string;
-}> & Omit<HTMLAttributes<K>, keyof T>;
+}>> & Prettify<Omit<K extends ElementType ? ComponentPropsWithoutRef<K> : HTMLAttributes<K>, keyof T>>;
+export declare type PolymorphicComponentProps<T, K extends ElementType> = ComponentProps<T & {
+    as?: K;
+}, K>;
+export {};

lib/utils/contentOf.d.ts

 import type { ReactNode } from "react";
-export declare function contentOf(nodeOrRenderFn: ReactNode | (() => ReactNode)): ReactNode;
+import type { RenderFn } from "./ChildrenFn";
+export declare function contentOf<T extends RenderFn = RenderFn>(nodeOrRenderFn: ReactNode | T, ...args: Parameters<T>): ReactNode;

lib/utils/modChildren.d.ts

 import type { ReactNode, FunctionComponentElement } from "react";
-type ElementModifier<P = any> = (node: FunctionComponentElement<P>, children: ReactNode[]) => [Partial<P>?, ReactNode[]?];
+declare type ElementModifier<P = any> = (node: FunctionComponentElement<P>, children: ReactNode[]) => [Partial<P>?, ReactNode[]?];
 export declare function modChildren(node: ReactNode | ReactNode[], modifier: ElementModifier, recurse?: boolean): ReactNode;
 export {};

lib/utils/Provide.d.ts

@@ -20,5 +20,5 @@ import * as React from "react";
  */
-export type ProvideProps = ComponentProps<{
+export declare type ProvideProps = ComponentProps<{
     providers?: React.ElementType[];
 }, HTMLDivElement>;
 export declare function Provide({ children, providers, ...rest }: ProvideProps): React.ReactElement;

lib/utils/selectChildren.d.ts

@@ -7,3 +7,3 @@ import type { ReactNode, ReactElement, FunctionComponentElement } from "react";
 }
-export type Children<T extends (props: any, ...args: any[]) => ReactElement> = Array<FunctionComponentElement<Parameters<T>[0]>>;
+export declare type Children<T extends (props: any, ...args: any[]) => ReactElement> = Array<FunctionComponentElement<Parameters<T>[0]>>;
 export declare function selectChildren<T extends ReactNode[][]>(children?: any, groups?: Array<ISelectChildrenGroup | ISelectChildrenGroup[]>): T;

lib/utils/VariantDefinitions.d.ts

 import type { ComplexStyleRule } from "@vanilla-extract/css";
-export type RecipeVariant<T extends string> = {
+export declare type RecipeVariant<T extends string> = {
     [K in T]: ComplexStyleRule | string;
 };
-export type BooleanRecipeVariant = RecipeVariant<"true" | "false">;
-export type VariantDefinitions = Record<string, RecipeVariant<any>>;
+export declare type BooleanRecipeVariant = RecipeVariant<"true" | "false">;
+export declare type VariantDefinitions = Record<string, RecipeVariant<any>>;

package.json

 {
   "name": "@sps-woodland/core",
   "description": "SPS Woodland Design System core library code",
-  "version": "7.10.7",
+  "version": "8.0.0-rc1",
   "author": "SPS Commerce",
@@ -29,9 +29,8 @@ "license": "UNLICENSED",
   "peerDependencies": {
-    "@sps-woodland/tokens": "7.10.7",
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react-dom": "^16.14.0",
+    "@sps-woodland/tokens": "8.0.0-rc1"
   },
   "devDependencies": {
-    "@sps-woodland/tokens": "7.10.7",
     "@spscommerce/utils": "^6.12.1",
@@ -41,3 +40,4 @@ "@vanilla-extract/css": "^1.9.3",
     "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react-dom": "^16.14.0",
+    "@sps-woodland/tokens": "8.0.0-rc1"
   },
@@ -44,0 +44,0 @@ "dependencies": {

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102189

increased by1.79%

Number of package files

44

increased by7.32%

Lines of code

1377

increased by3.61%

Worsened metrics

Number of low quality alerts

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes