@pglevy/sailwind 0.1.0 → 0.3.0

package/dist/components/Button/ButtonWidget.js

@@ -1,101 +1,110 @@
-import { jsxs as R, jsx as u } from "react/jsx-runtime";
+import { jsxs as R, jsx as l } from "react/jsx-runtime";
 import "react";
 import * as w from "lucide-react";
 import { mergeClasses as M } from "../../utils/classNames.js";
-const V = ({
-  label: i,
-  style: r = "OUTLINE",
+const j = ({
+  label: a,
+  style: e = "OUTLINE",
   color: t = "ACCENT",
-  size: b = "STANDARD",
-  width: d,
-  disabled: l = !1,
-  submit: p = !1,
-  showWhen: g = !0,
-  icon: a,
-  iconPosition: c = "START",
+  size: d = "STANDARD",
+  width: p,
+  disabled: b = !1,
+  submit: c = !1,
+  showWhen: f = !0,
+  icon: i,
+  iconPosition: g = "START",
   accessibilityText: h,
-  tooltip: E,
+  tooltip: C,
   loadingIndicator: o = !1,
   saveInto: A,
-  onClick: N,
-  value: x,
-  className: C
+  onClick: x,
+  value: E,
+  className: N
 }) => {
-  if (!g) return null;
-  const m = {
-    SMALL: "px-3 py-1.5 text-sm",
-    // SAIL SMALL: 12px horizontal, 6px vertical
-    STANDARD: "px-4 py-2.5 text-base",
-    // SAIL STANDARD: 16px horizontal, 10px vertical
+  if (!f) return null;
+  const T = {
+    SMALL: "px-3 py-2 text-sm",
+    // 12px horizontal, 8px vertical
+    STANDARD: "px-4 py-2 text-base",
+    // 16px horizontal, 8px vertical (matches input height)
     MEDIUM: "px-6 py-3 text-lg",
-    // SAIL MEDIUM: 24px horizontal, 12px vertical
-    LARGE: "px-8 py-4 text-xl"
-    // SAIL LARGE: 32px horizontal, 16px vertical
-  }, T = d === "FILL" ? "w-full" : "w-auto", S = () => {
+    // 24px horizontal, 12px vertical
+    LARGE: "px-10 py-4 text-xl"
+    // 40px horizontal, 16px vertical
+  }, S = p === "FILL" ? "w-full" : "w-auto", m = () => {
     if (!t.startsWith("#")) return;
-    const e = {};
-    return r === "SOLID" ? (e.backgroundColor = t, e.borderColor = "transparent", e.color = "#ffffff") : r === "OUTLINE" ? (e.borderColor = t, e.color = t, e.backgroundColor = "#ffffff") : (r === "GHOST" || r === "LINK") && (e.color = t, e.borderColor = "transparent"), Object.keys(e).length > 0 ? e : void 0;
-  }, L = () => {
+    const r = {};
+    return e === "SOLID" ? (r.backgroundColor = t, r.borderColor = "transparent", r.color = "#ffffff") : e === "OUTLINE" ? (r.borderColor = t, r.color = t, r.backgroundColor = "#ffffff") : (e === "GHOST" || e === "LINK") && (r.color = t, r.borderColor = "transparent"), Object.keys(r).length > 0 ? r : void 0;
+  }, I = () => {
     if (t.startsWith("#"))
-      return r === "OUTLINE" ? "border-2" : "";
-    const e = t;
-    return r === "SOLID" ? {
-      ACCENT: "bg-blue-500 text-white hover:bg-blue-700",
-      NEGATIVE: "bg-red-700 text-white hover:bg-red-900",
-      SECONDARY: "bg-gray-700 text-white hover:bg-gray-900"
-    }[e] : r === "OUTLINE" ? {
-      ACCENT: "border-2 border-blue-500 text-blue-500 bg-white hover:bg-blue-100",
-      NEGATIVE: "border-2 border-red-700 text-red-700 bg-white hover:bg-red-100",
-      SECONDARY: "border-2 border-gray-700 text-gray-700 bg-white hover:bg-gray-100"
-    }[e] : r === "GHOST" ? {
-      ACCENT: "text-blue-500 hover:bg-blue-100",
-      NEGATIVE: "text-red-700 hover:bg-red-100",
-      SECONDARY: "text-gray-700 hover:bg-gray-100"
-    }[e] : r === "LINK" ? {
-      ACCENT: "text-blue-500 hover:underline",
-      NEGATIVE: "text-red-700 hover:underline",
-      SECONDARY: "text-gray-700 hover:underline"
-    }[e] : "";
-  }, I = () => r === "OUTLINE" || C ? "" : "border-2 border-transparent", D = `
+      return "border";
+    const r = t;
+    return e === "SOLID" ? {
+      ACCENT: "border border-transparent bg-blue-500 text-white hover:bg-blue-700",
+      POSITIVE: "border border-transparent bg-green-700 text-white hover:bg-green-900",
+      NEGATIVE: "border border-transparent bg-red-700 text-white hover:bg-red-900",
+      SECONDARY: "border border-transparent bg-gray-700 text-white hover:bg-gray-900",
+      STANDARD: "border border-transparent bg-gray-900 text-white hover:bg-gray-700"
+    }[r] : e === "OUTLINE" ? {
+      ACCENT: "border border-blue-500 text-blue-500 bg-white hover:bg-blue-100",
+      POSITIVE: "border border-green-700 text-green-700 bg-white hover:bg-green-100",
+      NEGATIVE: "border border-red-700 text-red-700 bg-white hover:bg-red-100",
+      SECONDARY: "border border-gray-700 text-gray-700 bg-white hover:bg-gray-100",
+      STANDARD: "border border-gray-900 text-gray-900 bg-white hover:bg-gray-100"
+    }[r] : e === "GHOST" ? {
+      ACCENT: "border border-transparent text-blue-500 hover:bg-blue-100",
+      POSITIVE: "border border-transparent text-green-700 hover:bg-green-100",
+      NEGATIVE: "border border-transparent text-red-700 hover:bg-red-100",
+      SECONDARY: "border border-transparent text-gray-700 hover:bg-gray-100",
+      STANDARD: "border border-transparent text-gray-900 hover:bg-gray-100"
+    }[r] : e === "LINK" ? {
+      ACCENT: "border border-transparent text-blue-500 hover:underline",
+      POSITIVE: "border border-transparent text-green-700 hover:underline",
+      NEGATIVE: "border border-transparent text-red-700 hover:underline",
+      SECONDARY: "border border-transparent text-gray-700 hover:underline",
+      STANDARD: "border border-transparent text-gray-900 hover:underline"
+    }[r] : "";
+  }, D = () => "", v = `
     inline-flex items-center justify-center gap-1
     font-medium transition-colors h-auto rounded-sm
-    ${m[b]}
-    ${T}
+    focus:outline-none focus:ring-2 focus:ring-sky-500 focus:ring-offset-2
+    ${T[d]}
+    ${S}
+    ${D()}
     ${I()}
-    ${L()}
-    ${l || o ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
-  `.replace(/\s+/g, " ").trim(), v = M(D, C), O = () => {
-    const e = N || A;
-    e && !l && !o && e(x);
+    ${b || o ? "opacity-50 cursor-not-allowed" : "cursor-pointer"}
+  `.replace(/\s+/g, " ").trim(), y = M(v, N), L = () => {
+    const r = x || A;
+    r && !b && !o && r(E);
   }, s = (() => {
-    if (!a) return null;
-    const e = a.split("-").map((f) => f.charAt(0).toUpperCase() + f.slice(1)).join(""), n = w[e];
-    return n ? /* @__PURE__ */ u(n, { size: {
+    if (!i) return null;
+    const r = i.split("-").map((u) => u.charAt(0).toUpperCase() + u.slice(1)).join(""), n = w[r];
+    return n ? /* @__PURE__ */ l(n, { size: {
       SMALL: 14,
       STANDARD: 16,
       MEDIUM: 18,
       LARGE: 20
-    }[b], "aria-hidden": "true" }) : (console.warn(`Icon "${a}" not found in Lucide icons`), null);
-  })(), y = S();
+    }[d], "aria-hidden": "true" }) : (console.warn(`Icon "${i}" not found in Lucide icons`), null);
+  })(), O = m();
   return /* @__PURE__ */ R(
     "button",
     {
-      type: p ? "submit" : "button",
-      onClick: O,
-      disabled: l || o,
-      className: v,
-      style: y,
-      "aria-label": h || i,
-      title: E,
+      type: c ? "submit" : "button",
+      onClick: L,
+      disabled: b || o,
+      className: y,
+      style: O,
+      "aria-label": h || a,
+      title: C,
       children: [
-        o && /* @__PURE__ */ u("span", { className: "animate-spin", "aria-label": "loading", children: "⟳" }),
-        !o && s && c === "START" && s,
-        i && /* @__PURE__ */ u("span", { children: i }),
-        !o && s && c === "END" && s
+        o && /* @__PURE__ */ l("span", { className: "animate-spin", "aria-label": "loading", children: "⟳" }),
+        !o && s && g === "START" && s,
+        a && /* @__PURE__ */ l("span", { children: a }),
+        !o && s && g === "END" && s
       ]
     }
   );
 };
 export {
-  V as ButtonWidget
+  j as ButtonWidget
 };

package/dist/components/Card/Card.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CardLayout').CardLayoutProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const DecorativeBarTop: Story;
+export declare const DecorativeBarStart: Story;
+export declare const DecorativeBarColors: Story;
+export declare const Shapes: Story;
+export declare const BorderOnly: Story;
+export declare const ShadowOnly: Story;
+export declare const BorderAndShadow: Story;
+export declare const CardStyles: Story;
+//# sourceMappingURL=Card.stories.d.ts.map

package/dist/components/Card/Card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAehC,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KAkBpB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAcxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAaxB,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAA"}

package/dist/components/Card/CardLayout.d.ts

@@ -40,15 +40,6 @@ export interface CardLayoutProps {
 /**
  * CardLayout Component
  * Displays content within a card container
- *
- * @example
- * <CardLayout
- *   shape="SEMI_ROUNDED"
- *   padding="STANDARD"
- *   showBorder={true}
- * >
- *   <p>Card content here</p>
- * </CardLayout>
  */
 export declare const CardLayout: React.FC<CardLayoutProps>;
 export {};

package/dist/components/Card/CardLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG9E,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAA;AACrE,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,iBAAiB,GAAG,aAAa,GAAG,aAAa,CAAA;AAC3J,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,mIAAmI;IACnI,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2JAA2J;IAC3J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAC7C,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6LhD,CAAA"}
+{"version":3,"file":"CardLayout.d.ts","sourceRoot":"","sources":["../../../src/components/Card/CardLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAG9E,KAAK,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,YAAY,CAAA;AACrE,KAAK,SAAS,GAAG,MAAM,GAAG,aAAa,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,iBAAiB,GAAG,aAAa,GAAG,aAAa,CAAA;AAC3J,KAAK,qBAAqB,GAAG,KAAK,GAAG,OAAO,GAAG,MAAM,CAAA;AAErD;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,wCAAwC;IACxC,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,mIAAmI;IACnI,KAAK,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,iCAAiC;IACjC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,2JAA2J;IAC3J,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,qBAAqB,CAAC,EAAE,qBAAqB,CAAA;IAC7C,gDAAgD;IAChD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6LhD,CAAA"}

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CheckboxField').CheckboxFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CompactLayout: Story;
+export declare const CardsStyle: Story;
+export declare const AdjacentLabel: Story;
+export declare const WithRequiredAndValidation: Story;
+export declare const Disabled: Story;
+export declare const SpacingVariations: Story;
+export declare const ChoicePositionEnd: Story;
+//# sourceMappingURL=Checkbox.stories.d.ts.map

package/dist/components/Checkbox/Checkbox.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAmBxB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,yBAAyB,EAAE,KAWvC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA"}

package/dist/components/Dialog/Dialog.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./DialogField').DialogFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FormDialog: Story;
+export declare const ConfirmationDialog: Story;
+export declare const WideDialog: Story;
+export declare const TallDialog: Story;
+export declare const FullWidthFit: Story;
+//# sourceMappingURL=Dialog.stories.d.ts.map

package/dist/components/Dialog/Dialog.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAM3D,QAAA,MAAM,IAAI;;;;;;;CAK0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAkBrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAuDxB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA6ChC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAqBxB,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAgB1B,CAAA"}

package/dist/components/Dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./DropdownField').DropdownFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const NoDefaultSelection: Story;
+export declare const WithSearch: Story;
+export declare const Disabled: Story;
+export declare const AdjacentLabel: Story;
+export declare const MultipleDefault: Story;
+export declare const MultipleNoDefault: Story;
+export declare const MultipleWithSearch: Story;
+export declare const MultipleDisabled: Story;
+export declare const MultipleAdjacentLabel: Story;
+//# sourceMappingURL=Dropdown.stories.d.ts.map

package/dist/components/Dropdown/Dropdown.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,QAAA,MAAM,IAAI;;;;;;;CAK4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAiBhC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAwBxB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAmB7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAmB/B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA6BhC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAc9B,CAAA;AAED,eAAO,MAAM,qBAAqB,EAAE,KAkBnC,CAAA"}

package/dist/components/Dropdown/DropdownField.d.ts

@@ -54,33 +54,6 @@ export interface DropdownFieldProps {
 /**
  * Single-select dropdown field component
  *
- * @example
- * ```tsx
- * <DropdownField
- *   label="Language"
- *   instructions="In which language are you most proficient?"
- *   choiceLabels={["English", "Spanish", "French", "German"]}
- *   choiceValues={["en_US", "es_ES", "fr_FR", "de_DE"]}
- *   value={selectedLanguage}
- *   saveInto={(value) => setSelectedLanguage(value)}
- *   placeholder="Select a language"
- *   searchDisplay="AUTO"
- * />
- * ```
- *
- * SAIL Translation:
- * ```sail
- * a!dropdownField(
- *   label: "Language",
- *   instructions: "In which language are you most proficient?",
- *   choiceLabels: {"English", "Spanish", "French", "German"},
- *   choiceValues: {"en_US", "es_ES", "fr_FR", "de_DE"},
- *   value: local!language,
- *   saveInto: local!language,
- *   placeholder: "Select a language",
- *   searchDisplay: "AUTO"
- * )
- * ```
  */
 export declare const DropdownField: React.FC<DropdownFieldProps>;
 export {};

package/dist/components/Dropdown/DropdownField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}
+{"version":3,"file":"DropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/DropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,iEAAiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iDAAiD;IACjD,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,oFAAoF;IACpF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC/B,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAEtD,CAAA"}

package/dist/components/Dropdown/MultipleDropdownField.d.ts

@@ -54,31 +54,6 @@ export interface MultipleDropdownFieldProps {
 /**
  * Multi-select dropdown field component
  *
- * @example
- * ```tsx
- * <MultipleDropdownField
- *   label="Language"
- *   instructions="Which language(s) are you proficient in?"
- *   choiceLabels={["English", "Spanish", "French", "German"]}
- *   choiceValues={["en_US", "es_ES", "fr_FR", "de_DE"]}
- *   value={selectedLanguages}
- *   saveInto={(value) => setSelectedLanguages(value)}
- *   searchDisplay="AUTO"
- * />
- * ```
- *
- * SAIL Translation:
- * ```sail
- * a!multipleDropdownField(
- *   label: "Language",
- *   instructions: "Which language(s) are you proficient in?",
- *   choiceLabels: {"English", "Spanish", "French", "German"},
- *   choiceValues: {"en_US", "es_ES", "fr_FR", "de_DE"},
- *   value: local!language,
- *   saveInto: local!language,
- *   searchDisplay: "AUTO"
- * )
- * ```
  */
 export declare const MultipleDropdownField: React.FC<MultipleDropdownFieldProps>;
 export {};

package/dist/components/Dropdown/MultipleDropdownField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MultipleDropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/MultipleDropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}
+{"version":3,"file":"MultipleDropdownField.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/MultipleDropdownField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,KAAK,CAAA;AAE1C;;;GAGG;AACH,MAAM,WAAW,0BAA0B;IACzC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,gEAAgE;IAChE,YAAY,EAAE,GAAG,EAAE,CAAA;IACnB,+CAA+C;IAC/C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,qFAAqF;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI,KAAK,IAAI,CAAA;IACxC,wCAAwC;IACxC,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,aAAa,CAAC,EAAE,aAAa,CAAA;IAC7B,+DAA+D;IAC/D,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,yDAAyD;IACzD,IAAI,CAAC,EAAE,GAAG,EAAE,CAAA;IACZ,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CAEtE,CAAA"}

package/dist/components/Heading/Heading.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./HeadingField').HeadingFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        text: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const SemanticColors: Story;
+export declare const CustomHexColor: Story;
+export declare const FontWeights: Story;
+export declare const Alignment: Story;
+export declare const HeadingTags: Story;
+export declare const WithLink: Story;
+//# sourceMappingURL=Heading.stories.d.ts.map

package/dist/components/Heading/Heading.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Heading/Heading.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;CAQ2B,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAWnB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAU5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAK5B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KASzB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAQvB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAWzB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAA"}

package/dist/components/Image/Image.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./ImageField').ImageFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SmallIcons: Story;
+export declare const AvatarStyle: Story;
+export declare const GalleryLayout: Story;
+export declare const FitSize: Story;
+export declare const AdjacentLabel: Story;
+export declare const UserWithPhoto: Story;
+export declare const UserInitialsFallback: Story;
+export declare const UserDefaultIconFallback: Story;
+//# sourceMappingURL=Image.stories.d.ts.map

package/dist/components/Image/Image.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Image.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Image/Image.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAKyB,CAAA;AAEnC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,KAYzB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAa3B,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAc3B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAWlC,CAAA;AAED,eAAO,MAAM,uBAAuB,EAAE,KASrC,CAAA"}

package/dist/components/Image/UserImage.d.ts

@@ -31,19 +31,5 @@ export interface UserImageProps {
  * This is not a React component - it's a data structure
  * that gets processed by ImageField for rendering with Radix Avatar
  *
- * @example
- * <ImageField
- *   label="Assigned To"
- *   images={[
- *     {
- *       imageType: 'user',
- *       user: { name: "John Smith", photoUrl: "/avatars/john.jpg", initials: "JS" },
- *       altText: "John Smith profile photo",
- *       caption: "Click to view profile"
- *     }
- *   ]}
- *   style="AVATAR"
- *   size="MEDIUM"
- * />
  */
 //# sourceMappingURL=UserImage.d.ts.map

package/dist/components/Image/UserImage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserImage.d.ts","sourceRoot":"","sources":["../../../src/components/Image/UserImage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,IAAI;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG"}
+{"version":3,"file":"UserImage.d.ts","sourceRoot":"","sources":["../../../src/components/Image/UserImage.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AACH,MAAM,WAAW,IAAI;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,kCAAkC;IAClC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,qDAAqD;IACrD,SAAS,EAAE,MAAM,CAAA;IACjB,iDAAiD;IACjD,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,oDAAoD;IACpD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,IAAI,CAAA;IACjB,uCAAuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;GAOG"}

package/dist/components/MessageBanner/MessageBanner.stories.d.ts

@@ -0,0 +1,35 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./MessageBanner').MessageBannerProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        primaryText?: string | undefined;
+        secondaryText?: string | undefined;
+        backgroundColor?: import('./MessageBanner').BackgroundColor | undefined;
+        highlightColor?: import('./MessageBanner').HighlightColor | undefined;
+        icon?: "info" | "success" | "warning" | "error" | undefined;
+        showDecorativeBar?: boolean | undefined;
+        shape?: import('../..').SAILShape | undefined;
+        marginAbove?: import('../..').SAILMarginSize | undefined;
+        marginBelow?: import('../..').SAILMarginSize | undefined;
+        showWhen?: boolean | undefined;
+        announceBehavior?: import('./MessageBanner').AnnounceBehavior | undefined;
+        accessibilityText?: string | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Success: Story;
+export declare const Warning: Story;
+export declare const Error: Story;
+export declare const PredefinedStyles: Story;
+export declare const CustomColors: Story;
+export declare const NoDecorativeBar: Story;
+export declare const Shapes: Story;
+export declare const MarginSpacing: Story;
+//# sourceMappingURL=MessageBanner.stories.d.ts.map

package/dist/components/MessageBanner/MessageBanner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageBanner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/MessageBanner/MessageBanner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAY4B,CAAA;AAEtC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAkC9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAQ1B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,KA2BpB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KA8B3B,CAAA"}

package/dist/components/Milestone/Milestone.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./MilestoneField').MilestoneFieldProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const VerticalDotStyle: Story;
+export declare const ChevronStyle: Story;
+export declare const AllCompleted: Story;
+export declare const AllFuture: Story;
+export declare const SemanticColors: Story;
+export declare const LabelPositions: Story;
+export declare const WithHelpTooltip: Story;
+//# sourceMappingURL=Milestone.stories.d.ts.map

package/dist/components/Milestone/Milestone.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Milestone.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Milestone/Milestone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;CAK6B,CAAA;AAEvC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAS1B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAO1B,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAa5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KA4B5B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,KAQ7B,CAAA"}

package/dist/components/Milestone/MilestoneField.d.ts

@@ -36,14 +36,6 @@ export interface MilestoneFieldProps {
 /**
  * Displays the completed, current, and future steps of a process or sequence
  *
- * @example
- * <MilestoneField
- *   label="Home Repair Claim Process"
- *   instructions="Customer #2325691"
- *   steps={["Submit Request", "Set Up Appointment", "File Assessment", "Submit Proposal"]}
- *   active={2}
- *   color="ACCENT"
- * />
  */
 export declare const MilestoneField: React.FC<MilestoneFieldProps>;
 export {};

package/dist/components/Milestone/MilestoneField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MilestoneField.d.ts","sourceRoot":"","sources":["../../../src/components/Milestone/MilestoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAC5C,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAA;AAC3C,KAAK,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uDAAuD;IACvD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsTxD,CAAA"}
+{"version":3,"file":"MilestoneField.d.ts","sourceRoot":"","sources":["../../../src/components/Milestone/MilestoneField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAEzE,KAAK,WAAW,GAAG,YAAY,GAAG,UAAU,CAAA;AAC5C,KAAK,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,KAAK,CAAA;AAC3C,KAAK,KAAK,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AAEjE,MAAM,WAAW,mBAAmB;IAClC,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uDAAuD;IACvD,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,2CAA2C;IAC3C,KAAK,CAAC,EAAE,GAAG,EAAE,CAAA;IACb,mGAAmG;IACnG,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACtB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gCAAgC;IAChC,KAAK,CAAC,EAAE,KAAK,CAAA;IACb,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kDAAkD;IAClD,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAsTxD,CAAA"}

package/dist/components/ProgressBar/ProgressBar.stories.d.ts

@@ -0,0 +1,34 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./ProgressBar').ProgressBarProps>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    decorators: ((Story: import('storybook/internal/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
+        label?: string | undefined;
+        instructions?: string | undefined;
+        percentage: number;
+        labelPosition?: import('../..').SAILLabelPosition | undefined;
+        helpTooltip?: string | undefined;
+        accessibilityText?: string | undefined;
+        color?: import('./ProgressBar').ProgressBarColor | undefined;
+        showWhen?: boolean | undefined;
+        style?: import('./ProgressBar').ProgressBarStyle | undefined;
+        showPercentage?: boolean | undefined;
+        marginAbove?: import('../..').SAILMarginSize | undefined;
+        marginBelow?: import('../..').SAILMarginSize | undefined;
+    }>) => import("react/jsx-runtime").JSX.Element)[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ThinStyle: Story;
+export declare const ThickStyle: Story;
+export declare const SemanticColors: Story;
+export declare const CustomHexColor: Story;
+export declare const HiddenPercentage: Story;
+export declare const OverflowPercentage: Story;
+export declare const CollapsedLabel: Story;
+//# sourceMappingURL=ProgressBar.stories.d.ts.map

package/dist/components/ProgressBar/ProgressBar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.stories.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAG3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAY0B,CAAA;AAEpC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAQrB,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAY5B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAM5B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAQ9B,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAA"}