@spscommerce/ds-react 5.0.0-rc1 → 5.0.0

package/lib/utils/useElementId.d.ts

@@ -1 +1,2 @@
-export declare function useElementId(id: string): React.RefObject<string>;
+import type { RefObject } from "react";
+export declare function useElementId(id: string): RefObject<string>;

package/lib/utils/useInputPopup.d.ts

@@ -1,7 +1,6 @@
-import * as React from 'react';
-import { SpsFormFieldMeta } from '../form/hooks/useSpsForm';
-export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>, formMeta: SpsFormFieldMeta<any>): {
-    showPopup: boolean;
-    doShowPopup: () => void;
-    doHidePopup: (suppressNextShow?: any) => void;
-};
+import * as React from "react";
+export declare function useInputPopup(rootRef: React.MutableRefObject<HTMLElement>, popupRef: React.MutableRefObject<HTMLElement>): {
+    showPopup: boolean;
+    doShowPopup: () => void;
+    doHidePopup: (suppressNextShow?: any) => void;
+};

package/lib/utils/usePatchReducer.d.ts

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

package/lib/utils/usePortal.d.ts

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

package/lib/vertical-rule/SpsVerticalRule.d.ts

@@ -1,11 +1,11 @@
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
-export declare function SpsVr(p: SpsVerticalRuleProps): JSX.Element;
-export {};
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsVerticalRuleProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsVerticalRule(props: SpsVerticalRuleProps): JSX.Element;
+export declare function SpsVr(props: SpsVerticalRuleProps): JSX.Element;
+export {};

package/lib/vertical-rule/index.d.ts

@@ -1 +1 @@
-export * from './SpsVerticalRule';
+export * from "./SpsVerticalRule";

package/lib/wizard/SpsWizard.examples.d.ts

@@ -1,2 +1,2 @@
-import { DSReactExamples } from '@spscommerce/ds-shared';
-export declare const SpsWizardExamples: DSReactExamples;
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsWizardExamples: DSReactExamples;

package/lib/wizard/SpsWizardSidebar.d.ts

@@ -1,23 +1,23 @@
-import * as PropTypes from '../prop-types';
-export interface WizardStep {
-    title: string;
-    percentComplete: number;
-    active: boolean;
-    disabled: boolean;
-    onClick?: () => void;
-}
-export interface WizardPhase {
-    steps: Array<WizardStep>;
-    title: string;
-    disabled: boolean;
-}
-declare const propTypes: {
-    phases: PropTypes.Requireable<WizardPhase[]>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
-export {};
+import * as PropTypes from "../prop-types";
+export interface WizardStep {
+    title: string;
+    percentComplete: number;
+    active: boolean;
+    disabled: boolean;
+    onClick?: () => void;
+}
+export interface WizardPhase {
+    steps: WizardStep[];
+    title: string;
+    disabled: boolean;
+}
+declare const propTypes: {
+    phases: PropTypes.Requireable<WizardPhase[]>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWizardSidebarProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWizardSidebar({ className, phases, }: SpsWizardSidebarProps): JSX.Element;
+export {};

package/lib/wizard/SpsWizardSubstep.d.ts

@@ -1,14 +1,14 @@
-import { WizardSubstepConditions } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    condition: PropTypes.Validator<WizardSubstepConditions>;
-    display: PropTypes.Validator<string>;
-    orderPosition: PropTypes.Validator<string | number>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
-export {};
+import { WizardSubstepConditions } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    condition: PropTypes.Validator<WizardSubstepConditions>;
+    display: PropTypes.Validator<string>;
+    orderPosition: PropTypes.Validator<string | number>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWizardSubstepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWizardSubstep(props: SpsWizardSubstepProps): JSX.Element;
+export {};

package/lib/wizard/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SpsWizard.examples';
-export * from './SpsWizardSidebar';
-export * from './SpsWizardSubstep';
+export * from "./SpsWizard.examples";
+export * from "./SpsWizardSidebar";
+export * from "./SpsWizardSubstep";

package/lib/workflow/SpsWorkflow.d.ts

@@ -1,14 +1,14 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    heading: PropTypes.Requireable<string>;
-    icon: PropTypes.Requireable<SpsIcon>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
-export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    heading: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<SpsIcon>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWorkflow(props: SpsWorkflowProps): JSX.Element;
+export declare function SpsWf(props: SpsWorkflowProps): JSX.Element;
+export {};

package/lib/workflow/SpsWorkflow.examples.d.ts

@@ -1,2 +1,2 @@
-import { DSReactExamples } from '@spscommerce/ds-shared';
-export declare const SpsWorkflowExamples: DSReactExamples;
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsWorkflowExamples: DSReactExamples;

package/lib/workflow/SpsWorkflowDocument.d.ts

@@ -1,11 +1,11 @@
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
-export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
-export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
-export {};
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowDocumentProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare function SpsWorkflowDocument(props: SpsWorkflowDocumentProps): JSX.Element;
+export declare function SpsWfDoc(props: SpsWorkflowDocumentProps): JSX.Element;
+export {};

package/lib/workflow/SpsWorkflowDocumentStatus.d.ts

@@ -1,13 +1,13 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    icon: PropTypes.Requireable<SpsIcon>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
-export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
-export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Requireable<SpsIcon>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowDocumentStatusProps = PropTypes.InferTS<typeof propTypes, HTMLSpanElement>;
+export declare function SpsWorkflowDocumentStatus(props: SpsWorkflowDocumentStatusProps): JSX.Element;
+export declare function SpsWfDs(props: SpsWorkflowDocumentStatusProps): JSX.Element;
+export {};

package/lib/workflow/SpsWorkflowStep.d.ts

@@ -1,14 +1,14 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    icon: PropTypes.Validator<SpsIcon>;
-    title: PropTypes.Validator<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
-export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Validator<SpsIcon>;
+    title: PropTypes.Validator<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsWorkflowStepProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsWorkflowStep(props: SpsWorkflowStepProps): JSX.Element;
+export declare function SpsWfStep(props: SpsWorkflowStepProps): JSX.Element;
+export {};

package/lib/workflow/index.d.ts

@@ -1,5 +1,5 @@
-export * from './SpsWorkflow';
-export * from './SpsWorkflowStep';
-export * from './SpsWorkflowDocumentStatus';
-export * from './SpsWorkflowDocument';
-export * from './SpsWorkflow.examples';
+export * from "./SpsWorkflow";
+export * from "./SpsWorkflowStep";
+export * from "./SpsWorkflowDocumentStatus";
+export * from "./SpsWorkflowDocument";
+export * from "./SpsWorkflow.examples";

package/lib/zero-state/SpsMicroZeroState.d.ts

@@ -1,14 +1,14 @@
-import { SpsIcon } from '@spscommerce/ds-shared';
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    icon: PropTypes.Validator<SpsIcon>;
-    heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
-export {};
+import { SpsIcon } from "@spscommerce/ds-shared";
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    icon: PropTypes.Validator<SpsIcon>;
+    heading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    subHeading: PropTypes.Requireable<PropTypes.ReactNodeOrRenderFn>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsMicroZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsMicroZeroState(props: SpsMicroZeroStateProps): JSX.Element;
+export {};

package/lib/zero-state/SpsZeroState.d.ts

@@ -1,13 +1,13 @@
-import * as PropTypes from '../prop-types';
-declare const propTypes: {
-    artwork: PropTypes.Validator<string>;
-    heading: PropTypes.Validator<string>;
-    subHeading: PropTypes.Requireable<string>;
-    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
-    className: PropTypes.Requireable<string>;
-    'data-testid': PropTypes.Requireable<string>;
-    unsafelyReplaceClassName: PropTypes.Requireable<string>;
-};
-export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
-export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
-export {};
+import * as PropTypes from "../prop-types";
+declare const propTypes: {
+    artwork: PropTypes.Validator<string>;
+    heading: PropTypes.Validator<string>;
+    subHeading: PropTypes.Requireable<string>;
+    children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+    className: PropTypes.Requireable<string>;
+    "data-testid": PropTypes.Requireable<string>;
+    unsafelyReplaceClassName: PropTypes.Requireable<string>;
+};
+export declare type SpsZeroStateProps = PropTypes.InferTS<typeof propTypes, HTMLDivElement>;
+export declare function SpsZeroState(props: SpsZeroStateProps): JSX.Element;
+export {};

package/lib/zero-state/SpsZeroState.examples.d.ts

@@ -1,2 +1,2 @@
-import { DSReactExamples } from '@spscommerce/ds-shared';
-export declare const SpsZeroStateExamples: DSReactExamples;
+import type { DSReactExamples } from "@spscommerce/ds-shared";
+export declare const SpsZeroStateExamples: DSReactExamples;

package/lib/zero-state/index.d.ts

@@ -1,3 +1,3 @@
-export * from './SpsMicroZeroState';
-export * from './SpsZeroState';
-export * from './SpsZeroState.examples';
+export * from "./SpsMicroZeroState";
+export * from "./SpsZeroState";
+export * from "./SpsZeroState.examples";

package/package.json

@@ -1,19 +1,13 @@
 {
   "name": "@spscommerce/ds-react",
   "description": "SPS Design System React components",
-  "version": "5.0.0-rc1",
+  "version": "5.0.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-react",
   "homepage": "https://github.com/spscommerce/design-system/tree/master/packages/@spscommerce/ds-react#readme",
-  "scripts": {
-    "build": "yarn run build:rollup",
-    "build:rollup": "npx rollup -c rollup.config.js",
-    "clean": "git clean -fdX",
-    "pub": "node ../../../scripts/publish-package.js"
-  },
   "main": "./lib/index.cjs.js",
-  "module": "./lib/index.esm.js",
+  "module": "./lib/index.es.js",
   "types": "./lib/index.d.ts",
   "publishConfig": {
     "access": "public"
@@ -24,51 +18,51 @@
     "@react-types/shared": "^3.8.0",
     "@react-types/tabs": "^3.0.1",
     "axe-prop-types": "^1.0.9",
+    "clsx": "^1.0.3",
+    "lodash.isplainobject": "^4.0.6",
+    "nanoid": "^2.1.0",
+    "prop-types": "^15.7.2",
+    "react-beautiful-dnd": "^11.0.4",
+    "scroll-into-view-if-needed": "^2.2.20",
     "tiny-invariant": "^1.0.4"
   },
   "peerDependencies": {
     "@react-stately/collections": "^3.3.3",
-    "@spscommerce/ds-colors": "^5.0.0-rc1",
-    "@spscommerce/ds-shared": "^5.0.0-rc1",
-    "@spscommerce/positioning": "^5.0.0-rc1",
-    "@spscommerce/utils": "^5.0.0-rc1",
-    "clsx": "^1.0.3",
+    "@spscommerce/ds-colors": "5.0.0",
+    "@spscommerce/ds-shared": "5.0.0",
+    "@spscommerce/positioning": "5.0.0",
+    "@spscommerce/utils": "5.0.0",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
-    "lodash.isplainobject": "^4.0.6",
-    "nanoid": "^2.1.6",
-    "prop-types": "^15.7.2",
     "react": "^16.9.0",
-    "react-beautiful-dnd": "^11.0.4",
-    "react-dom": "^16.9.0",
-    "scroll-into-view-if-needed": "^2.2.20"
+    "react-dom": "^16.9.0"
   },
   "devDependencies": {
-    "@spscommerce/ds-colors": "^5.0.0-rc1",
-    "@spscommerce/ds-shared": "^5.0.0-rc1",
-    "@spscommerce/positioning": "^5.0.0-rc1",
-    "@spscommerce/utils": "^5.0.0-rc1",
+    "@react-stately/collections": "^3.3.3",
+    "@spscommerce/ds-colors": "5.0.0",
+    "@spscommerce/ds-shared": "5.0.0",
+    "@spscommerce/positioning": "5.0.0",
+    "@spscommerce/utils": "5.0.0",
+    "@testing-library/jest-dom": "^4.2.4",
+    "@testing-library/react": "^9.3.2",
     "@types/prop-types": "^15.7.1",
-    "@types/react": "^16.8.8",
-    "clsx": "^1.0.3",
-    "d3": "^5.16.0",
-    "eventemitter3": "^3.1.0",
+    "@types/react": "^16.9.0",
     "expect": "^24.1.0",
-    "intersection-observer": "^0.5.1",
-    "jest-dom": "^3.1.1",
-    "lodash.isempty": "^4.4.0",
-    "lodash.isnil": "^4.0.0",
-    "lodash.padstart": "^4.6.1",
     "lz-string": "^1.4.4",
     "moment": "^2.25.3",
     "moment-timezone": "^0.5.28",
-    "nanoid": "^2.1.6",
-    "prop-types": "^15.7.2",
     "raf-stub": "^2.0.2",
-    "react-beautiful-dnd": "^11.0.4",
-    "react-testing-library": "^5.4.4",
-    "recharts": "^1.8.5",
-    "scroll-into-view-if-needed": "^2.2.20",
-    "typescript": "^3.5.3"
-  }
+    "react": "^16.9.0",
+    "react-dom": "^16.9.0",
+    "typescript": "^4.4.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": "pnpm pack && node ../../scripts/publish-package.js"
+  },
+  "readme": "[//]: # \"START_AUTOGENERATED\"\n\n## [@spscommerce/ds-react](https://github.com/spscommerce/ui-angular/tree/master/packages/@spscommerce/ds-react#readme)\n\n![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)\n![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)\n![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)\n\nSPS Design System React components \n \n ### Installation \n \n ```shell\nnpm install --save @spscommerce/ds-react\n```\n\n#### Peer Dependencies\n\n<div class=\"row\">\n    <div class=\"col-5\"> \n    <table class=\"sps-table\">\n        <thead class=\"sps-table__head\">\n            <tr class=\"sps-table__row\">\n                <th class=\"sps-table__header\">\n                    <span class=\"sps-table__header-cell-body\">    \n                        Package\n                    </span>\n                </th>\n                <th class=\"sps-table__header text-right\">\n                    <span class=\"sps-table__header-cell-body\">    \n                        Version\n                    </span>\n                </th>\n            </tr>\n        </thead>\n        <tbody class=\"sps-table__body\">\n            <tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme\">@spscommerce/ds-shared</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/positioning#readme\">@spscommerce/positioning</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/utils#readme\">@spscommerce/utils</a></td><td class=\"sps-table__cell text-right\">^1.1.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"lukeed/clsx\">clsx</a></td><td class=\"sps-table__cell text-right\">^1.0.3</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://momentjs.com\">moment</a></td><td class=\"sps-table__cell text-right\">^2.25.3</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"http://momentjs.com/timezone/\">moment-timezone</a></td><td class=\"sps-table__cell text-right\">^0.5.28</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"ai/nanoid\">nanoid</a></td><td class=\"sps-table__cell text-right\">^2.1.6</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://facebook.github.io/react/\">prop-types</a></td><td class=\"sps-table__cell text-right\">^15.7.2</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://reactjs.org/\">react-dom</a></td><td class=\"sps-table__cell text-right\">^16.9.0</td></tr>\n<tr class=\"sps-table__row\"><td class=\"sps-table__cell\"><a href=\"https://scroll-into-view-if-needed.netlify.com\">scroll-into-view-if-needed</a></td><td class=\"sps-table__cell text-right\">^2.2.20</td></tr>\n        </tbody>\n    </table>\n    </div>\n    <div class=\"col-7\">\n        &nbsp;\n    </div>\n</div>\n\n[//]: # \"END_AUTOGENERATED\"\n"
 }

package/vite.config.js

@@ -0,0 +1,20 @@
+import path from 'path';
+
+import { defineConfig } from 'vite';
+
+import pkg from './package.json';
+
+export default defineConfig({
+  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) : [],
+    },
+  },
+});

package/lib/_template/SpsComponent.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/advanced-search/SpsAdvancedSearch.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/autocomplete/SpsAutocomplete.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/autocomplete/SpsAutocomplete.test-visual.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/button/SpsButton.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/button/SpsButton.test-visual.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/card/SpsCard.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/card/SpsCard.test-visual.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/checkbox/SpsCheckbox.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/column-chooser/SpsColumnChooser.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/content-row/SpsContentRow.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/currency-input/SpsCurrencyInput.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/dateRangePicker/SpsDateRangePicker.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/datepicker/SpsDatepicker.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/description-list/SpsDescriptionList.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/dropdown/SpsDropdown.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/feedback-block/SpsFeedbackBlock.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/fieldset/SpsFieldset.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/filter-panel/SpsFilterPanel.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/focused-task/SpsFocusedTask.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/growler/SpsGrowler.test-unit.d.ts

@@ -1 +0,0 @@
-export {};

package/lib/incrementor/SpsIncrementor.test-unit.d.ts

@@ -1 +0,0 @@
-export {};