soadtech-ui 0.1.0

package/dist/components/SegmentedControl/SegmentedControlItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControlItem.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControlItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAG1E,eAAO,MAAM,oBAAoB,yHAuB/B,CAAC"}

package/dist/components/SegmentedControl/SegmentedControlItem.js

@@ -0,0 +1,32 @@
+import { jsxs as f, jsx as n } from "react/jsx-runtime";
+import { forwardRef as b } from "react";
+import { cn as u } from "../../utils/cn.js";
+import { useSegmentedControl as C } from "./SegmentedControlContext.js";
+import o from "./SegmentedControlItem.module.css.js";
+const g = b(({ value: t, icon: s, disabled: i, className: l, children: r, ...c }, d) => {
+  const e = C(), a = e.value === t, p = i || e.disabled;
+  return /* @__PURE__ */ f(
+    "button",
+    {
+      ref: d,
+      type: "button",
+      role: "radio",
+      "aria-checked": a,
+      disabled: p,
+      className: u(o.item, a && o.active, l),
+      onClick: () => {
+        var m;
+        return (m = e.onValueChange) == null ? void 0 : m.call(e, t);
+      },
+      ...c,
+      children: [
+        s && /* @__PURE__ */ n("span", { className: o.icon, children: s }),
+        r && /* @__PURE__ */ n("span", { className: o.label, children: r })
+      ]
+    }
+  );
+});
+g.displayName = "SegmentedControlItem";
+export {
+  g as SegmentedControlItem
+};

package/dist/components/SegmentedControl/SegmentedControlItem.module.css

@@ -0,0 +1 @@
+._item_fd6g8_1{display:inline-flex;align-items:center;justify-content:center;height:var(--sc-height);padding:0 var(--sc-px);font-size:var(--sc-font);gap:var(--sc-gap);background:transparent;color:var(--st-color-foreground);border:none;cursor:pointer;font-family:var(--st-font-family);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-tight);white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background-color var(--st-transition-fast),color var(--st-transition-fast)}._item_fd6g8_1:hover:not(._active_fd6g8_22):not(:disabled){background:var(--st-color-neutral-200)}._item_fd6g8_1:focus-visible{outline:2px solid var(--st-color-primary);outline-offset:-2px}._active_fd6g8_22{background:var(--st-color-neutral-900);color:#fff;box-shadow:var(--st-shadow-sm)}._active_fd6g8_22:hover:not(:disabled){background:var(--st-color-neutral-800)}._item_fd6g8_1:disabled{opacity:.5;pointer-events:none}._icon_fd6g8_46{display:inline-flex;align-items:center;flex-shrink:0}._label_fd6g8_52{display:inline-flex;align-items:center}

package/dist/components/SegmentedControl/SegmentedControlItem.module.css.js

@@ -0,0 +1,13 @@
+import './SegmentedControlItem.module.css';const t = "_item_fd6g8_1", e = "_active_fd6g8_22", _ = "_icon_fd6g8_46", c = "_label_fd6g8_52", i = {
+  item: t,
+  active: e,
+  icon: _,
+  label: c
+};
+export {
+  e as active,
+  i as default,
+  _ as icon,
+  t as item,
+  c as label
+};

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

@@ -0,0 +1,4 @@
+export { SegmentedControl } from './SegmentedControl';
+export { SegmentedControlItem } from './SegmentedControlItem';
+export type { SegmentedControlProps, SegmentedControlSize, SegmentedControlVariant, SegmentedControlItemProps, } from './SegmentedControl.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EACV,qBAAqB,EACrB,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,0BAA0B,CAAC"}

package/dist/components/SelectDropdown/SelectDropdown.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdown.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDropdown/SelectDropdown.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,mBAAmB,EAGpB,MAAM,wBAAwB,CAAC;AAgHhC,eAAO,MAAM,cAAc,gHAwP1B,CAAC"}

package/dist/components/SelectDropdown/SelectDropdown.js

@@ -0,0 +1,266 @@
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { forwardRef as z, useState as A, useRef as G, useCallback as k, useEffect as B } from "react";
+import { cn as w } from "../../utils/cn.js";
+import { SelectDropdownOverlay as H } from "./SelectDropdownOverlay.js";
+import t from "./SelectDropdown.module.css.js";
+function J() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M4 6L8 10L12 6",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function Q() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "12",
+      height: "12",
+      viewBox: "0 0 12 12",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n(
+        "path",
+        {
+          d: "M3 3L9 9M9 3L3 9",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round"
+        }
+      )
+    }
+  );
+}
+function I() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "8",
+      height: "8",
+      viewBox: "0 0 8 8",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n("circle", { cx: "4", cy: "4", r: "4", fill: "currentColor" })
+    }
+  );
+}
+function U() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "8",
+      height: "8",
+      viewBox: "0 0 8 8",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n("path", { d: "M4 0L8 8H0L4 0Z", fill: "currentColor" })
+    }
+  );
+}
+function X() {
+  return /* @__PURE__ */ n(
+    "svg",
+    {
+      width: "8",
+      height: "8",
+      viewBox: "0 0 8 8",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ n("path", { d: "M4 0L8 4L4 8L0 4L4 0Z", fill: "currentColor" })
+    }
+  );
+}
+const Y = {
+  success: I,
+  error: I,
+  warning: U,
+  ai: X
+};
+function ee(r) {
+  return "options" in r;
+}
+function ne(r) {
+  const s = [];
+  for (const u of r)
+    ee(u) ? s.push(...u.options) : s.push(u);
+  return s;
+}
+const te = z(
+  (r, s) => {
+    const {
+      size: u = "lg",
+      label: N,
+      helperText: L,
+      feedback: h,
+      placeholder: y = "Select...",
+      disabled: v = !1,
+      required: M,
+      searchable: R = !0,
+      searchPlaceholder: F = "Search",
+      options: D,
+      noOptionsText: V = "No options",
+      className: _,
+      multiple: ie,
+      value: re,
+      onChange: le,
+      ...j
+    } = r, o = r.multiple === !0, S = o ? r.maxVisibleChips ?? 1 : 1, [c, b] = A(!1), C = G(null), q = k(
+      (e) => {
+        C.current = e, typeof s == "function" ? s(e) : s && (s.current = e);
+      },
+      [s]
+    );
+    B(() => {
+      if (!c) return;
+      function e(i) {
+        C.current && !C.current.contains(i.target) && b(!1);
+      }
+      return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+    }, [c]), B(() => {
+      if (!c) return;
+      function e(i) {
+        i.key === "Escape" && b(!1);
+      }
+      return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+    }, [c]);
+    const E = k(() => {
+      v || b((e) => !e);
+    }, [v]), O = ne(D), K = o ? r.value ?? [] : r.value ? [r.value] : [], P = k(
+      (e) => {
+        if (o) {
+          const i = r.onChange, l = r.value ?? [];
+          l.includes(e) ? i == null || i(l.filter((m) => m !== e)) : i == null || i([...l, e]);
+        } else {
+          const i = r.onChange;
+          i == null || i(e), b(!1);
+        }
+      },
+      [o, r]
+    ), W = k(
+      (e, i) => {
+        if (i.stopPropagation(), o) {
+          const l = r.onChange, m = r.value ?? [];
+          l == null || l(m.filter((g) => g !== e));
+        }
+      },
+      [o, r]
+    ), f = h == null ? void 0 : h.status, T = f ? Y[f] : null, Z = w(
+      t.trigger,
+      t[u],
+      c && t.open,
+      f && t[f],
+      v && t.disabled
+    ), $ = () => {
+      if (o) {
+        const l = r.value ?? [];
+        if (l.length === 0)
+          return /* @__PURE__ */ n("span", { className: t.placeholder, children: y });
+        const m = l.slice(0, S), g = l.length - S;
+        return /* @__PURE__ */ a("div", { className: t.chipArea, children: [
+          m.map((p) => {
+            const d = O.find((x) => x.value === p);
+            return /* @__PURE__ */ a("span", { className: t.valueChip, children: [
+              /* @__PURE__ */ n("span", { className: t.chipLabel, children: (d == null ? void 0 : d.label) ?? p }),
+              /* @__PURE__ */ n(
+                "button",
+                {
+                  type: "button",
+                  className: t.chipDismiss,
+                  onClick: (x) => W(p, x),
+                  "aria-label": `Remove ${(d == null ? void 0 : d.label) ?? p}`,
+                  children: /* @__PURE__ */ n(Q, {})
+                }
+              )
+            ] }, p);
+          }),
+          g > 0 && /* @__PURE__ */ a("span", { className: t.overflowCount, children: [
+            "+",
+            g
+          ] })
+        ] });
+      }
+      const e = r.value;
+      if (!e)
+        return /* @__PURE__ */ n("span", { className: t.placeholder, children: y });
+      const i = O.find((l) => l.value === e);
+      return /* @__PURE__ */ n("span", { className: t.value, children: (i == null ? void 0 : i.label) ?? e });
+    };
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        ref: q,
+        className: w(t.root, _),
+        ...j,
+        children: [
+          N && /* @__PURE__ */ a("span", { className: t.label, children: [
+            N,
+            M && /* @__PURE__ */ n("span", { className: t.required, children: "*" })
+          ] }),
+          /* @__PURE__ */ a(
+            "div",
+            {
+              className: Z,
+              role: "combobox",
+              "aria-expanded": c,
+              "aria-haspopup": "listbox",
+              tabIndex: v ? -1 : 0,
+              onClick: E,
+              onKeyDown: (e) => {
+                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), E());
+              },
+              children: [
+                $(),
+                /* @__PURE__ */ n("span", { className: w(t.chevron, c && t.chevronOpen), children: /* @__PURE__ */ n(J, {}) })
+              ]
+            }
+          ),
+          L && /* @__PURE__ */ n("span", { className: t.helperText, children: L }),
+          h && /* @__PURE__ */ a(
+            "span",
+            {
+              className: w(
+                t.feedbackText,
+                t[`feedback_${f}`]
+              ),
+              children: [
+                T && /* @__PURE__ */ n(T, {}),
+                h.message
+              ]
+            }
+          ),
+          c && /* @__PURE__ */ n("div", { className: t.popover, children: /* @__PURE__ */ n(
+            H,
+            {
+              items: D,
+              selectedValues: K,
+              multiple: o,
+              searchable: R,
+              searchPlaceholder: F,
+              noOptionsText: V,
+              onSelect: P
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+te.displayName = "SelectDropdown";
+export {
+  te as SelectDropdown
+};

package/dist/components/SelectDropdown/SelectDropdown.module.css

@@ -0,0 +1 @@
+._root_193k8_2{display:inline-flex;flex-direction:column;gap:var(--st-space-2);position:relative;font-family:var(--st-font-family)}._label_193k8_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)}._required_193k8_18{color:var(--st-color-error);margin-left:var(--st-space-1)}._trigger_193k8_24{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)}._trigger_193k8_24._lg_193k8_38{height:48px}._trigger_193k8_24._md_193k8_42{height:40px}._trigger_193k8_24:hover:not(._disabled_193k8_46):not(._error_193k8_46):not(._warning_193k8_46):not(._success_193k8_46):not(._ai_193k8_46):not(._open_193k8_46){border-color:var(--st-color-border-strong)}._trigger_193k8_24._open_193k8_46:not(._disabled_193k8_46):not(._error_193k8_46):not(._warning_193k8_46):not(._ai_193k8_46){border-color:var(--st-color-border-strong)}._trigger_193k8_24._error_193k8_46{border-color:var(--st-color-error);box-shadow:0 0 0 2px var(--st-color-error)}._trigger_193k8_24._warning_193k8_46{border-color:var(--st-color-warning);box-shadow:0 0 0 2px var(--st-color-warning)}._trigger_193k8_24._success_193k8_46{border-color:var(--st-color-success);box-shadow:0 0 0 2px var(--st-color-success)}._trigger_193k8_24._ai_193k8_46{border-color:var(--st-color-info);box-shadow:0 0 0 2px var(--st-color-info)}._trigger_193k8_24._disabled_193k8_46{opacity:.5;pointer-events:none}._value_193k8_80{flex:1;min-width:0;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}._placeholder_193k8_91{flex:1;min-width:0;font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal);color:var(--st-color-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._chevron_193k8_103{display:inline-flex;align-items:center;flex-shrink:0;color:var(--st-color-muted);transition:transform var(--st-transition-fast)}._chevronOpen_193k8_111{transform:rotate(180deg)}._chipArea_193k8_116{display:flex;align-items:center;gap:var(--st-space-1);flex:1;min-width:0;overflow:hidden}._valueChip_193k8_126{display:inline-flex;align-items:center;gap:var(--st-space-1);height:24px;padding:0 var(--st-space-2);background:var(--st-color-success);color:var(--st-color-success-foreground);border-radius:9999px;font-size:var(--st-font-size-xs);line-height:1;white-space:nowrap;flex-shrink:0}._chipLabel_193k8_141{max-width:120px;overflow:hidden;text-overflow:ellipsis}._chipDismiss_193k8_147{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:transparent;color:inherit;cursor:pointer;padding:0;border-radius:9999px;opacity:.8;transition:opacity var(--st-transition-fast)}._chipDismiss_193k8_147:hover{opacity:1}._overflowCount_193k8_168{font-size:var(--st-font-size-xs);color:var(--st-color-muted);white-space:nowrap;flex-shrink:0}._helperText_193k8_176{font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-muted)}._feedbackText_193k8_183{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)}._feedback_success_193k8_191{color:var(--st-color-success)}._feedback_error_193k8_195{color:var(--st-color-error)}._feedback_warning_193k8_199{color:var(--st-color-warning)}._feedback_ai_193k8_203{color:var(--st-color-info)}._popover_193k8_208{position:absolute;top:calc(100% + var(--st-space-2));left:0;width:100%;z-index:var(--st-z-dropdown)}

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

@@ -0,0 +1,61 @@
+import './SelectDropdown.module.css';const e = "_root_193k8_2", _ = "_label_193k8_11", c = "_required_193k8_18", o = "_trigger_193k8_24", s = "_lg_193k8_38", r = "_md_193k8_42", n = "_disabled_193k8_46", a = "_error_193k8_46", t = "_warning_193k8_46", k = "_success_193k8_46", i = "_ai_193k8_46", l = "_open_193k8_46", d = "_value_193k8_80", p = "_placeholder_193k8_91", b = "_chevron_193k8_103", h = "_chevronOpen_193k8_111", f = "_chipArea_193k8_116", u = "_valueChip_193k8_126", v = "_chipLabel_193k8_141", g = "_chipDismiss_193k8_147", w = "_overflowCount_193k8_168", x = "_helperText_193k8_176", m = "_feedbackText_193k8_183", C = "_feedback_success_193k8_191", T = "_feedback_error_193k8_195", q = "_feedback_warning_193k8_199", A = "_feedback_ai_193k8_203", D = "_popover_193k8_208", L = {
+  root: e,
+  label: _,
+  required: c,
+  trigger: o,
+  lg: s,
+  md: r,
+  disabled: n,
+  error: a,
+  warning: t,
+  success: k,
+  ai: i,
+  open: l,
+  value: d,
+  placeholder: p,
+  chevron: b,
+  chevronOpen: h,
+  chipArea: f,
+  valueChip: u,
+  chipLabel: v,
+  chipDismiss: g,
+  overflowCount: w,
+  helperText: x,
+  feedbackText: m,
+  feedback_success: C,
+  feedback_error: T,
+  feedback_warning: q,
+  feedback_ai: A,
+  popover: D
+};
+export {
+  i as ai,
+  b as chevron,
+  h as chevronOpen,
+  f as chipArea,
+  g as chipDismiss,
+  v as chipLabel,
+  L as default,
+  n as disabled,
+  a as error,
+  m as feedbackText,
+  A as feedback_ai,
+  T as feedback_error,
+  C as feedback_success,
+  q as feedback_warning,
+  x as helperText,
+  _ as label,
+  s as lg,
+  r as md,
+  l as open,
+  w as overflowCount,
+  p as placeholder,
+  D as popover,
+  c as required,
+  e as root,
+  k as success,
+  o as trigger,
+  d as value,
+  u as valueChip,
+  t as warning
+};

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

@@ -0,0 +1,44 @@
+import { HTMLAttributes } from 'react';
+export type SelectDropdownSize = 'lg' | 'md';
+export type SelectDropdownFeedbackStatus = 'success' | 'error' | 'warning' | 'ai';
+export interface SelectDropdownFeedback {
+    status: SelectDropdownFeedbackStatus;
+    message: string;
+}
+export interface SelectOption {
+    value: string;
+    label: string;
+    description?: string;
+    disabled?: boolean;
+}
+export interface SelectOptionGroup {
+    label: string;
+    options: SelectOption[];
+}
+interface Base extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    size?: SelectDropdownSize;
+    label?: string;
+    helperText?: string;
+    feedback?: SelectDropdownFeedback;
+    placeholder?: string;
+    disabled?: boolean;
+    required?: boolean;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    options: (SelectOption | SelectOptionGroup)[];
+    noOptionsText?: string;
+}
+export interface SingleSelectProps extends Base {
+    multiple?: false;
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+}
+export interface MultiSelectProps extends Base {
+    multiple: true;
+    value?: string[];
+    onChange?: (value: string[]) => void;
+    maxVisibleChips?: number;
+}
+export type SelectDropdownProps = SingleSelectProps | MultiSelectProps;
+export {};
+//# sourceMappingURL=SelectDropdown.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdown.types.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDropdown/SelectDropdown.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,CAAC;AAC7C,MAAM,MAAM,4BAA4B,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,IAAI,CAAC;AAElF,MAAM,WAAW,sBAAsB;IACrC,MAAM,EAAE,4BAA4B,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,YAAY,EAAE,CAAC;CACzB;AAED,UAAU,IAAK,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACrE,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,sBAAsB,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,EAAE,CAAC,YAAY,GAAG,iBAAiB,CAAC,EAAE,CAAC;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI;IAC5C,QAAQ,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,MAAM,mBAAmB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC"}

package/dist/components/SelectDropdown/SelectDropdownOption.d.ts

@@ -0,0 +1,12 @@
+import { SelectOption } from './SelectDropdown.types';
+interface SelectDropdownOptionProps {
+    option: SelectOption;
+    selected: boolean;
+    highlighted: boolean;
+    multiple: boolean;
+    onSelect: (value: string) => void;
+    onMouseEnter: () => void;
+}
+export declare function SelectDropdownOption({ option, selected, highlighted, multiple, onSelect, onMouseEnter, }: SelectDropdownOptionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectDropdownOption.d.ts.map

package/dist/components/SelectDropdown/SelectDropdownOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdownOption.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDropdown/SelectDropdownOption.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAuB3D,UAAU,yBAAyB;IACjC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B;AAED,wBAAgB,oBAAoB,CAAC,EACnC,MAAM,EACN,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,YAAY,GACb,EAAE,yBAAyB,2CA6C3B"}

package/dist/components/SelectDropdown/SelectDropdownOption.js

@@ -0,0 +1,64 @@
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { cn as s } from "../../utils/cn.js";
+import e from "./SelectDropdownOption.module.css.js";
+function d() {
+  return /* @__PURE__ */ c(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ c(
+        "path",
+        {
+          d: "M3 8.5L6.5 12L13 4",
+          stroke: "currentColor",
+          strokeWidth: "1.5",
+          strokeLinecap: "round",
+          strokeLinejoin: "round"
+        }
+      )
+    }
+  );
+}
+function b({
+  option: i,
+  selected: a,
+  highlighted: l,
+  multiple: n,
+  onSelect: o,
+  onMouseEnter: h
+}) {
+  const t = () => {
+    i.disabled || o(i.value);
+  };
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: s(
+        e.option,
+        l && e.highlighted,
+        a && e.selected,
+        i.disabled && e.disabled
+      ),
+      role: "option",
+      "aria-selected": a,
+      "aria-disabled": i.disabled || void 0,
+      onClick: t,
+      onMouseEnter: h,
+      children: [
+        n && /* @__PURE__ */ c("span", { className: e.checkbox, children: /* @__PURE__ */ c("span", { className: s(e.checkboxBox, a && e.checked), children: a && /* @__PURE__ */ c("span", { className: e.checkboxIcon, children: /* @__PURE__ */ c(d, {}) }) }) }),
+        /* @__PURE__ */ r("div", { className: e.content, children: [
+          /* @__PURE__ */ c("span", { className: e.label, children: i.label }),
+          i.description && /* @__PURE__ */ c("span", { className: e.description, children: i.description })
+        ] }),
+        !n && a && /* @__PURE__ */ c("span", { className: e.checkIcon, children: /* @__PURE__ */ c(d, {}) })
+      ]
+    }
+  );
+}
+export {
+  b as SelectDropdownOption
+};

package/dist/components/SelectDropdown/SelectDropdownOption.module.css

@@ -0,0 +1 @@
+._option_r07pe_2{display:flex;align-items:center;gap:var(--st-space-2);padding:var(--st-space-2) var(--st-space-3);cursor:pointer;font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal);color:var(--st-color-foreground);transition:background-color var(--st-transition-fast),color var(--st-transition-fast);outline:none}._option_r07pe_2._highlighted_r07pe_18{background-color:var(--st-color-neutral-100)}._option_r07pe_2:hover:not(._disabled_r07pe_23){background-color:var(--st-color-neutral-100)}._option_r07pe_2._disabled_r07pe_23{opacity:.5;cursor:not-allowed}._checkbox_r07pe_34{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px}._checkboxBox_r07pe_43{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1.5px solid var(--st-color-neutral-300);border-radius:var(--st-radius-sm);background-color:var(--st-color-background);transition:background-color var(--st-transition-fast),border-color var(--st-transition-fast)}._checkboxBox_r07pe_43._checked_r07pe_57{background-color:var(--st-color-success);border-color:var(--st-color-success)}._checkboxIcon_r07pe_62{display:inline-flex;align-items:center;justify-content:center;color:var(--st-color-success-foreground)}._checkboxIcon_r07pe_62 svg{width:12px;height:12px}._content_r07pe_75{display:flex;flex-direction:column;flex:1;min-width:0}._label_r07pe_82{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._description_r07pe_88{font-size:var(--st-font-size-xs);color:var(--st-color-muted);line-height:var(--st-line-height-normal)}._checkIcon_r07pe_95{display:inline-flex;align-items:center;flex-shrink:0;margin-left:auto;color:var(--st-color-success)}

package/dist/components/SelectDropdown/SelectDropdownOption.module.css.js

@@ -0,0 +1,27 @@
+import './SelectDropdownOption.module.css';const c = "_option_r07pe_2", e = "_highlighted_r07pe_18", o = "_disabled_r07pe_23", _ = "_checkbox_r07pe_34", n = "_checkboxBox_r07pe_43", t = "_checked_r07pe_57", h = "_checkboxIcon_r07pe_62", s = "_content_r07pe_75", i = "_label_r07pe_82", p = "_description_r07pe_88", d = "_checkIcon_r07pe_95", b = {
+  option: c,
+  highlighted: e,
+  disabled: o,
+  checkbox: _,
+  checkboxBox: n,
+  checked: t,
+  checkboxIcon: h,
+  content: s,
+  label: i,
+  description: p,
+  checkIcon: d
+};
+export {
+  d as checkIcon,
+  _ as checkbox,
+  n as checkboxBox,
+  h as checkboxIcon,
+  t as checked,
+  s as content,
+  b as default,
+  p as description,
+  o as disabled,
+  e as highlighted,
+  i as label,
+  c as option
+};

package/dist/components/SelectDropdown/SelectDropdownOverlay.d.ts

@@ -0,0 +1,13 @@
+import { SelectOption, SelectOptionGroup } from './SelectDropdown.types';
+interface SelectDropdownOverlayProps {
+    items: (SelectOption | SelectOptionGroup)[];
+    selectedValues: string[];
+    multiple: boolean;
+    searchable: boolean;
+    searchPlaceholder: string;
+    noOptionsText: string;
+    onSelect: (value: string) => void;
+}
+export declare function SelectDropdownOverlay({ items, selectedValues, multiple, searchable, searchPlaceholder, noOptionsText, onSelect, }: SelectDropdownOverlayProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SelectDropdownOverlay.d.ts.map

package/dist/components/SelectDropdown/SelectDropdownOverlay.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectDropdownOverlay.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDropdown/SelectDropdownOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AA6B9E,UAAU,0BAA0B;IAClC,KAAK,EAAE,CAAC,YAAY,GAAG,iBAAiB,CAAC,EAAE,CAAC;IAC5C,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,cAAc,EACd,QAAQ,EACR,UAAU,EACV,iBAAiB,EACjB,aAAa,EACb,QAAQ,GACT,EAAE,0BAA0B,2CAyJ5B"}