@pglevy/sailwind 0.1.0

package/dist/components/RichText/index.d.ts

@@ -0,0 +1,7 @@
+export { RichTextDisplayField } from './RichTextDisplayField';
+export { TextItem } from './TextItem';
+export { Icon } from './Icon';
+export type { RichTextDisplayFieldProps } from './RichTextDisplayField';
+export type { TextItemProps } from './TextItem';
+export type { IconProps } from './Icon';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAA;AACvE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC/C,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA"}

package/dist/components/Slider/SliderField.d.ts

@@ -0,0 +1,63 @@
+import { SAILLabelPosition, SAILMarginSize, SAILSize } from '../../types/sail';
+import * as React from 'react';
+type SliderOrientation = "HORIZONTAL" | "VERTICAL";
+/**
+ * Displays a slider for numeric range input
+ * Inspired by SAIL form field patterns (not an official SAIL component)
+ *
+ * This is a "new SAIL" component - not available in public SAIL but follows
+ * the same conventions and patterns for consistency with other Sailwind components.
+ */
+export interface SliderFieldProps {
+    /** Text to display as the field label */
+    label?: string;
+    /** Supplemental text about this field */
+    instructions?: string;
+    /** Determines if a value is required to submit the form */
+    required?: boolean;
+    /** Determines if the field should display as grayed out */
+    disabled?: boolean;
+    /** Current value(s) - single number for single slider, array for range */
+    value?: number | number[];
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Validation errors to display below the field */
+    validations?: string[];
+    /** Callback when the user changes the slider value */
+    saveInto?: (value: number | number[]) => void;
+    /** Callback when the user changes the slider value (React-style alias for saveInto) */
+    onChange?: (value: number | number[]) => void;
+    /** Validation group name (no spaces) */
+    validationGroup?: string;
+    /** Custom message when field is required and not provided */
+    requiredMessage?: string;
+    /** Determines where the label appears */
+    labelPosition?: SAILLabelPosition;
+    /** Displays a help icon with tooltip text */
+    helpTooltip?: string;
+    /** Additional text for screen readers */
+    accessibilityText?: string;
+    /** Determines whether component is displayed */
+    showWhen?: boolean;
+    /** Space added above component */
+    marginAbove?: SAILMarginSize;
+    /** Space added below component */
+    marginBelow?: SAILMarginSize;
+    /** Size of the slider */
+    size?: SAILSize;
+    /** Color of the slider track and thumb (hex or semantic) */
+    color?: "ACCENT" | "POSITIVE" | "NEGATIVE" | "SECONDARY" | string;
+    /** Orientation of the slider */
+    orientation?: SliderOrientation;
+    /** Show current value(s) as text */
+    showValue?: boolean;
+    /** Custom formatter for displayed values */
+    formatValue?: (value: number) => string;
+}
+export declare const SliderField: React.FC<SliderFieldProps>;
+export {};
+//# sourceMappingURL=SliderField.d.ts.map

package/dist/components/Slider/SliderField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/SliderField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEnF,KAAK,iBAAiB,GAAG,YAAY,GAAG,UAAU,CAAA;AAElD;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,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,0EAA0E;IAC1E,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,oBAAoB;IACpB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,qBAAqB;IACrB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,uFAAuF;IACvF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,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,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,yBAAyB;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,4DAA4D;IAC5D,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,WAAW,GAAG,MAAM,CAAA;IACjE,gCAAgC;IAChC,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,oCAAoC;IACpC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;CACxC;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqNlD,CAAA"}

package/dist/components/Slider/SliderField.js

@@ -0,0 +1,164 @@
+import { jsx as t, jsxs as p, Fragment as G } from "react/jsx-runtime";
+import "react";
+import * as n from "@radix-ui/react-slider";
+import { FieldWrapper as W } from "../shared/FieldWrapper.js";
+const Y = ({
+  label: b,
+  instructions: m,
+  required: f = !1,
+  disabled: d = !1,
+  value: h = 50,
+  min: A = 0,
+  max: v = 100,
+  step: E = 1,
+  validations: N = [],
+  saveInto: I,
+  onChange: O,
+  validationGroup: F,
+  requiredMessage: w,
+  labelPosition: y = "ABOVE",
+  helpTooltip: L,
+  accessibilityText: C,
+  showWhen: x = !0,
+  marginAbove: V = "NONE",
+  marginBelow: D = "STANDARD",
+  size: g = "STANDARD",
+  color: o = "ACCENT",
+  orientation: e = "HORIZONTAL",
+  showValue: S = !1,
+  formatValue: i = (s) => s.toString()
+}) => {
+  if (!x) return null;
+  const s = `sliderfield-${Math.random().toString(36).substr(2, 9)}`, a = Array.isArray(h) ? h : [h], R = Array.isArray(h), c = {
+    SMALL: {
+      track: e === "HORIZONTAL" ? "h-1" : "w-1",
+      thumb: "h-4 w-4",
+      height: e === "VERTICAL" ? "h-32" : void 0
+    },
+    STANDARD: {
+      track: e === "HORIZONTAL" ? "h-2" : "w-2",
+      thumb: "h-5 w-5",
+      height: e === "VERTICAL" ? "h-40" : void 0
+    },
+    MEDIUM: {
+      track: e === "HORIZONTAL" ? "h-3" : "w-3",
+      thumb: "h-6 w-6",
+      height: e === "VERTICAL" ? "h-48" : void 0
+    },
+    LARGE: {
+      track: e === "HORIZONTAL" ? "h-4" : "w-4",
+      thumb: "h-8 w-8",
+      height: e === "VERTICAL" ? "h-56" : void 0
+    }
+  }, T = (() => {
+    if (o.startsWith("#"))
+      return {
+        range: "",
+        thumb: "border-2 border-white shadow-lg"
+      };
+    const r = {
+      ACCENT: {
+        range: "bg-blue-500",
+        thumb: "bg-blue-500 border-2 border-white shadow-lg hover:bg-blue-700 focus:bg-blue-700"
+      },
+      POSITIVE: {
+        range: "bg-green-700",
+        thumb: "bg-green-700 border-2 border-white shadow-lg hover:bg-green-900 focus:bg-green-900"
+      },
+      NEGATIVE: {
+        range: "bg-red-700",
+        thumb: "bg-red-700 border-2 border-white shadow-lg hover:bg-red-900 focus:bg-red-900"
+      },
+      SECONDARY: {
+        range: "bg-gray-700",
+        thumb: "bg-gray-700 border-2 border-white shadow-lg hover:bg-gray-900 focus:bg-gray-900"
+      }
+    };
+    return r[o] || r.ACCENT;
+  })(), k = (r) => {
+    const l = O || I;
+    l && !d && l(R ? r : r[0]);
+  }, u = N.length > 0, j = f && a.every((r) => r === A) && w, H = () => R ? `${i(a[0])} - ${i(a[1])}` : i(a[0]), Z = /* @__PURE__ */ t("div", { className: e === "VERTICAL" ? "flex justify-center" : "", children: /* @__PURE__ */ p(
+    n.Root,
+    {
+      id: s,
+      value: a,
+      onValueChange: k,
+      min: A,
+      max: v,
+      step: E,
+      disabled: d,
+      orientation: e.toLowerCase(),
+      className: [
+        "relative flex items-center select-none touch-none",
+        e === "HORIZONTAL" ? "w-full" : c[g].height,
+        d && "opacity-50 cursor-not-allowed"
+      ].filter(Boolean).join(" "),
+      "aria-label": C || b,
+      "aria-describedby": m ? `${s}-instructions` : void 0,
+      "aria-invalid": u,
+      "aria-errormessage": u ? `${s}-error` : void 0,
+      children: [
+        /* @__PURE__ */ t(
+          n.Track,
+          {
+            className: [
+              "relative grow rounded-full bg-gray-200",
+              c[g].track
+            ].join(" "),
+            children: /* @__PURE__ */ t(
+              n.Range,
+              {
+                className: [
+                  "absolute rounded-full",
+                  T.range,
+                  e === "HORIZONTAL" ? "h-full" : "w-full"
+                ].join(" "),
+                style: o.startsWith("#") ? { backgroundColor: o } : void 0
+              }
+            )
+          }
+        ),
+        a.map((r, l) => /* @__PURE__ */ t(
+          n.Thumb,
+          {
+            className: [
+              "block rounded-full transition-colors",
+              c[g].thumb,
+              T.thumb,
+              "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2"
+            ].join(" "),
+            style: o.startsWith("#") ? { backgroundColor: o } : void 0
+          },
+          l
+        ))
+      ]
+    }
+  ) }), M = S && /* @__PURE__ */ t("div", { className: [
+    "text-sm text-gray-700 mt-2",
+    e === "VERTICAL" ? "text-center" : ""
+  ].join(" "), children: H() }), $ = /* @__PURE__ */ p(G, { children: [
+    M,
+    u && /* @__PURE__ */ t("div", { id: `${s}-error`, className: "mt-2", role: "alert", children: N.map((r, l) => /* @__PURE__ */ t("p", { className: "text-sm text-red-700", children: r }, l)) }),
+    j && /* @__PURE__ */ t("p", { className: "text-sm text-red-700 mt-2", role: "alert", children: w })
+  ] });
+  return /* @__PURE__ */ t(
+    W,
+    {
+      label: b,
+      labelPosition: y,
+      required: f,
+      instructions: m,
+      helpTooltip: L,
+      accessibilityText: C,
+      inputId: s,
+      marginAbove: V,
+      marginBelow: D,
+      footer: $,
+      children: Z
+    }
+  );
+};
+export {
+  Y as SliderField
+};

package/dist/components/Slider/index.d.ts

@@ -0,0 +1,3 @@
+export { SliderField } from './SliderField';
+export type { SliderFieldProps } from './SliderField';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Slider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/Stamp/StampField.d.ts

@@ -0,0 +1,48 @@
+import { SAILLabelPosition, SAILMarginSize, SAILAlign, SAILShape, SAILSemanticColor } from '../../types/sail';
+import * as React from 'react';
+type StampSize = "TINY" | "SMALL" | "MEDIUM" | "LARGE";
+type StampBackgroundColor = SAILSemanticColor | "TRANSPARENT" | string;
+type StampContentColor = SAILSemanticColor | string;
+export interface StampFieldProps {
+    /** Text to display as the field label */
+    label?: string;
+    /** Determines where the label appears */
+    labelPosition?: SAILLabelPosition;
+    /** Supplemental text about this field */
+    instructions?: string;
+    /** Displays a help icon with the specified text as a tooltip */
+    helpTooltip?: string;
+    /** Icon to display inside the stamp */
+    icon?: string;
+    /** Text to display within the stamp */
+    text?: string;
+    /** Determines the background color */
+    backgroundColor?: StampBackgroundColor;
+    /** Determines the icon color */
+    contentColor?: StampContentColor;
+    /** Determines the size of the stamp */
+    size?: StampSize;
+    /** Determines alignment of the stamp */
+    align?: SAILAlign;
+    /** Text to display on mouseover (web) or tap (mobile) */
+    tooltip?: string;
+    /** Determines whether the component is displayed on the interface */
+    showWhen?: boolean;
+    /** Additional text to be announced by screen readers */
+    accessibilityText?: string;
+    /** Link to apply to the stamp */
+    link?: any;
+    /** Determines how much space is added above the layout */
+    marginAbove?: SAILMarginSize;
+    /** Determines how much space is added below the layout */
+    marginBelow?: SAILMarginSize;
+    /** Determines the stamp shape */
+    shape?: SAILShape;
+}
+/**
+ * Displays an icon and/or text on a colored circular background.
+ * Best used as a decorative component to add visual interest to your page.
+ */
+export declare const StampField: React.FC<StampFieldProps>;
+export {};
+//# sourceMappingURL=StampField.d.ts.map

package/dist/components/Stamp/StampField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StampField.d.ts","sourceRoot":"","sources":["../../../src/components/Stamp/StampField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAElH,KAAK,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AACtD,KAAK,oBAAoB,GAAG,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAA;AACtE,KAAK,iBAAiB,GAAG,iBAAiB,GAAG,MAAM,CAAA;AAEnD,MAAM,WAAW,eAAe;IAC9B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,yCAAyC;IACzC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,gEAAgE;IAChE,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,uCAAuC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,sCAAsC;IACtC,eAAe,CAAC,EAAE,oBAAoB,CAAA;IACtC,gCAAgC;IAChC,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAChC,uCAAuC;IACvC,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,wCAAwC;IACxC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qEAAqE;IACrE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,iCAAiC;IACjC,IAAI,CAAC,EAAE,GAAG,CAAA;IACV,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,0DAA0D;IAC1D,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,iCAAiC;IACjC,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAqShD,CAAA"}

package/dist/components/Stamp/StampField.js

@@ -0,0 +1,173 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import "react";
+import * as s from "lucide-react";
+const q = ({
+  label: m,
+  labelPosition: D = "ABOVE",
+  instructions: p,
+  helpTooltip: A,
+  icon: c,
+  text: l,
+  backgroundColor: t = "ACCENT",
+  contentColor: i = "STANDARD",
+  size: n = "MEDIUM",
+  align: u = "CENTER",
+  tooltip: g,
+  showWhen: C = !0,
+  accessibilityText: N,
+  link: o,
+  marginAbove: I = "NONE",
+  marginBelow: M = "NONE",
+  shape: O = "ROUNDED"
+}) => {
+  if (!C) return null;
+  const w = {
+    NONE: "mt-0",
+    EVEN_LESS: "mt-1",
+    LESS: "mt-2",
+    STANDARD: "mt-4",
+    MORE: "mt-6",
+    EVEN_MORE: "mt-8"
+  }, L = {
+    NONE: "mb-0",
+    EVEN_LESS: "mb-1",
+    LESS: "mb-2",
+    STANDARD: "mb-4",
+    MORE: "mb-6",
+    EVEN_MORE: "mb-8"
+  }, r = {
+    TINY: { container: "w-6 h-6", text: "text-xs", icon: "text-xs" },
+    SMALL: { container: "w-8 h-8", text: "text-sm", icon: "text-sm" },
+    MEDIUM: { container: "w-12 h-12", text: "text-base", icon: "text-base" },
+    LARGE: { container: "w-16 h-16", text: "text-lg", icon: "text-lg" }
+  }, S = {
+    START: "justify-start",
+    CENTER: "justify-center",
+    END: "justify-end"
+  }, P = {
+    SQUARED: "rounded-none",
+    SEMI_ROUNDED: "rounded-sm",
+    ROUNDED: "rounded-full"
+  }, j = () => {
+    if (t === "TRANSPARENT")
+      return { className: "bg-transparent" };
+    const e = {
+      ACCENT: "bg-blue-500",
+      POSITIVE: "bg-green-700",
+      NEGATIVE: "bg-red-700",
+      SECONDARY: "bg-gray-700",
+      STANDARD: "bg-gray-900"
+    };
+    return e[t] ? { className: e[t] } : t.startsWith("#") ? { style: { backgroundColor: t } } : { className: "bg-blue-500" };
+  }, V = () => {
+    const e = {
+      STANDARD: t === "TRANSPARENT" ? "text-gray-900" : "text-white",
+      ACCENT: "text-blue-500",
+      POSITIVE: "text-green-700",
+      NEGATIVE: "text-red-700",
+      SECONDARY: "text-gray-700"
+    };
+    return e[i] ? { className: e[i] } : i.startsWith("#") ? { style: { color: i } } : { className: t === "TRANSPARENT" ? "text-gray-900" : "text-white" };
+  }, U = () => t !== "TRANSPARENT" ? "" : {
+    STANDARD: "border-gray-900",
+    ACCENT: "border-blue-500",
+    POSITIVE: "border-green-700",
+    NEGATIVE: "border-red-700",
+    SECONDARY: "border-gray-700"
+  }[i] || "border-gray-900", f = j(), b = V(), v = t === "TRANSPARENT" ? `border-2 ${U()}` : "", B = [
+    "flex",
+    "items-center",
+    "justify-center",
+    "font-medium",
+    r[n].container,
+    P[O],
+    f.className,
+    b.className,
+    v,
+    S[u] === "justify-start" ? "self-start" : S[u] === "justify-end" ? "self-end" : "self-center",
+    o ? "cursor-pointer hover:opacity-80 transition-opacity" : ""
+  ].filter(Boolean).join(" "), _ = [
+    w[I],
+    L[M]
+  ].filter(Boolean).join(" "), G = {
+    ...f.style,
+    ...b.style
+  }, R = (e) => {
+    const y = ((H) => H.split("-").map((x) => x.charAt(0).toUpperCase() + x.slice(1)).join(""))(e);
+    if (y in s)
+      return s[y];
+    const h = e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
+    if (h in s)
+      return s[h];
+    const E = {
+      STAR: "Star",
+      HOME: "Home",
+      USER: "User",
+      PHONE: "Phone",
+      briefcase: "Briefcase",
+      tasks: "ListTodo",
+      "paper-plane": "Send",
+      calendar: "Calendar",
+      "clock-o": "Clock",
+      money: "DollarSign"
+    }[e];
+    return E && E in s ? s[E] : s.Circle;
+  }, Y = () => {
+    if (c && l) {
+      const e = R(c);
+      return /* @__PURE__ */ d("div", { className: "flex flex-col items-center justify-center", children: [
+        /* @__PURE__ */ a(
+          e,
+          {
+            size: r[n].container === "w-6 h-6" ? 12 : r[n].container === "w-8 h-8" ? 14 : r[n].container === "w-12 h-12" ? 18 : 22,
+            className: "leading-none"
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: `${r[n].text} leading-none mt-0.5`, children: l })
+      ] });
+    }
+    if (c) {
+      const e = R(c);
+      return /* @__PURE__ */ a(
+        e,
+        {
+          size: r[n].container === "w-6 h-6" ? 12 : r[n].container === "w-8 h-8" ? 16 : r[n].container === "w-12 h-12" ? 20 : 28,
+          className: "leading-none"
+        }
+      );
+    }
+    return l ? /* @__PURE__ */ a("span", { className: `${r[n].text} leading-none font-semibold`, children: l }) : null;
+  }, T = /* @__PURE__ */ a(
+    "div",
+    {
+      className: B,
+      style: G,
+      title: g,
+      role: o ? "button" : void 0,
+      tabIndex: o ? 0 : void 0,
+      "aria-label": N || l || `${c} stamp`,
+      children: Y()
+    }
+  ), $ = o ? /* @__PURE__ */ a("div", { onClick: () => o?.onClick?.(), onKeyDown: (e) => {
+    (e.key === "Enter" || e.key === " ") && (e.preventDefault(), o?.onClick?.());
+  }, children: T }) : T;
+  return /* @__PURE__ */ d("div", { className: _, children: [
+    !m || D === "COLLAPSED" ? N ? /* @__PURE__ */ a("span", { className: "sr-only", children: m || N }) : null : /* @__PURE__ */ d("label", { className: "text-base font-medium text-gray-900 block mb-2", children: [
+      m,
+      A && /* @__PURE__ */ a(
+        "span",
+        {
+          className: "ml-2 text-gray-700 cursor-help",
+          title: A,
+          "aria-label": "help",
+          children: "ℹ️"
+        }
+      )
+    ] }),
+    $,
+    p && /* @__PURE__ */ a("p", { className: "text-gray-700 text-sm mt-2", children: p })
+  ] });
+};
+export {
+  q as StampField
+};

package/dist/components/Stamp/index.d.ts

@@ -0,0 +1,3 @@
+export { StampField } from './StampField';
+export type { StampFieldProps } from './StampField';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Stamp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stamp/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,YAAY,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA"}

package/dist/components/Switch/SwitchField.d.ts

@@ -0,0 +1,49 @@
+import { SAILLabelPosition, SAILMarginSize, SAILSize } from '../../types/sail';
+import * as React from 'react';
+/**
+ * Displays a switch (toggle) for boolean input
+ * Inspired by SAIL form field patterns (not an official SAIL component)
+ *
+ * This is a "new SAIL" component - not available in public SAIL but follows
+ * the same conventions and patterns for consistency with other Sailwind components.
+ */
+export interface SwitchFieldProps {
+    /** Text to display as the field label */
+    label?: string;
+    /** Supplemental text about this field */
+    instructions?: string;
+    /** Determines if a value is required to submit the form */
+    required?: boolean;
+    /** Determines if the field should display as grayed out */
+    disabled?: boolean;
+    /** Current checked state (true = on, false = off) */
+    value?: boolean;
+    /** Validation errors to display below the field */
+    validations?: string[];
+    /** Callback when the user toggles the switch */
+    saveInto?: (value: boolean) => void;
+    /** Callback when the user toggles the switch (React-style alias for saveInto) */
+    onChange?: (value: boolean) => void;
+    /** Validation group name (no spaces) */
+    validationGroup?: string;
+    /** Custom message when field is required and not provided */
+    requiredMessage?: string;
+    /** Determines where the label appears */
+    labelPosition?: SAILLabelPosition;
+    /** Displays a help icon with tooltip text */
+    helpTooltip?: string;
+    /** Additional text for screen readers */
+    accessibilityText?: string;
+    /** Determines whether component is displayed */
+    showWhen?: boolean;
+    /** Space added above component */
+    marginAbove?: SAILMarginSize;
+    /** Space added below component */
+    marginBelow?: SAILMarginSize;
+    /** Size of the switch */
+    size?: SAILSize;
+    /** Color when switch is on (hex or semantic) */
+    color?: "ACCENT" | "POSITIVE" | "NEGATIVE" | string;
+}
+export declare const SwitchField: React.FC<SwitchFieldProps>;
+//# sourceMappingURL=SwitchField.d.ts.map

package/dist/components/Switch/SwitchField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwitchField.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAEnF;;;;;;GAMG;AACH,MAAM,WAAW,gBAAgB;IAC/B,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,qDAAqD;IACrD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,EAAE,CAAA;IACtB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,iFAAiF;IACjF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,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,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,kCAAkC;IAClC,WAAW,CAAC,EAAE,cAAc,CAAA;IAC5B,yBAAyB;IACzB,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,gDAAgD;IAChD,KAAK,CAAC,EAAE,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,MAAM,CAAA;CACpD;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8IlD,CAAA"}

package/dist/components/Switch/SwitchField.js

@@ -0,0 +1,106 @@
+import { jsx as t, jsxs as T, Fragment as R } from "react/jsx-runtime";
+import "react";
+import * as g from "@radix-ui/react-switch";
+import { FieldWrapper as I } from "../shared/FieldWrapper.js";
+const V = ({
+  label: i,
+  instructions: c,
+  required: s = !1,
+  disabled: l = !1,
+  value: n = !1,
+  validations: h = [],
+  saveInto: p,
+  onChange: w,
+  validationGroup: j,
+  requiredMessage: m,
+  labelPosition: k = "ABOVE",
+  helpTooltip: N,
+  accessibilityText: u,
+  showWhen: A = !0,
+  marginAbove: x = "NONE",
+  marginBelow: C = "STANDARD",
+  size: b = "STANDARD",
+  color: a = "ACCENT"
+}) => {
+  if (!A) return null;
+  const e = `switchfield-${Math.random().toString(36).substr(2, 9)}`, f = {
+    SMALL: {
+      root: "h-5 w-9",
+      thumb: "h-4 w-4 data-[state=checked]:translate-x-4"
+    },
+    STANDARD: {
+      root: "h-6 w-11",
+      thumb: "h-5 w-5 data-[state=checked]:translate-x-5"
+    },
+    MEDIUM: {
+      root: "h-7 w-14",
+      thumb: "h-6 w-6 data-[state=checked]:translate-x-7"
+    },
+    LARGE: {
+      root: "h-9 w-18",
+      thumb: "h-8 w-8 data-[state=checked]:translate-x-9"
+    }
+  }, E = () => a.startsWith("#") ? "" : {
+    ACCENT: "data-[state=checked]:bg-blue-500",
+    POSITIVE: "data-[state=checked]:bg-green-700",
+    NEGATIVE: "data-[state=checked]:bg-red-700"
+  }[a] || "data-[state=checked]:bg-blue-500", v = (r) => {
+    const o = w || p;
+    o && !l && o(r);
+  }, d = h.length > 0, S = s && !n && m, D = /* @__PURE__ */ t(
+    g.Root,
+    {
+      id: e,
+      checked: n,
+      onCheckedChange: v,
+      disabled: l,
+      required: s,
+      className: [
+        f[b].root,
+        "relative rounded-full transition-colors border-2",
+        "data-[state=unchecked]:bg-gray-500 data-[state=unchecked]:border-gray-700",
+        E(),
+        "data-[state=checked]:border-transparent",
+        "disabled:opacity-50 disabled:cursor-not-allowed",
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
+      ].filter(Boolean).join(" "),
+      style: a.startsWith("#") && n ? { backgroundColor: a } : void 0,
+      "aria-label": u || i,
+      "aria-describedby": c ? `${e}-instructions` : void 0,
+      "aria-invalid": d,
+      "aria-errormessage": d ? `${e}-error` : void 0,
+      children: /* @__PURE__ */ t(
+        g.Thumb,
+        {
+          className: [
+            f[b].thumb,
+            "block rounded-full bg-white shadow-lg transition-transform",
+            "translate-x-0.5"
+          ].filter(Boolean).join(" ")
+        }
+      )
+    }
+  ), M = /* @__PURE__ */ T(R, { children: [
+    d && /* @__PURE__ */ t("div", { id: `${e}-error`, className: "mt-2", role: "alert", children: h.map((r, o) => /* @__PURE__ */ t("p", { className: "text-sm text-red-700", children: r }, o)) }),
+    S && /* @__PURE__ */ t("p", { className: "text-sm text-red-700 mt-2", role: "alert", children: m })
+  ] });
+  return /* @__PURE__ */ t(
+    I,
+    {
+      label: i,
+      labelPosition: k,
+      required: s,
+      instructions: c,
+      helpTooltip: N,
+      accessibilityText: u,
+      inputId: e,
+      marginAbove: x,
+      marginBelow: C,
+      footer: M,
+      children: D
+    }
+  );
+};
+export {
+  V as SwitchField
+};

package/dist/components/Switch/index.d.ts

@@ -0,0 +1,3 @@
+export { SwitchField } from './SwitchField';
+export type { SwitchFieldProps } from './SwitchField';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,YAAY,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/components/TableOfContents.d.ts

@@ -0,0 +1,2 @@
+export declare const TableOfContents: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableOfContents.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TableOfContents.d.ts","sourceRoot":"","sources":["../../src/components/TableOfContents.tsx"],"names":[],"mappings":"AA6HA,eAAO,MAAM,eAAe,+CA4B3B,CAAA"}