soadtech-ui 0.1.0

package/dist/components/Checkbox/CheckboxGroup.module.css.js

@@ -0,0 +1,15 @@
+import './CheckboxGroup.module.css';const e = "_root_18ksu_2", t = "_label_18ksu_9", s = "_items_18ksu_18", o = "_helperText_18ksu_25", r = "_error_18ksu_33", _ = {
+  root: e,
+  label: t,
+  items: s,
+  helperText: o,
+  error: r
+};
+export {
+  _ as default,
+  r as error,
+  o as helperText,
+  s as items,
+  t as label,
+  e as root
+};

package/dist/components/Checkbox/CheckboxGroup.types.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface CheckboxGroupProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    label?: string;
+    helperText?: string;
+    error?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    children: ReactNode;
+}
+//# sourceMappingURL=CheckboxGroup.types.d.ts.map

package/dist/components/Checkbox/CheckboxGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,kBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB"}

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

@@ -0,0 +1,7 @@
+export interface CheckboxGroupContextValue {
+    disabled: boolean;
+    readOnly: boolean;
+}
+export declare const CheckboxGroupContext: import('react').Context<CheckboxGroupContextValue | null>;
+export declare function useCheckboxGroup(): CheckboxGroupContextValue | null;
+//# sourceMappingURL=CheckboxGroupContext.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroupContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,yBAAyB;IACxC,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,oBAAoB,2DACsB,CAAC;AAExD,wBAAgB,gBAAgB,IAAI,yBAAyB,GAAG,IAAI,CAEnE"}

package/dist/components/Checkbox/CheckboxGroupContext.js

@@ -0,0 +1,9 @@
+import { useContext as o, createContext as t } from "react";
+const e = t(null);
+function r() {
+  return o(e);
+}
+export {
+  e as CheckboxGroupContext,
+  r as useCheckboxGroup
+};

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

@@ -0,0 +1,7 @@
+export { Checkbox } from './Checkbox';
+export type { CheckboxProps, CheckboxSize } from './Checkbox.types';
+export { CheckboxField } from './CheckboxField';
+export type { CheckboxFieldProps, CheckboxFieldVariant, } from './CheckboxField.types';
+export { CheckboxGroup } from './CheckboxGroup';
+export type { CheckboxGroupProps } from './CheckboxGroup.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/Chip/Chip.d.ts

@@ -0,0 +1,3 @@
+import { ChipProps } from './Chip.types';
+export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAiB9C,eAAO,MAAM,IAAI,sGAsEhB,CAAC"}

package/dist/components/Chip/Chip.js

@@ -0,0 +1,77 @@
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { forwardRef as k } from "react";
+import { cn as v } from "../../utils/cn.js";
+import o from "./Chip.module.css.js";
+function w() {
+  return /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", "aria-hidden": "true", children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M9 3L3 9M3 3l6 6",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const x = k(
+  ({
+    variant: d = "filled",
+    size: p = "md",
+    selected: c = !1,
+    disabled: t = !1,
+    icon: l,
+    onDismiss: n,
+    onClick: a,
+    className: f,
+    children: m,
+    ...i
+  }, h) => {
+    const u = (e) => {
+      var s;
+      t || ((e.key === "Enter" || e.key === " ") && a && (e.preventDefault(), a(e)), (e.key === "Delete" || e.key === "Backspace") && n && (e.preventDefault(), n()), (s = i.onKeyDown) == null || s.call(i, e));
+    };
+    return /* @__PURE__ */ y(
+      "div",
+      {
+        ref: h,
+        role: a ? "button" : void 0,
+        tabIndex: t ? -1 : 0,
+        className: v(
+          o.root,
+          o[d],
+          o[p],
+          c && o.selected,
+          t && o.disabled,
+          n && o.dismissible,
+          f
+        ),
+        onClick: t ? void 0 : a,
+        onKeyDown: u,
+        "aria-disabled": t || void 0,
+        ...i,
+        children: [
+          l && /* @__PURE__ */ r("span", { className: o.icon, children: l }),
+          /* @__PURE__ */ r("span", { className: o.label, children: m }),
+          n && /* @__PURE__ */ r(
+            "button",
+            {
+              type: "button",
+              tabIndex: -1,
+              className: o.dismiss,
+              onClick: (e) => {
+                e.stopPropagation(), t || n();
+              },
+              "aria-label": "Dismiss",
+              children: /* @__PURE__ */ r(w, {})
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+x.displayName = "Chip";
+export {
+  x as Chip
+};

package/dist/components/Chip/Chip.module.css

@@ -0,0 +1 @@
+._root_12i8h_3{display:inline-flex;align-items:center;border-radius:var(--st-radius-full);font-family:var(--st-font-family);font-weight:var(--st-font-weight-medium);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}._md_12i8h_20{height:32px;padding:0 var(--st-space-3);gap:var(--st-space-2);font-size:var(--st-font-size-sm)}._sm_12i8h_27{height:24px;padding:0 var(--st-space-2);gap:var(--st-space-1);font-size:var(--st-font-size-xs)}._dismissible_12i8h_35._md_12i8h_20{padding-right:var(--st-space-1)}._dismissible_12i8h_35._sm_12i8h_27{padding-right:2px}._filled_12i8h_45{background-color:var(--st-color-neutral-100);border:1px solid transparent;color:var(--st-color-foreground)}._filled_12i8h_45:hover{background-color:var(--st-color-neutral-200)}._light_12i8h_57{background-color:var(--st-color-background);border:1px solid var(--st-color-border);color:var(--st-color-foreground)}._light_12i8h_57:hover{border-color:var(--st-color-border-strong)}._selected_12i8h_69{background-color:var(--st-color-neutral-900);border-color:var(--st-color-neutral-900);color:#fff}._selected_12i8h_69:hover{background-color:var(--st-color-neutral-800);border-color:var(--st-color-neutral-800)}._root_12i8h_3:focus-visible{box-shadow:0 0 0 2px var(--st-color-success)}._disabled_12i8h_88{opacity:.5;pointer-events:none;cursor:default}._icon_12i8h_96{display:inline-flex;align-items:center;flex-shrink:0}._label_12i8h_104{white-space:nowrap}._dismiss_12i8h_35{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:currentColor;cursor:pointer;padding:0;border-radius:var(--st-radius-full);flex-shrink:0;transition:background-color .15s ease}._md_12i8h_20 ._dismiss_12i8h_35{width:22px;height:22px}._sm_12i8h_27 ._dismiss_12i8h_35{width:18px;height:18px}._filled_12i8h_45:not(._selected_12i8h_69) ._dismiss_12i8h_35:hover,._light_12i8h_57:not(._selected_12i8h_69) ._dismiss_12i8h_35:hover{background-color:var(--st-color-neutral-300)}._selected_12i8h_69 ._dismiss_12i8h_35:hover{background-color:var(--st-color-neutral-700)}

package/dist/components/Chip/Chip.module.css.js

@@ -0,0 +1,27 @@
+import './Chip.module.css';const s = "_root_12i8h_3", i = "_md_12i8h_20", _ = "_sm_12i8h_27", l = "_dismissible_12i8h_35", e = "_filled_12i8h_45", t = "_light_12i8h_57", d = "_selected_12i8h_69", o = "_disabled_12i8h_88", c = "_icon_12i8h_96", n = "_label_12i8h_104", h = "_dismiss_12i8h_35", m = {
+  root: s,
+  md: i,
+  sm: _,
+  dismissible: l,
+  filled: e,
+  light: t,
+  selected: d,
+  disabled: o,
+  icon: c,
+  label: n,
+  dismiss: h
+};
+export {
+  m as default,
+  o as disabled,
+  h as dismiss,
+  l as dismissible,
+  e as filled,
+  c as icon,
+  n as label,
+  t as light,
+  i as md,
+  s as root,
+  d as selected,
+  _ as sm
+};

package/dist/components/Chip/Chip.types.d.ts

@@ -0,0 +1,18 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type ChipVariant = 'filled' | 'light';
+export type ChipSize = 'md' | 'sm';
+export interface ChipProps extends HTMLAttributes<HTMLDivElement> {
+    /** Visual variant */
+    variant?: ChipVariant;
+    /** Chip size */
+    size?: ChipSize;
+    /** Whether the chip is selected */
+    selected?: boolean;
+    /** Whether the chip is disabled */
+    disabled?: boolean;
+    /** Left icon slot */
+    icon?: ReactNode;
+    /** Called when the dismiss button is clicked — shows X button when provided */
+    onDismiss?: () => void;
+}
+//# sourceMappingURL=Chip.types.d.ts.map

package/dist/components/Chip/Chip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/Chip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAC7C,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,SAAU,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC/D,qBAAqB;IACrB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,gBAAgB;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB"}

package/dist/components/Chip/ChipGroup.d.ts

@@ -0,0 +1,3 @@
+import { ChipGroupProps } from './ChipGroup.types';
+export declare const ChipGroup: import('react').ForwardRefExoticComponent<ChipGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChipGroup.d.ts.map

package/dist/components/Chip/ChipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAGxD,eAAO,MAAM,SAAS,2GAQrB,CAAC"}

package/dist/components/Chip/ChipGroup.js

@@ -0,0 +1,11 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as s } from "../../utils/cn.js";
+import e from "./ChipGroup.module.css.js";
+const f = i(
+  ({ className: r, children: o, ...m }, p) => /* @__PURE__ */ t("div", { ref: p, className: s(e.root, r), ...m, children: o })
+);
+f.displayName = "ChipGroup";
+export {
+  f as ChipGroup
+};

package/dist/components/Chip/ChipGroup.module.css

@@ -0,0 +1 @@
+._root_1h3m0_1{display:flex;flex-wrap:wrap;gap:var(--st-space-2)}

package/dist/components/Chip/ChipGroup.module.css.js

@@ -0,0 +1,7 @@
+import './ChipGroup.module.css';const o = "_root_1h3m0_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

package/dist/components/Chip/ChipGroup.types.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export interface ChipGroupProps extends HTMLAttributes<HTMLDivElement> {
+}
+//# sourceMappingURL=ChipGroup.types.d.ts.map

package/dist/components/Chip/ChipGroup.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipGroup.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/ChipGroup.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,cAAe,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG"}

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

@@ -0,0 +1,5 @@
+export { Chip } from './Chip';
+export type { ChipProps, ChipVariant, ChipSize, } from './Chip.types';
+export { ChipGroup } from './ChipGroup';
+export type { ChipGroupProps } from './ChipGroup.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EACV,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Datepicker/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerProps } from './Datepicker.types';
+export declare const Datepicker: import('react').ForwardRefExoticComponent<DatepickerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Datepicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/Datepicker.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAqD1D,eAAO,MAAM,UAAU,4GAgLtB,CAAC"}

package/dist/components/Datepicker/Datepicker.js

@@ -0,0 +1,184 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { forwardRef as K, useState as O, useRef as A, useCallback as h, useEffect as M } from "react";
+import { cn as w } from "../../utils/cn.js";
+import { CalendarDialog as q } from "../Calendar/CalendarDialog.js";
+import e from "./Datepicker.module.css.js";
+function E(o) {
+  const v = String(o.getDate()).padStart(2, "0"), f = String(o.getMonth() + 1).padStart(2, "0"), a = o.getFullYear();
+  return `${v}/${f}/${a}`;
+}
+function z() {
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ r(
+          "rect",
+          {
+            x: "2",
+            y: "3",
+            width: "12",
+            height: "11",
+            rx: "1.5",
+            stroke: "currentColor",
+            strokeWidth: "1.2"
+          }
+        ),
+        /* @__PURE__ */ r("path", { d: "M2 6.5h12", stroke: "currentColor", strokeWidth: "1.2" }),
+        /* @__PURE__ */ r(
+          "path",
+          {
+            d: "M5.5 1.5v3M10.5 1.5v3",
+            stroke: "currentColor",
+            strokeWidth: "1.2",
+            strokeLinecap: "round"
+          }
+        )
+      ]
+    }
+  );
+}
+function G() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "8",
+      height: "8",
+      viewBox: "0 0 8 8",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r("circle", { cx: "4", cy: "4", r: "4", fill: "currentColor" })
+    }
+  );
+}
+const H = K(
+  ({
+    range: o = !1,
+    size: v = "lg",
+    label: f,
+    helperText: a,
+    error: k,
+    disabled: p = !1,
+    value: x,
+    onChange: m,
+    rangeValue: n,
+    onRangeChange: u,
+    placeholder: L = "DD/MM/YYYY",
+    minDate: S,
+    maxDate: Y,
+    events: W,
+    className: F,
+    ...I
+  }, d) => {
+    const [s, l] = O(!1), D = A(null), T = h(
+      (t) => {
+        D.current = t, typeof d == "function" ? d(t) : d && (d.current = t);
+      },
+      [d]
+    );
+    M(() => {
+      if (!s) return;
+      function t(i) {
+        D.current && !D.current.contains(i.target) && l(!1);
+      }
+      return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+    }, [s]), M(() => {
+      if (!s) return;
+      function t(i) {
+        i.key === "Escape" && l(!1);
+      }
+      return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+    }, [s]);
+    const $ = h(
+      (t) => {
+        o ? u == null || u(t && !(t instanceof Date) ? t : null) : m == null || m(t instanceof Date ? t : null), l(!1);
+      },
+      [o, m, u]
+    ), j = h(() => {
+      l(!1);
+    }, []), B = h(() => {
+      p || l((t) => !t);
+    }, [p]), C = w(
+      e.inputBox,
+      e[v],
+      s && e.open,
+      k && e.error,
+      p && e.disabled
+    ), y = (t, i) => /* @__PURE__ */ c("div", { className: i ? e.fieldWrapper : void 0, children: [
+      i && /* @__PURE__ */ r("span", { className: e.label, children: i }),
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: C,
+          role: "button",
+          tabIndex: p ? -1 : 0,
+          onClick: B,
+          onKeyDown: (N) => {
+            (N.key === "Enter" || N.key === " ") && (N.preventDefault(), B());
+          },
+          children: [
+            /* @__PURE__ */ r(
+              "span",
+              {
+                className: w(
+                  e.inputText,
+                  !t && e.placeholder
+                ),
+                children: t || L
+              }
+            ),
+            /* @__PURE__ */ r("span", { className: e.iconBtn, "aria-hidden": "true", children: /* @__PURE__ */ r(z, {}) })
+          ]
+        }
+      )
+    ] });
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: T,
+        className: w(e.root, F),
+        ...I,
+        children: [
+          !o && f && /* @__PURE__ */ r("span", { className: e.label, children: f }),
+          o ? /* @__PURE__ */ c("div", { className: e.rangeFields, children: [
+            y(
+              n != null && n.start ? E(n.start) : void 0,
+              "From"
+            ),
+            y(
+              n != null && n.end ? E(n.end) : void 0,
+              "To"
+            )
+          ] }) : y(x ? E(x) : void 0),
+          k ? /* @__PURE__ */ c("span", { className: e.errorText, children: [
+            /* @__PURE__ */ r(G, {}),
+            k
+          ] }) : a && /* @__PURE__ */ r("span", { className: e.helperText, children: a }),
+          s && /* @__PURE__ */ r("div", { className: e.popover, children: /* @__PURE__ */ r(
+            q,
+            {
+              mode: o ? "range" : "basic",
+              defaultValue: o ? void 0 : x ?? void 0,
+              defaultRange: o ? n ?? void 0 : void 0,
+              headerAlign: "center",
+              events: W,
+              minDate: S,
+              maxDate: Y,
+              onCancel: j,
+              onDone: $
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+H.displayName = "Datepicker";
+export {
+  H as Datepicker
+};

package/dist/components/Datepicker/Datepicker.module.css

@@ -0,0 +1 @@
+._root_3oc36_2{display:inline-flex;flex-direction:column;gap:var(--st-space-2);position:relative;font-family:var(--st-font-family)}._label_3oc36_11{font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);color:var(--st-color-foreground)}._rangeFields_3oc36_19{display:flex;flex-direction:row;gap:var(--st-space-4)}._fieldWrapper_3oc36_25{flex:1;display:flex;flex-direction:column;gap:var(--st-space-2)}._inputBox_3oc36_33{display:flex;align-items:center;gap:var(--st-space-2);border:1px solid var(--st-color-border);border-radius:var(--st-radius-lg);background:var(--st-color-surface);padding:0 var(--st-space-3);cursor:pointer;transition:border-color var(--st-transition-fast),box-shadow var(--st-transition-fast)}._inputBox_3oc36_33._lg_3oc36_46{height:48px}._inputBox_3oc36_33._md_3oc36_50{height:40px}._inputBox_3oc36_33:hover:not(._disabled_3oc36_54):not(._error_3oc36_54):not(._open_3oc36_54){border-color:var(--st-color-border-strong)}._inputBox_3oc36_33._open_3oc36_54,._inputBox_3oc36_33:focus-within:not(._disabled_3oc36_54):not(._error_3oc36_54){border-color:var(--st-color-success);box-shadow:0 0 0 2px var(--st-color-success)}._inputBox_3oc36_33._error_3oc36_54{border-color:var(--st-color-error);box-shadow:0 0 0 2px var(--st-color-error)}._inputBox_3oc36_33._disabled_3oc36_54{opacity:.5;pointer-events:none}._inputText_3oc36_75{flex:1;font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal);color:var(--st-color-foreground);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._inputText_3oc36_75._placeholder_3oc36_85{color:var(--st-color-muted)}._iconBtn_3oc36_90{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;border-radius:var(--st-radius-md);color:var(--st-color-muted);cursor:pointer;padding:0;flex-shrink:0;transition:background var(--st-transition-fast)}._iconBtn_3oc36_90:hover{background:var(--st-color-neutral-100)}._helperText_3oc36_111{font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-muted)}._errorText_3oc36_118{display:inline-flex;align-items:center;gap:var(--st-space-1);font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-error)}._popover_3oc36_128{position:absolute;top:calc(100% + var(--st-space-2));left:0;z-index:var(--st-z-dropdown)}

package/dist/components/Datepicker/Datepicker.module.css.js

@@ -0,0 +1,37 @@
+import './Datepicker.module.css';const o = "_root_3oc36_2", e = "_label_3oc36_11", _ = "_rangeFields_3oc36_19", t = "_fieldWrapper_3oc36_25", r = "_inputBox_3oc36_33", c = "_lg_3oc36_46", n = "_md_3oc36_50", l = "_disabled_3oc36_54", p = "_error_3oc36_54", s = "_open_3oc36_54", d = "_inputText_3oc36_75", i = "_placeholder_3oc36_85", a = "_iconBtn_3oc36_90", x = "_helperText_3oc36_111", T = "_errorText_3oc36_118", u = "_popover_3oc36_128", b = {
+  root: o,
+  label: e,
+  rangeFields: _,
+  fieldWrapper: t,
+  inputBox: r,
+  lg: c,
+  md: n,
+  disabled: l,
+  error: p,
+  open: s,
+  inputText: d,
+  placeholder: i,
+  iconBtn: a,
+  helperText: x,
+  errorText: T,
+  popover: u
+};
+export {
+  b as default,
+  l as disabled,
+  p as error,
+  T as errorText,
+  t as fieldWrapper,
+  x as helperText,
+  a as iconBtn,
+  r as inputBox,
+  d as inputText,
+  e as label,
+  c as lg,
+  n as md,
+  s as open,
+  i as placeholder,
+  u as popover,
+  _ as rangeFields,
+  o as root
+};

package/dist/components/Datepicker/Datepicker.types.d.ts

@@ -0,0 +1,34 @@
+import { HTMLAttributes } from 'react';
+import { DateRange } from '../Calendar/CalendarDialog.types';
+export type DatepickerSize = 'lg' | 'md';
+export interface DatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** Dual From/To inputs + range calendar. */
+    range?: boolean;
+    /** Input height: lg=48px, md=40px. */
+    size?: DatepickerSize;
+    /** Field label (single mode only). */
+    label?: string;
+    /** Helper text below input. Hidden when error is present. */
+    helperText?: string;
+    /** Error message. Shows red border + error dot. */
+    error?: string;
+    /** Disables the field. */
+    disabled?: boolean;
+    /** Selected date (single mode). */
+    value?: Date | null;
+    /** Called when date is selected (single mode). */
+    onChange?: (date: Date | null) => void;
+    /** Selected range (range mode). */
+    rangeValue?: DateRange | null;
+    /** Called when range is selected (range mode). */
+    onRangeChange?: (range: DateRange | null) => void;
+    /** Placeholder text for empty input. */
+    placeholder?: string;
+    /** Minimum selectable date. Passed to CalendarDialog. */
+    minDate?: Date;
+    /** Maximum selectable date. Passed to CalendarDialog. */
+    maxDate?: Date;
+    /** Event indicator dates. Passed to CalendarDialog. */
+    events?: Date[];
+}
+//# sourceMappingURL=Datepicker.types.d.ts.map

package/dist/components/Datepicker/Datepicker.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/Datepicker/Datepicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC;AAElE,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,CAAC;AAEzC,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxD,4CAA4C;IAC5C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,sCAAsC;IACtC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACvC,mCAAmC;IACnC,UAAU,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAC9B,kDAAkD;IAClD,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAClD,wCAAwC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yDAAyD;IACzD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,yDAAyD;IACzD,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,IAAI,EAAE,CAAC;CACjB"}

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

@@ -0,0 +1,3 @@
+export { Datepicker } from './Datepicker';
+export type { DatepickerProps, DatepickerSize } from './Datepicker.types';
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -0,0 +1,3 @@
+import { DialogProps } from './Dialog.types';
+export declare const Dialog: import('react').ForwardRefExoticComponent<DialogProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Dialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,MAAM,wGA2DlB,CAAC"}

package/dist/components/Dialog/Dialog.js

@@ -0,0 +1,54 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s, useEffect as d } from "react";
+import { createPortal as y } from "react-dom";
+import { cn as v } from "../../utils/cn.js";
+import { DialogContext as p } from "./DialogContext.js";
+import n from "./Dialog.module.css.js";
+const w = s(
+  ({
+    open: e,
+    onClose: o,
+    closeOnOverlayClick: a = !0,
+    closeOnEscape: i = !0,
+    className: l,
+    children: m,
+    ...u
+  }, c) => (d(() => {
+    if (!e || !i) return;
+    const r = (f) => {
+      f.key === "Escape" && o();
+    };
+    return document.addEventListener("keydown", r), () => document.removeEventListener("keydown", r);
+  }, [e, i, o]), d(() => {
+    if (!e) return;
+    const r = document.body.style.overflow;
+    return document.body.style.overflow = "hidden", () => {
+      document.body.style.overflow = r;
+    };
+  }, [e]), e ? y(
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: n.overlay,
+        onClick: a ? o : void 0,
+        children: /* @__PURE__ */ t(p.Provider, { value: { onClose: o }, children: /* @__PURE__ */ t(
+          "div",
+          {
+            ref: c,
+            role: "dialog",
+            "aria-modal": "true",
+            className: v(n.panel, l),
+            onClick: (r) => r.stopPropagation(),
+            ...u,
+            children: m
+          }
+        ) })
+      }
+    ),
+    document.body
+  ) : null)
+);
+w.displayName = "Dialog";
+export {
+  w as Dialog
+};

package/dist/components/Dialog/Dialog.module.css

@@ -0,0 +1 @@
+._overlay_1pmat_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--st-z-modal);background:var(--st-color-overlay);display:flex;align-items:center;justify-content:center}._panel_1pmat_11{width:100%;max-width:480px;background:var(--st-color-surface);border-radius:var(--st-radius-xl);box-shadow:var(--st-shadow-xl);font-family:var(--st-font-family)}

package/dist/components/Dialog/Dialog.module.css.js

@@ -0,0 +1,9 @@
+import './Dialog.module.css';const a = "_overlay_1pmat_1", e = "_panel_1pmat_11", l = {
+  overlay: a,
+  panel: e
+};
+export {
+  l as default,
+  a as overlay,
+  e as panel
+};