@sps-woodland/core 7.0.0

package/README.md

@@ -0,0 +1,3 @@
+## [@sps-woodland/core](https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/core#readme)
+
+SPS Woodland Design System core library code

package/lib/components/app-root/AppRoot.css.d.ts

@@ -0,0 +1,7 @@
+export declare const appRoot: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    fullWidth: {
+        true: {
+            maxWidth: "100%";
+        };
+    };
+}>;

package/lib/components/app-root/AppRoot.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { ProvideProps } from "../../utils/Provide";
+export declare function AppRoot({ children, className, fullWidth, ...rest }: ProvideProps & {
+    fullWidth?: boolean;
+}): React.ReactElement;

package/lib/components/box/Box.d.ts

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

package/lib/components/cap-content/CapContent.css.d.ts

@@ -0,0 +1,4 @@
+export declare const capContent: {
+    root: string;
+    title: string;
+};

package/lib/components/cap-content/CapContent.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { ComponentProps } from "../../utils/ComponentProps";
+export declare function CapContent({ className, children, ...rest }: ComponentProps<unknown, HTMLElement>): React.ReactElement;

package/lib/components/cap-content/CapContentTitle.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+import type { ComponentProps } from "../../utils/ComponentProps";
+export declare function CapContentTitle({ className, children, ...rest }: ComponentProps<unknown, HTMLElement>): React.ReactElement;

package/lib/components/content/Content.css.d.ts

@@ -0,0 +1 @@
+export declare const content: string;

package/lib/components/content/Content.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import type { ComponentProps } from "../../utils/ComponentProps";
+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 {};

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

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

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

@@ -0,0 +1,8 @@
+import type { IconName, IconSize, Color } from "@sps-woodland/tokens";
+import * as React from "react";
+import type { ComponentProps } from "../../utils/ComponentProps";
+export declare function Icon({ className, color, icon: iconName, size, ...rest }: ComponentProps<{
+    icon: IconName;
+    size?: IconSize;
+    color?: Color;
+}, HTMLElement>): React.ReactElement;

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

@@ -0,0 +1,22 @@
+import type { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const spinnerRoot: string;
+export declare const spinner: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
+    size: {
+        sm: {
+            borderWidth: string;
+            height: string;
+            width: string;
+        };
+        md: {
+            borderWidth: string;
+            height: string;
+            width: string;
+        };
+        lg: {
+            borderWidth: string;
+            height: string;
+            width: string;
+        };
+    };
+}>;
+export declare type SpinnerVariants = NonNullable<RecipeVariants<typeof spinner>>;

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

@@ -0,0 +1,8 @@
+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<{
+    alt?: string;
+    size?: SpinnerVariants["size"];
+    title?: string;
+}, HTMLDivElement>): React.ReactElement;

package/lib/components/spinner/Spinner.examples.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifestEntry } from "../../examples";
+export declare const SpinnerExamples: ComponentManifestEntry;

package/lib/components/vertical-rule/VerticalRule.css.d.ts

@@ -0,0 +1 @@
+export declare const rootClass: string;

package/lib/components/vertical-rule/VerticalRule.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import type { ComponentProps } from "../../utils/ComponentProps";
+export declare function VerticalRule({ className, ...rest }: ComponentProps<unknown, HTMLDivElement>): React.ReactElement;
+export declare function Vr(props: Parameters<typeof VerticalRule>[0]): JSX.Element;

package/lib/examples.d.ts

@@ -0,0 +1,42 @@
+import type { ReactElement } from "react";
+export interface ExtraExampleRendererArgs {
+    naviagateTo: (selection: string) => void;
+    NavigateTo: (props: {
+        to: string;
+        children: ReactElement | string;
+        slugPrefix?: string;
+    }) => ReactElement;
+    Link: (props: {
+        to: string;
+        children: ReactElement | string;
+    }) => ReactElement;
+}
+declare type ReactChildOrRenderer = ReactElement | string | ((args: ExtraExampleRendererArgs) => ReactElement | string);
+export interface DSExampleBase {
+    description?: ReactChildOrRenderer;
+}
+export interface DSReactExampleJSX {
+    jsx: string;
+}
+export interface DSReactExampleComponent {
+    react: string;
+}
+export declare type DSReactExample = DSExampleBase & (DSReactExampleComponent | DSReactExampleJSX);
+export declare type DSExample = DSReactExample;
+export declare function exampleIsReactComponentExample(example: DSExample): example is DSReactExampleComponent;
+export declare function exampleIsReactJSXExample(example: DSExample): example is DSReactExampleJSX;
+export interface DSExamplesTab<T extends DSExample = DSExample> {
+    label?: ReactChildOrRenderer;
+    description?: ReactChildOrRenderer;
+    customSection?: ReactChildOrRenderer;
+    examples?: Record<string, T>;
+}
+export declare type DSExamples<T extends DSExample = DSExample> = Record<string, DSExamplesTab<T>>;
+export declare type DSReactExamples = DSExamples<DSReactExample>;
+export interface ComponentManifestEntry {
+    description?: ReactChildOrRenderer;
+    components: unknown[];
+    examples: DSReactExamples;
+}
+export declare type ComponentManifest = Record<string, ComponentManifestEntry>;
+export {};

package/lib/i18n/I18nContext.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface I18nObject {
+    t: (key: string, interpolations?: any) => string;
+}
+export declare const noI18nI18n: I18nObject;
+export declare const I18nContext: React.Context<I18nObject>;

package/lib/i18n/translations.d.ts

@@ -0,0 +1,139 @@
+declare const _default: {
+    advancedSearch: {
+        clear: string;
+        search: string;
+    };
+    button: {
+        spinningTitle: string;
+    };
+    columnChooser: {
+        removeButton: string;
+    };
+    contentRow: {
+        collapse: string;
+        expand: string;
+    };
+    datepicker: {
+        calendar: {
+            prevMonth: string;
+            nextMonth: string;
+        };
+        preset: {
+            custom: string;
+            today: string;
+            sevenDays: string;
+            thirtyDays: string;
+            sixtyDays: string;
+            ninetyDays: string;
+            oneYear: string;
+        };
+        presetsLabel: string;
+    };
+    fileUpload: {
+        acceptedTypes: string;
+        acceptedTypes_plural: string;
+        cancelled: string;
+        cancelled_plural: string;
+        close: string;
+        instructions: string;
+        instructions_plural: string;
+        maximumSize: string;
+        processing: string;
+        title: string;
+    };
+    filterPanel: {
+        clear: string;
+        title: string;
+        filterPlaceholder: string;
+    };
+    focusedTask: {
+        close: string;
+    };
+    growler: {
+        dismiss: string;
+    };
+    insightCard: {
+        all: string;
+        partnerCount: string;
+        partners: string;
+    };
+    insightTile: {
+        all: string;
+        partnerCount: string;
+        partners: string;
+    };
+    label: {
+        errors: {
+            dateConstraint: {
+                max: string;
+                min: string;
+            };
+            dateFormat: string;
+            dateRangeOrder: string;
+            dateValidity: string;
+            max: string;
+            maxLength: string;
+            min: string;
+            minLength: string;
+            required: string;
+        };
+        preventativeErrors: {
+            maxLength: string;
+            alpha: string;
+            numeric: string;
+            nonNumeric: string;
+        };
+        stronglySuggested: string;
+    };
+    listActionBar: {
+        clearSelected: string;
+        itemsSelected: string;
+    };
+    listToolbar: {
+        advancedSearchToggle: string;
+    };
+    modal: {
+        close: string;
+        defaultButtonLabel: string;
+        defaultTitle: {
+            general: string;
+            info: string;
+            success: string;
+            warning: string;
+            "serious-warning": string;
+        };
+    };
+    pagination: {
+        nextPage: string;
+        ofMany: string;
+        ofPageCount: string;
+        page: string;
+        prevPage: string;
+    };
+    progressBar: {
+        closeButtonTitle: string;
+    };
+    searchResultsBar: {
+        clear: string;
+        clearResults: string;
+        count: string;
+        matchingResults: string;
+        noAdvancedSearchSelections: string;
+        results: string;
+    };
+    select: {
+        defaultPlaceholder: string;
+    };
+    slackLink: {
+        label: string;
+    };
+    spinner: {
+        defaultAltText: string;
+    };
+    taskQueue: {
+        clearCompleted: string;
+        newTask: string;
+        noTasks: string;
+    };
+};
+export default _default;

package/lib/index.cjs.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const v=require("react"),g=require("@sps-woodland/tokens"),_=require("@spscommerce/utils"),D=require("react-dom");function B(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 l=B(v);const h=Symbol("WoodlandComponentMetadata"),p=Object.freeze({isWoodlandComponent(e){return typeof e=="function"&&e.hasOwnProperty(h)},get(e){return e[h]},set(e,n){Object.assign(e,{[h]:n})}});function u(...e){return e.filter(Boolean).map(String).join(" ")}const S=function({children:e,elements:n}){if(n.length===0)return l.createElement(l.Fragment,null,e);const[t,r]=Array.isArray(n[0])?n[0]:[n[0]];return l.createElement(t,{...r!=null?r:{}},l.createElement(S,{elements:n.slice(1)},e))};function E({children:e,providers:n=[],...t}){return l.createElement("div",{...t},l.createElement(S,{elements:n},e))}function F(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 r=Object.getOwnPropertySymbols(e);n&&(r=r.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),t.push.apply(t,r)}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(r){F(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):P(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var W=(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},y=e=>n=>{var t=e.defaultClassName,r=w(w({},e.defaultVariants),n);for(var a in r){var o,s=(o=r[a])!==null&&o!==void 0?o:e.defaultVariants[a];if(s!=null){var c=s;typeof c=="boolean"&&(c=c===!0?"true":"false");var i=e.variantClassNames[a][c];i&&(t+=" "+i)}}for(var[d,q]of e.compoundVariants)W(d,r,e.defaultVariants)&&(t+=" "+q);return t},U=y({defaultClassName:"g5vsg0",variantClassNames:{fullWidth:{true:"g5vsg1"}},defaultVariants:{},compoundVariants:[]});function k({children:e,className:n,fullWidth:t,...r}){return l.createElement(E,{className:u(U({fullWidth:t}),n),...r},e)}p.set(k,{name:"AppRoot",props:{fullWidth:{type:"boolean",default:"false"},providers:"React.ElementType[]"}});const G=["alignItems","display","flex","flexWrap","justifyContent","textAlign"],Y=new Set(G),A=l.forwardRef(({children:e,className:n,inline:t,style:r,...a},o)=>{const[s,c,i]=Object.keys(a).reduce(([d,q,f],m)=>g.sprinkles.properties.has(m)?[{...d,[m]:a[m]},q,f]:Y.has(m)?[d,{...q,[m]:a[m]},f]:[d,q,{...f,[m]:a[m]}],[{},{...t?{display:"inline"}:null,...r},{}]);return l.createElement("div",{ref:o,className:u(g.sprinkles(s),n),style:c,...i},e)});p.set(A,{name:"Box"});var T={root:"w9p2pg0",title:"w9p2pg1"};function R({className:e,children:n,...t}){return l.createElement("div",{className:u(T.root,e),...t},n)}p.set(R,{name:"CapContent"});function N({className:e,children:n,...t}){return l.createElement("div",{className:u(T.title,e),...t},n)}p.set(N,{name:"CapContentTitle"});var J="o0pwg0";const O=l.forwardRef(({children:e,className:n,...t},r)=>l.createElement("div",{ref:r,className:u(J,n),...t},e));p.set(O,{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 j({className:e,color:n,icon:t,size:r="md",...a}){return l.createElement("i",{className:u(X({iconName:t,size:r}),g.sprinkles({color:n}),e),"aria-hidden":"true",...a})}p.set(j,{name:"Icon",props:{icon:{type:"IconName",required:!0},size:{type:"IconSize",default:'"md"'},color:"Color"}});const K={advancedSearch:{clear:"Clear Fields",search:"Search"},button:{spinningTitle:"Loading\u2026"},columnChooser:{removeButton:"Remove {{elementName}}"},contentRow:{collapse:"Collapse",expand:"Expand"},datepicker:{calendar:{prevMonth:"View Previous Month",nextMonth:"View Next Month"},preset:{custom:"Custom",today:"Today",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."}},I={t(e,n){const t=_.getPath(K,e.replace(/^design-system:/,""));return n?_.template(t)(n):t}},z=l.createContext(I);function L(e){const n=e["data-testid"];return v.useCallback(t=>n?{"data-testid":`${n}__${t}`}:{},[n])}var Q=y({defaultClassName:"_9gd2pg2",variantClassNames:{size:{sm:"_9gd2pg3",md:"_9gd2pg4",lg:"_9gd2pg5"}},defaultVariants:{size:"md"},compoundVariants:[]}),H="_9gd2pg1";function C({alt:e,className:n,size:t,title:r,...a}){const{t:o}=l.useContext(z),s=e||r||o("design-system:spinner.defaultAltText"),c=L(a);return l.createElement("div",{className:u(H,n),...a},l.createElement("i",{className:Q({size:t}),...c("icon"),title:s}))}p.set(C,{name:"Spinner",props:{alt:"string",size:{type:'"sm" | "md" | "lg"',default:'"md"'},title:"string"}});var Z="_17ntd80";function x({className:e,...n}){return l.createElement("div",{className:u(Z,e),...n})}function $(e){return l.createElement(x,{...e})}p.set(x,{name:"VerticalRule"});function ee(e,n){return v.cloneElement(e,{className:u(e.props.className,n)})}function ne(e,n){return v.cloneElement(e,n)}function te(e,n,t=[]){return l.useMemo(()=>{function r(a){return l.createElement(e,{...a,...n},a.children)}return r},t)}function re(e){return typeof e=="function"?e():e}function b(e,n,t=!0){if(Array.isArray(e))return e.map(d=>b(d,n));if(["boolean","string"].includes(typeof e))return e;const r=e,a=r.props.hasOwnProperty("children")?[].concat(r.props.children):[],[o,s]=n(r,a),c=Array.isArray(s)?s:a,i=t?c.map(d=>b(d,n)):c;return v.cloneElement(r,o,...i)}function ae(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 ce(e=[],n=[]){const t=Array.isArray(e)?_.flatten(e):[e],r=n.map(o=>Array.isArray(o)?o:[o]),a=new Array(r.length+1).fill(null).map(()=>[]);for(const o of t){let s=!1;for(let c=0;c<r.length;c+=1){for(const i of r[c])if(s=ae(o,i),s){a[c].push(o);break}if(s)break}s||a[a.length-1].push(o)}return a}function se(e,n){return{...e,...n}}function oe(e){return v.useReducer(se,e)}const V=v.createContext(null);function le(e,n=[]){const t=v.useContext(V);return v.useMemo(()=>r=>{const o=t&&t.parentElementRef&&t.parentElementRef.current||document.body;let s=null,c=o.lastElementChild;for(;c!==o.firstElementChild;){if(c&&c.hasAttribute("data-portalid")&&c.getAttribute("data-portalid")===e){s=c;break}c&&(c=c.previousElementSibling)}if(s)o.contains(s)||o.appendChild(s);else{s=document.createElement("div"),s.setAttribute("data-portalid",e);for(const i of n)s.classList.add(i);o.appendChild(s)}return D.createPortal(r,s)},[t])}var M=(e=>(e.ASCENDING="ascending",e.DESCENDING="descending",e))(M||{});function ie(e){return e.hasOwnProperty("react")}function ue(e){return e.hasOwnProperty("jsx")}const de={components:[C],examples:{basic:{examples:{small:{react:_.code`
+            import { Spinner } from "@sps-woodland/core";
+            function Component() {
+              return (
+                <Spinner size="sm" title="Please wait…" />
+              );
+            }
+          `},medium:{react:_.code`
+            import { Spinner } from "@sps-woodland/core";
+            function Component() {
+              return (
+                <>
+                  <Spinner />
+                  <Spinner size="md" title="Please wait…" />
+                </>
+              );
+            }
+          `},large:{react:_.code`
+            import { Spinner } from "@sps-woodland/core";
+            function Component() {
+              return (
+                <Spinner size="lg" alt="Loading content…" />
+              );
+            }
+          `}}}}},ve={Spinner:de};exports.AppRoot=k;exports.Box=A;exports.CapContent=R;exports.CapContentTitle=N;exports.Content=O;exports.I18nContext=z;exports.Icon=j;exports.MANIFEST=ve;exports.Metadata=p;exports.PortalContext=V;exports.Provide=E;exports.SortDirection=M;exports.Spinner=C;exports.VerticalRule=x;exports.Vr=$;exports.addClassName=ee;exports.addProps=ne;exports.bindProps=te;exports.cl=u;exports.contentOf=re;exports.exampleIsReactComponentExample=ie;exports.exampleIsReactJSXExample=ue;exports.modChildren=b;exports.noI18nI18n=I;exports.selectChildren=ce;exports.useChildTestIdAttrBuilder=L;exports.usePatchReducer=oe;exports.usePortal=le;

package/lib/index.d.ts

@@ -0,0 +1,35 @@
+/**
+ * When we are able to fully deprecate ds-styles,
+ * uncomment these imports:
+ * import "normalize.css/normalize.css";
+ * import "the-new-css-reset/css/reset.css";
+ */
+import "./root.css";
+import "@sps-woodland/tokens/lib/font.css";
+import "@sps-woodland/tokens/lib/vanilla-extract/style.css";
+export * from "./components/app-root/AppRoot";
+export * from "./components/box/Box";
+export * from "./components/cap-content/CapContent";
+export * from "./components/cap-content/CapContentTitle";
+export * from "./components/content/Content";
+export * from "./components/icon/Icon";
+export * from "./components/spinner/Spinner";
+export * from "./components/vertical-rule/VerticalRule";
+export * from "./i18n/I18nContext";
+export * from "./metadata/metadata";
+export * from "./utils/addClassName";
+export * from "./utils/addProps";
+export * from "./utils/bindProps";
+export * from "./utils/cl";
+export * from "./utils/ComponentProps";
+export * from "./utils/contentOf";
+export * from "./utils/modChildren";
+export * from "./utils/Provide";
+export * from "./utils/selectChildren";
+export * from "./utils/useChildTestIdAttrBuilder";
+export * from "./utils/usePatchReducer";
+export * from "./utils/usePortal";
+export * from "./utils/VariantDefinitions";
+export * from "./types/table";
+export * from "./examples";
+export * from "./manifest";

package/lib/index.es.js

@@ -0,0 +1,445 @@
+import * as l from "react";
+import { useCallback as k, cloneElement as g, useReducer as A, createContext as N, useContext as T, useMemo as R } from "react";
+import { sprinkles as h } from "@sps-woodland/tokens";
+import { getPath as O, template as j, flatten as z, code as q } from "@spscommerce/utils";
+import { createPortal as L } from "react-dom";
+const f = Symbol("WoodlandComponentMetadata"), p = Object.freeze({
+  isWoodlandComponent(e) {
+    return typeof e == "function" && e.hasOwnProperty(f);
+  },
+  get(e) {
+    return e[f];
+  },
+  set(e, n) {
+    Object.assign(e, { [f]: n });
+  }
+});
+function d(...e) {
+  return e.filter(Boolean).map(String).join(" ");
+}
+const w = function({
+  children: e,
+  elements: n
+}) {
+  if (n.length === 0)
+    return /* @__PURE__ */ l.createElement(l.Fragment, null, e);
+  const [t, r] = Array.isArray(n[0]) ? n[0] : [n[0]];
+  return /* @__PURE__ */ l.createElement(t, {
+    ...r != null ? r : {}
+  }, /* @__PURE__ */ l.createElement(w, {
+    elements: n.slice(1)
+  }, e));
+};
+function I({
+  children: e,
+  providers: n = [],
+  ...t
+}) {
+  return /* @__PURE__ */ l.createElement("div", {
+    ...t
+  }, /* @__PURE__ */ l.createElement(w, {
+    elements: n
+  }, e));
+}
+function V(e, n, t) {
+  return n in e ? Object.defineProperty(e, n, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[n] = t, e;
+}
+function y(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 C(e) {
+  for (var n = 1; n < arguments.length; n++) {
+    var t = arguments[n] != null ? arguments[n] : {};
+    n % 2 ? y(Object(t), !0).forEach(function(r) {
+      V(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : y(Object(t)).forEach(function(r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+var D = (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 = C(C({}, e.defaultVariants), n);
+  for (var a in r) {
+    var o, s = (o = r[a]) !== null && o !== void 0 ? o : e.defaultVariants[a];
+    if (s != null) {
+      var c = s;
+      typeof c == "boolean" && (c = c === !0 ? "true" : "false");
+      var i = e.variantClassNames[a][c];
+      i && (t += " " + i);
+    }
+  }
+  for (var [u, m] of e.compoundVariants)
+    D(u, r, e.defaultVariants) && (t += " " + m);
+  return t;
+}, M = b({ defaultClassName: "g5vsg0", variantClassNames: { fullWidth: { true: "g5vsg1" } }, defaultVariants: {}, compoundVariants: [] });
+function B({
+  children: e,
+  className: n,
+  fullWidth: t,
+  ...r
+}) {
+  return /* @__PURE__ */ l.createElement(I, {
+    className: d(M({ fullWidth: t }), n),
+    ...r
+  }, e);
+}
+p.set(B, {
+  name: "AppRoot",
+  props: {
+    fullWidth: { type: "boolean", default: "false" },
+    providers: "React.ElementType[]"
+  }
+});
+const F = [
+  "alignItems",
+  "display",
+  "flex",
+  "flexWrap",
+  "justifyContent",
+  "textAlign"
+], W = new Set(F), U = l.forwardRef(
+  ({
+    children: e,
+    className: n,
+    inline: t,
+    style: r,
+    ...a
+  }, o) => {
+    const [
+      s,
+      c,
+      i
+    ] = Object.keys(a).reduce(([
+      u,
+      m,
+      _
+    ], v) => h.properties.has(v) ? [
+      { ...u, [v]: a[v] },
+      m,
+      _
+    ] : W.has(v) ? [
+      u,
+      { ...m, [v]: a[v] },
+      _
+    ] : [
+      u,
+      m,
+      { ..._, [v]: a[v] }
+    ], [
+      {},
+      {
+        ...t ? { display: "inline" } : null,
+        ...r
+      },
+      {}
+    ]);
+    return /* @__PURE__ */ l.createElement("div", {
+      ref: o,
+      className: d(h(s), n),
+      style: c,
+      ...i
+    }, e);
+  }
+);
+p.set(U, { name: "Box" });
+var P = { root: "w9p2pg0", title: "w9p2pg1" };
+function G({
+  className: e,
+  children: n,
+  ...t
+}) {
+  return /* @__PURE__ */ l.createElement("div", {
+    className: d(P.root, e),
+    ...t
+  }, n);
+}
+p.set(G, { name: "CapContent" });
+function Y({
+  className: e,
+  children: n,
+  ...t
+}) {
+  return /* @__PURE__ */ l.createElement("div", {
+    className: d(P.title, e),
+    ...t
+  }, n);
+}
+p.set(Y, { name: "CapContentTitle" });
+var J = "o0pwg0";
+const K = l.forwardRef(
+  ({
+    children: e,
+    className: n,
+    ...t
+  }, r) => /* @__PURE__ */ l.createElement("div", {
+    ref: r,
+    className: d(J, 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({
+  className: e,
+  color: n,
+  icon: t,
+  size: r = "md",
+  ...a
+}) {
+  return /* @__PURE__ */ l.createElement("i", {
+    className: d(
+      Q({ iconName: t, size: r }),
+      h({ color: n }),
+      e
+    ),
+    "aria-hidden": "true",
+    ...a
+  });
+}
+p.set(X, {
+  name: "Icon",
+  props: {
+    icon: { type: "IconName", required: !0 },
+    size: { type: "IconSize", default: '"md"' },
+    color: "Color"
+  }
+});
+const H = { advancedSearch: { clear: "Clear Fields", search: "Search" }, button: { spinningTitle: "Loading\u2026" }, columnChooser: { removeButton: "Remove {{elementName}}" }, contentRow: { collapse: "Collapse", expand: "Expand" }, datepicker: { calendar: { prevMonth: "View Previous Month", nextMonth: "View Next Month" }, preset: { custom: "Custom", today: "Today", 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." } }, Z = {
+  t(e, n) {
+    const t = O(H, e.replace(/^design-system:/, ""));
+    return n ? j(t)(n) : t;
+  }
+}, $ = l.createContext(Z);
+function ee(e) {
+  const n = e["data-testid"];
+  return k((t) => n ? { "data-testid": `${n}__${t}` } : {}, [n]);
+}
+var ne = b({ defaultClassName: "_9gd2pg2", variantClassNames: { size: { sm: "_9gd2pg3", md: "_9gd2pg4", lg: "_9gd2pg5" } }, defaultVariants: { size: "md" }, compoundVariants: [] }), te = "_9gd2pg1";
+function E({
+  alt: e,
+  className: n,
+  size: t,
+  title: r,
+  ...a
+}) {
+  const { t: o } = l.useContext($), s = e || r || o("design-system:spinner.defaultAltText"), c = ee(a);
+  return /* @__PURE__ */ l.createElement("div", {
+    className: d(te, n),
+    ...a
+  }, /* @__PURE__ */ l.createElement("i", {
+    className: ne({ size: t }),
+    ...c("icon"),
+    title: s
+  }));
+}
+p.set(E, {
+  name: "Spinner",
+  props: {
+    alt: "string",
+    size: { type: '"sm" | "md" | "lg"', default: '"md"' },
+    title: "string"
+  }
+});
+var re = "_17ntd80";
+function S({
+  className: e,
+  ...n
+}) {
+  return /* @__PURE__ */ l.createElement("div", {
+    className: d(re, e),
+    ...n
+  });
+}
+function pe(e) {
+  return /* @__PURE__ */ l.createElement(S, {
+    ...e
+  });
+}
+p.set(S, { name: "VerticalRule" });
+function me(e, n) {
+  return g(e, {
+    className: d(e.props.className, n)
+  });
+}
+function _e(e, n) {
+  return g(e, n);
+}
+function qe(e, n, t = []) {
+  return l.useMemo(() => {
+    function r(a) {
+      return /* @__PURE__ */ l.createElement(e, {
+        ...a,
+        ...n
+      }, a.children);
+    }
+    return r;
+  }, t);
+}
+function fe(e) {
+  return typeof e == "function" ? e() : e;
+}
+function x(e, n, t = !0) {
+  if (Array.isArray(e))
+    return e.map((u) => x(u, n));
+  if (["boolean", "string"].includes(typeof e))
+    return e;
+  const r = e, a = r.props.hasOwnProperty("children") ? [].concat(r.props.children) : [], [o, s] = n(r, a), c = Array.isArray(s) ? s : a, i = t ? c.map((u) => x(u, n)) : c;
+  return g(r, o, ...i);
+}
+function ae(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 he(e = [], n = []) {
+  const t = Array.isArray(e) ? z(e) : [e], r = n.map((o) => Array.isArray(o) ? o : [o]), a = new Array(r.length + 1).fill(null).map(() => []);
+  for (const o of t) {
+    let s = !1;
+    for (let c = 0; c < r.length; c += 1) {
+      for (const i of r[c])
+        if (s = ae(o, i), s) {
+          a[c].push(o);
+          break;
+        }
+      if (s)
+        break;
+    }
+    s || a[a.length - 1].push(o);
+  }
+  return a;
+}
+function ce(e, n) {
+  return { ...e, ...n };
+}
+function ge(e) {
+  return A(
+    ce,
+    e
+  );
+}
+const se = N(null);
+function be(e, n = []) {
+  const t = T(se);
+  return R(
+    () => (r) => {
+      const o = t && t.parentElementRef && t.parentElementRef.current || document.body;
+      let s = null, c = o.lastElementChild;
+      for (; c !== o.firstElementChild; ) {
+        if (c && c.hasAttribute("data-portalid") && c.getAttribute("data-portalid") === e) {
+          s = c;
+          break;
+        }
+        c && (c = c.previousElementSibling);
+      }
+      if (s)
+        o.contains(s) || o.appendChild(s);
+      else {
+        s = document.createElement("div"), s.setAttribute("data-portalid", e);
+        for (const i of n)
+          s.classList.add(i);
+        o.appendChild(s);
+      }
+      return L(r, s);
+    },
+    [t]
+  );
+}
+var oe = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e))(oe || {});
+function ye(e) {
+  return e.hasOwnProperty("react");
+}
+function Ce(e) {
+  return e.hasOwnProperty("jsx");
+}
+const le = {
+  components: [E],
+  examples: {
+    basic: {
+      examples: {
+        small: {
+          react: q`
+            import { Spinner } from "@sps-woodland/core";
+            function Component() {
+              return (
+                <Spinner size="sm" title="Please wait…" />
+              );
+            }
+          `
+        },
+        medium: {
+          react: q`
+            import { Spinner } from "@sps-woodland/core";
+            function Component() {
+              return (
+                <>
+                  <Spinner />
+                  <Spinner size="md" title="Please wait…" />
+                </>
+              );
+            }
+          `
+        },
+        large: {
+          react: q`
+            import { Spinner } from "@sps-woodland/core";
+            function Component() {
+              return (
+                <Spinner size="lg" alt="Loading content…" />
+              );
+            }
+          `
+        }
+      }
+    }
+  }
+}, xe = {
+  Spinner: le
+};
+export {
+  B as AppRoot,
+  U as Box,
+  G as CapContent,
+  Y as CapContentTitle,
+  K as Content,
+  $ as I18nContext,
+  X as Icon,
+  xe as MANIFEST,
+  p as Metadata,
+  se as PortalContext,
+  I as Provide,
+  oe as SortDirection,
+  E as Spinner,
+  S as VerticalRule,
+  pe as Vr,
+  me as addClassName,
+  _e as addProps,
+  qe as bindProps,
+  d as cl,
+  fe as contentOf,
+  ye as exampleIsReactComponentExample,
+  Ce as exampleIsReactJSXExample,
+  x as modChildren,
+  Z as noI18nI18n,
+  he as selectChildren,
+  ee as useChildTestIdAttrBuilder,
+  ge as usePatchReducer,
+  be as usePortal
+};

package/lib/manifest.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentManifest } from "./examples";
+export declare const MANIFEST: ComponentManifest;

package/lib/metadata/metadata.d.ts

@@ -0,0 +1,20 @@
+import type { FC } from "react";
+export interface WoodlandComponentMetadata {
+    name: string;
+    props?: Record<string, string | {
+        type: string;
+        default?: string;
+        required?: boolean;
+        deprecated?: boolean;
+    }>;
+}
+declare const METADATA: unique symbol;
+export declare type WoodlandComponent<Props> = FC<Props> & {
+    [METADATA]: WoodlandComponentMetadata;
+};
+export declare const Metadata: Readonly<{
+    isWoodlandComponent<T>(arg: unknown): arg is WoodlandComponent<T>;
+    get<T_1>(arg: WoodlandComponent<T_1>): WoodlandComponentMetadata;
+    set<T_2>(arg: FC<T_2>, metadata: WoodlandComponentMetadata): void;
+}>;
+export {};

package/lib/style.css

@@ -0,0 +1 @@
+b{font-family:Source Sans Pro,sans-serif;font-weight:600}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:400;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-regular.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-regular.woff) format("woff");font-display:fallback}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:400;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-italic.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-italic.woff) format("woff");font-display:fallback}@font-face{font-family:Source Sans Pro;font-style:normal;font-weight:600;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-600.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-600.woff) format("woff");font-display:fallback}@font-face{font-family:Source Sans Pro;font-style:italic;font-weight:600;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-600italic.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-sans-pro-v9-latin-600italic.woff) format("woff");font-display:fallback}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:400;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-regular.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-regular.woff) format("woff");font-display:fallback}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:400;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-italic.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-italic.woff) format("woff");font-display:fallback}@font-face{font-family:Source Code Pro;font-style:normal;font-weight:600;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-600.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-600.woff) format("woff");font-display:fallback}@font-face{font-family:Source Code Pro;font-style:italic;font-weight:600;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-600italic.woff2) format("woff2"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/source-code-pro-v6-latin-600italic.woff) format("woff");font-display:fallback}@font-face{font-family:SPS-Icons;font-style:normal;font-weight:400;src:url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/icomoon-sps-icons.svg) format("svg"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/icomoon-sps-icons.truetype) format("undefined"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/icomoon-sps-icons.woff) format("woff"),url(https://cdn.dev.spsc.io/web/framework/design-system/ds/7.0.0/assets/fonts/icomoon-sps-icons.woff2) format("woff2");font-display:fallback}*{font-family:Source Sans Pro,sans-serif}.r5chkp0,.r5chkp1:hover{border-color:#fbe6ea}.r5chkp2:focus{border-color:#fbe6ea}.r5chkp3,.r5chkp4:hover{border-color:#de002e}.r5chkp5:focus{border-color:#de002e}.r5chkp6,.r5chkp7:hover{border-color:#a30d2d}.r5chkp8:focus{border-color:#a30d2d}.r5chkp9,.r5chkpa:hover{border-color:#f2f8fb}.r5chkpb:focus{border-color:#f2f8fb}.r5chkpc,.r5chkpd:hover{border-color:#e6f2f8}.r5chkpe:focus{border-color:#e6f2f8}.r5chkpf,.r5chkpg:hover{border-color:#007db8}.r5chkph:focus{border-color:#007db8}.r5chkpi,.r5chkpj:hover{border-color:#09638d}.r5chkpk:focus{border-color:#09638d}.r5chkpl,.r5chkpm:hover{border-color:#e7f3ec}.r5chkpn:focus{border-color:#e7f3ec}.r5chkpo,.r5chkpp:hover{border-color:#0b8940}.r5chkpq:focus{border-color:#0b8940}.r5chkpr,.r5chkps:hover{border-color:#106b39}.r5chkpt:focus{border-color:#106b39}.r5chkpu,.r5chkpv:hover{border-color:#f4ecf2}.r5chkpw:focus{border-color:#f4ecf2}.r5chkpx,.r5chkpy:hover{border-color:#e3d0de}.r5chkpz:focus{border-color:#e3d0de}.r5chkp10,.r5chkp11:hover{border-color:#91467f}.r5chkp12:focus{border-color:#91467f}.r5chkp13,.r5chkp14:hover{border-color:#6e3c65}.r5chkp15:focus{border-color:#6e3c65}.r5chkp16,.r5chkp17:hover{border-color:#fcf1e7}.r5chkp18:focus{border-color:#fcf1e7}.r5chkp19,.r5chkp1a:hover{border-color:#e7760b}.r5chkp1b:focus{border-color:#e7760b}.r5chkp1c,.r5chkp1d:hover{border-color:#aa5e14}.r5chkp1e:focus{border-color:#aa5e14}.r5chkp1f,.r5chkp1g:hover{border-color:#f3f4f4}.r5chkp1h:focus{border-color:#f3f4f4}.r5chkp1i,.r5chkp1j:hover{border-color:#e9e9ea}.r5chkp1k:focus{border-color:#e9e9ea}.r5chkp1l,.r5chkp1m:hover{border-color:#d2d4d4}.r5chkp1n:focus{border-color:#d2d4d4}.r5chkp1o,.r5chkp1p:hover{border-color:#717779}.r5chkp1q:focus{border-color:#717779}.r5chkp1r,.r5chkp1s:hover{border-color:#4b5356}.r5chkp1t:focus{border-color:#4b5356}.r5chkp1u,.r5chkp1v:hover{border-color:#1f282c}.r5chkp1w:focus{border-color:#1f282c}.r5chkp1x,.r5chkp1y:hover{border-color:#fff8e0}.r5chkp1z:focus{border-color:#fff8e0}.r5chkp20,.r5chkp21:hover{border-color:#fc0}.r5chkp22:focus{border-color:#fc0}.r5chkp23,.r5chkp24:hover{border-color:#fff}.r5chkp25:focus{border-color:#fff}.r5chkp26,.r5chkp27:hover{border-color:#000}.r5chkp28:focus{border-color:#000}.r5chkp29,.r5chkp2a:hover{border-color:#000}.r5chkp2b:focus{border-color:#000}.r5chkp2c,.r5chkp2d:hover{border-bottom-color:#fbe6ea}.r5chkp2e:focus{border-bottom-color:#fbe6ea}.r5chkp2f,.r5chkp2g:hover{border-bottom-color:#de002e}.r5chkp2h:focus{border-bottom-color:#de002e}.r5chkp2i,.r5chkp2j:hover{border-bottom-color:#a30d2d}.r5chkp2k:focus{border-bottom-color:#a30d2d}.r5chkp2l,.r5chkp2m:hover{border-bottom-color:#f2f8fb}.r5chkp2n:focus{border-bottom-color:#f2f8fb}.r5chkp2o,.r5chkp2p:hover{border-bottom-color:#e6f2f8}.r5chkp2q:focus{border-bottom-color:#e6f2f8}.r5chkp2r,.r5chkp2s:hover{border-bottom-color:#007db8}.r5chkp2t:focus{border-bottom-color:#007db8}.r5chkp2u,.r5chkp2v:hover{border-bottom-color:#09638d}.r5chkp2w:focus{border-bottom-color:#09638d}.r5chkp2x,.r5chkp2y:hover{border-bottom-color:#e7f3ec}.r5chkp2z:focus{border-bottom-color:#e7f3ec}.r5chkp30,.r5chkp31:hover{border-bottom-color:#0b8940}.r5chkp32:focus{border-bottom-color:#0b8940}.r5chkp33,.r5chkp34:hover{border-bottom-color:#106b39}.r5chkp35:focus{border-bottom-color:#106b39}.r5chkp36,.r5chkp37:hover{border-bottom-color:#f4ecf2}.r5chkp38:focus{border-bottom-color:#f4ecf2}.r5chkp39,.r5chkp3a:hover{border-bottom-color:#e3d0de}.r5chkp3b:focus{border-bottom-color:#e3d0de}.r5chkp3c,.r5chkp3d:hover{border-bottom-color:#91467f}.r5chkp3e:focus{border-bottom-color:#91467f}.r5chkp3f,.r5chkp3g:hover{border-bottom-color:#6e3c65}.r5chkp3h:focus{border-bottom-color:#6e3c65}.r5chkp3i,.r5chkp3j:hover{border-bottom-color:#fcf1e7}.r5chkp3k:focus{border-bottom-color:#fcf1e7}.r5chkp3l,.r5chkp3m:hover{border-bottom-color:#e7760b}.r5chkp3n:focus{border-bottom-color:#e7760b}.r5chkp3o,.r5chkp3p:hover{border-bottom-color:#aa5e14}.r5chkp3q:focus{border-bottom-color:#aa5e14}.r5chkp3r,.r5chkp3s:hover{border-bottom-color:#f3f4f4}.r5chkp3t:focus{border-bottom-color:#f3f4f4}.r5chkp3u,.r5chkp3v:hover{border-bottom-color:#e9e9ea}.r5chkp3w:focus{border-bottom-color:#e9e9ea}.r5chkp3x,.r5chkp3y:hover{border-bottom-color:#d2d4d4}.r5chkp3z:focus{border-bottom-color:#d2d4d4}.r5chkp40,.r5chkp41:hover{border-bottom-color:#717779}.r5chkp42:focus{border-bottom-color:#717779}.r5chkp43,.r5chkp44:hover{border-bottom-color:#4b5356}.r5chkp45:focus{border-bottom-color:#4b5356}.r5chkp46,.r5chkp47:hover{border-bottom-color:#1f282c}.r5chkp48:focus{border-bottom-color:#1f282c}.r5chkp49,.r5chkp4a:hover{border-bottom-color:#fff8e0}.r5chkp4b:focus{border-bottom-color:#fff8e0}.r5chkp4c,.r5chkp4d:hover{border-bottom-color:#fc0}.r5chkp4e:focus{border-bottom-color:#fc0}.r5chkp4f,.r5chkp4g:hover{border-bottom-color:#fff}.r5chkp4h:focus{border-bottom-color:#fff}.r5chkp4i,.r5chkp4j:hover{border-bottom-color:#000}.r5chkp4k:focus{border-bottom-color:#000}.r5chkp4l,.r5chkp4m:hover{border-bottom-color:#000}.r5chkp4n:focus{border-bottom-color:#000}.r5chkp4o,.r5chkp4p:hover{border-left-color:#fbe6ea}.r5chkp4q:focus{border-left-color:#fbe6ea}.r5chkp4r,.r5chkp4s:hover{border-left-color:#de002e}.r5chkp4t:focus{border-left-color:#de002e}.r5chkp4u,.r5chkp4v:hover{border-left-color:#a30d2d}.r5chkp4w:focus{border-left-color:#a30d2d}.r5chkp4x,.r5chkp4y:hover{border-left-color:#f2f8fb}.r5chkp4z:focus{border-left-color:#f2f8fb}.r5chkp50,.r5chkp51:hover{border-left-color:#e6f2f8}.r5chkp52:focus{border-left-color:#e6f2f8}.r5chkp53,.r5chkp54:hover{border-left-color:#007db8}.r5chkp55:focus{border-left-color:#007db8}.r5chkp56,.r5chkp57:hover{border-left-color:#09638d}.r5chkp58:focus{border-left-color:#09638d}.r5chkp59,.r5chkp5a:hover{border-left-color:#e7f3ec}.r5chkp5b:focus{border-left-color:#e7f3ec}.r5chkp5c,.r5chkp5d:hover{border-left-color:#0b8940}.r5chkp5e:focus{border-left-color:#0b8940}.r5chkp5f,.r5chkp5g:hover{border-left-color:#106b39}.r5chkp5h:focus{border-left-color:#106b39}.r5chkp5i,.r5chkp5j:hover{border-left-color:#f4ecf2}.r5chkp5k:focus{border-left-color:#f4ecf2}.r5chkp5l,.r5chkp5m:hover{border-left-color:#e3d0de}.r5chkp5n:focus{border-left-color:#e3d0de}.r5chkp5o,.r5chkp5p:hover{border-left-color:#91467f}.r5chkp5q:focus{border-left-color:#91467f}.r5chkp5r,.r5chkp5s:hover{border-left-color:#6e3c65}.r5chkp5t:focus{border-left-color:#6e3c65}.r5chkp5u,.r5chkp5v:hover{border-left-color:#fcf1e7}.r5chkp5w:focus{border-left-color:#fcf1e7}.r5chkp5x,.r5chkp5y:hover{border-left-color:#e7760b}.r5chkp5z:focus{border-left-color:#e7760b}.r5chkp60,.r5chkp61:hover{border-left-color:#aa5e14}.r5chkp62:focus{border-left-color:#aa5e14}.r5chkp63,.r5chkp64:hover{border-left-color:#f3f4f4}.r5chkp65:focus{border-left-color:#f3f4f4}.r5chkp66,.r5chkp67:hover{border-left-color:#e9e9ea}.r5chkp68:focus{border-left-color:#e9e9ea}.r5chkp69,.r5chkp6a:hover{border-left-color:#d2d4d4}.r5chkp6b:focus{border-left-color:#d2d4d4}.r5chkp6c,.r5chkp6d:hover{border-left-color:#717779}.r5chkp6e:focus{border-left-color:#717779}.r5chkp6f,.r5chkp6g:hover{border-left-color:#4b5356}.r5chkp6h:focus{border-left-color:#4b5356}.r5chkp6i,.r5chkp6j:hover{border-left-color:#1f282c}.r5chkp6k:focus{border-left-color:#1f282c}.r5chkp6l,.r5chkp6m:hover{border-left-color:#fff8e0}.r5chkp6n:focus{border-left-color:#fff8e0}.r5chkp6o,.r5chkp6p:hover{border-left-color:#fc0}.r5chkp6q:focus{border-left-color:#fc0}.r5chkp6r,.r5chkp6s:hover{border-left-color:#fff}.r5chkp6t:focus{border-left-color:#fff}.r5chkp6u,.r5chkp6v:hover{border-left-color:#000}.r5chkp6w:focus{border-left-color:#000}.r5chkp6x,.r5chkp6y:hover{border-left-color:#000}.r5chkp6z:focus{border-left-color:#000}.r5chkp70,.r5chkp71:hover{border-right-color:#fbe6ea}.r5chkp72:focus{border-right-color:#fbe6ea}.r5chkp73,.r5chkp74:hover{border-right-color:#de002e}.r5chkp75:focus{border-right-color:#de002e}.r5chkp76,.r5chkp77:hover{border-right-color:#a30d2d}.r5chkp78:focus{border-right-color:#a30d2d}.r5chkp79,.r5chkp7a:hover{border-right-color:#f2f8fb}.r5chkp7b:focus{border-right-color:#f2f8fb}.r5chkp7c,.r5chkp7d:hover{border-right-color:#e6f2f8}.r5chkp7e:focus{border-right-color:#e6f2f8}.r5chkp7f,.r5chkp7g:hover{border-right-color:#007db8}.r5chkp7h:focus{border-right-color:#007db8}.r5chkp7i,.r5chkp7j:hover{border-right-color:#09638d}.r5chkp7k:focus{border-right-color:#09638d}.r5chkp7l,.r5chkp7m:hover{border-right-color:#e7f3ec}.r5chkp7n:focus{border-right-color:#e7f3ec}.r5chkp7o,.r5chkp7p:hover{border-right-color:#0b8940}.r5chkp7q:focus{border-right-color:#0b8940}.r5chkp7r,.r5chkp7s:hover{border-right-color:#106b39}.r5chkp7t:focus{border-right-color:#106b39}.r5chkp7u,.r5chkp7v:hover{border-right-color:#f4ecf2}.r5chkp7w:focus{border-right-color:#f4ecf2}.r5chkp7x,.r5chkp7y:hover{border-right-color:#e3d0de}.r5chkp7z:focus{border-right-color:#e3d0de}.r5chkp80,.r5chkp81:hover{border-right-color:#91467f}.r5chkp82:focus{border-right-color:#91467f}.r5chkp83,.r5chkp84:hover{border-right-color:#6e3c65}.r5chkp85:focus{border-right-color:#6e3c65}.r5chkp86,.r5chkp87:hover{border-right-color:#fcf1e7}.r5chkp88:focus{border-right-color:#fcf1e7}.r5chkp89,.r5chkp8a:hover{border-right-color:#e7760b}.r5chkp8b:focus{border-right-color:#e7760b}.r5chkp8c,.r5chkp8d:hover{border-right-color:#aa5e14}.r5chkp8e:focus{border-right-color:#aa5e14}.r5chkp8f,.r5chkp8g:hover{border-right-color:#f3f4f4}.r5chkp8h:focus{border-right-color:#f3f4f4}.r5chkp8i,.r5chkp8j:hover{border-right-color:#e9e9ea}.r5chkp8k:focus{border-right-color:#e9e9ea}.r5chkp8l,.r5chkp8m:hover{border-right-color:#d2d4d4}.r5chkp8n:focus{border-right-color:#d2d4d4}.r5chkp8o,.r5chkp8p:hover{border-right-color:#717779}.r5chkp8q:focus{border-right-color:#717779}.r5chkp8r,.r5chkp8s:hover{border-right-color:#4b5356}.r5chkp8t:focus{border-right-color:#4b5356}.r5chkp8u,.r5chkp8v:hover{border-right-color:#1f282c}.r5chkp8w:focus{border-right-color:#1f282c}.r5chkp8x,.r5chkp8y:hover{border-right-color:#fff8e0}.r5chkp8z:focus{border-right-color:#fff8e0}.r5chkp90,.r5chkp91:hover{border-right-color:#fc0}.r5chkp92:focus{border-right-color:#fc0}.r5chkp93,.r5chkp94:hover{border-right-color:#fff}.r5chkp95:focus{border-right-color:#fff}.r5chkp96,.r5chkp97:hover{border-right-color:#000}.r5chkp98:focus{border-right-color:#000}.r5chkp99,.r5chkp9a:hover{border-right-color:#000}.r5chkp9b:focus{border-right-color:#000}.r5chkp9c,.r5chkp9d:hover{border-top-color:#fbe6ea}.r5chkp9e:focus{border-top-color:#fbe6ea}.r5chkp9f,.r5chkp9g:hover{border-top-color:#de002e}.r5chkp9h:focus{border-top-color:#de002e}.r5chkp9i,.r5chkp9j:hover{border-top-color:#a30d2d}.r5chkp9k:focus{border-top-color:#a30d2d}.r5chkp9l,.r5chkp9m:hover{border-top-color:#f2f8fb}.r5chkp9n:focus{border-top-color:#f2f8fb}.r5chkp9o,.r5chkp9p:hover{border-top-color:#e6f2f8}.r5chkp9q:focus{border-top-color:#e6f2f8}.r5chkp9r,.r5chkp9s:hover{border-top-color:#007db8}.r5chkp9t:focus{border-top-color:#007db8}.r5chkp9u,.r5chkp9v:hover{border-top-color:#09638d}.r5chkp9w:focus{border-top-color:#09638d}.r5chkp9x,.r5chkp9y:hover{border-top-color:#e7f3ec}.r5chkp9z:focus{border-top-color:#e7f3ec}.r5chkpa0,.r5chkpa1:hover{border-top-color:#0b8940}.r5chkpa2:focus{border-top-color:#0b8940}.r5chkpa3,.r5chkpa4:hover{border-top-color:#106b39}.r5chkpa5:focus{border-top-color:#106b39}.r5chkpa6,.r5chkpa7:hover{border-top-color:#f4ecf2}.r5chkpa8:focus{border-top-color:#f4ecf2}.r5chkpa9,.r5chkpaa:hover{border-top-color:#e3d0de}.r5chkpab:focus{border-top-color:#e3d0de}.r5chkpac,.r5chkpad:hover{border-top-color:#91467f}.r5chkpae:focus{border-top-color:#91467f}.r5chkpaf,.r5chkpag:hover{border-top-color:#6e3c65}.r5chkpah:focus{border-top-color:#6e3c65}.r5chkpai,.r5chkpaj:hover{border-top-color:#fcf1e7}.r5chkpak:focus{border-top-color:#fcf1e7}.r5chkpal,.r5chkpam:hover{border-top-color:#e7760b}.r5chkpan:focus{border-top-color:#e7760b}.r5chkpao,.r5chkpap:hover{border-top-color:#aa5e14}.r5chkpaq:focus{border-top-color:#aa5e14}.r5chkpar,.r5chkpas:hover{border-top-color:#f3f4f4}.r5chkpat:focus{border-top-color:#f3f4f4}.r5chkpau,.r5chkpav:hover{border-top-color:#e9e9ea}.r5chkpaw:focus{border-top-color:#e9e9ea}.r5chkpax,.r5chkpay:hover{border-top-color:#d2d4d4}.r5chkpaz:focus{border-top-color:#d2d4d4}.r5chkpb0,.r5chkpb1:hover{border-top-color:#717779}.r5chkpb2:focus{border-top-color:#717779}.r5chkpb3,.r5chkpb4:hover{border-top-color:#4b5356}.r5chkpb5:focus{border-top-color:#4b5356}.r5chkpb6,.r5chkpb7:hover{border-top-color:#1f282c}.r5chkpb8:focus{border-top-color:#1f282c}.r5chkpb9,.r5chkpba:hover{border-top-color:#fff8e0}.r5chkpbb:focus{border-top-color:#fff8e0}.r5chkpbc,.r5chkpbd:hover{border-top-color:#fc0}.r5chkpbe:focus{border-top-color:#fc0}.r5chkpbf,.r5chkpbg:hover{border-top-color:#fff}.r5chkpbh:focus{border-top-color:#fff}.r5chkpbi,.r5chkpbj:hover{border-top-color:#000}.r5chkpbk:focus{border-top-color:#000}.r5chkpbl,.r5chkpbm:hover{border-top-color:#000}.r5chkpbn:focus{border-top-color:#000}.r5chkpbo,.r5chkpbp:hover{border-radius:0}.r5chkpbq:focus{border-radius:0}.r5chkpbr,.r5chkpbs:hover{border-radius:.125rem}.r5chkpbt:focus{border-radius:.125rem}.r5chkpbu,.r5chkpbv:hover{border-radius:.25rem}.r5chkpbw:focus{border-radius:.25rem}.r5chkpbx,.r5chkpby:hover{border-width:0}.r5chkpbz:focus{border-width:0}.r5chkpc0,.r5chkpc1:hover{border-width:.0625rem}.r5chkpc2:focus{border-width:.0625rem}.r5chkpc3,.r5chkpc4:hover{border-top-width:0}.r5chkpc5:focus{border-top-width:0}.r5chkpc6,.r5chkpc7:hover{border-top-width:.0625rem}.r5chkpc8:focus{border-top-width:.0625rem}.r5chkpc9,.r5chkpca:hover{border-right-width:0}.r5chkpcb:focus{border-right-width:0}.r5chkpcc,.r5chkpcd:hover{border-right-width:.0625rem}.r5chkpce:focus{border-right-width:.0625rem}.r5chkpcf,.r5chkpcg:hover{border-bottom-width:0}.r5chkpch:focus{border-bottom-width:0}.r5chkpci,.r5chkpcj:hover{border-bottom-width:.0625rem}.r5chkpck:focus{border-bottom-width:.0625rem}.r5chkpcl,.r5chkpcm:hover{border-left-width:0}.r5chkpcn:focus{border-left-width:0}.r5chkpco,.r5chkpcp:hover{border-left-width:.0625rem}.r5chkpcq:focus{border-left-width:.0625rem}.r5chkpcr,.r5chkpcs:hover{border-top-left-radius:0}.r5chkpct:focus{border-top-left-radius:0}.r5chkpcu,.r5chkpcv:hover{border-top-left-radius:.125rem}.r5chkpcw:focus{border-top-left-radius:.125rem}.r5chkpcx,.r5chkpcy:hover{border-top-left-radius:.25rem}.r5chkpcz:focus{border-top-left-radius:.25rem}.r5chkpd0,.r5chkpd1:hover{border-top-right-radius:0}.r5chkpd2:focus{border-top-right-radius:0}.r5chkpd3,.r5chkpd4:hover{border-top-right-radius:.125rem}.r5chkpd5:focus{border-top-right-radius:.125rem}.r5chkpd6,.r5chkpd7:hover{border-top-right-radius:.25rem}.r5chkpd8:focus{border-top-right-radius:.25rem}.r5chkpd9,.r5chkpda:hover{border-bottom-right-radius:0}.r5chkpdb:focus{border-bottom-right-radius:0}.r5chkpdc,.r5chkpdd:hover{border-bottom-right-radius:.125rem}.r5chkpde:focus{border-bottom-right-radius:.125rem}.r5chkpdf,.r5chkpdg:hover{border-bottom-right-radius:.25rem}.r5chkpdh:focus{border-bottom-right-radius:.25rem}.r5chkpdi,.r5chkpdj:hover{border-bottom-left-radius:0}.r5chkpdk:focus{border-bottom-left-radius:0}.r5chkpdl,.r5chkpdm:hover{border-bottom-left-radius:.125rem}.r5chkpdn:focus{border-bottom-left-radius:.125rem}.r5chkpdo,.r5chkpdp:hover{border-bottom-left-radius:.25rem}.r5chkpdq:focus{border-bottom-left-radius:.25rem}._11lkjuc0,._11lkjuc1:hover{background-color:#fbe6ea}._11lkjuc2:focus{background-color:#fbe6ea}._11lkjuc3,._11lkjuc4:hover{background-color:#de002e}._11lkjuc5:focus{background-color:#de002e}._11lkjuc6,._11lkjuc7:hover{background-color:#a30d2d}._11lkjuc8:focus{background-color:#a30d2d}._11lkjuc9,._11lkjuca:hover{background-color:#f2f8fb}._11lkjucb:focus{background-color:#f2f8fb}._11lkjucc,._11lkjucd:hover{background-color:#e6f2f8}._11lkjuce:focus{background-color:#e6f2f8}._11lkjucf,._11lkjucg:hover{background-color:#007db8}._11lkjuch:focus{background-color:#007db8}._11lkjuci,._11lkjucj:hover{background-color:#09638d}._11lkjuck:focus{background-color:#09638d}._11lkjucl,._11lkjucm:hover{background-color:#e7f3ec}._11lkjucn:focus{background-color:#e7f3ec}._11lkjuco,._11lkjucp:hover{background-color:#0b8940}._11lkjucq:focus{background-color:#0b8940}._11lkjucr,._11lkjucs:hover{background-color:#106b39}._11lkjuct:focus{background-color:#106b39}._11lkjucu,._11lkjucv:hover{background-color:#f4ecf2}._11lkjucw:focus{background-color:#f4ecf2}._11lkjucx,._11lkjucy:hover{background-color:#e3d0de}._11lkjucz:focus{background-color:#e3d0de}._11lkjuc10,._11lkjuc11:hover{background-color:#91467f}._11lkjuc12:focus{background-color:#91467f}._11lkjuc13,._11lkjuc14:hover{background-color:#6e3c65}._11lkjuc15:focus{background-color:#6e3c65}._11lkjuc16,._11lkjuc17:hover{background-color:#fcf1e7}._11lkjuc18:focus{background-color:#fcf1e7}._11lkjuc19,._11lkjuc1a:hover{background-color:#e7760b}._11lkjuc1b:focus{background-color:#e7760b}._11lkjuc1c,._11lkjuc1d:hover{background-color:#aa5e14}._11lkjuc1e:focus{background-color:#aa5e14}._11lkjuc1f,._11lkjuc1g:hover{background-color:#f3f4f4}._11lkjuc1h:focus{background-color:#f3f4f4}._11lkjuc1i,._11lkjuc1j:hover{background-color:#e9e9ea}._11lkjuc1k:focus{background-color:#e9e9ea}._11lkjuc1l,._11lkjuc1m:hover{background-color:#d2d4d4}._11lkjuc1n:focus{background-color:#d2d4d4}._11lkjuc1o,._11lkjuc1p:hover{background-color:#717779}._11lkjuc1q:focus{background-color:#717779}._11lkjuc1r,._11lkjuc1s:hover{background-color:#4b5356}._11lkjuc1t:focus{background-color:#4b5356}._11lkjuc1u,._11lkjuc1v:hover{background-color:#1f282c}._11lkjuc1w:focus{background-color:#1f282c}._11lkjuc1x,._11lkjuc1y:hover{background-color:#fff8e0}._11lkjuc1z:focus{background-color:#fff8e0}._11lkjuc20,._11lkjuc21:hover{background-color:#fc0}._11lkjuc22:focus{background-color:#fc0}._11lkjuc23,._11lkjuc24:hover{background-color:#fff}._11lkjuc25:focus{background-color:#fff}._11lkjuc26,._11lkjuc27:hover{background-color:#000}._11lkjuc28:focus{background-color:#000}._11lkjuc29,._11lkjuc2a:hover{background-color:#000}._11lkjuc2b:focus{background-color:#000}._11lkjuc2c,._11lkjuc2d:hover{color:#fbe6ea}._11lkjuc2e:focus{color:#fbe6ea}._11lkjuc2f,._11lkjuc2g:hover{color:#de002e}._11lkjuc2h:focus{color:#de002e}._11lkjuc2i,._11lkjuc2j:hover{color:#a30d2d}._11lkjuc2k:focus{color:#a30d2d}._11lkjuc2l,._11lkjuc2m:hover{color:#f2f8fb}._11lkjuc2n:focus{color:#f2f8fb}._11lkjuc2o,._11lkjuc2p:hover{color:#e6f2f8}._11lkjuc2q:focus{color:#e6f2f8}._11lkjuc2r,._11lkjuc2s:hover{color:#007db8}._11lkjuc2t:focus{color:#007db8}._11lkjuc2u,._11lkjuc2v:hover{color:#09638d}._11lkjuc2w:focus{color:#09638d}._11lkjuc2x,._11lkjuc2y:hover{color:#e7f3ec}._11lkjuc2z:focus{color:#e7f3ec}._11lkjuc30,._11lkjuc31:hover{color:#0b8940}._11lkjuc32:focus{color:#0b8940}._11lkjuc33,._11lkjuc34:hover{color:#106b39}._11lkjuc35:focus{color:#106b39}._11lkjuc36,._11lkjuc37:hover{color:#f4ecf2}._11lkjuc38:focus{color:#f4ecf2}._11lkjuc39,._11lkjuc3a:hover{color:#e3d0de}._11lkjuc3b:focus{color:#e3d0de}._11lkjuc3c,._11lkjuc3d:hover{color:#91467f}._11lkjuc3e:focus{color:#91467f}._11lkjuc3f,._11lkjuc3g:hover{color:#6e3c65}._11lkjuc3h:focus{color:#6e3c65}._11lkjuc3i,._11lkjuc3j:hover{color:#fcf1e7}._11lkjuc3k:focus{color:#fcf1e7}._11lkjuc3l,._11lkjuc3m:hover{color:#e7760b}._11lkjuc3n:focus{color:#e7760b}._11lkjuc3o,._11lkjuc3p:hover{color:#aa5e14}._11lkjuc3q:focus{color:#aa5e14}._11lkjuc3r,._11lkjuc3s:hover{color:#f3f4f4}._11lkjuc3t:focus{color:#f3f4f4}._11lkjuc3u,._11lkjuc3v:hover{color:#e9e9ea}._11lkjuc3w:focus{color:#e9e9ea}._11lkjuc3x,._11lkjuc3y:hover{color:#d2d4d4}._11lkjuc3z:focus{color:#d2d4d4}._11lkjuc40,._11lkjuc41:hover{color:#717779}._11lkjuc42:focus{color:#717779}._11lkjuc43,._11lkjuc44:hover{color:#4b5356}._11lkjuc45:focus{color:#4b5356}._11lkjuc46,._11lkjuc47:hover{color:#1f282c}._11lkjuc48:focus{color:#1f282c}._11lkjuc49,._11lkjuc4a:hover{color:#fff8e0}._11lkjuc4b:focus{color:#fff8e0}._11lkjuc4c,._11lkjuc4d:hover{color:#fc0}._11lkjuc4e:focus{color:#fc0}._11lkjuc4f,._11lkjuc4g:hover{color:#fff}._11lkjuc4h:focus{color:#fff}._11lkjuc4i,._11lkjuc4j:hover{color:#000}._11lkjuc4k:focus{color:#000}._11lkjuc4l,._11lkjuc4m:hover{color:#000}._11lkjuc4n:focus{color:#000}.ztktm30{column-gap:.25rem}.ztktm31{column-gap:.5rem}.ztktm32{column-gap:1rem}.ztktm33{column-gap:2rem}.ztktm34{column-gap:0}.ztktm35{column-gap:auto}.ztktm36{row-gap:.25rem}.ztktm37{row-gap:.5rem}.ztktm38{row-gap:1rem}.ztktm39{row-gap:2rem}.ztktm3a{row-gap:0}.ztktm3b{row-gap:auto}._2obqyp0,._2obqyp1:first-child{margin-bottom:.25rem}._2obqyp2:not(:first-child){margin-bottom:.25rem}._2obqyp3:last-child{margin-bottom:.25rem}._2obqyp4:not(:last-child){margin-bottom:.25rem}._2obqyp5:not(:first-child):not(:last-child){margin-bottom:.25rem}._2obqyp6,._2obqyp7:first-child{margin-bottom:.5rem}._2obqyp8:not(:first-child){margin-bottom:.5rem}._2obqyp9:last-child{margin-bottom:.5rem}._2obqypa:not(:last-child){margin-bottom:.5rem}._2obqypb:not(:first-child):not(:last-child){margin-bottom:.5rem}._2obqypc,._2obqypd:first-child{margin-bottom:1rem}._2obqype:not(:first-child){margin-bottom:1rem}._2obqypf:last-child{margin-bottom:1rem}._2obqypg:not(:last-child){margin-bottom:1rem}._2obqyph:not(:first-child):not(:last-child){margin-bottom:1rem}._2obqypi,._2obqypj:first-child{margin-bottom:2rem}._2obqypk:not(:first-child){margin-bottom:2rem}._2obqypl:last-child{margin-bottom:2rem}._2obqypm:not(:last-child){margin-bottom:2rem}._2obqypn:not(:first-child):not(:last-child){margin-bottom:2rem}._2obqypo,._2obqypp:first-child{margin-bottom:0}._2obqypq:not(:first-child){margin-bottom:0}._2obqypr:last-child{margin-bottom:0}._2obqyps:not(:last-child){margin-bottom:0}._2obqypt:not(:first-child):not(:last-child){margin-bottom:0}._2obqypu,._2obqypv:first-child{margin-bottom:auto}._2obqypw:not(:first-child){margin-bottom:auto}._2obqypx:last-child{margin-bottom:auto}._2obqypy:not(:last-child){margin-bottom:auto}._2obqypz:not(:first-child):not(:last-child){margin-bottom:auto}._2obqyp10,._2obqyp11:first-child{margin-left:.25rem}._2obqyp12:not(:first-child){margin-left:.25rem}._2obqyp13:last-child{margin-left:.25rem}._2obqyp14:not(:last-child){margin-left:.25rem}._2obqyp15:not(:first-child):not(:last-child){margin-left:.25rem}._2obqyp16,._2obqyp17:first-child{margin-left:.5rem}._2obqyp18:not(:first-child){margin-left:.5rem}._2obqyp19:last-child{margin-left:.5rem}._2obqyp1a:not(:last-child){margin-left:.5rem}._2obqyp1b:not(:first-child):not(:last-child){margin-left:.5rem}._2obqyp1c,._2obqyp1d:first-child{margin-left:1rem}._2obqyp1e:not(:first-child){margin-left:1rem}._2obqyp1f:last-child{margin-left:1rem}._2obqyp1g:not(:last-child){margin-left:1rem}._2obqyp1h:not(:first-child):not(:last-child){margin-left:1rem}._2obqyp1i,._2obqyp1j:first-child{margin-left:2rem}._2obqyp1k:not(:first-child){margin-left:2rem}._2obqyp1l:last-child{margin-left:2rem}._2obqyp1m:not(:last-child){margin-left:2rem}._2obqyp1n:not(:first-child):not(:last-child){margin-left:2rem}._2obqyp1o,._2obqyp1p:first-child{margin-left:0}._2obqyp1q:not(:first-child){margin-left:0}._2obqyp1r:last-child{margin-left:0}._2obqyp1s:not(:last-child){margin-left:0}._2obqyp1t:not(:first-child):not(:last-child){margin-left:0}._2obqyp1u,._2obqyp1v:first-child{margin-left:auto}._2obqyp1w:not(:first-child){margin-left:auto}._2obqyp1x:last-child{margin-left:auto}._2obqyp1y:not(:last-child){margin-left:auto}._2obqyp1z:not(:first-child):not(:last-child){margin-left:auto}._2obqyp20,._2obqyp21:first-child{margin-right:.25rem}._2obqyp22:not(:first-child){margin-right:.25rem}._2obqyp23:last-child{margin-right:.25rem}._2obqyp24:not(:last-child){margin-right:.25rem}._2obqyp25:not(:first-child):not(:last-child){margin-right:.25rem}._2obqyp26,._2obqyp27:first-child{margin-right:.5rem}._2obqyp28:not(:first-child){margin-right:.5rem}._2obqyp29:last-child{margin-right:.5rem}._2obqyp2a:not(:last-child){margin-right:.5rem}._2obqyp2b:not(:first-child):not(:last-child){margin-right:.5rem}._2obqyp2c,._2obqyp2d:first-child{margin-right:1rem}._2obqyp2e:not(:first-child){margin-right:1rem}._2obqyp2f:last-child{margin-right:1rem}._2obqyp2g:not(:last-child){margin-right:1rem}._2obqyp2h:not(:first-child):not(:last-child){margin-right:1rem}._2obqyp2i,._2obqyp2j:first-child{margin-right:2rem}._2obqyp2k:not(:first-child){margin-right:2rem}._2obqyp2l:last-child{margin-right:2rem}._2obqyp2m:not(:last-child){margin-right:2rem}._2obqyp2n:not(:first-child):not(:last-child){margin-right:2rem}._2obqyp2o,._2obqyp2p:first-child{margin-right:0}._2obqyp2q:not(:first-child){margin-right:0}._2obqyp2r:last-child{margin-right:0}._2obqyp2s:not(:last-child){margin-right:0}._2obqyp2t:not(:first-child):not(:last-child){margin-right:0}._2obqyp2u,._2obqyp2v:first-child{margin-right:auto}._2obqyp2w:not(:first-child){margin-right:auto}._2obqyp2x:last-child{margin-right:auto}._2obqyp2y:not(:last-child){margin-right:auto}._2obqyp2z:not(:first-child):not(:last-child){margin-right:auto}._2obqyp30,._2obqyp31:first-child{margin-top:.25rem}._2obqyp32:not(:first-child){margin-top:.25rem}._2obqyp33:last-child{margin-top:.25rem}._2obqyp34:not(:last-child){margin-top:.25rem}._2obqyp35:not(:first-child):not(:last-child){margin-top:.25rem}._2obqyp36,._2obqyp37:first-child{margin-top:.5rem}._2obqyp38:not(:first-child){margin-top:.5rem}._2obqyp39:last-child{margin-top:.5rem}._2obqyp3a:not(:last-child){margin-top:.5rem}._2obqyp3b:not(:first-child):not(:last-child){margin-top:.5rem}._2obqyp3c,._2obqyp3d:first-child{margin-top:1rem}._2obqyp3e:not(:first-child){margin-top:1rem}._2obqyp3f:last-child{margin-top:1rem}._2obqyp3g:not(:last-child){margin-top:1rem}._2obqyp3h:not(:first-child):not(:last-child){margin-top:1rem}._2obqyp3i,._2obqyp3j:first-child{margin-top:2rem}._2obqyp3k:not(:first-child){margin-top:2rem}._2obqyp3l:last-child{margin-top:2rem}._2obqyp3m:not(:last-child){margin-top:2rem}._2obqyp3n:not(:first-child):not(:last-child){margin-top:2rem}._2obqyp3o,._2obqyp3p:first-child{margin-top:0}._2obqyp3q:not(:first-child){margin-top:0}._2obqyp3r:last-child{margin-top:0}._2obqyp3s:not(:last-child){margin-top:0}._2obqyp3t:not(:first-child):not(:last-child){margin-top:0}._2obqyp3u,._2obqyp3v:first-child{margin-top:auto}._2obqyp3w:not(:first-child){margin-top:auto}._2obqyp3x:last-child{margin-top:auto}._2obqyp3y:not(:last-child){margin-top:auto}._2obqyp3z:not(:first-child):not(:last-child){margin-top:auto}._180f0od0,._180f0od1:first-child{padding-bottom:.25rem}._180f0od2:not(:first-child){padding-bottom:.25rem}._180f0od3:last-child{padding-bottom:.25rem}._180f0od4:not(:last-child){padding-bottom:.25rem}._180f0od5:not(:first-child):not(:last-child){padding-bottom:.25rem}._180f0od6,._180f0od7:first-child{padding-bottom:.5rem}._180f0od8:not(:first-child){padding-bottom:.5rem}._180f0od9:last-child{padding-bottom:.5rem}._180f0oda:not(:last-child){padding-bottom:.5rem}._180f0odb:not(:first-child):not(:last-child){padding-bottom:.5rem}._180f0odc,._180f0odd:first-child{padding-bottom:1rem}._180f0ode:not(:first-child){padding-bottom:1rem}._180f0odf:last-child{padding-bottom:1rem}._180f0odg:not(:last-child){padding-bottom:1rem}._180f0odh:not(:first-child):not(:last-child){padding-bottom:1rem}._180f0odi,._180f0odj:first-child{padding-bottom:2rem}._180f0odk:not(:first-child){padding-bottom:2rem}._180f0odl:last-child{padding-bottom:2rem}._180f0odm:not(:last-child){padding-bottom:2rem}._180f0odn:not(:first-child):not(:last-child){padding-bottom:2rem}._180f0odo,._180f0odp:first-child{padding-bottom:0}._180f0odq:not(:first-child){padding-bottom:0}._180f0odr:last-child{padding-bottom:0}._180f0ods:not(:last-child){padding-bottom:0}._180f0odt:not(:first-child):not(:last-child){padding-bottom:0}._180f0odu,._180f0odv:first-child{padding-bottom:auto}._180f0odw:not(:first-child){padding-bottom:auto}._180f0odx:last-child{padding-bottom:auto}._180f0ody:not(:last-child){padding-bottom:auto}._180f0odz:not(:first-child):not(:last-child){padding-bottom:auto}._180f0od10,._180f0od11:first-child{padding-left:.25rem}._180f0od12:not(:first-child){padding-left:.25rem}._180f0od13:last-child{padding-left:.25rem}._180f0od14:not(:last-child){padding-left:.25rem}._180f0od15:not(:first-child):not(:last-child){padding-left:.25rem}._180f0od16,._180f0od17:first-child{padding-left:.5rem}._180f0od18:not(:first-child){padding-left:.5rem}._180f0od19:last-child{padding-left:.5rem}._180f0od1a:not(:last-child){padding-left:.5rem}._180f0od1b:not(:first-child):not(:last-child){padding-left:.5rem}._180f0od1c,._180f0od1d:first-child{padding-left:1rem}._180f0od1e:not(:first-child){padding-left:1rem}._180f0od1f:last-child{padding-left:1rem}._180f0od1g:not(:last-child){padding-left:1rem}._180f0od1h:not(:first-child):not(:last-child){padding-left:1rem}._180f0od1i,._180f0od1j:first-child{padding-left:2rem}._180f0od1k:not(:first-child){padding-left:2rem}._180f0od1l:last-child{padding-left:2rem}._180f0od1m:not(:last-child){padding-left:2rem}._180f0od1n:not(:first-child):not(:last-child){padding-left:2rem}._180f0od1o,._180f0od1p:first-child{padding-left:0}._180f0od1q:not(:first-child){padding-left:0}._180f0od1r:last-child{padding-left:0}._180f0od1s:not(:last-child){padding-left:0}._180f0od1t:not(:first-child):not(:last-child){padding-left:0}._180f0od1u,._180f0od1v:first-child{padding-left:auto}._180f0od1w:not(:first-child){padding-left:auto}._180f0od1x:last-child{padding-left:auto}._180f0od1y:not(:last-child){padding-left:auto}._180f0od1z:not(:first-child):not(:last-child){padding-left:auto}._180f0od20,._180f0od21:first-child{padding-right:.25rem}._180f0od22:not(:first-child){padding-right:.25rem}._180f0od23:last-child{padding-right:.25rem}._180f0od24:not(:last-child){padding-right:.25rem}._180f0od25:not(:first-child):not(:last-child){padding-right:.25rem}._180f0od26,._180f0od27:first-child{padding-right:.5rem}._180f0od28:not(:first-child){padding-right:.5rem}._180f0od29:last-child{padding-right:.5rem}._180f0od2a:not(:last-child){padding-right:.5rem}._180f0od2b:not(:first-child):not(:last-child){padding-right:.5rem}._180f0od2c,._180f0od2d:first-child{padding-right:1rem}._180f0od2e:not(:first-child){padding-right:1rem}._180f0od2f:last-child{padding-right:1rem}._180f0od2g:not(:last-child){padding-right:1rem}._180f0od2h:not(:first-child):not(:last-child){padding-right:1rem}._180f0od2i,._180f0od2j:first-child{padding-right:2rem}._180f0od2k:not(:first-child){padding-right:2rem}._180f0od2l:last-child{padding-right:2rem}._180f0od2m:not(:last-child){padding-right:2rem}._180f0od2n:not(:first-child):not(:last-child){padding-right:2rem}._180f0od2o,._180f0od2p:first-child{padding-right:0}._180f0od2q:not(:first-child){padding-right:0}._180f0od2r:last-child{padding-right:0}._180f0od2s:not(:last-child){padding-right:0}._180f0od2t:not(:first-child):not(:last-child){padding-right:0}._180f0od2u,._180f0od2v:first-child{padding-right:auto}._180f0od2w:not(:first-child){padding-right:auto}._180f0od2x:last-child{padding-right:auto}._180f0od2y:not(:last-child){padding-right:auto}._180f0od2z:not(:first-child):not(:last-child){padding-right:auto}._180f0od30,._180f0od31:first-child{padding-top:.25rem}._180f0od32:not(:first-child){padding-top:.25rem}._180f0od33:last-child{padding-top:.25rem}._180f0od34:not(:last-child){padding-top:.25rem}._180f0od35:not(:first-child):not(:last-child){padding-top:.25rem}._180f0od36,._180f0od37:first-child{padding-top:.5rem}._180f0od38:not(:first-child){padding-top:.5rem}._180f0od39:last-child{padding-top:.5rem}._180f0od3a:not(:last-child){padding-top:.5rem}._180f0od3b:not(:first-child):not(:last-child){padding-top:.5rem}._180f0od3c,._180f0od3d:first-child{padding-top:1rem}._180f0od3e:not(:first-child){padding-top:1rem}._180f0od3f:last-child{padding-top:1rem}._180f0od3g:not(:last-child){padding-top:1rem}._180f0od3h:not(:first-child):not(:last-child){padding-top:1rem}._180f0od3i,._180f0od3j:first-child{padding-top:2rem}._180f0od3k:not(:first-child){padding-top:2rem}._180f0od3l:last-child{padding-top:2rem}._180f0od3m:not(:last-child){padding-top:2rem}._180f0od3n:not(:first-child):not(:last-child){padding-top:2rem}._180f0od3o,._180f0od3p:first-child{padding-top:0}._180f0od3q:not(:first-child){padding-top:0}._180f0od3r:last-child{padding-top:0}._180f0od3s:not(:last-child){padding-top:0}._180f0od3t:not(:first-child):not(:last-child){padding-top:0}._180f0od3u,._180f0od3v:first-child{padding-top:auto}._180f0od3w:not(:first-child){padding-top:auto}._180f0od3x:last-child{padding-top:auto}._180f0od3y:not(:last-child){padding-top:auto}._180f0od3z:not(:first-child):not(:last-child){padding-top:auto}._1dkuq2z0{font-size:.75rem}._1dkuq2z1{font-size:.875rem}._1dkuq2z2{font-size:.75rem}._1dkuq2z3{font-size:1rem}._1dkuq2z4{font-size:1.125rem}._1dkuq2z5{font-size:1.25rem}._1dkuq2z6{font-size:1.5rem}._1dkuq2z7{font-weight:400}._1dkuq2z8{font-weight:600}._1dkuq2z9{line-height:1.125rem}._1dkuq2za{line-height:1.25rem}._1dkuq2zb{line-height:.875rem}._1dkuq2zc{line-height:1rem}._1dkuq2zd{line-height:1.125rem}._1dkuq2ze{line-height:1.25rem}._1dkuq2zf{line-height:1.5rem}._1gri89mw{border-style:solid}.mvou5q0{display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.mvou5q1{grid-column:span 1}.mvou5q2{grid-column:span 2}.mvou5q3{grid-column:span 3}.mvou5q4{grid-column:span 4}.mvou5q5{grid-column:span 5}.mvou5q6{grid-column:span 6}.mvou5q7{grid-column:span 7}.mvou5q8{grid-column:span 8}.mvou5q9{grid-column:span 9}.mvou5qa{grid-column:span 10}.mvou5qb{grid-column:span 11}.mvou5qc{grid-column:span 12}.g5vsg0{margin:3.75rem auto 3.125rem;max-width:77.5rem;min-width:0;padding:1.25rem}.g5vsg1{max-width:100%}.w9p2pg0{display:flex;font-size:.75rem;line-height:1.875rem;padding:.5rem}.w9p2pg1{align-items:center;display:flex;flex:1;padding-left:.5rem}.o0pwg0{height:100%;padding:1rem}.o0pwg0 p:last-child{margin-bottom:0}.o0pwg0>section{display:flex;flex-wrap:wrap;margin-top:0;margin-right:-1rem;margin-bottom:0;margin-left:-1rem;padding:1rem}.o0pwg0>section:first-child{margin-top:-1rem}.o0pwg0>section:last-child{margin-bottom:-1rem}.o0pwg0>section+section{border-top-style:solid;border-top-width:.0625rem;border-top-color:#d2d4d4}.o0pwg0>section>section{flex:1;margin-top:-1rem;margin-right:0;margin-bottom:-1rem;margin-left:0;padding:1rem}.o0pwg0>section>section:first-child{margin-left:-1rem}.o0pwg0>section>section:last-child{margin-right:-1rem}.o0pwg0>section>section+section{border-left-style:solid;border-left-width:.0625rem;border-left-color:#d2d4d4}._6qnc0v0:before{content:"\e900"}._6qnc0v1:before{content:"\e901"}._6qnc0v2:before{content:"\e902"}._6qnc0v3:before{content:"\e903"}._6qnc0v4:before{content:"\e904"}._6qnc0v5:before{content:"\e905"}._6qnc0v6:before{content:"\e906"}._6qnc0v7:before{content:"\e907"}._6qnc0v8:before{content:"\e908"}._6qnc0v9:before{content:"\e909"}._6qnc0va:before{content:"\e90a"}._6qnc0vb:before{content:"\e90b"}._6qnc0vc:before{content:"\e90c"}._6qnc0vd:before{content:"\e90d"}._6qnc0ve:before{content:"\e90e"}._6qnc0vf:before{content:"\e90f"}._6qnc0vg:before{content:"\e910"}._6qnc0vh:before{content:"\e911"}._6qnc0vi:before{content:"\e912"}._6qnc0vj:before{content:"\e913"}._6qnc0vk:before{content:"\e914"}._6qnc0vl:before{content:"\e915"}._6qnc0vm:before{content:"\e916"}._6qnc0vn:before{content:"\e917"}._6qnc0vo:before{content:"\e918"}._6qnc0vp:before{content:"\e919"}._6qnc0vq:before{content:"\e91a"}._6qnc0vr:before{content:"\e91b"}._6qnc0vs:before{content:"\e91c"}._6qnc0vt:before{content:"\e91d"}._6qnc0vu:before{content:"\e91e"}._6qnc0vv:before{content:"\e91f"}._6qnc0vw:before{content:"\e920"}._6qnc0vx:before{content:"\e921"}._6qnc0vy:before{content:"\e922"}._6qnc0vz:before{content:"\e923"}._6qnc0v10:before{content:"\e924"}._6qnc0v11:before{content:"\e925"}._6qnc0v12:before{content:"\e926"}._6qnc0v13:before{content:"\e927"}._6qnc0v14:before{content:"\e928"}._6qnc0v15:before{content:"\e929"}._6qnc0v16:before{content:"\e92a"}._6qnc0v17:before{content:"\e92b"}._6qnc0v18:before{content:"\e92c"}._6qnc0v19:before{content:"\e92d"}._6qnc0v1a:before{content:"\e92e"}._6qnc0v1b:before{content:"\e92f"}._6qnc0v1c:before{content:"\e930"}._6qnc0v1d:before{content:"\e931"}._6qnc0v1e:before{content:"\e932"}._6qnc0v1f:before{content:"\e933"}._6qnc0v1g:before{content:"\e934"}._6qnc0v1h:before{content:"\e935"}._6qnc0v1i:before{content:"\e936"}._6qnc0v1j:before{content:"\e937"}._6qnc0v1k:before{content:"\e938"}._6qnc0v1l:before{content:"\e939"}._6qnc0v1m:before{content:"\e93a"}._6qnc0v1n:before{content:"\e93b"}._6qnc0v1o:before{content:"\e93c"}._6qnc0v1p:before{content:"\e93d"}._6qnc0v1q:before{content:"\e93e"}._6qnc0v1r:before{content:"\e93f"}._6qnc0v1s:before{content:"\e940"}._6qnc0v1t:before{content:"\e941"}._6qnc0v1u:before{content:"\e942"}._6qnc0v1v:before{content:"\e943"}._6qnc0v1w:before{content:"\e944"}._6qnc0v1x:before{content:"\e945"}._6qnc0v1y:before{content:"\e946"}._6qnc0v1z:before{content:"\e947"}._6qnc0v20:before{content:"\e948"}._6qnc0v21:before{content:"\e949"}._6qnc0v22:before{content:"\e94a"}._6qnc0v23:before{content:"\e94b"}._6qnc0v24:before{content:"\e94c"}._6qnc0v25:before{content:"\e94d"}._6qnc0v26:before{content:"\e94e"}._6qnc0v27:before{content:"\e94f"}._6qnc0v28:before{content:"\e950"}._6qnc0v29:before{content:"\e951"}._6qnc0v2a:before{content:"\e952"}._6qnc0v2b:before{content:"\e953"}._6qnc0v2c:before{content:"\e954"}._6qnc0v2d:before{content:"\e955"}._6qnc0v2e:before{content:"\e956"}._6qnc0v2f:before{content:"\e957"}._6qnc0v2g:before{content:"\e958"}._6qnc0v2h:before{content:"\e959"}._6qnc0v2i:before{content:"\e95a"}._6qnc0v2j:before{content:"\e95b"}._6qnc0v2k:before{content:"\e95c"}._6qnc0v2l:before{content:"\e95d"}._6qnc0v2m:before{content:"\e95e"}._6qnc0v2n:before{content:"\e95f"}._6qnc0v2o:before{content:"\e960"}._6qnc0v2p:before{content:"\e961"}._6qnc0v2q:before{content:"\e962"}._6qnc0v2r:before{content:"\e963"}._6qnc0v2s:before{content:"\e964"}._6qnc0v2t:before{content:"\e965"}._6qnc0v2u:before{content:"\e966"}._6qnc0v2v:before{content:"\e967"}._6qnc0v2w:before{content:"\e968"}._6qnc0v2x:before{content:"\e969"}._6qnc0v2y:before{content:"\e96a"}._6qnc0v2z:before{content:"\e96b"}._6qnc0v30:before{content:"\e96c"}._6qnc0v31:before{content:"\e96d"}._6qnc0v32:before{content:"\e96e"}._6qnc0v33:before{content:"\e96f"}._6qnc0v34:before{content:"\e970"}._6qnc0v35:before{content:"\e971"}._6qnc0v36:before{content:"\e972"}._6qnc0v37:before{content:"\e973"}._6qnc0v38:before{content:"\e974"}._6qnc0v39:before{content:"\e975"}._6qnc0v3a:before{content:"\e976"}._6qnc0v3b:before{content:"\e977"}._6qnc0v3c:before{content:"\e978"}._6qnc0v3d:before{content:"\e979"}._6qnc0v3e:before{content:"\e97a"}._6qnc0v3f:before{content:"\e97b"}._6qnc0v3g:before{content:"\e97c"}._6qnc0v3h:before{content:"\e97d"}._6qnc0v3i:before{content:"\e97e"}._6qnc0v3j:before{content:"\e97f"}._6qnc0v3k:before{content:"\e980"}._6qnc0v3l:before{content:"\e981"}._6qnc0v3m:before{content:"\e982"}._6qnc0v3n:before{content:"\e983"}._6qnc0v3o:before{content:"\e984"}._6qnc0v3p:before{content:"\e985"}._6qnc0v3q:before{content:"\e986"}._6qnc0v3r:before{content:"\e987"}._6qnc0v3s:before{content:"\e988"}._6qnc0v3t:before{content:"\e989"}._6qnc0v3u:before{content:"\e98b"}._6qnc0v3v:before{content:"\e98c"}._6qnc0v3w:before{content:"\e98d"}._6qnc0v3x:before{content:"\e98e"}._6qnc0v3y:before{content:"\e98f"}._6qnc0v3z:before{content:"\e990"}._6qnc0v40:before{content:"\e991"}._6qnc0v41:before{content:"\e992"}._6qnc0v42:before{content:"\e993"}._6qnc0v43:before{content:"\e994"}._6qnc0v44:before{content:"\e995"}._6qnc0v45:before{content:"\e996"}._6qnc0v46:before{content:"\e997"}._6qnc0v47:before{content:"\e998"}._6qnc0v48:before{content:"\e999"}._6qnc0v49:before{content:"\e99a"}._6qnc0v4a:before{content:"\e99b"}._6qnc0v4b:before{content:"\e99c"}._6qnc0v4c:before{content:"\e99d"}._6qnc0v4d:before{content:"\e99e"}._6qnc0v4e:before{content:"\e99f"}._6qnc0v4f:before{content:"\e9a0"}._6qnc0v4g:before{content:"\e9a1"}._6qnc0v4h:before{content:"\e9a2"}._6qnc0v4i:before{content:"\e9a3"}._6qnc0v4j:before{content:"\e9a4"}._6qnc0v4k:before{content:"\e97f"}._6qnc0v4l:before{content:"\e980"}._6qnc0v4m:before{content:"\e981"}._6qnc0v4n:before{content:"\e982"}._6qnc0v4o:before{content:"\e983"}._6qnc0v4p:before{content:"\e984"}._6qnc0v4q:before{content:"\e985"}._6qnc0v4r:before{content:"\e986"}._6qnc0v4s:before{content:"\e987"}._6qnc0v4t:before{content:"\e988"}._6qnc0v4u:before{content:"\e989"}._6qnc0v4v:before{content:"\e98b"}._6qnc0v4w:before{content:"\e98b"}._6qnc0v4x:before{content:"\e98c"}._6qnc0v4y:before{content:"\e98d"}._6qnc0v4z{font-size:.75rem}._6qnc0v50{font-size:.875rem}._6qnc0v51{font-size:1rem}._6qnc0v52{font-size:1.25rem}._6qnc0v53{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:SPS-Icons;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}@keyframes _9gd2pg0{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._9gd2pg1{display:flex}._9gd2pg2{animation:_9gd2pg0 .75s infinite linear;border-radius:50%;border-style:solid;border-top-color:#91467f;border-right-color:#91467f;border-left-color:#91467f;border-bottom-color:#f4ecf2;margin:auto}._9gd2pg3{border-width:.125rem;height:1.125rem;width:1.125rem}._9gd2pg4{border-width:.25rem;height:2.25rem;width:2.25rem}._9gd2pg5{border-width:.5rem;height:4.5rem;width:4.5rem}@media (prefers-reduced-motion){._9gd2pg2{animation:none}}._17ntd80{background-color:#d2d4d4;display:inline-block;height:2rem;margin-left:.25rem;margin-right:.25rem;vertical-align:middle;width:.0625rem}

package/lib/types/table.d.ts

@@ -0,0 +1,12 @@
+export declare enum SortDirection {
+    ASCENDING = "ascending",
+    DESCENDING = "descending"
+}
+export interface SortedColumn {
+    key: string;
+    direction: SortDirection;
+}
+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;

package/lib/utils/ComponentProps.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren, HTMLAttributes } from "react";
+export declare type ComponentProps<T, K extends HTMLElement = HTMLElement> = PropsWithChildren<T & {
+    "data-testid"?: string;
+}> & Omit<HTMLAttributes<K>, keyof T>;

package/lib/utils/Provide.d.ts

@@ -0,0 +1,23 @@
+import * as React from "react";
+import type { ComponentProps } from "./ComponentProps";
+/**
+ * This is the use case for Nested: wrapping JSX in a flat list of
+ * multiple React context providers instead of creating a pyramid of doom.
+ *
+ * bindProps (see bindProps.tsx in this same directory) was
+ * created to be used with this, so you can set props on the
+ * providers, including and especially `value` on the built-in
+ * context object's `.Provider` component.
+ *
+ * <Provide providers={[
+ *   ProplessProviderFromALibrary,
+ *   bindProps(MyReallyUsefulContext.Provider, { value: "foo" }),
+ *   // ...etc
+ * ]}>
+ *   (component tree that will have access to context from these providers)
+ * </Provide>
+ */
+export declare type ProvideProps = ComponentProps<{
+    providers?: React.ElementType[];
+}, HTMLDivElement>;
+export declare function Provide({ children, providers, ...rest }: ProvideProps): React.ReactElement;

package/lib/utils/VariantDefinitions.d.ts

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

package/lib/utils/addClassName.d.ts

@@ -0,0 +1,2 @@
+import type { FunctionComponentElement } from "react";
+export declare function addClassName<P>(node: FunctionComponentElement<P>, newClassName: string): FunctionComponentElement<P>;

package/lib/utils/addProps.d.ts

@@ -0,0 +1,2 @@
+import type { FunctionComponentElement } from "react";
+export declare function addProps<P>(node: FunctionComponentElement<P>, newProps: Partial<Parameters<typeof node.type>[0]>): FunctionComponentElement<P>;

package/lib/utils/bindProps.d.ts

@@ -0,0 +1,33 @@
+import * as React from "react";
+/**
+ * takes in an ElementType (e.g. a React component) and
+ * returns a new version of that component where certain
+ * props are ALWAYS set to predefined values.
+ *
+ * for example, consider the following component:
+ * const Foo: React.FC<{
+ *   a: string;
+ *   b: string;
+ * }> = function ({ a, b }) {
+ *   return (
+ *     <span>
+ *       a is {a} and b is {b}
+ *     </span>
+ *   );
+ * };
+ *
+ * <Foo a="dog" b="cat"/> would produce <span>a is dog and b is cat</span>
+ *
+ * But if you bind the prop a...
+ * const FooWithBoundA = bindProps(Foo, { a: "parakeet" });
+ *
+ * then <FooWithBoundA b="cat"/> will produce <span>a is parakeet and b is cat</span>
+ *
+ * The type of the props is the same, except that prop a is pre-set and so no
+ * longer something that can be passed in.
+ *
+ * This was created to be used with <Provide> (see Provide.tsx in this same directory),
+ * but may have other use cases.
+ */
+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>;

package/lib/utils/cl.d.ts

@@ -0,0 +1 @@
+export declare function cl(...args: unknown[]): string;

package/lib/utils/contentOf.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from "react";
+export declare function contentOf(nodeOrRenderFn: ReactNode | (() => ReactNode)): ReactNode;

package/lib/utils/modChildren.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode, FunctionComponentElement } from "react";
+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 {};

package/lib/utils/selectChildren.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode, ReactElement, FunctionComponentElement } from "react";
+export interface ISelectChildrenGroup {
+    type?: any;
+    props?: Record<string, any>;
+    custom?: (child: any) => boolean;
+}
+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;

package/lib/utils/useChildTestIdAttrBuilder.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps } from "./ComponentProps";
+export declare function useChildTestIdAttrBuilder<T>(props: Partial<ComponentProps<T>>): (subId: string) => {
+    "data-testid"?: string;
+};

package/lib/utils/usePatchReducer.d.ts

@@ -0,0 +1,2 @@
+import type { Dispatch } from "react";
+export declare function usePatchReducer<T>(initState: T): [T, Dispatch<Partial<T>>];

package/lib/utils/usePortal.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode, ReactPortal, RefObject } from "react";
+export declare const PortalContext: import("react").Context<{
+    parentElementRef?: RefObject<HTMLElement | null> | undefined;
+    fixed?: boolean | undefined;
+} | null>;
+export declare function usePortal(id: string, classes?: string[]): (jsx: ReactNode) => ReactPortal;

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@sps-woodland/core",
+  "description": "SPS Woodland Design System core library code",
+  "version": "7.0.0",
+  "author": "SPS Commerce",
+  "license": "UNLICENSED",
+  "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/core",
+  "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/core#readme",
+  "main": "./lib/index.es.js",
+  "module": "./lib/index.es.js",
+  "types": "./lib/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@spscommerce/utils": "^6.12.1",
+    "@sps-woodland/tokens": "7.0.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "devDependencies": {
+    "@spscommerce/utils": "^6.12.1",
+    "@vanilla-extract/css": "^1.9.1",
+    "@vanilla-extract/recipes": "^0.2.5",
+    "@sps-woodland/tokens": "7.0.0",
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0"
+  },
+  "dependencies": {
+    "nanoid": "^3.3.4"
+  },
+  "scripts": {
+    "build": "pnpm run build:js && pnpm run build:types",
+    "build:js": "vite build",
+    "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "watch": "vite build --watch",
+    "clean": "git clean -fdX",
+    "pub": "node ../../../scripts/publish-package.js"
+  }
+}

package/vite.config.js

@@ -0,0 +1,21 @@
+import path from "path";
+import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
+import { defineConfig } from "vite";
+
+import pkg from "./package.json";
+
+export default defineConfig({
+  plugins: [vanillaExtractPlugin()],
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      formats: ["es", "cjs"],
+      fileName: (format) => `index.${format}.js`,
+    },
+    outDir: path.resolve(__dirname, "./lib"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+    },
+  },
+});