soadtech-ui 0.1.0

package/dist/components/Stepper/Stepper.js

@@ -0,0 +1,38 @@
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as h, Children as u, isValidElement as v, cloneElement as y } from "react";
+import { cn as _ } from "../../utils/cn.js";
+import { StepperContext as S } from "./StepperContext.js";
+import m from "./Stepper.module.css.js";
+const A = h(
+  ({
+    orientation: o = "vertical",
+    size: l = "md",
+    className: a,
+    children: c,
+    ...i
+  }, n) => {
+    const e = u.toArray(c).filter(v), d = e.map((f, r) => {
+      var p;
+      const t = e[r - 1];
+      return y(f, {
+        _step: r + 1,
+        _isFirst: r === 0,
+        _isLast: r === e.length - 1,
+        _prevCompleted: ((p = t == null ? void 0 : t.props) == null ? void 0 : p.status) === "completed"
+      });
+    });
+    return /* @__PURE__ */ s(S.Provider, { value: { orientation: o, size: l }, children: /* @__PURE__ */ s(
+      "div",
+      {
+        ref: n,
+        className: _(m.root, m[o], a),
+        ...i,
+        children: d
+      }
+    ) });
+  }
+);
+A.displayName = "Stepper";
+export {
+  A as Stepper
+};

package/dist/components/Stepper/Stepper.module.css

@@ -0,0 +1 @@
+._root_pj8cs_1{display:flex}._vertical_pj8cs_5{flex-direction:column}._horizontal_pj8cs_9{flex-direction:row}

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

@@ -0,0 +1,11 @@
+import './Stepper.module.css';const o = "_root_pj8cs_1", t = "_vertical_pj8cs_5", c = "_horizontal_pj8cs_9", r = {
+  root: o,
+  vertical: t,
+  horizontal: c
+};
+export {
+  r as default,
+  c as horizontal,
+  o as root,
+  t as vertical
+};

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

@@ -0,0 +1,22 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type StepperOrientation = 'vertical' | 'horizontal';
+export type StepperSize = 'md' | 'sm';
+export type StepStatus = 'default' | 'active' | 'completed' | 'disabled' | 'error';
+export interface StepperProps extends HTMLAttributes<HTMLDivElement> {
+    orientation?: StepperOrientation;
+    size?: StepperSize;
+}
+export interface StepperStepProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    status?: StepStatus;
+    title: string;
+    description?: string;
+    icon?: ReactNode;
+    children?: ReactNode;
+}
+export interface StepperStepInternalProps extends StepperStepProps {
+    _step?: number;
+    _isFirst?: boolean;
+    _isLast?: boolean;
+    _prevCompleted?: boolean;
+}
+//# sourceMappingURL=Stepper.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.types.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,YAAY,CAAC;AAC3D,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;AACtC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,OAAO,CAAC;AAEnF,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,cAAc,CAAC;IAClE,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,MAAM,CAAC,EAAE,UAAU,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}

package/dist/components/Stepper/StepperContext.d.ts

@@ -0,0 +1,8 @@
+import { StepperOrientation, StepperSize } from './Stepper.types';
+export interface StepperContextValue {
+    orientation: StepperOrientation;
+    size: StepperSize;
+}
+export declare const StepperContext: import('react').Context<StepperContextValue | null>;
+export declare function useStepper(): StepperContextValue;
+//# sourceMappingURL=StepperContext.d.ts.map

package/dist/components/Stepper/StepperContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperContext.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,WAAW,EAAE,kBAAkB,CAAC;IAChC,IAAI,EAAE,WAAW,CAAC;CACnB;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,wBAAgB,UAAU,IAAI,mBAAmB,CAMhD"}

package/dist/components/Stepper/StepperContext.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as r } from "react";
+const n = e(null);
+function p() {
+  const t = r(n);
+  if (!t)
+    throw new Error("StepperStep must be used within a Stepper");
+  return t;
+}
+export {
+  n as StepperContext,
+  p as useStepper
+};

package/dist/components/Stepper/StepperStep.d.ts

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

package/dist/components/Stepper/StepperStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StepperStep.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/StepperStep.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAuChE,eAAO,MAAM,WAAW,qHA+JvB,CAAC"}

package/dist/components/Stepper/StepperStep.js

@@ -0,0 +1,167 @@
+import { jsx as n, jsxs as i } from "react/jsx-runtime";
+import { forwardRef as E } from "react";
+import { cn as r } from "../../utils/cn.js";
+import { useStepper as j } from "./StepperContext.js";
+import e from "./StepperStep.module.css.js";
+const D = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ n(
+      "path",
+      {
+        d: "M11.5 3.5L5.5 10L2.5 7",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), V = () => /* @__PURE__ */ n(
+  "svg",
+  {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ n(
+      "path",
+      {
+        d: "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  }
+), u = E(
+  ({
+    status: o = "default",
+    title: w,
+    description: t,
+    icon: d,
+    children: l,
+    className: a,
+    _step: N = 1,
+    _isFirst: C = !0,
+    _isLast: s = !1,
+    _prevCompleted: k = !1,
+    ...m
+  }, p) => {
+    const { orientation: g, size: c } = j(), x = g === "vertical", L = o === "active" ? e.indicatorActive : o === "completed" ? e.indicatorCompleted : o === "disabled" ? e.indicatorDisabled : o === "error" ? e.indicatorError : e.indicatorDefault, y = o === "completed" ? /* @__PURE__ */ n(D, {}) : o === "error" ? /* @__PURE__ */ n(V, {}) : d || N, h = /* @__PURE__ */ n("div", { className: r(e.indicator, e[c], L), children: y }), v = /* @__PURE__ */ n(
+      "div",
+      {
+        className: r(
+          e.title,
+          e[c],
+          o === "error" && e.titleError,
+          o === "disabled" && e.titleDisabled
+        ),
+        children: w
+      }
+    ), f = t ? /* @__PURE__ */ n(
+      "div",
+      {
+        className: r(
+          e.description,
+          o === "disabled" && e.descriptionDisabled
+        ),
+        children: t
+      }
+    ) : null, b = l ? /* @__PURE__ */ n("div", { className: e.content, children: l }) : null;
+    if (x) {
+      const z = /* @__PURE__ */ n(
+        "div",
+        {
+          className: r(
+            e.connector,
+            e.connectorVertical,
+            o === "completed" && e.connectorCompleted,
+            s && e.connectorHidden
+          )
+        }
+      );
+      return /* @__PURE__ */ i(
+        "div",
+        {
+          ref: p,
+          className: r(
+            e.step,
+            e.vertical,
+            o === "disabled" && e.disabled,
+            a
+          ),
+          ...m,
+          children: [
+            /* @__PURE__ */ i("div", { className: e.indicatorCol, children: [
+              h,
+              z
+            ] }),
+            /* @__PURE__ */ i("div", { className: r(e.body, e.bodyVertical, e[c]), children: [
+              v,
+              f,
+              b
+            ] })
+          ]
+        }
+      );
+    }
+    const H = /* @__PURE__ */ n(
+      "div",
+      {
+        className: r(
+          e.connector,
+          e.connectorHorizontal,
+          k && e.connectorCompleted,
+          C && e.connectorHidden
+        )
+      }
+    ), S = /* @__PURE__ */ n(
+      "div",
+      {
+        className: r(
+          e.connector,
+          e.connectorHorizontal,
+          o === "completed" && e.connectorCompleted,
+          s && e.connectorHidden
+        )
+      }
+    );
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        ref: p,
+        className: r(
+          e.step,
+          e.horizontal,
+          o === "disabled" && e.disabled,
+          a
+        ),
+        ...m,
+        children: [
+          /* @__PURE__ */ i("div", { className: e.indicatorRow, children: [
+            H,
+            h,
+            S
+          ] }),
+          /* @__PURE__ */ i("div", { className: r(e.body, e.bodyHorizontal), children: [
+            v,
+            f,
+            b
+          ] })
+        ]
+      }
+    );
+  }
+);
+u.displayName = "StepperStep";
+export {
+  u as StepperStep
+};

package/dist/components/Stepper/StepperStep.module.css

@@ -0,0 +1 @@
+._step_1slzc_2{display:flex}._vertical_1slzc_6{flex-direction:row}._horizontal_1slzc_10{flex-direction:column;flex:1;align-items:center}._indicatorCol_1slzc_17{display:flex;flex-direction:column;align-items:center}._indicatorRow_1slzc_24{display:flex;flex-direction:row;align-items:center;width:100%}._indicator_1slzc_17{display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;font-weight:var(--st-font-weight-semibold);transition:background-color .15s ease,border-color .15s ease,color .15s ease}._indicator_1slzc_17._md_1slzc_45{width:32px;height:32px;font-size:var(--st-font-size-sm)}._indicator_1slzc_17._sm_1slzc_51{width:24px;height:24px;font-size:var(--st-font-size-xs)}._indicatorDefault_1slzc_58{background:transparent;border:2px solid var(--st-color-border-strong);color:var(--st-color-muted)}._indicatorActive_1slzc_64{background:var(--st-color-primary);border:2px solid var(--st-color-primary);color:var(--st-color-primary-foreground)}._indicatorCompleted_1slzc_70{background:var(--st-color-success);border:2px solid var(--st-color-success);color:var(--st-color-success-foreground)}._indicatorDisabled_1slzc_76{background:transparent;border:2px solid var(--st-color-border);color:var(--st-color-muted);opacity:.5}._indicatorError_1slzc_83{background:var(--st-color-error);border:2px solid var(--st-color-error);color:var(--st-color-error-foreground)}._connector_1slzc_90{background:var(--st-color-border);transition:background-color .15s ease}._connectorCompleted_1slzc_95{background:var(--st-color-success)}._connectorHidden_1slzc_99{visibility:hidden}._connectorVertical_1slzc_104{width:2px;flex:1;min-height:var(--st-space-3)}._connectorHorizontal_1slzc_111{height:2px;flex:1}._body_1slzc_117{display:flex;flex-direction:column}._bodyVertical_1slzc_122{flex:1;padding-bottom:var(--st-space-4)}._bodyVertical_1slzc_122._md_1slzc_45{padding-left:var(--st-space-3)}._bodyVertical_1slzc_122._sm_1slzc_51{padding-left:var(--st-space-2)}._bodyHorizontal_1slzc_135{align-items:center;text-align:center;padding-top:var(--st-space-2)}._title_1slzc_142{font-weight:var(--st-font-weight-semibold);color:var(--st-color-foreground);line-height:1.4}._title_1slzc_142._md_1slzc_45{font-size:var(--st-font-size-sm)}._title_1slzc_142._sm_1slzc_51{font-size:var(--st-font-size-xs)}._titleError_1slzc_156{color:var(--st-color-error)}._titleDisabled_1slzc_160{opacity:.5}._description_1slzc_165{color:var(--st-color-muted);line-height:1.4;font-size:var(--st-font-size-xs)}._descriptionDisabled_1slzc_171{opacity:.5}._content_1slzc_176{margin-top:var(--st-space-2)}._disabled_1slzc_181{cursor:not-allowed}

package/dist/components/Stepper/StepperStep.module.css.js

@@ -0,0 +1,61 @@
+import './StepperStep.module.css';const o = "_step_1slzc_2", t = "_vertical_1slzc_6", c = "_horizontal_1slzc_10", n = "_indicatorCol_1slzc_17", i = "_indicatorRow_1slzc_24", s = "_indicator_1slzc_17", _ = "_md_1slzc_45", r = "_sm_1slzc_51", e = "_indicatorDefault_1slzc_58", l = "_indicatorActive_1slzc_64", d = "_indicatorCompleted_1slzc_70", a = "_indicatorDisabled_1slzc_76", z = "_indicatorError_1slzc_83", b = "_connector_1slzc_90", p = "_connectorCompleted_1slzc_95", m = "_connectorHidden_1slzc_99", D = "_connectorVertical_1slzc_104", y = "_connectorHorizontal_1slzc_111", C = "_body_1slzc_117", H = "_bodyVertical_1slzc_122", v = "_bodyHorizontal_1slzc_135", E = "_title_1slzc_142", V = "_titleError_1slzc_156", f = "_titleDisabled_1slzc_160", u = "_description_1slzc_165", h = "_descriptionDisabled_1slzc_171", w = "_content_1slzc_176", A = "_disabled_1slzc_181", R = {
+  step: o,
+  vertical: t,
+  horizontal: c,
+  indicatorCol: n,
+  indicatorRow: i,
+  indicator: s,
+  md: _,
+  sm: r,
+  indicatorDefault: e,
+  indicatorActive: l,
+  indicatorCompleted: d,
+  indicatorDisabled: a,
+  indicatorError: z,
+  connector: b,
+  connectorCompleted: p,
+  connectorHidden: m,
+  connectorVertical: D,
+  connectorHorizontal: y,
+  body: C,
+  bodyVertical: H,
+  bodyHorizontal: v,
+  title: E,
+  titleError: V,
+  titleDisabled: f,
+  description: u,
+  descriptionDisabled: h,
+  content: w,
+  disabled: A
+};
+export {
+  C as body,
+  v as bodyHorizontal,
+  H as bodyVertical,
+  b as connector,
+  p as connectorCompleted,
+  m as connectorHidden,
+  y as connectorHorizontal,
+  D as connectorVertical,
+  w as content,
+  R as default,
+  u as description,
+  h as descriptionDisabled,
+  A as disabled,
+  c as horizontal,
+  s as indicator,
+  l as indicatorActive,
+  n as indicatorCol,
+  d as indicatorCompleted,
+  e as indicatorDefault,
+  a as indicatorDisabled,
+  z as indicatorError,
+  i as indicatorRow,
+  _ as md,
+  r as sm,
+  o as step,
+  E as title,
+  f as titleDisabled,
+  V as titleError,
+  t as vertical
+};

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

@@ -0,0 +1,4 @@
+export { Stepper } from './Stepper';
+export { StepperStep } from './StepperStep';
+export type { StepperProps, StepperOrientation, StepperSize, StepperStepProps, StepStatus, } from './Stepper.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,gBAAgB,EAChB,UAAU,GACX,MAAM,iBAAiB,CAAC"}

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

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

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

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

package/dist/components/Switch/Switch.js

@@ -0,0 +1,85 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { forwardRef as k, useRef as w } from "react";
+import { cn as L } from "../../utils/cn.js";
+import t from "./Switch.module.css.js";
+function N() {
+  return /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M3 3L9 9M9 3L3 9",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+function x() {
+  return /* @__PURE__ */ r("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ r(
+    "path",
+    {
+      d: "M2.5 6L5 8.5L9.5 3.5",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const v = k(
+  ({
+    size: l = "md",
+    readOnly: e = !1,
+    disabled: n = !1,
+    checked: a,
+    defaultChecked: p,
+    onCheckedChange: s,
+    onChange: i,
+    className: f,
+    ...m
+  }, u) => {
+    const d = w(null), h = (o) => {
+      if (e) {
+        o.preventDefault();
+        return;
+      }
+      i == null || i(o), s == null || s(o.target.checked);
+    };
+    return /* @__PURE__ */ c(
+      "span",
+      {
+        className: L(
+          t.root,
+          t[l],
+          n && t.disabled,
+          e && t.readOnly,
+          f
+        ),
+        children: [
+          /* @__PURE__ */ r(
+            "input",
+            {
+              ref: u ?? d,
+              type: "checkbox",
+              role: "switch",
+              className: t.input,
+              checked: a,
+              defaultChecked: p,
+              disabled: n,
+              readOnly: e,
+              onChange: h,
+              ...m
+            }
+          ),
+          /* @__PURE__ */ r("span", { className: t.track, children: /* @__PURE__ */ c("span", { className: t.thumb, children: [
+            /* @__PURE__ */ r("span", { className: t.iconX, children: /* @__PURE__ */ r(N, {}) }),
+            /* @__PURE__ */ r("span", { className: t.iconCheck, children: /* @__PURE__ */ r(x, {}) })
+          ] }) })
+        ]
+      }
+    );
+  }
+);
+v.displayName = "Switch";
+export {
+  v as Switch
+};

package/dist/components/Switch/Switch.module.css

@@ -0,0 +1 @@
+._root_gl0k9_2{position:relative;display:inline-flex;align-items:center;flex-shrink:0}._md_gl0k9_10{width:44px;height:24px}._sm_gl0k9_15{width:36px;height:20px}._input_gl0k9_21{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:1}._track_gl0k9_34{display:flex;align-items:center;width:100%;height:100%;border-radius:var(--st-radius-full);background-color:var(--st-color-neutral-300);transition:background-color var(--st-transition-fast),box-shadow var(--st-transition-fast)}._thumb_gl0k9_47{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--st-radius-full);background-color:var(--st-color-background);transition:transform var(--st-transition-fast)}._md_gl0k9_10 ._thumb_gl0k9_47{width:20px;height:20px;transform:translate(2px)}._sm_gl0k9_15 ._thumb_gl0k9_47{width:16px;height:16px;transform:translate(2px)}._iconX_gl0k9_70,._iconCheck_gl0k9_71{position:absolute;display:inline-flex;align-items:center;justify-content:center;transition:opacity var(--st-transition-fast)}._iconX_gl0k9_70{opacity:1;color:var(--st-color-neutral-400)}._iconCheck_gl0k9_71{opacity:0;color:var(--st-color-success)}._md_gl0k9_10 ._iconX_gl0k9_70 svg,._md_gl0k9_10 ._iconCheck_gl0k9_71 svg{width:12px;height:12px}._sm_gl0k9_15 ._iconX_gl0k9_70 svg,._sm_gl0k9_15 ._iconCheck_gl0k9_71 svg{width:10px;height:10px}._root_gl0k9_2:has(._input_gl0k9_21:checked) ._track_gl0k9_34{background-color:var(--st-color-success)}._root_gl0k9_2._md_gl0k9_10:has(._input_gl0k9_21:checked) ._thumb_gl0k9_47{transform:translate(22px)}._root_gl0k9_2._sm_gl0k9_15:has(._input_gl0k9_21:checked) ._thumb_gl0k9_47{transform:translate(18px)}._root_gl0k9_2:has(._input_gl0k9_21:checked) ._iconX_gl0k9_70{opacity:0}._root_gl0k9_2:has(._input_gl0k9_21:checked) ._iconCheck_gl0k9_71{opacity:1}._root_gl0k9_2:not(._disabled_gl0k9_123):not(._readOnly_gl0k9_123):has(._input_gl0k9_21:hover) ._track_gl0k9_34{background-color:var(--st-color-neutral-400)}._root_gl0k9_2:not(._disabled_gl0k9_123):not(._readOnly_gl0k9_123):has(._input_gl0k9_21:checked:hover) ._track_gl0k9_34{background-color:var(--st-color-success-hover)}._root_gl0k9_2:has(._input_gl0k9_21:focus-visible) ._track_gl0k9_34{box-shadow:0 0 0 2px var(--st-color-success)}._disabled_gl0k9_123{opacity:.5;pointer-events:none}._readOnly_gl0k9_123 ._input_gl0k9_21{cursor:default}

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

@@ -0,0 +1,25 @@
+import './Switch.module.css';const _ = "_root_gl0k9_2", t = "_md_gl0k9_10", o = "_sm_gl0k9_15", c = "_input_gl0k9_21", n = "_track_gl0k9_34", s = "_thumb_gl0k9_47", l = "_iconX_gl0k9_70", k = "_iconCheck_gl0k9_71", d = "_disabled_gl0k9_123", e = "_readOnly_gl0k9_123", i = {
+  root: _,
+  md: t,
+  sm: o,
+  input: c,
+  track: n,
+  thumb: s,
+  iconX: l,
+  iconCheck: k,
+  disabled: d,
+  readOnly: e
+};
+export {
+  i as default,
+  d as disabled,
+  k as iconCheck,
+  l as iconX,
+  c as input,
+  t as md,
+  e as readOnly,
+  _ as root,
+  o as sm,
+  s as thumb,
+  n as track
+};

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

@@ -0,0 +1,15 @@
+import { InputHTMLAttributes } from 'react';
+export type SwitchSize = 'md' | 'sm';
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    size?: SwitchSize;
+    readOnly?: boolean;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export type SwitchFieldVariant = 'default' | 'card';
+export interface SwitchFieldProps extends Omit<SwitchProps, 'className'> {
+    label: string;
+    description?: string;
+    variant?: SwitchFieldVariant;
+    className?: string;
+}
+//# sourceMappingURL=Switch.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,WAAW,CAAC;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1,3 @@
+import { SwitchFieldProps } from './Switch.types';
+export declare const SwitchField: import('react').ForwardRefExoticComponent<SwitchFieldProps & import('react').RefAttributes<HTMLInputElement>>;
+//# 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":"AAGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAGvD,eAAO,MAAM,WAAW,+GAwCvB,CAAC"}

package/dist/components/Switch/SwitchField.js

@@ -0,0 +1,48 @@
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as d } from "../../utils/cn.js";
+import { Switch as h } from "./Switch.js";
+import e from "./SwitchField.module.css.js";
+const N = p(
+  ({
+    label: t,
+    description: s,
+    variant: i = "default",
+    disabled: a = !1,
+    readOnly: l = !1,
+    size: m,
+    className: c,
+    ...n
+  }, f) => /* @__PURE__ */ o(
+    "label",
+    {
+      className: d(
+        e.root,
+        e[i],
+        a && e.disabled,
+        l && e.readOnly,
+        c
+      ),
+      children: [
+        /* @__PURE__ */ o("span", { className: e.content, children: [
+          /* @__PURE__ */ r("span", { className: e.label, children: t }),
+          s && /* @__PURE__ */ r("span", { className: e.description, children: s })
+        ] }),
+        /* @__PURE__ */ r(
+          h,
+          {
+            ref: f,
+            disabled: a,
+            readOnly: l,
+            size: m,
+            ...n
+          }
+        )
+      ]
+    }
+  )
+);
+N.displayName = "SwitchField";
+export {
+  N as SwitchField
+};

package/dist/components/Switch/SwitchField.module.css

@@ -0,0 +1 @@
+._root_iw7th_2{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}._content_iw7th_12{display:flex;flex-direction:column;flex:1;gap:var(--st-space-0)}._label_iw7th_20{font-family:var(--st-font-family);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-tight);color:var(--st-color-foreground)}._description_iw7th_29{font-family:var(--st-font-family);font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-muted)}._card_iw7th_37{border:1px solid var(--st-color-border);border-radius:var(--st-radius-xl);padding:var(--st-space-3) var(--st-space-4);transition:border-color var(--st-transition-fast),box-shadow var(--st-transition-fast)}._card_iw7th_37:hover:not(._disabled_iw7th_46):not(._readOnly_iw7th_46){border-color:var(--st-color-border-strong)}._card_iw7th_37:has(input:checked){border-color:var(--st-color-success)}._card_iw7th_37:has(input:focus-visible){border-color:var(--st-color-success);box-shadow:0 0 0 2px var(--st-color-success)}._disabled_iw7th_46{opacity:.5;cursor:default;pointer-events:none}._readOnly_iw7th_46{cursor:default}

package/dist/components/Switch/SwitchField.module.css.js

@@ -0,0 +1,19 @@
+import './SwitchField.module.css';const t = "_root_iw7th_2", o = "_content_iw7th_12", _ = "_label_iw7th_20", n = "_description_iw7th_29", e = "_card_iw7th_37", c = "_disabled_iw7th_46", s = "_readOnly_iw7th_46", d = {
+  root: t,
+  content: o,
+  label: _,
+  description: n,
+  card: e,
+  disabled: c,
+  readOnly: s
+};
+export {
+  e as card,
+  o as content,
+  d as default,
+  n as description,
+  c as disabled,
+  _ as label,
+  s as readOnly,
+  t as root
+};

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

@@ -0,0 +1,4 @@
+export { Switch } from './Switch';
+export { SwitchField } from './SwitchField';
+export type { SwitchProps, SwitchSize, SwitchFieldProps, SwitchFieldVariant, } from './Switch.types';
+//# 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,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC"}

package/dist/components/Tab/Tab.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAG5C,eAAO,MAAM,GAAG,qGA0Bf,CAAC"}

package/dist/components/Tab/Tab.js

@@ -0,0 +1,29 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { cn as b } from "../../utils/cn.js";
+import { TabContext as c } from "./TabContext.js";
+import t from "./Tab.module.css.js";
+const d = p(
+  ({
+    variant: r = "basic",
+    value: e,
+    onValueChange: m,
+    disabled: a = !1,
+    className: i,
+    children: s,
+    ...f
+  }, l) => /* @__PURE__ */ o(c.Provider, { value: { value: e, onValueChange: m, variant: r, disabled: a }, children: /* @__PURE__ */ o(
+    "div",
+    {
+      ref: l,
+      role: "tablist",
+      className: b(t.root, t[r], i),
+      ...f,
+      children: s
+    }
+  ) })
+);
+d.displayName = "Tab";
+export {
+  d as Tab
+};

package/dist/components/Tab/Tab.module.css

@@ -0,0 +1 @@
+._root_ls29i_3{display:inline-flex;align-items:center;font-family:var(--st-font-family)}._basic_ls29i_11{gap:0;border-bottom:1px solid var(--st-color-border)}._dynamic_ls29i_18{gap:var(--st-space-2)}

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

@@ -0,0 +1,11 @@
+import './Tab.module.css';const s = "_root_ls29i_3", o = "_basic_ls29i_11", c = "_dynamic_ls29i_18", t = {
+  root: s,
+  basic: o,
+  dynamic: c
+};
+export {
+  o as basic,
+  t as default,
+  c as dynamic,
+  s as root
+};