@pglevy/sailwind 0.4.0 → 0.5.1

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

@@ -20,6 +20,26 @@ declare const meta: {
         announceBehavior?: import('./MessageBanner').AnnounceBehavior | undefined;
         accessibilityText?: string | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
+    argTypes: {
+        backgroundColor: {
+            control: "text";
+        };
+        highlightColor: {
+            control: "text";
+        };
+        icon: {
+            control: "select";
+            options: string[];
+        };
+        shape: {
+            control: "select";
+            options: string[];
+        };
+        marginBelow: {
+            control: "select";
+            options: string[];
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmB4B,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

@@ -6,6 +6,23 @@ declare const meta: {
     parameters: {
         layout: string;
     };
+    argTypes: {
+        stepStyle: {
+            control: "select";
+            options: string[];
+        };
+        orientation: {
+            control: "select";
+            options: string[];
+        };
+        color: {
+            control: "text";
+        };
+        labelPosition: {
+            control: "select";
+            options: string[];
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;CAW6B,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.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;;;GAGG;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,CAuTxD,CAAA"}

package/dist/components/Milestone/MilestoneField.js

@@ -1,24 +1,24 @@
-import { jsxs as s, jsx as t, Fragment as I } from "react/jsx-runtime";
+import { jsxs as s, jsx as t, Fragment as T } from "react/jsx-runtime";
 import "react";
 import { FieldLabel as k } from "../shared/FieldLabel.js";
 const M = ({
-  label: x,
-  instructions: g,
-  steps: c,
-  links: f = [],
+  label: i,
+  instructions: u,
+  steps: n,
+  links: y = [],
   active: d = null,
-  labelPosition: y = "ABOVE",
-  helpTooltip: C,
-  showWhen: h = !0,
-  orientation: n = "HORIZONTAL",
-  accessibilityText: E,
+  labelPosition: C = "ABOVE",
+  helpTooltip: h,
+  showWhen: E = !0,
+  orientation: c = "HORIZONTAL",
+  accessibilityText: N,
   color: v = "ACCENT",
   marginAbove: O = "NONE",
   marginBelow: p = "STANDARD",
   stepStyle: a = "LINE"
 }) => {
-  if (!h) return null;
-  const u = `milestone-${Math.random().toString(36).slice(2, 11)}`, $ = {
+  if (!E) return null;
+  const f = `milestone-${Math.random().toString(36).slice(2, 11)}`, $ = {
     NONE: "mt-0",
     EVEN_LESS: "mt-1",
     LESS: "mt-2",
@@ -37,7 +37,7 @@ const M = ({
       ACCENT: { bg: "bg-blue-500", text: "text-blue-500", border: "border-blue-500" },
       POSITIVE: { bg: "bg-green-700", text: "text-green-700", border: "border-green-700" },
       NEGATIVE: { bg: "bg-red-700", text: "text-red-700", border: "border-red-700" },
-      WARN: { bg: "bg-yellow-500", text: "text-yellow-500", border: "border-yellow-500" }
+      WARN: { bg: "bg-yellow-500", text: "text-yellow-900", border: "border-yellow-500" }
     };
     return o[l] ? {
       ...o[l],
@@ -49,9 +49,9 @@ const M = ({
       style: { backgroundColor: l, borderColor: l, color: l }
     };
   })(v), A = (l) => d === null ? "future" : d === -1 || l < d ? "completed" : l === d ? "current" : "future", L = (l, o) => {
-    const e = A(o), b = f[o], m = o + 1, N = /* @__PURE__ */ s("div", { className: `flex ${a === "DOT" && n === "VERTICAL" ? "items-start" : a === "CHEVRON" ? "items-center" : "flex-col items-center"} ${n === "VERTICAL" ? "relative" : ""}`, children: [
+    const e = A(o), b = y[o], m = o + 1, x = /* @__PURE__ */ s("div", { className: `flex ${a === "DOT" && c === "VERTICAL" ? "items-start" : a === "CHEVRON" ? "items-center" : "flex-col items-center"} ${c === "VERTICAL" ? "relative" : ""}`, children: [
       /* @__PURE__ */ s("div", { className: "flex items-center justify-center relative", children: [
-        a === "DOT" && /* @__PURE__ */ s(I, { children: [
+        a === "DOT" && /* @__PURE__ */ s(T, { children: [
           /* @__PURE__ */ t(
             "div",
             {
@@ -62,7 +62,7 @@ const M = ({
               } : void 0
             }
           ),
-          n === "VERTICAL" && o < c.length - 1 && /* @__PURE__ */ t(
+          c === "VERTICAL" && o < n.length - 1 && /* @__PURE__ */ t(
             "div",
             {
               className: `absolute top-3 left-1.5 w-0.5 h-[32px] transform -translate-x-px ${e === "completed" ? r.bg || "bg-gray-400" : "bg-gray-200"}`,
@@ -96,7 +96,7 @@ const M = ({
               children: l
             }
           ),
-          n === "HORIZONTAL" && o < c.length - 1 && /* @__PURE__ */ t(
+          c === "HORIZONTAL" && o < n.length - 1 && /* @__PURE__ */ t(
             "div",
             {
               className: `w-0 h-0 border-l-[16px] border-y-[20px] border-y-transparent relative z-10 ${e === "completed" || e === "current" ? r.border : "border-l-gray-200"}`,
@@ -105,7 +105,7 @@ const M = ({
               } : void 0
             }
           ),
-          n === "VERTICAL" && o < c.length - 1 && /* @__PURE__ */ t(
+          c === "VERTICAL" && o < n.length - 1 && /* @__PURE__ */ t(
             "div",
             {
               className: `absolute -bottom-2 left-4 w-0 h-0 border-t-[16px] border-x-[20px] border-x-transparent ${e === "completed" || e === "current" ? r.border : "border-t-gray-200"}`,
@@ -119,7 +119,7 @@ const M = ({
       a !== "CHEVRON" && /* @__PURE__ */ t(
         "span",
         {
-          className: `${a === "DOT" && n === "VERTICAL" ? "ml-3 text-base leading-3" : "mt-2 text-base text-center"} ${e === "current" ? "font-semibold" : "font-normal"} ${e === "completed" || e === "current" ? r.text || "text-gray-900" : "text-gray-500"}`,
+          className: `${a === "DOT" && c === "VERTICAL" ? "ml-3 text-base leading-3" : "mt-2 text-base text-center"} ${e === "current" ? "font-semibold" : "font-normal"} ${e === "completed" || e === "current" ? r.text || "text-gray-900" : "text-gray-500"}`,
           style: r.style && (e === "completed" || e === "current") ? {
             color: r.style.color
           } : void 0,
@@ -131,74 +131,75 @@ const M = ({
       "button",
       {
         onClick: () => {
-          const i = b.onClick || b.saveInto;
-          i && typeof i == "function" && i(b.value);
+          const g = b.onClick || b.saveInto;
+          g && typeof g == "function" && g(b.value);
         },
-        className: `text-left hover:opacity-80 transition-opacity ${n === "HORIZONTAL" && a === "LINE" ? "flex-1" : ""}`,
+        className: `text-left hover:opacity-80 transition-opacity ${c === "HORIZONTAL" && a === "LINE" ? "flex-1" : ""}`,
         "aria-label": `${l} - Step ${m}`,
-        children: N
+        children: x
       },
       o
     ) : /* @__PURE__ */ t(
       "div",
       {
         "aria-label": `${l} - Step ${m}`,
-        className: n === "HORIZONTAL" && a === "LINE" ? "flex-1" : "",
-        children: N
+        className: c === "HORIZONTAL" && a === "LINE" ? "flex-1" : "",
+        children: x
       },
       o
     );
-  }, T = [
+  }, I = [
     $[O],
     R[p]
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ s("div", { className: T, children: [
+  return /* @__PURE__ */ s("div", { className: I, children: [
     /* @__PURE__ */ t(
       k,
       {
-        label: x,
-        labelPosition: y,
-        helpTooltip: C,
-        htmlFor: u,
-        accessibilityText: E
+        label: i,
+        labelPosition: C,
+        helpTooltip: h,
+        htmlFor: f,
+        accessibilityText: N
       }
     ),
     /* @__PURE__ */ s(
       "div",
       {
-        id: u,
-        className: n === "HORIZONTAL" ? "relative" : "flex flex-col",
+        id: f,
+        className: c === "HORIZONTAL" ? "relative" : "flex flex-col",
         role: "progressbar",
+        "aria-label": N || i || "Progress",
         "aria-valuemin": 0,
-        "aria-valuemax": c.length - 1,
+        "aria-valuemax": n.length - 1,
         "aria-valuenow": d ?? 0,
-        "aria-valuetext": d !== null && d >= 0 && d < c.length ? c[d] : void 0,
+        "aria-valuetext": d !== null && d >= 0 && d < n.length ? n[d] : void 0,
         children: [
-          n === "HORIZONTAL" && a === "LINE" && c.length > 1 && /* @__PURE__ */ t(
+          c === "HORIZONTAL" && a === "LINE" && n.length > 1 && /* @__PURE__ */ t(
             "div",
             {
               className: "absolute top-3 h-0.5 bg-gray-200 z-0",
               style: {
-                left: `calc(100% / ${c.length} / 2)`,
-                right: `calc(100% / ${c.length} / 2)`
+                left: `calc(100% / ${n.length} / 2)`,
+                right: `calc(100% / ${n.length} / 2)`
               },
               children: /* @__PURE__ */ t(
                 "div",
                 {
                   className: `h-full transition-all duration-300 ${r.bg || "bg-gray-400"}`,
                   style: {
-                    width: d === null ? "0%" : d === -1 ? "100%" : `${d / (c.length - 1) * 100}%`,
+                    width: d === null ? "0%" : d === -1 ? "100%" : `${d / (n.length - 1) * 100}%`,
                     ...r.style ? { backgroundColor: r.style.backgroundColor } : {}
                   }
                 }
               )
             }
           ),
-          /* @__PURE__ */ t("div", { className: n === "HORIZONTAL" ? a === "CHEVRON" ? "flex items-center" : "flex items-start" : a === "CHEVRON" ? "flex flex-col space-y-4" : "flex flex-col space-y-8", children: c.map((l, o) => L(l, o)) })
+          /* @__PURE__ */ t("div", { className: c === "HORIZONTAL" ? a === "CHEVRON" ? "flex items-center" : "flex items-start" : a === "CHEVRON" ? "flex flex-col space-y-4" : "flex flex-col space-y-8", children: n.map((l, o) => L(l, o)) })
         ]
       }
     ),
-    g && /* @__PURE__ */ t("p", { className: "text-gray-700 text-sm mt-1", children: g })
+    u && /* @__PURE__ */ t("p", { className: "text-gray-700 text-sm mt-1", children: u })
   ] });
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGzE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AACnF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,wDAAwD;IACxD,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gCAAgC;IAChC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,gCAAgC;IAChC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAgKlD,CAAA"}
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGzE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,CAAA;AACnF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAE/C,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,0CAA0C;IAC1C,UAAU,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,wDAAwD;IACxD,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,gCAAgC;IAChC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,gCAAgC;IAChC,WAAW,CAAC,EAAE,cAAc,CAAA;CAC7B;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAiKlD,CAAA"}

package/dist/components/ProgressBar/ProgressBar.js

@@ -3,21 +3,21 @@ import * as R from "react";
 import * as b from "@radix-ui/react-progress";
 import { FieldLabel as O } from "../shared/FieldLabel.js";
 const V = ({
-  label: f,
-  instructions: n,
-  percentage: d,
-  labelPosition: p = "ABOVE",
-  helpTooltip: g,
-  accessibilityText: o,
-  color: r = "ACCENT",
+  label: c,
+  instructions: o,
+  percentage: N,
+  labelPosition: g = "ABOVE",
+  helpTooltip: p,
+  accessibilityText: r,
+  color: l = "ACCENT",
   showWhen: x = !0,
   style: t = "THIN",
-  showPercentage: i = !0,
+  showPercentage: n = !0,
   marginAbove: S = "NONE",
   marginBelow: u = "STANDARD"
 }) => {
   if (!x) return null;
-  const a = Math.max(0, Math.min(100, d)), m = Math.round(d), N = R.useId(), I = {
+  const a = Math.max(0, Math.min(100, N)), m = Math.round(N), h = R.useId(), I = {
     NONE: "mt-0",
     EVEN_LESS: "mt-1",
     LESS: "mt-2",
@@ -31,85 +31,86 @@ const V = ({
     STANDARD: "mb-4",
     MORE: "mb-6",
     EVEN_MORE: "mb-8"
-  }, l = {
+  }, i = {
     THIN: { height: "h-2", textSize: "text-sm" },
     THICK: { height: "h-6", textSize: "text-base" }
-  }, h = {
+  }, E = {
     ACCENT: "bg-blue-500",
     POSITIVE: "bg-green-700",
     NEGATIVE: "bg-red-700",
     WARN: "bg-yellow-500"
-  }, c = r in h, v = c ? h[r] : "", A = [
+  }, d = l in E, v = d ? E[l] : "", A = [
     I[S],
     C[u]
-  ].filter(Boolean).join(" "), T = [
+  ].filter(Boolean).join(" "), M = [
     "relative",
     "overflow-hidden",
     "bg-gray-300",
     "rounded-sm",
-    l[t].height
-  ].join(" "), M = [
+    i[t].height
+  ].join(" "), T = [
     "h-full",
     "transition-transform",
     "duration-300",
     "ease-in-out",
-    c ? v : "bg-gray-500"
-  ].join(" "), E = {};
-  return !c && r && (E.backgroundColor = r), /* @__PURE__ */ s("div", { className: A, children: [
+    d ? v : "bg-gray-500"
+  ].join(" "), f = {};
+  return !d && l && (f.backgroundColor = l), /* @__PURE__ */ s("div", { className: A, children: [
     /* @__PURE__ */ e(
       O,
       {
-        label: f,
-        labelPosition: p,
-        helpTooltip: g,
-        htmlFor: N,
-        accessibilityText: o
+        label: c,
+        labelPosition: g,
+        helpTooltip: p,
+        htmlFor: h,
+        accessibilityText: r
       }
     ),
     /* @__PURE__ */ s("div", { className: "relative", children: [
       /* @__PURE__ */ e(
         b.Root,
         {
-          id: N,
-          className: T,
+          id: h,
+          className: M,
           value: a,
           max: 100,
+          "aria-label": r || c || "Progress",
           children: /* @__PURE__ */ e(
             b.Indicator,
             {
-              className: M,
+              className: T,
               style: {
                 width: `${a}%`,
-                ...E
+                ...f
               }
             }
           )
         }
       ),
-      i && t === "THICK" && a > 15 && /* @__PURE__ */ e(
+      n && t === "THICK" && a > 15 && /* @__PURE__ */ e(
         "div",
         {
           className: "absolute inset-y-0 flex items-center pr-2",
           style: { left: "0", width: `${a}%` },
-          children: /* @__PURE__ */ e("div", { className: "w-full flex justify-end", children: /* @__PURE__ */ s("span", { className: `${l[t].textSize} font-semibold text-white`, children: [
+          children: /* @__PURE__ */ e("div", { className: "w-full flex justify-end", children: /* @__PURE__ */ s("span", { className: `${i[t].textSize} font-semibold text-white`, children: [
             m,
             "%"
           ] }) })
         }
       ),
-      i && t === "THICK" && a <= 15 && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-start pl-3", children: /* @__PURE__ */ s("span", { className: `${l[t].textSize} font-semibold text-black`, children: [
+      n && t === "THICK" && a <= 15 && /* @__PURE__ */ e("div", { className: "absolute inset-0 flex items-center justify-start pl-3", children: /* @__PURE__ */ s("span", { className: `${i[t].textSize} font-semibold text-black`, children: [
         m,
         "%"
       ] }) })
     ] }),
-    (n || i && t === "THIN") && /* @__PURE__ */ s("div", { className: "flex justify-between items-start mt-1", children: [
-      /* @__PURE__ */ e("div", { className: "flex-1", children: n && /* @__PURE__ */ e("p", { className: "text-gray-700 text-sm", children: n }) }),
-      i && t === "THIN" && /* @__PURE__ */ s("span", { className: `${l[t].textSize} font-semibold text-black ml-4`, children: [
+    (o || n && t === "THIN") && /* @__PURE__ */ s("div", { className: "flex justify-between items-start mt-1", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1", children: o && /* @__PURE__ */ e("p", { className: "text-gray-700 text-sm", children: o }) }),
+      n && t === "THIN" && /* @__PURE__ */ s("span", { className: `${i[t].textSize} font-semibold text-black ml-4`, children: [
         m,
         "%"
       ] })
     ] }),
-    o && /* @__PURE__ */ e("span", { className: "sr-only", children: o })
+    r && /* @__PURE__ */ e("span", { className: "sr-only", children: r })
   ] });
 };
 export {

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

@@ -20,6 +20,19 @@ declare const meta: {
         marginAbove?: import('../..').SAILMarginSize | undefined;
         marginBelow?: import('../..').SAILMarginSize | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
+    argTypes: {
+        style: {
+            control: "select";
+            options: string[];
+        };
+        color: {
+            control: "text";
+        };
+        labelPosition: {
+            control: "select";
+            options: string[];
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1 +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"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiB0B,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"}

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

@@ -6,6 +6,28 @@ declare const meta: {
     parameters: {
         layout: string;
     };
+    argTypes: {
+        labelPosition: {
+            control: "select";
+            options: string[];
+        };
+        choiceLayout: {
+            control: "select";
+            options: string[];
+        };
+        choiceStyle: {
+            control: "select";
+            options: string[];
+        };
+        choicePosition: {
+            control: "select";
+            options: string[];
+        };
+        spacing: {
+            control: "select";
+            options: string[];
+        };
+    };
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAI3D,QAAA,MAAM,IAAI;;;;;;;CAK+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAOrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAmBhC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KAmBzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA"}
+{"version":3,"file":"RadioButton.stories.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAK3D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAY+B,CAAA;AAEzC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KA4BrB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KAkChC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAQ3B,CAAA;AAED,eAAO,MAAM,2BAA2B,EAAE,KA8BzC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAQtB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkB/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAiB/B,CAAA"}

package/dist/components/ReadOnlyGrid/GridColumn.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+import { SAILAlign, SAILGridColumnWidth } from '../../types/sail';
+/**
+ * Props for the GridColumn component.
+ * GridColumn is a configuration-only component — it renders nothing.
+ * ReadOnlyGrid reads these props from its children to define column behavior.
+ */
+export interface GridColumnProps {
+    /** Text to display as the column header */
+    label?: string;
+    /** Field name used for sorting when this column header is clicked */
+    sortField?: string;
+    /**
+     * Display value for each cell. Can be:
+     * - A string field name to look up on each row object
+     * - A function (row: any, index: number) => React.ReactNode
+     */
+    value?: string | ((row: any, index: number) => React.ReactNode);
+    /** Alignment for header and cell content */
+    align?: SAILAlign;
+    /** Column width */
+    width?: SAILGridColumnWidth;
+    /** Background color for cells — hex color or semantic name */
+    backgroundColor?: string | ((row: any) => string);
+    /** Whether this column is visible. Defaults to true. */
+    showWhen?: boolean;
+    /** Additional text for screen readers */
+    accessibilityText?: string;
+}
+/**
+ * GridColumn is a declarative, configuration-only component.
+ * It renders nothing — ReadOnlyGrid reads its props to determine column behavior.
+ */
+export declare const GridColumn: React.FC<GridColumnProps>;
+//# sourceMappingURL=GridColumn.d.ts.map

package/dist/components/ReadOnlyGrid/GridColumn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridColumn.d.ts","sourceRoot":"","sources":["../../../src/components/ReadOnlyGrid/GridColumn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvE;;;;GAIG;AACH,MAAM,WAAW,eAAe;IAC9B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qEAAqE;IACrE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAChE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,mBAAmB;IACnB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,8DAA8D;IAC9D,eAAe,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC;IAClD,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAc,CAAC"}

package/dist/components/ReadOnlyGrid/GridColumn.js

@@ -0,0 +1,5 @@
+import "react";
+const l = () => null;
+export {
+  l as GridColumn
+};

package/dist/components/ReadOnlyGrid/ReadOnlyGrid.d.ts

@@ -0,0 +1,52 @@
+import { default as React } from 'react';
+import { SAILLabelPosition, SAILMarginSize, SAILGridHeight, SortInfo } from '../../types/sail';
+export interface ReadOnlyGridProps {
+    /** Text to display as the grid label */
+    label?: string;
+    /** Determines where the label appears */
+    labelPosition?: SAILLabelPosition;
+    /** Supplemental text about this grid */
+    instructions?: string;
+    /** Displays a help icon with tooltip text */
+    helpTooltip?: string;
+    /** Text to display when no data is available */
+    emptyGridMessage?: string;
+    /** The data array to display */
+    data?: Record<string, any>[];
+    /** GridColumn children defining the columns */
+    children?: React.ReactNode;
+    /** Maximum rows per page. Default: 10 */
+    pageSize?: number;
+    /** Initial sort configurations */
+    initialSorts?: SortInfo[];
+    /** Whether rows are selectable */
+    selectable?: boolean;
+    /** Selection visual style */
+    selectionStyle?: "CHECKBOX" | "ROW_HIGHLIGHT";
+    /** Currently selected row identifiers */
+    selectionValue?: (string | number)[];
+    /** Callback when selection changes */
+    selectionSaveInto?: (selectedIds: (string | number)[]) => void;
+    /** Validation messages to display below the grid */
+    validations?: string[];
+    /** Whether the component is displayed */
+    showWhen?: boolean;
+    /** Cell spacing */
+    spacing?: "STANDARD" | "DENSE";
+    /** Grid height */
+    height?: SAILGridHeight;
+    /** Border style */
+    borderStyle?: "STANDARD" | "LIGHT";
+    /** Whether to shade alternate rows */
+    shadeAlternateRows?: boolean;
+    /** Index of column to use as row header for accessibility */
+    rowHeader?: number;
+    /** Additional text for screen readers */
+    accessibilityText?: string;
+    /** Space above component */
+    marginAbove?: SAILMarginSize;
+    /** Space below component */
+    marginBelow?: SAILMarginSize;
+}
+export declare const ReadOnlyGrid: React.FC<ReadOnlyGridProps>;
+//# sourceMappingURL=ReadOnlyGrid.d.ts.map

package/dist/components/ReadOnlyGrid/ReadOnlyGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyGrid.d.ts","sourceRoot":"","sources":["../../../src/components/ReadOnlyGrid/ReadOnlyGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EACV,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,QAAQ,EACT,MAAM,kBAAkB,CAAC;AAE1B,MAAM,WAAW,iBAAiB;IAChC,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,wCAAwC;IACxC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gDAAgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gCAAgC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,kCAAkC;IAClC,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC;IAC1B,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,6BAA6B;IAC7B,cAAc,CAAC,EAAE,UAAU,GAAG,eAAe,CAAC;IAC9C,yCAAyC;IACzC,cAAc,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACrC,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/D,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IACvB,yCAAyC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,OAAO,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IAC/B,kBAAkB;IAClB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,mBAAmB;IACnB,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC;IACnC,sCAAsC;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,6DAA6D;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,4BAA4B;IAC5B,WAAW,CAAC,EAAE,cAAc,CAAC;CAC9B;AAuGD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2WpD,CAAC"}