npm - @spscommerce/ds-shared - Versions diffs - 0.0.0-20260319-8230915ce - Mend

@spscommerce/ds-shared 0.0.0-20260319-8230915ce

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (37) hide show

package/README.md +48 -0
package/lib/bar-chart.d.ts +12 -0
package/lib/button.d.ts +34 -0
package/lib/clickable-tag.d.ts +4 -0
package/lib/datetime.d.ts +41 -0
package/lib/examples.d.ts +43 -0
package/lib/feedback.d.ts +15 -0
package/lib/filter-tile.d.ts +7 -0
package/lib/grid.d.ts +2 -0
package/lib/growler.d.ts +12 -0
package/lib/icon.d.ts +215 -0
package/lib/index.d.ts +30 -0
package/lib/index.js +155 -0
package/lib/index.umd.cjs +1 -0
package/lib/insight-card.d.ts +15 -0
package/lib/insight-tile.d.ts +15 -0
package/lib/key-value-list-item.d.ts +4 -0
package/lib/line-chart.d.ts +8 -0
package/lib/modal.d.ts +13 -0
package/lib/option-list.d.ts +32 -0
package/lib/pagination.d.ts +2 -0
package/lib/positioning.d.ts +14 -0
package/lib/ring-size.d.ts +5 -0
package/lib/spinner.d.ts +5 -0
package/lib/sps-action.d.ts +27 -0
package/lib/stacked-horizontal-bar-chart.d.ts +8 -0
package/lib/stepped-progress-bar.d.ts +7 -0
package/lib/table.d.ts +12 -0
package/lib/tabs.d.ts +13 -0
package/lib/tag.d.ts +9 -0
package/lib/task-queue.d.ts +24 -0
package/lib/tooltip.d.ts +13 -0
package/lib/wizard-substep-condition.d.ts +6 -0
package/lib/z-strata.d.ts +7 -0
package/package.json +40 -0
package/tsconfig.json +13 -0
package/vite.config.mjs +20 -0

package/README.md ADDED Viewed

@@ -0,0 +1,48 @@
+[//]: # "START_AUTOGENERATED"
+## [@spscommerce/ds-shared](https://github.com/spscommerce/design-system/tree/main/packages/@spscommerce/ds-shared#readme)
+![release: 1.1.0](https://img.shields.io/badge/release-1.1.0-blue.svg?style=flat-square)
+![build: passing](https://img.shields.io/badge/build-passing-green.svg?style=flat-square)
+![tests: failing](https://img.shields.io/badge/tests-failing-red.svg?style=flat-square)
+Package for sharing code and types between DS Angular and DS React.
+ ### Installation
+ ```shell
+npm install --save @spscommerce/ds-shared
+```
+#### Peer Dependencies
+<div class="row">
+    <div class="col-5">
+    <table class="sps-table">
+        <thead class="sps-table__head">
+            <tr class="sps-table__row">
+                <th class="sps-table__header">
+                    <span class="sps-table__header-cell-body">
+                        Package
+                    </span>
+                </th>
+                <th class="sps-table__header text-right">
+                    <span class="sps-table__header-cell-body">
+                        Version
+                    </span>
+                </th>
+            </tr>
+        </thead>
+        <tbody class="sps-table__body">
+            <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>
+<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>
+<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>
+        </tbody>
+    </table>
+    </div>
+    <div class="col-7">
+        &nbsp;
+    </div>
+</div>
+[//]: # "END_AUTOGENERATED"

package/lib/bar-chart.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export interface ChartDataObject {
+    label: string;
+    value: number;
+}
+/**
+ * Used for the Y and X axis for bar charts.
+ * The Y axis uses tickCount but the X axis does not
+ */
+export interface ChartAxis {
+    tickValues: any;
+    tickCount?: number;
+}

package/lib/button.d.ts ADDED Viewed

@@ -0,0 +1,34 @@
+export declare enum StdButtonKind {
+    DEFAULT = "default",
+    CONFIRM = "confirm",
+    DELETE = "delete",
+    KEY = "key"
+}
+declare enum ButtonKindIcon {
+    ICON = "icon"
+}
+declare enum ButtonKindLink {
+    LINK = "link"
+}
+export type DropdownKind = StdButtonKind | ButtonKindIcon;
+export declare const DropdownKind: Readonly<{
+    ICON: ButtonKindIcon.ICON;
+    DEFAULT: StdButtonKind.DEFAULT;
+    CONFIRM: StdButtonKind.CONFIRM;
+    DELETE: StdButtonKind.DELETE;
+    KEY: StdButtonKind.KEY;
+}>;
+export type ButtonKind = StdButtonKind | ButtonKindIcon | ButtonKindLink;
+export declare const ButtonKind: Readonly<{
+    LINK: ButtonKindLink.LINK;
+    ICON: ButtonKindIcon.ICON;
+    DEFAULT: StdButtonKind.DEFAULT;
+    CONFIRM: StdButtonKind.CONFIRM;
+    DELETE: StdButtonKind.DELETE;
+    KEY: StdButtonKind.KEY;
+}>;
+export declare enum ButtonType {
+    BUTTON = "button",
+    SUBMIT = "submit"
+}
+export {};

package/lib/clickable-tag.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum ClickableTagKind {
+    BLUE = "blue",
+    GRAY = "gray"
+}

package/lib/datetime.d.ts ADDED Viewed

@@ -0,0 +1,41 @@
+import type { Duration, Moment } from "moment-timezone";
+export interface MomentRange {
+    start: Moment;
+    end: Moment;
+    preset?: Duration;
+}
+export interface SimpleDate {
+    year: number;
+    month: number;
+    date: number;
+}
+export type SimpleDateRange = [SimpleDate, SimpleDate];
+export type SimpleMomentRange = [Moment | null, Moment | null];
+export declare enum SelectMode {
+    START = 0,
+    END = 1
+}
+export interface DateSelectionEvent<T = Moment | MomentRange> {
+    value: T;
+    mode: SelectMode;
+}
+/**
+ * A list of lists representing the weeks and
+ *  days of a month, e.g.
+ *  [ [   ,   ,  1,  2,  3,  4,  5 ],
+ *    [  6,  7,  8,  9, 10, 11, 12 ],
+ *    [ 13, 14, 15, 16, 17, 18, 19 ],
+ *    [ 20, 21, 22, 23, 24, 25, 26 ],
+ *    [ 27, 28, 29, 30,   ,   ,    ] ]
+ * but where each number is a SimpleDate object
+ */
+export type CalendarArray = ReadonlyArray<readonly SimpleDate[]>;
+export type ISO8601String = string;
+export interface DatePreset {
+    label: string;
+    definition: ISO8601String | (() => SimpleDateRange);
+}
+export interface DateTimePreset {
+    label: string;
+    definition: ISO8601String | (() => SimpleMomentRange);
+}

package/lib/examples.d.ts ADDED Viewed

@@ -0,0 +1,43 @@
+import type { ReactElement, FC } 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;
+}
+type ReactChildOrRenderer = ReactElement | string | ((args: ExtraExampleRendererArgs) => ReactElement | string);
+export interface DSExampleBase {
+    description?: ReactChildOrRenderer;
+}
+export interface DSReactExampleJSX {
+    jsx: string;
+    imports?: string;
+}
+export interface DSReactExampleComponent {
+    react: string;
+}
+export type DSReactExample = DSExampleBase & (DSReactExampleComponent | DSReactExampleJSX);
+export 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 type DSExamples<T extends DSExample = DSExample> = Record<string, DSExamplesTab<T>>;
+export type DSReactExamples = DSExamples<DSReactExample>;
+export type ComponentManifest = Record<string, {
+    description?: ReactChildOrRenderer;
+    components: unknown[];
+    examples: DSReactExamples;
+    notices?: FC[];
+}>;
+export {};

package/lib/feedback.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { SpsIcon } from "./icon";
+export declare enum FeedbackBlockKind {
+    TIP = "tip",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error",
+    INFO = "info"
+}
+export declare const FeedbackBlockIcons: Readonly<{
+    tip: SpsIcon.LIGHTBULB;
+    error: SpsIcon.EXCLAMATION_CIRCLE;
+    info: SpsIcon.INFO_CIRCLE;
+    success: SpsIcon.CHECKMARK;
+    warning: SpsIcon.EXCLAMATION_TRIANGLE;
+}>;

package/lib/filter-tile.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum SpsFilterTileKind {
+    GENERAL = "general",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    PROCESSING = "processing"
+}

package/lib/grid.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /** Allowable values for the width of an element in our 12-column layout grid. */
2	+ export type GridWidth = 0 \| 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10 \| 11 \| 12;

package/lib/growler.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+import { SpsIcon } from "./icon";
+export declare const GROWLER_VISIBLE_DURATION_MS = 7000;
+export declare const GROWLER_FADEOUT_DURATION_MS = 2000;
+export declare enum GrowlerKind {
+    ACTIVITY = "activity",
+    ERROR = "error",
+    INFO = "info",
+    PROGRESS = "progress",
+    SUCCESS = "success",
+    WARNING = "warning"
+}
+export declare const GrowlerIcon: Map<GrowlerKind, SpsIcon>;

package/lib/icon.d.ts ADDED Viewed

@@ -0,0 +1,215 @@
+export declare enum SpsIconSize {
+    EXTRA_SMALL = "xs",
+    SMALL = "sm",
+    MEDIUM = "md",
+    LARGE = "lg",
+    EXTRA_LARGE = "xl"
+}
+export declare enum SpsIcon {
+    AI = "ai",
+    ANGLE_LEFT = "angle-left",
+    ANGLE_RIGHT = "angle-right",
+    ARCHIVE = "archive",
+    ARCHIVE_CIRCLE = "archive-circle",
+    ARROW_DOWN = "arrow-down",
+    ARROW_LEFT = "arrow-left",
+    ARROW_LEFT_CIRCLE = "arrow-left-circle",
+    ARROW_RIGHT = "arrow-right",
+    ARROW_RIGHT_CIRCLE = "arrow-right-circle",
+    ARROW_UP = "arrow-up",
+    ASTERISK = "asterisk",
+    ASTERISK_CIRCLE = "asterisk-circle",
+    BAN = "ban",
+    BAN_CIRCLE = "ban-circle",
+    BARCODE = "barcode",
+    BELL = "bell",
+    BELL_FILLED = "bell-filled",
+    BOLD = "bold",
+    BOLT = "bolt",
+    BOOK = "book",
+    BUILDING = "building",
+    BURST = "burst",
+    BURST_BOLT = "burst-bolt",
+    CALENDAR = "calendar",
+    CALENDAR_BLANK = "calendar-blank",
+    CALENDAR_BLANK_CIRCLE = "calendar-blank-circle",
+    CALENDAR_SELECT = "calendar-select",
+    CAMERA = "camera",
+    CHART_AREA = "chart-area",
+    CHART_BAR = "chart-bar",
+    CHART_LINE = "chart-line",
+    CHART_PIE = "chart-pie",
+    CHECKMARK = "checkmark",
+    CHECKMARK_CIRCLE = "checkmark-circle",
+    CHEVRON_DOWN = "chevron-down",
+    CHEVRON_LEFT = "chevron-left",
+    CHEVRON_RIGHT = "chevron-right",
+    CHEVRON_UP = "chevron-up",
+    CIRCLE_OUTLINE = "circle-outline",
+    CLEAR_FORMATTING = "clear-formatting",
+    CLOCK = "clock",
+    CLOCK_CIRCLE = "clock-circle",
+    CODE_FORK = "code-fork",
+    COLUMN_SWITCHER = "column-switcher",
+    COMMENT_BUBBLE = "comment-bubble",
+    COMMENT_BUBBLE_EXCLAMATION = "comment-bubble-exclamation",
+    COMMENT_BUBBLE_QUESTION = "comment-bubble-question",
+    COMPLETE_FILE = "complete-file",
+    CONVERSATION = "conversation",
+    CREDIT_CARD = "credit-card",
+    DASHBOARD = "dashboard",
+    DATABASE = "database",
+    DESCENDING_ELLIPSES_CIRCLE = "descending-ellipses-circle",
+    DISK = "disk",
+    DISK_CIRCLE = "disk-circle",
+    DOLLAR_SIGN = "dollar-sign",
+    DOUBLE_ANGLE_LEFT = "double-angle-left",
+    DOUBLE_ANGLE_RIGHT = "double-angle-right",
+    DOWNLOAD_CLOUD = "download-cloud",
+    DRILL = "drill",
+    DUPLICATE = "duplicate",
+    ELLIPSES = "ellipses",
+    ENVELOPE = "envelope",
+    EXCHANGE = "exchange",
+    EXCLAMATION_CIRCLE = "exclamation-circle",
+    EXCLAMATION_TRIANGLE = "exclamation-triangle",
+    EXPAND_COLLAPSE = "expand-collapse",
+    EYE = "eye",
+    EYE_SLASH = "eye-slash",
+    FILE = "file",
+    FILE_DUPLICATE = "file-duplicate",
+    FILE_PDF = "file-pdf",
+    FILE_PRESENTATION = "file-presentation",
+    FILE_SIZE = "file-size",
+    FILE_SOLID = "file-solid",
+    FILE_SOLID_TEXT = "file-solid-text",
+    FILE_SPREADSHEET = "file-spreadsheet",
+    FILE_TEXT = "file-text",
+    FILTER = "filter",
+    FLAG = "flag",
+    FLAG_OUTLINE = "flag-outline",
+    FOLDER = "folder",
+    FOLDER_OPEN = "folder-open",
+    FOLDER_SOLID = "folder-solid",
+    FOLDER_SOLID_OPEN = "folder-solid-open",
+    GEAR = "gear",
+    GLOBE = "globe",
+    GRID = "grid",
+    GROUP = "group",
+    HAND_STOP = "hand-stop",
+    HANDSHAKE = "handshake",
+    HAT = "hat",
+    HEART = "heart",
+    HEART_OUTLINE = "heart-outline",
+    HISTORY = "history",
+    I_MADE_THIS = "i-made-this",
+    INBOX = "inbox",
+    INCOMING = "incoming",
+    INFO_CIRCLE = "info-circle",
+    ITALICS = "italics",
+    INTERCOM = "intercom",
+    ITEM_TAG = "item-tag",
+    KEY = "key",
+    LIFE_PRESERVER = "life-preserver",
+    LIGHTBULB = "lightbulb",
+    LINK = "link",
+    LINKEDIN = "linkedin",
+    LIST = "list",
+    LIST_CARDS = "list-cards",
+    LIST_COLUMNS = "list-columns",
+    LIST_INDENT = "list-indent",
+    LIST_ORDERED = "list-ordered",
+    LIST_OUTDENT = "list-outdent",
+    LIST_UNORDERED = "list-unordered",
+    LIST_SUMMARY = "list-summary",
+    LIST_TABLE = "list-table",
+    LOCATION = "location",
+    LOCKED = "locked",
+    LOCKED_CIRCLE = "locked-circle",
+    MAP = "map",
+    MAP_MARKER = "map-marker",
+    MAXIMIZE = "maximize",
+    MICROPHONE_ON = "microphone-on",
+    MICROPHONE_OFF = "microphone-off",
+    MINIMIZE = "minimize",
+    MINUS = "minus",
+    MINUS_CIRCLE = "minus-circle",
+    NESTED_LIST = "nested-list",
+    NEW_FILE = "new-file",
+    NEW_SCREEN = "new-screen",
+    OUTGOING = "outgoing",
+    PAPER_PLANE = "paper-plane",
+    PENCIL = "pencil",
+    PHOTO = "photo",
+    PIN = "pin",
+    PIN_OUTLINE = "pin-outline",
+    PINTEREST = "pinterest",
+    PLAY = "play",
+    PLUS_CIRCLE = "plus-circle",
+    PLUS_SIGN = "plus-sign",
+    PRESENTATION = "presentation",
+    PRINTER = "printer",
+    QR_CODE = "qr-code",
+    QUESTION_CIRCLE = "question-circle",
+    QUOTE_LEFT = "quote-left",
+    QUOTE_RIGHT = "quote-right",
+    RANDOM = "random",
+    REDO = "redo",
+    REFRESH = "refresh",
+    RIGHT_CIRCLE = "right-circle",
+    ROCKET = "rocket",
+    SAVED_CIRCLE = "saved-circle",
+    SEARCH = "search",
+    SEARCH_PLUS = "search-plus",
+    SHARE = "share",
+    SHOPPING_CART = "shopping-cart",
+    SORT_ALPHA_ASC = "sort-alpha-asc",
+    SORT_ALPHA_DESC = "sort-alpha-desc",
+    SORT_NUM_ASC = "sort-num-asc",
+    SORT_NUM_DESC = "sort-num-desc",
+    STAR = "star",
+    STAR_OUTLINE = "star-outline",
+    STATUS_ARCHIVED = "status-archived",
+    STATUS_CANCELLED = "status-cancelled",
+    STATUS_ERROR = "status-error",
+    STATUS_IN_PROCESS = "status-in-process",
+    STATUS_IN_TRANSIT = "status-in-transit",
+    STATUS_LOCKED = "status-locked",
+    STATUS_NEW = "status-new",
+    STATUS_OK = "status-ok",
+    STATUS_ON_HOLD = "status-on-hold",
+    STATUS_OUTDATED = "status-outdated",
+    STATUS_PREVIEW = "status-preview",
+    STATUS_REJECTED = "status-rejected",
+    STATUS_SAVED = "status-saved",
+    STATUS_SAVING = "status-saving",
+    STATUS_TEMPLATE = "status-template",
+    STATUS_WARNING = "status-warning",
+    TABLE = "table",
+    TABS = "tabs",
+    TAG = "tag",
+    TEMPLATE_CIRCLE = "template-circle",
+    THUMBS_DOWN = "thumbs-down",
+    THUMBS_DOWN_OUTLINE = "thumbs-down-outline",
+    THUMBS_UP = "thumbs-up",
+    THUMBS_UP_OUTLINE = "thumbs-up-outline",
+    TRASH = "trash",
+    TRUCK_SHIPPING = "truck-shipping",
+    TWITTER = "twitter",
+    UNARCHIVE = "unarchive",
+    UNDO = "undo",
+    UNLINK = "unlink",
+    UNLOCKED = "unlocked",
+    UPLOAD_CLOUD = "upload-cloud",
+    USER = "user",
+    USER_IMPERSONATION = "user-impersonation",
+    VOLUME_OFF = "volume-off",
+    VOLUME_LOW = "volume-low",
+    VOLUME_MEDIUM = "volume-medium",
+    VOLUME_FULL = "volume-full",
+    WRENCH = "wrench",
+    WORKFLOW = "workflow",
+    WORKFLOW_COMPLETE = "workflow-complete",
+    X = "x",
+    X_CIRCLE = "x-circle"
+}

package/lib/index.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+export * from "./bar-chart";
+export * from "./button";
+export * from "./datetime";
+export * from "./clickable-tag";
+export * from "./examples";
+export * from "./feedback";
+export * from "./filter-tile";
+export * from "./growler";
+export * from "./grid";
+export * from "./icon";
+export * from "./insight-card";
+export * from "./insight-tile";
+export * from "./key-value-list-item";
+export * from "./line-chart";
+export * from "./modal";
+export * from "./option-list";
+export * from "./pagination";
+export * from "./positioning";
+export * from "./ring-size";
+export * from "./spinner";
+export * from "./stacked-horizontal-bar-chart";
+export * from "./stepped-progress-bar";
+export * from "./table";
+export * from "./tabs";
+export * from "./tag";
+export * from "./tooltip";
+export * from "./sps-action";
+export * from "./task-queue";
+export * from "./wizard-substep-condition";
+export * from "./z-strata";

package/lib/index.js ADDED Viewed

@@ -0,0 +1,155 @@
+import { simpleMetadataDecoratorApplicator as O } from "@spscommerce/utils";
+var R = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.CONFIRM = "confirm", e.DELETE = "delete", e.KEY = "key", e))(R || {}), A = /* @__PURE__ */ ((e) => (e.ICON = "icon", e))(A || {}), L = /* @__PURE__ */ ((e) => (e.LINK = "link", e))(L || {});
+const V = Object.freeze({ ...R, ...A }), y = Object.freeze({ ...R, ...A, ...L });
+var a = /* @__PURE__ */ ((e) => (e.BUTTON = "button", e.SUBMIT = "submit", e))(a || {}), l = /* @__PURE__ */ ((e) => (e[e.START = 0] = "START", e[e.END = 1] = "END", e))(l || {}), _ = /* @__PURE__ */ ((e) => (e.BLUE = "blue", e.GRAY = "gray", e))(_ || {});
+function X(e) {
+  return e.hasOwnProperty("react");
+}
+function Y(e) {
+  return e.hasOwnProperty("jsx");
+}
+var N = /* @__PURE__ */ ((e) => (e.EXTRA_SMALL = "xs", e.SMALL = "sm", e.MEDIUM = "md", e.LARGE = "lg", e.EXTRA_LARGE = "xl", e))(N || {}), E = /* @__PURE__ */ ((e) => (e.AI = "ai", e.ANGLE_LEFT = "angle-left", e.ANGLE_RIGHT = "angle-right", e.ARCHIVE = "archive", e.ARCHIVE_CIRCLE = "archive-circle", e.ARROW_DOWN = "arrow-down", e.ARROW_LEFT = "arrow-left", e.ARROW_LEFT_CIRCLE = "arrow-left-circle", e.ARROW_RIGHT = "arrow-right", e.ARROW_RIGHT_CIRCLE = "arrow-right-circle", e.ARROW_UP = "arrow-up", e.ASTERISK = "asterisk", e.ASTERISK_CIRCLE = "asterisk-circle", e.BAN = "ban", e.BAN_CIRCLE = "ban-circle", e.BARCODE = "barcode", e.BELL = "bell", e.BELL_FILLED = "bell-filled", e.BOLD = "bold", e.BOLT = "bolt", e.BOOK = "book", e.BUILDING = "building", e.BURST = "burst", e.BURST_BOLT = "burst-bolt", e.CALENDAR = "calendar", e.CALENDAR_BLANK = "calendar-blank", e.CALENDAR_BLANK_CIRCLE = "calendar-blank-circle", e.CALENDAR_SELECT = "calendar-select", e.CAMERA = "camera", e.CHART_AREA = "chart-area", e.CHART_BAR = "chart-bar", e.CHART_LINE = "chart-line", e.CHART_PIE = "chart-pie", e.CHECKMARK = "checkmark", e.CHECKMARK_CIRCLE = "checkmark-circle", e.CHEVRON_DOWN = "chevron-down", e.CHEVRON_LEFT = "chevron-left", e.CHEVRON_RIGHT = "chevron-right", e.CHEVRON_UP = "chevron-up", e.CIRCLE_OUTLINE = "circle-outline", e.CLEAR_FORMATTING = "clear-formatting", e.CLOCK = "clock", e.CLOCK_CIRCLE = "clock-circle", e.CODE_FORK = "code-fork", e.COLUMN_SWITCHER = "column-switcher", e.COMMENT_BUBBLE = "comment-bubble", e.COMMENT_BUBBLE_EXCLAMATION = "comment-bubble-exclamation", e.COMMENT_BUBBLE_QUESTION = "comment-bubble-question", e.COMPLETE_FILE = "complete-file", e.CONVERSATION = "conversation", e.CREDIT_CARD = "credit-card", e.DASHBOARD = "dashboard", e.DATABASE = "database", e.DESCENDING_ELLIPSES_CIRCLE = "descending-ellipses-circle", e.DISK = "disk", e.DISK_CIRCLE = "disk-circle", e.DOLLAR_SIGN = "dollar-sign", e.DOUBLE_ANGLE_LEFT = "double-angle-left", e.DOUBLE_ANGLE_RIGHT = "double-angle-right", e.DOWNLOAD_CLOUD = "download-cloud", e.DRILL = "drill", e.DUPLICATE = "duplicate", e.ELLIPSES = "ellipses", e.ENVELOPE = "envelope", e.EXCHANGE = "exchange", e.EXCLAMATION_CIRCLE = "exclamation-circle", e.EXCLAMATION_TRIANGLE = "exclamation-triangle", e.EXPAND_COLLAPSE = "expand-collapse", e.EYE = "eye", e.EYE_SLASH = "eye-slash", e.FILE = "file", e.FILE_DUPLICATE = "file-duplicate", e.FILE_PDF = "file-pdf", e.FILE_PRESENTATION = "file-presentation", e.FILE_SIZE = "file-size", e.FILE_SOLID = "file-solid", e.FILE_SOLID_TEXT = "file-solid-text", e.FILE_SPREADSHEET = "file-spreadsheet", e.FILE_TEXT = "file-text", e.FILTER = "filter", e.FLAG = "flag", e.FLAG_OUTLINE = "flag-outline", e.FOLDER = "folder", e.FOLDER_OPEN = "folder-open", e.FOLDER_SOLID = "folder-solid", e.FOLDER_SOLID_OPEN = "folder-solid-open", e.GEAR = "gear", e.GLOBE = "globe", e.GRID = "grid", e.GROUP = "group", e.HAND_STOP = "hand-stop", e.HANDSHAKE = "handshake", e.HAT = "hat", e.HEART = "heart", e.HEART_OUTLINE = "heart-outline", e.HISTORY = "history", e.I_MADE_THIS = "i-made-this", e.INBOX = "inbox", e.INCOMING = "incoming", e.INFO_CIRCLE = "info-circle", e.ITALICS = "italics", e.INTERCOM = "intercom", e.ITEM_TAG = "item-tag", e.KEY = "key", e.LIFE_PRESERVER = "life-preserver", e.LIGHTBULB = "lightbulb", e.LINK = "link", e.LINKEDIN = "linkedin", e.LIST = "list", e.LIST_CARDS = "list-cards", e.LIST_COLUMNS = "list-columns", e.LIST_INDENT = "list-indent", e.LIST_ORDERED = "list-ordered", e.LIST_OUTDENT = "list-outdent", e.LIST_UNORDERED = "list-unordered", e.LIST_SUMMARY = "list-summary", e.LIST_TABLE = "list-table", e.LOCATION = "location", e.LOCKED = "locked", e.LOCKED_CIRCLE = "locked-circle", e.MAP = "map", e.MAP_MARKER = "map-marker", e.MAXIMIZE = "maximize", e.MICROPHONE_ON = "microphone-on", e.MICROPHONE_OFF = "microphone-off", e.MINIMIZE = "minimize", e.MINUS = "minus", e.MINUS_CIRCLE = "minus-circle", e.NESTED_LIST = "nested-list", e.NEW_FILE = "new-file", e.NEW_SCREEN = "new-screen", e.OUTGOING = "outgoing", e.PAPER_PLANE = "paper-plane", e.PENCIL = "pencil", e.PHOTO = "photo", e.PIN = "pin", e.PIN_OUTLINE = "pin-outline", e.PINTEREST = "pinterest", e.PLAY = "play", e.PLUS_CIRCLE = "plus-circle", e.PLUS_SIGN = "plus-sign", e.PRESENTATION = "presentation", e.PRINTER = "printer", e.QR_CODE = "qr-code", e.QUESTION_CIRCLE = "question-circle", e.QUOTE_LEFT = "quote-left", e.QUOTE_RIGHT = "quote-right", e.RANDOM = "random", e.REDO = "redo", e.REFRESH = "refresh", e.RIGHT_CIRCLE = "right-circle", e.ROCKET = "rocket", e.SAVED_CIRCLE = "saved-circle", e.SEARCH = "search", e.SEARCH_PLUS = "search-plus", e.SHARE = "share", e.SHOPPING_CART = "shopping-cart", e.SORT_ALPHA_ASC = "sort-alpha-asc", e.SORT_ALPHA_DESC = "sort-alpha-desc", e.SORT_NUM_ASC = "sort-num-asc", e.SORT_NUM_DESC = "sort-num-desc", e.STAR = "star", e.STAR_OUTLINE = "star-outline", e.STATUS_ARCHIVED = "status-archived", e.STATUS_CANCELLED = "status-cancelled", e.STATUS_ERROR = "status-error", e.STATUS_IN_PROCESS = "status-in-process", e.STATUS_IN_TRANSIT = "status-in-transit", e.STATUS_LOCKED = "status-locked", e.STATUS_NEW = "status-new", e.STATUS_OK = "status-ok", e.STATUS_ON_HOLD = "status-on-hold", e.STATUS_OUTDATED = "status-outdated", e.STATUS_PREVIEW = "status-preview", e.STATUS_REJECTED = "status-rejected", e.STATUS_SAVED = "status-saved", e.STATUS_SAVING = "status-saving", e.STATUS_TEMPLATE = "status-template", e.STATUS_WARNING = "status-warning", e.TABLE = "table", e.TABS = "tabs", e.TAG = "tag", e.TEMPLATE_CIRCLE = "template-circle", e.THUMBS_DOWN = "thumbs-down", e.THUMBS_DOWN_OUTLINE = "thumbs-down-outline", e.THUMBS_UP = "thumbs-up", e.THUMBS_UP_OUTLINE = "thumbs-up-outline", e.TRASH = "trash", e.TRUCK_SHIPPING = "truck-shipping", e.TWITTER = "twitter", e.UNARCHIVE = "unarchive", e.UNDO = "undo", e.UNLINK = "unlink", e.UNLOCKED = "unlocked", e.UPLOAD_CLOUD = "upload-cloud", e.USER = "user", e.USER_IMPERSONATION = "user-impersonation", e.VOLUME_OFF = "volume-off", e.VOLUME_LOW = "volume-low", e.VOLUME_MEDIUM = "volume-medium", e.VOLUME_FULL = "volume-full", e.WRENCH = "wrench", e.WORKFLOW = "workflow", e.WORKFLOW_COMPLETE = "workflow-complete", e.X = "x", e.X_CIRCLE = "x-circle", e))(E || {}), u = /* @__PURE__ */ ((e) => (e.TIP = "tip", e.SUCCESS = "success", e.WARNING = "warning", e.ERROR = "error", e.INFO = "info", e))(u || {});
+const j = Object.freeze({
+  tip: E.LIGHTBULB,
+  error: E.EXCLAMATION_CIRCLE,
+  info: E.INFO_CIRCLE,
+  success: E.CHECKMARK,
+  warning: E.EXCLAMATION_TRIANGLE
+});
+var i = /* @__PURE__ */ ((e) => (e.GENERAL = "general", e.SUCCESS = "success", e.ERROR = "error", e.WARNING = "warning", e.PROCESSING = "processing", e))(i || {});
+const n = 7e3, K = 2e3;
+var C = /* @__PURE__ */ ((e) => (e.ACTIVITY = "activity", e.ERROR = "error", e.INFO = "info", e.PROGRESS = "progress", e.SUCCESS = "success", e.WARNING = "warning", e))(C || {});
+const Q = /* @__PURE__ */ new Map([
+  ["info", E.INFO_CIRCLE],
+  ["warning", E.EXCLAMATION_TRIANGLE],
+  ["error", E.EXCLAMATION_CIRCLE],
+  ["success", E.CHECKMARK]
+]);
+var U = /* @__PURE__ */ ((e) => (e.GENERAL = "general", e.SUCCESS = "success", e.ERROR = "error", e.WARNING = "warning", e.PROCESSING = "processing", e))(U || {});
+const q = Object.freeze({
+  general: E.STATUS_NEW,
+  success: E.STATUS_OK,
+  error: E.STATUS_ERROR,
+  warning: E.STATUS_WARNING,
+  processing: E.STATUS_IN_PROCESS
+});
+var D = /* @__PURE__ */ ((e) => (e.GENERAL = "general", e.SUCCESS = "success", e.ERROR = "error", e.WARNING = "warning", e.PROCESSING = "processing", e))(D || {});
+const s = Object.freeze({
+  general: E.STATUS_NEW,
+  success: E.STATUS_OK,
+  error: E.STATUS_ERROR,
+  warning: E.STATUS_WARNING,
+  processing: E.STATUS_IN_PROCESS
+});
+var G = /* @__PURE__ */ ((e) => (e.LIGHT = "light", e.DARK = "dark", e))(G || {}), f = /* @__PURE__ */ ((e) => (e.BLUE = "blue200", e.GRAY = "gray600", e.GREEN = "green200", e.ORANGE = "orange200", e.PURPLE = "purple200", e.RED = "red200", e))(f || {}), h = /* @__PURE__ */ ((e) => (e.GENERAL = "general", e.INFO = "info", e.SUCCESS = "success", e.WARNING = "warning", e.SERIOUS_WARNING = "serious-warning", e))(h || {}), M = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e.X_LARGE = "xlarge", e))(M || {});
+class J {
+  constructor(r, t = {}) {
+    this.value = r, Object.assign(this, t);
+  }
+  get text() {
+    return this.textInternal ? this.textInternal : this.value ? this.textKey ? this.value[this.textKey] ?? "" : String(this.value) : "";
+  }
+  set text(r) {
+    this.textInternal = r;
+  }
+  get caption() {
+    return this.captionInternal ? this.captionInternal : this.value && this.captionKey ? this.value[this.captionKey] : "";
+  }
+  set caption(r) {
+    this.captionInternal = r;
+  }
+  get href() {
+    return this.value ? this.value.isLink && typeof this.value == "function" ? this.value() : this.value.href : null;
+  }
+  get disabled() {
+    return typeof this.disabledInternal < "u" ? this.disabledInternal : this.value ? this.value.disabled : !1;
+  }
+  set disabled(r) {
+    this.disabledInternal = r;
+  }
+  get bold() {
+    return typeof this.boldInternal < "u" ? this.boldInternal : this.value ? this.value.bold && this.value.bold === !0 : !1;
+  }
+  getHtml(r) {
+    return r ? this.text.replace(r, "<u>$&</u>") : this.text;
+  }
+}
+const $ = [
+  10,
+  25,
+  50,
+  100
+];
+var m = /* @__PURE__ */ ((e) => (e.TOP_LEFT = "top left", e.TOP_MIDDLE = "top middle", e.TOP_RIGHT = "top right", e.RIGHT_TOP = "right top", e.RIGHT_MIDDLE = "right middle", e.RIGHT_BOTTOM = "right bottom", e.BOTTOM_RIGHT = "bottom right", e.BOTTOM_MIDDLE = "bottom middle", e.BOTTOM_LEFT = "bottom left", e.LEFT_BOTTOM = "left bottom", e.LEFT_MIDDLE = "left middle", e.LEFT_TOP = "left top", e))(m || {}), P = /* @__PURE__ */ ((e) => (e[e.SMALL = 14] = "SMALL", e[e.MEDIUM = 26] = "MEDIUM", e[e.LARGE = 38] = "LARGE", e))(P || {}), g = /* @__PURE__ */ ((e) => (e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e))(g || {}), v = /* @__PURE__ */ ((e) => (e.BLUE = "blue200", e.GRAY = "gray600", e.GREEN = "green200", e.ORANGE = "orange200", e.PURPLE = "purple200", e.RED = "red200", e))(v || {}), H = /* @__PURE__ */ ((e) => (e.PURPLE = "purple", e.RED = "red", e.BLUE = "blue", e.ORANGE = "orange", e.GRAY = "gray", e))(H || {}), b = /* @__PURE__ */ ((e) => (e.ASCENDING = "ascending", e.DESCENDING = "descending", e))(b || {}), d = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.KEY = "key", e.WARNING = "warning", e.ERROR = "error", e.PENDING = "pending", e.SUCCESS = "success", e.INFO = "info", e))(d || {});
+const Z = 1e3;
+var F = /* @__PURE__ */ ((e) => (e.MANUAL = "manual", e.MOUSEOVER = "mouseover", e.CLICK = "click", e))(F || {}), B = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.HELP = "help", e.ERROR = "error", e.WARNING = "warning", e.CONTAINER = "container", e))(B || {});
+const W = {
+  icon: "",
+  label: "",
+  caption: "",
+  disabled: !1,
+  isLink: !1
+};
+function z(e) {
+  return (r, t, T) => O(
+    e,
+    W,
+    r,
+    t,
+    T
+  );
+}
+var w = /* @__PURE__ */ ((e) => (e.COMPLETED = "completed", e.ERRORED = "errored", e.WARNING = "warning", e.IN_PROGRESS = "in_progress", e))(w || {});
+const c = Object.freeze({
+  completed: E.STATUS_OK,
+  errored: E.STATUS_ERROR,
+  warning: E.STATUS_WARNING,
+  in_progress: "sps-spinner sps-spinner--small"
+}), S = 5e3;
+var I = /* @__PURE__ */ ((e) => (e.BASIC = "basic", e.COMPLETED = "completed", e.COMPLETE = "completed", e.ACTIVE = "active", e))(I || {}), x = /* @__PURE__ */ ((e) => (e[e.BASE = 0] = "BASE", e[e.TIP = 10] = "TIP", e[e.DROPDOWN = 100] = "DROPDOWN", e[e.BAR = 1e3] = "BAR", e[e.DIALOG = 1e4] = "DIALOG", e))(x || {});
+export {
+  y as ButtonKind,
+  a as ButtonType,
+  _ as ClickableTagKind,
+  $ as DEFAULT_PAGE_SIZE_OPTIONS,
+  V as DropdownKind,
+  j as FeedbackBlockIcons,
+  u as FeedbackBlockKind,
+  K as GROWLER_FADEOUT_DURATION_MS,
+  n as GROWLER_VISIBLE_DURATION_MS,
+  Q as GrowlerIcon,
+  C as GrowlerKind,
+  G as KeyValueListTitleColor,
+  f as LineChartColors,
+  h as ModalKind,
+  M as ModalSize,
+  m as Position,
+  P as RingSize,
+  W as SPS_ACTION_DEFAULTS,
+  l as SelectMode,
+  b as SortDirection,
+  g as SpinnerSize,
+  z as SpsAction,
+  i as SpsFilterTileKind,
+  E as SpsIcon,
+  N as SpsIconSize,
+  q as SpsInsightCardIcons,
+  U as SpsInsightCardKind,
+  s as SpsInsightTileIcons,
+  D as SpsInsightTileKind,
+  J as SpsOptionListOption,
+  w as SpsTaskStatus,
+  c as SpsTaskStatusIcons,
+  v as StackedBarChartMilestone,
+  R as StdButtonKind,
+  H as SteppedProgressBarColor,
+  S as TASK_QUEUE_NOTIFICATION_DURATION_MS,
+  Z as TOOLTIP_HIDE_DELAY_MS_DEFAULT,
+  d as TagKind,
+  B as TooltipKind,
+  F as TooltipShowTrigger,
+  I as WizardSubstepConditions,
+  x as ZStratum,
+  X as exampleIsReactComponentExample,
+  Y as exampleIsReactJSXExample
+};

package/lib/index.umd.cjs ADDED Viewed

@@ -0,0 +1 @@

package/lib/insight-card.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { SpsIcon } from "./icon";
+export declare enum SpsInsightCardKind {
+    GENERAL = "general",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    PROCESSING = "processing"
+}
+export declare const SpsInsightCardIcons: Readonly<{
+    general: SpsIcon.STATUS_NEW;
+    success: SpsIcon.STATUS_OK;
+    error: SpsIcon.STATUS_ERROR;
+    warning: SpsIcon.STATUS_WARNING;
+    processing: SpsIcon.STATUS_IN_PROCESS;
+}>;

package/lib/insight-tile.d.ts ADDED Viewed

@@ -0,0 +1,15 @@
+import { SpsIcon } from "./icon";
+export declare enum SpsInsightTileKind {
+    GENERAL = "general",
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning",
+    PROCESSING = "processing"
+}
+export declare const SpsInsightTileIcons: Readonly<{
+    general: SpsIcon.STATUS_NEW;
+    success: SpsIcon.STATUS_OK;
+    error: SpsIcon.STATUS_ERROR;
+    warning: SpsIcon.STATUS_WARNING;
+    processing: SpsIcon.STATUS_IN_PROCESS;
+}>;

package/lib/key-value-list-item.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+export declare enum KeyValueListTitleColor {
+    LIGHT = "light",
+    DARK = "dark"
+}

package/lib/line-chart.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare enum LineChartColors {
+    BLUE = "blue200",
+    GRAY = "gray600",
+    GREEN = "green200",
+    ORANGE = "orange200",
+    PURPLE = "purple200",
+    RED = "red200"
+}

package/lib/modal.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+export declare enum ModalKind {
+    GENERAL = "general",
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    SERIOUS_WARNING = "serious-warning"
+}
+export declare enum ModalSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large",
+    X_LARGE = "xlarge"
+}

package/lib/option-list.d.ts ADDED Viewed

@@ -0,0 +1,32 @@
+/** Shape of the config param for the `SpsOptionListOption<T>` constructor. */
+export interface SpsOptionListOptionConfig {
+    textKey?: string;
+    text?: string;
+    bold?: boolean;
+    captionKey?: string;
+    caption?: string;
+    disabled?: boolean;
+}
+/**
+ * All options passed in to components such as the select, the autocomplete, etc which
+ * use the Option List are normalized internally to this representation of an Option List option.
+ */
+export declare class SpsOptionListOption<T> {
+    value: T;
+    get text(): string;
+    set text(value: string);
+    get caption(): string;
+    set caption(value: string);
+    get href(): any;
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    get bold(): any;
+    textKey: string;
+    captionKey: string;
+    private textInternal;
+    private captionInternal;
+    private disabledInternal;
+    private boldInternal;
+    constructor(value: T, config?: SpsOptionListOptionConfig);
+    getHtml(patternToUnderline?: RegExp | null): string;
+}

package/lib/pagination.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ /** The defaults for the page size selector in the Pagination component. */
2	+ export declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];

package/lib/positioning.d.ts ADDED Viewed

@@ -0,0 +1,14 @@
+export declare enum Position {
+    TOP_LEFT = "top left",
+    TOP_MIDDLE = "top middle",
+    TOP_RIGHT = "top right",
+    RIGHT_TOP = "right top",
+    RIGHT_MIDDLE = "right middle",
+    RIGHT_BOTTOM = "right bottom",
+    BOTTOM_RIGHT = "bottom right",
+    BOTTOM_MIDDLE = "bottom middle",
+    BOTTOM_LEFT = "bottom left",
+    LEFT_BOTTOM = "left bottom",
+    LEFT_MIDDLE = "left middle",
+    LEFT_TOP = "left top"
+}

package/lib/ring-size.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare enum RingSize {
+    SMALL = 14,
+    MEDIUM = 26,
+    LARGE = 38
+}

package/lib/spinner.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+export declare enum SpinnerSize {
+    SMALL = "small",
+    MEDIUM = "medium",
+    LARGE = "large"
+}

package/lib/sps-action.d.ts ADDED Viewed

@@ -0,0 +1,27 @@
+import type { MetadataProperty } from "@spscommerce/utils";
+/**
+ * Metadata describing an "action" that can be passed in
+ * to components such as modal and select.
+ */
+export interface SpsActionDescriptor {
+    label?: MetadataProperty<string>;
+    icon?: MetadataProperty<string>;
+    caption?: MetadataProperty<string>;
+    disabled?: MetadataProperty<boolean>;
+    isLink?: MetadataProperty<boolean>;
+    href?: MetadataProperty<string>;
+    newTab?: MetadataProperty<boolean>;
+    [key: string]: MetadataProperty<any>;
+}
+export declare const SPS_ACTION_DEFAULTS: SpsActionDescriptor;
+/** A method that has been decorated with `@SpsAction`. */
+export interface SpsActionMethod extends SpsActionDescriptor {
+    (...args: any[]): any;
+}
+/**
+ * Attaches metadata to the decorated method, designating it as an "action"
+ * that can be passed in to components such as modal and select. For example,
+ * if passed in to the modal, a button will be rendered in the modal using the
+ * specified label, icon, etc, and clicking that button will call the method.
+ */
+export declare function SpsAction(actionDescriptor: SpsActionDescriptor): MethodDecorator;

package/lib/stacked-horizontal-bar-chart.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export declare enum StackedBarChartMilestone {
+    BLUE = "blue200",
+    GRAY = "gray600",
+    GREEN = "green200",
+    ORANGE = "orange200",
+    PURPLE = "purple200",
+    RED = "red200"
+}

package/lib/stepped-progress-bar.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum SteppedProgressBarColor {
+    PURPLE = "purple",
+    RED = "red",
+    BLUE = "blue",
+    ORANGE = "orange",
+    GRAY = "gray"
+}

package/lib/table.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export declare enum SortDirection {
+    ASCENDING = "ascending",
+    DESCENDING = "descending"
+}
+export interface SortedColumn {
+    key: string;
+    direction: SortDirection;
+}
+export type SortChangeHandler = (newSort: SortedColumn[]) => void;
+export type ResizeState = Record<string, number>;
+export type ResizeStateChangeHandler = (newResizeState: ResizeState) => void;
+export type SpsTableCellWrapWidth = 200 | 300 | 400 | 500 | 600;

package/lib/tabs.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import type { SpsIcon } from "./icon";
+export interface SpsTab {
+    /** id of the tab itself. */
+    id?: string;
+    /**
+     * id of the pane associated with the tab, which is
+     * displayed when the tab is active.
+     */
+    controlsId?: string;
+    icon?: SpsIcon;
+    label: string;
+    tag?: string;
+}

package/lib/tag.d.ts ADDED Viewed

@@ -0,0 +1,9 @@
+export declare enum TagKind {
+    DEFAULT = "default",
+    KEY = "key",
+    WARNING = "warning",
+    ERROR = "error",
+    PENDING = "pending",
+    SUCCESS = "success",
+    INFO = "info"
+}

package/lib/task-queue.d.ts ADDED Viewed

@@ -0,0 +1,24 @@
+import { SpsIcon } from "./icon";
+import type { SpsActionMethod } from "./sps-action";
+/** The possible statuses for a task in the Task Queue. */
+export declare enum SpsTaskStatus {
+    COMPLETED = "completed",
+    ERRORED = "errored",
+    WARNING = "warning",
+    IN_PROGRESS = "in_progress"
+}
+export declare const SpsTaskStatusIcons: Readonly<{
+    completed: SpsIcon.STATUS_OK;
+    errored: SpsIcon.STATUS_ERROR;
+    warning: SpsIcon.STATUS_WARNING;
+    in_progress: "sps-spinner sps-spinner--small";
+}>;
+/** Represents a task in the Task Queue. */
+export interface SpsTask {
+    status: SpsTaskStatus;
+    unread: boolean;
+    heading: string;
+    subheading: any;
+    actions?: SpsActionMethod[];
+}
+export declare const TASK_QUEUE_NOTIFICATION_DURATION_MS = 5000;

package/lib/tooltip.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+export declare const TOOLTIP_HIDE_DELAY_MS_DEFAULT = 1000;
+export declare enum TooltipShowTrigger {
+    MANUAL = "manual",
+    MOUSEOVER = "mouseover",
+    CLICK = "click"
+}
+export declare enum TooltipKind {
+    DEFAULT = "default",
+    HELP = "help",
+    ERROR = "error",
+    WARNING = "warning",
+    CONTAINER = "container"
+}

package/lib/wizard-substep-condition.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export declare enum WizardSubstepConditions {
+    BASIC = "basic",
+    COMPLETED = "completed",
+    COMPLETE = "completed",
+    ACTIVE = "active"
+}

package/lib/z-strata.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+export declare enum ZStratum {
+    BASE = 0,
+    TIP = 10,
+    DROPDOWN = 100,
+    BAR = 1000,
+    DIALOG = 10000
+}

package/package.json ADDED Viewed

@@ -0,0 +1,40 @@
+{
+  "name": "@spscommerce/ds-shared",
+  "description": "Package for sharing code and types between DS Angular and DS React.",
+  "version": "0.0.0-20260319-8230915ce",
+  "author": "SPS Commerce",
+  "license": "UNLICENSED",
+  "repository": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-shared",
+  "homepage": "https://github.com/spscommerce/woodland/tree/main/packages/@spscommerce/ds-shared#readme",
+  "publishConfig": {
+    "access": "public"
+  },
+  "type": "module",
+  "module": "./lib/index.js",
+  "main": "./lib/index.umd.cjs",
+  "types": "./lib/index.d.ts",
+  "exports": {
+    "types": "./lib/index.d.ts",
+    "require": "./lib/index.umd.cjs",
+    "import": "./lib/index.js",
+    "default": "./lib/index.js"
+  },
+  "peerDependencies": {
+    "@spscommerce/utils": "^7.0.0 || ^8.0.0",
+    "moment": "^2.25.3",
+    "moment-timezone": "^0.5.48"
+  },
+  "devDependencies": {
+    "@spscommerce/utils": "^8.1.1",
+    "moment": "^2.25.3",
+    "moment-timezone": "^0.6.0"
+  },
+  "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.mjs"
+  }
+}

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,13 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": {
+        "baseUrl": "tsconfig",
+        "rootDir": "src/",
+        "outDir": "./lib",
+        "target": "es5",
+        "esModuleInterop": true,
+        "declaration": true
+    },
+    "include": ["src/**/*"],
+    "exclude": ["node_modules", "lib"]
+}

package/vite.config.mjs ADDED Viewed

@@ -0,0 +1,20 @@
+import path from "node:path";
+import { defineConfig } from "vite";
+import pkg from "./package.json";
+export default defineConfig({
+  build: {
+    lib: {
+      entry: path.resolve(__dirname, "src/index.ts"),
+      name: "DSShared",
+      fileName: "index",
+    },
+    outDir: path.resolve(__dirname, "./lib"),
+    emptyOutDir: false,
+    rollupOptions: {
+      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+    },
+  },
+});