soadtech-ui 0.1.0

package/dist/components/SelectDropdown/SelectDropdownOverlay.js

@@ -0,0 +1,130 @@
+import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import { useState as w, useRef as b, useCallback as L, useEffect as v } from "react";
+import { SelectDropdownOption as O } from "./SelectDropdownOption.js";
+import s from "./SelectDropdownOverlay.module.css.js";
+function A() {
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none",
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ r(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M0.833313 7.33331C0.833313 3.74346 3.74346 0.833313 7.33331 0.833313C10.9232 0.833313 13.8333 3.74347 13.8333 7.33331C13.8333 8.94827 13.2444 10.4257 12.2695 11.5624L15.0202 14.3131C15.2155 14.5084 15.2155 14.8249 15.0202 15.0202C14.8249 15.2155 14.5084 15.2155 14.3131 15.0202L11.5624 12.2695C10.4257 13.2444 8.94827 13.8333 7.33331 13.8333C3.74347 13.8333 0.833313 10.9232 0.833313 7.33331ZM7.33331 1.83331C4.29575 1.83331 1.83331 4.29575 1.83331 7.33331C1.83331 10.3709 4.29575 12.8333 7.33331 12.8333C10.3709 12.8333 12.8333 10.3709 12.8333 7.33331C12.8333 4.29575 10.3709 1.83331 7.33331 1.83331Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+function E(a) {
+  return "options" in a;
+}
+function G({
+  items: a,
+  selectedValues: x,
+  multiple: y,
+  searchable: p,
+  searchPlaceholder: I,
+  noOptionsText: D,
+  onSelect: d
+}) {
+  const [f, N] = w(""), [i, u] = w(-1), m = b(null), h = b(null), l = L(
+    (e) => {
+      const n = [], t = e.toLowerCase();
+      for (const o of a)
+        if (E(o)) {
+          const c = o.options.filter(
+            (g) => g.label.toLowerCase().includes(t)
+          );
+          for (const g of c)
+            n.push({ option: g, groupLabel: o.label });
+        } else
+          o.label.toLowerCase().includes(t) && n.push({ option: o });
+      return n;
+    },
+    [a]
+  )(f);
+  v(() => {
+    u(-1);
+  }, [f]), v(() => {
+    var e;
+    p && ((e = m.current) == null || e.focus());
+  }, [p]);
+  const k = L(
+    (e) => {
+      e.key === "ArrowDown" ? (e.preventDefault(), u((n) => {
+        let t = n + 1;
+        for (; t < l.length && l[t].option.disabled; )
+          t++;
+        return t < l.length ? t : n;
+      })) : e.key === "ArrowUp" ? (e.preventDefault(), u((n) => {
+        let t = n - 1;
+        for (; t >= 0 && l[t].option.disabled; )
+          t--;
+        return t >= 0 ? t : n;
+      })) : e.key === "Enter" && (e.preventDefault(), i >= 0 && i < l.length && !l[i].option.disabled && d(l[i].option.value));
+    },
+    [l, i, d]
+  );
+  v(() => {
+    if (i < 0 || !h.current) return;
+    const e = h.current.querySelectorAll('[role="option"]')[i];
+    e == null || e.scrollIntoView({ block: "nearest" });
+  }, [i]);
+  const R = () => {
+    if (l.length === 0)
+      return /* @__PURE__ */ r("div", { className: s.noOptions, children: D });
+    const e = [];
+    let n, t = 0;
+    for (const o of l) {
+      o.groupLabel && o.groupLabel !== n && (n !== void 0 && e.push(
+        /* @__PURE__ */ r("div", { className: s.divider }, `div-${o.groupLabel}`)
+      ), e.push(
+        /* @__PURE__ */ r("span", { className: s.groupLabel, children: o.groupLabel }, `grp-${o.groupLabel}`)
+      ), n = o.groupLabel);
+      const c = t;
+      e.push(
+        /* @__PURE__ */ r(
+          O,
+          {
+            option: o.option,
+            selected: x.includes(o.option.value),
+            highlighted: i === c,
+            multiple: y,
+            onSelect: d,
+            onMouseEnter: () => u(c)
+          },
+          o.option.value
+        )
+      ), t++;
+    }
+    return e;
+  };
+  return /* @__PURE__ */ C("div", { className: s.overlay, onKeyDown: k, children: [
+    p && /* @__PURE__ */ C("div", { className: s.searchBox, children: [
+      /* @__PURE__ */ r("span", { className: s.searchIcon, children: /* @__PURE__ */ r(A, {}) }),
+      /* @__PURE__ */ r(
+        "input",
+        {
+          ref: m,
+          className: s.searchInput,
+          type: "text",
+          placeholder: I,
+          value: f,
+          onChange: (e) => N(e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ r("div", { className: s.optionList, role: "listbox", ref: h, children: R() })
+  ] });
+}
+export {
+  G as SelectDropdownOverlay
+};

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

@@ -0,0 +1 @@
+._overlay_bhdyk_2{background:var(--st-color-surface);border:1px solid var(--st-color-border);border-radius:var(--st-radius-xl);box-shadow:var(--st-shadow-lg);overflow:hidden}._searchBox_bhdyk_11{display:flex;align-items:center;gap:var(--st-space-2);padding:var(--st-space-2) var(--st-space-3);border-bottom:1px solid var(--st-color-border)}._searchIcon_bhdyk_19{display:inline-flex;align-items:center;flex-shrink:0;color:var(--st-color-muted)}._searchInput_bhdyk_26{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--st-font-size-sm);line-height:var(--st-line-height-normal);color:var(--st-color-foreground);padding:0}._searchInput_bhdyk_26::placeholder{color:var(--st-color-muted)}._optionList_bhdyk_44{max-height:240px;overflow-y:auto;padding:var(--st-space-1) 0}._groupLabel_bhdyk_51{display:block;padding:var(--st-space-2) var(--st-space-3) var(--st-space-1);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);color:var(--st-color-muted);-webkit-user-select:none;user-select:none}._divider_bhdyk_62{height:1px;background:var(--st-color-border);margin:var(--st-space-1) 0}._noOptions_bhdyk_69{padding:var(--st-space-4) var(--st-space-3);text-align:center;font-size:var(--st-font-size-sm);color:var(--st-color-muted)}

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

@@ -0,0 +1,21 @@
+import './SelectDropdownOverlay.module.css';const o = "_overlay_bhdyk_2", s = "_searchBox_bhdyk_11", n = "_searchIcon_bhdyk_19", t = "_searchInput_bhdyk_26", _ = "_optionList_bhdyk_44", c = "_groupLabel_bhdyk_51", e = "_divider_bhdyk_62", r = "_noOptions_bhdyk_69", a = {
+  overlay: o,
+  searchBox: s,
+  searchIcon: n,
+  searchInput: t,
+  optionList: _,
+  groupLabel: c,
+  divider: e,
+  noOptions: r
+};
+export {
+  a as default,
+  e as divider,
+  c as groupLabel,
+  r as noOptions,
+  _ as optionList,
+  o as overlay,
+  s as searchBox,
+  n as searchIcon,
+  t as searchInput
+};

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

@@ -0,0 +1,3 @@
+export { SelectDropdown } from './SelectDropdown';
+export type { SelectDropdownProps, SelectDropdownSize, SelectDropdownFeedback, SelectDropdownFeedbackStatus, SelectOption, SelectOptionGroup, SingleSelectProps, MultiSelectProps, } from './SelectDropdown.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectDropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,sBAAsB,EACtB,4BAA4B,EAC5B,YAAY,EACZ,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,wBAAwB,CAAC"}

package/dist/components/Sidebar/Sidebar.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,OAAO,sGAgCnB,CAAC"}

package/dist/components/Sidebar/Sidebar.js

@@ -0,0 +1,36 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as l, useMemo as n } from "react";
+import { cn as x } from "../../utils/cn.js";
+import { SidebarContext as b } from "./SidebarContext.js";
+import o from "./Sidebar.module.css.js";
+const c = l(
+  ({
+    collapsed: r = !1,
+    expandedWidth: t = "240px",
+    collapsedWidth: i = "64px",
+    className: s,
+    children: a,
+    style: d,
+    ...m
+  }, p) => {
+    const f = n(() => ({ collapsed: r }), [r]);
+    return /* @__PURE__ */ e(b.Provider, { value: f, children: /* @__PURE__ */ e(
+      "aside",
+      {
+        ref: p,
+        className: x(o.sidebar, r && o.collapsed, s),
+        style: {
+          "--sb-expanded-width": t,
+          "--sb-collapsed-width": i,
+          ...d
+        },
+        ...m,
+        children: a
+      }
+    ) });
+  }
+);
+c.displayName = "Sidebar";
+export {
+  c as Sidebar
+};

package/dist/components/Sidebar/Sidebar.module.css

@@ -0,0 +1 @@
+._sidebar_ny9ej_1{display:flex;flex-direction:column;width:var(--sb-expanded-width, 240px);height:100%;background-color:var(--st-color-surface);border-right:1px solid var(--st-color-border);transition:width var(--st-transition-slow);overflow:hidden}._collapsed_ny9ej_12{width:var(--sb-collapsed-width, 64px)}

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

@@ -0,0 +1,9 @@
+import './Sidebar.module.css';const s = "_sidebar_ny9ej_1", e = "_collapsed_ny9ej_12", a = {
+  sidebar: s,
+  collapsed: e
+};
+export {
+  e as collapsed,
+  a as default,
+  s as sidebar
+};

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

@@ -0,0 +1,38 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /** Icon-only collapsed mode. */
+    collapsed?: boolean;
+    /** Width when expanded. */
+    expandedWidth?: string;
+    /** Width when collapsed. */
+    collapsedWidth?: string;
+}
+export interface SidebarHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface SidebarContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface SidebarFooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+export interface SidebarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Section label, hidden when collapsed. */
+    label?: string;
+}
+export interface SidebarNavItemProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Icon shown in both expanded and collapsed modes. */
+    icon: ReactNode;
+    /** Nav item label text. */
+    label: string;
+    /** Active/selected state. */
+    active?: boolean;
+    /** Disabled state. */
+    disabled?: boolean;
+    /** Badge content — pill in expanded, dot in collapsed. */
+    badge?: ReactNode;
+    /** Callback when item is selected. */
+    onSelect?: () => void;
+    /** Submenu content — shows chevron + animated panel. */
+    children?: ReactNode;
+}
+export interface SidebarDividerProps extends HTMLAttributes<HTMLDivElement> {
+}
+//# sourceMappingURL=Sidebar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE9E,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG;AAE7E,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,uDAAuD;IACvD,IAAI,EAAE,SAAS,CAAC;IAChB,2BAA2B;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wDAAwD;IACxD,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;CAAG"}

package/dist/components/Sidebar/SidebarContent.d.ts

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

package/dist/components/Sidebar/SidebarContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContent.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarContent.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,eAAO,MAAM,cAAc,gHAM1B,CAAC"}

package/dist/components/Sidebar/SidebarContent.js

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

package/dist/components/Sidebar/SidebarContent.module.css

@@ -0,0 +1 @@
+._content_169ou_1{flex:1;overflow-y:auto;padding:var(--st-space-2) 0}

package/dist/components/Sidebar/SidebarContent.module.css.js

@@ -0,0 +1,7 @@
+import './SidebarContent.module.css';const t = "_content_169ou_1", n = {
+  content: t
+};
+export {
+  t as content,
+  n as default
+};

package/dist/components/Sidebar/SidebarContext.d.ts

@@ -0,0 +1,6 @@
+export interface SidebarContextValue {
+    collapsed: boolean;
+}
+export declare const SidebarContext: import('react').Context<SidebarContextValue | null>;
+export declare function useSidebar(): SidebarContextValue;
+//# sourceMappingURL=SidebarContext.d.ts.map

package/dist/components/Sidebar/SidebarContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarContext.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarContext.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,qDAAkD,CAAC;AAE9E,wBAAgB,UAAU,IAAI,mBAAmB,CAMhD"}

package/dist/components/Sidebar/SidebarContext.js

@@ -0,0 +1,12 @@
+import { createContext as e, useContext as r } from "react";
+const n = e(null);
+function i() {
+  const t = r(n);
+  if (!t)
+    throw new Error("Sidebar components must be used within a <Sidebar>");
+  return t;
+}
+export {
+  n as SidebarContext,
+  i as useSidebar
+};

package/dist/components/Sidebar/SidebarDivider.d.ts

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

package/dist/components/Sidebar/SidebarDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDivider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAG3D,eAAO,MAAM,cAAc,gHAS1B,CAAC"}

package/dist/components/Sidebar/SidebarDivider.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { cn as a } from "../../utils/cn.js";
+import d from "./SidebarDivider.module.css.js";
+const s = m(
+  ({ className: r, ...i }, o) => /* @__PURE__ */ e(
+    "div",
+    {
+      ref: o,
+      role: "separator",
+      className: a(d.divider, r),
+      ...i
+    }
+  )
+);
+s.displayName = "SidebarDivider";
+export {
+  s as SidebarDivider
+};

package/dist/components/Sidebar/SidebarDivider.module.css

@@ -0,0 +1 @@
+._divider_5iz2x_1{height:1px;margin:var(--st-space-2) var(--st-space-4);background-color:var(--st-color-border)}

package/dist/components/Sidebar/SidebarDivider.module.css.js

@@ -0,0 +1,7 @@
+import './SidebarDivider.module.css';const d = "_divider_5iz2x_1", i = {
+  divider: d
+};
+export {
+  i as default,
+  d as divider
+};

package/dist/components/Sidebar/SidebarFooter.d.ts

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

package/dist/components/Sidebar/SidebarFooter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarFooter.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarFooter.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,eAAO,MAAM,aAAa,+GAMzB,CAAC"}

package/dist/components/Sidebar/SidebarFooter.js

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

package/dist/components/Sidebar/SidebarFooter.module.css

@@ -0,0 +1 @@
+._footer_fyf1i_1{flex-shrink:0;padding:var(--st-space-4);border-top:1px solid var(--st-color-border)}

package/dist/components/Sidebar/SidebarFooter.module.css.js

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

package/dist/components/Sidebar/SidebarGroup.d.ts

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

package/dist/components/Sidebar/SidebarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAGzD,eAAO,MAAM,YAAY,8GAaxB,CAAC"}

package/dist/components/Sidebar/SidebarGroup.js

@@ -0,0 +1,18 @@
+import { jsxs as p, jsx as d } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { cn as c } from "../../utils/cn.js";
+import { useSidebar as l } from "./SidebarContext.js";
+import o from "./SidebarGroup.module.css.js";
+const f = t(
+  ({ label: r, className: e, children: s, ...i }, m) => {
+    const { collapsed: a } = l();
+    return /* @__PURE__ */ p("div", { ref: m, className: c(o.group, e), ...i, children: [
+      r && !a && /* @__PURE__ */ d("div", { className: o.label, children: r }),
+      s
+    ] });
+  }
+);
+f.displayName = "SidebarGroup";
+export {
+  f as SidebarGroup
+};

package/dist/components/Sidebar/SidebarGroup.module.css

@@ -0,0 +1 @@
+._group_fob81_1{padding:var(--st-space-2) 0}._label_fob81_5{padding:var(--st-space-2) var(--st-space-4);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);color:var(--st-color-muted);text-transform:uppercase;letter-spacing:.05em}

package/dist/components/Sidebar/SidebarGroup.module.css.js

@@ -0,0 +1,9 @@
+import './SidebarGroup.module.css';const o = "_group_fob81_1", l = "_label_fob81_5", e = {
+  group: o,
+  label: l
+};
+export {
+  e as default,
+  o as group,
+  l as label
+};

package/dist/components/Sidebar/SidebarHeader.d.ts

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

package/dist/components/Sidebar/SidebarHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarHeader.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAG1D,eAAO,MAAM,aAAa,+GAMzB,CAAC"}

package/dist/components/Sidebar/SidebarHeader.js

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

package/dist/components/Sidebar/SidebarHeader.module.css

@@ -0,0 +1 @@
+._header_1j0zq_1{flex-shrink:0;padding:var(--st-space-4);border-bottom:1px solid var(--st-color-border)}

package/dist/components/Sidebar/SidebarHeader.module.css.js

@@ -0,0 +1,7 @@
+import './SidebarHeader.module.css';const e = "_header_1j0zq_1", a = {
+  header: e
+};
+export {
+  a as default,
+  e as header
+};

package/dist/components/Sidebar/SidebarNavItem.d.ts

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

package/dist/components/Sidebar/SidebarNavItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNavItem.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarNavItem.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAiB3D,eAAO,MAAM,cAAc,gHAyE1B,CAAC"}

package/dist/components/Sidebar/SidebarNavItem.js

@@ -0,0 +1,70 @@
+import { jsx as n, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as C, useState as g } from "react";
+import { cn as a } from "../../utils/cn.js";
+import { useSidebar as w } from "./SidebarContext.js";
+import e from "./SidebarNavItem.module.css.js";
+function x() {
+  return /* @__PURE__ */ n("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ n(
+    "path",
+    {
+      d: "M6 4L10 8L6 12",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+const y = C(
+  ({
+    icon: c,
+    label: p,
+    active: d = !1,
+    disabled: t = !1,
+    badge: i,
+    onSelect: r,
+    className: m,
+    children: h,
+    ...u
+  }, N) => {
+    const { collapsed: f } = w(), [o, v] = g(!1), s = !!h, k = () => {
+      t || (s && !f && v((b) => !b), r == null || r());
+    };
+    return f ? /* @__PURE__ */ n("div", { ref: N, className: a(e.wrapper, m), ...u, children: /* @__PURE__ */ l(
+      "button",
+      {
+        type: "button",
+        disabled: t,
+        className: a(e.iconButton, d && e.active),
+        onClick: r,
+        title: p,
+        children: [
+          /* @__PURE__ */ n("span", { className: e.iconSlot, children: c }),
+          i != null && /* @__PURE__ */ n("span", { className: e.badgeDot })
+        ]
+      }
+    ) }) : /* @__PURE__ */ l("div", { ref: N, className: a(e.wrapper, m), ...u, children: [
+      /* @__PURE__ */ l(
+        "button",
+        {
+          type: "button",
+          disabled: t,
+          className: a(e.trigger, d && e.active),
+          onClick: k,
+          "aria-expanded": s ? o : void 0,
+          children: [
+            /* @__PURE__ */ n("span", { className: e.iconSlot, children: c }),
+            /* @__PURE__ */ n("span", { className: e.label, children: p }),
+            i != null && /* @__PURE__ */ n("span", { className: e.badge, children: i }),
+            s && /* @__PURE__ */ n("span", { className: a(e.chevron, o && e.chevronOpen), children: /* @__PURE__ */ n(x, {}) })
+          ]
+        }
+      ),
+      s && /* @__PURE__ */ n("div", { className: a(e.panel, o && e.panelOpen), children: /* @__PURE__ */ n("div", { className: e.panelContent, children: /* @__PURE__ */ n("div", { className: e.panelInner, children: h }) }) })
+    ] });
+  }
+);
+y.displayName = "SidebarNavItem";
+export {
+  y as SidebarNavItem
+};

package/dist/components/Sidebar/SidebarNavItem.module.css

@@ -0,0 +1 @@
+._wrapper_zq08g_1{padding:var(--st-space-1) var(--st-space-3)}._trigger_zq08g_7{display:flex;align-items:center;width:100%;padding:var(--st-space-2) var(--st-space-3);gap:var(--st-space-3);background:transparent;border:none;border-radius:var(--st-radius-full);cursor:pointer;color:var(--st-color-foreground);font-family:var(--st-font-family);font-size:var(--st-font-size-sm);text-align:left;transition:background-color var(--st-transition-fast)}._trigger_zq08g_7:hover:not(:disabled){background-color:var(--st-color-neutral-100)}._trigger_zq08g_7:focus-visible{outline:2px solid var(--st-color-success);outline-offset:-2px}._trigger_zq08g_7:disabled{cursor:not-allowed;opacity:.5}._trigger_zq08g_7._active_zq08g_38{background-color:var(--st-color-success);color:var(--st-color-success-foreground)}._trigger_zq08g_7._active_zq08g_38:hover:not(:disabled){background-color:var(--st-color-success)}._iconSlot_zq08g_49{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px}._label_zq08g_60{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._badge_zq08g_70{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--st-space-2);border-radius:var(--st-radius-full);background-color:var(--st-color-success);color:var(--st-color-success-foreground);font-size:var(--st-font-size-xs);font-weight:var(--st-font-weight-semibold);line-height:1}._trigger_zq08g_7._active_zq08g_38 ._badge_zq08g_70{background-color:var(--st-color-success-foreground);color:var(--st-color-success)}._chevron_zq08g_93{flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:transform var(--st-transition-base)}._chevronOpen_zq08g_101{transform:rotate(90deg)}._panel_zq08g_107{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--st-transition-slow)}._panelOpen_zq08g_113{grid-template-rows:1fr}._panelContent_zq08g_117{overflow:hidden}._panelInner_zq08g_121{padding-left:var(--st-space-6)}._iconButton_zq08g_127{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;background:transparent;border:none;border-radius:var(--st-radius-lg);cursor:pointer;color:var(--st-color-foreground);transition:background-color var(--st-transition-fast)}._iconButton_zq08g_127:hover:not(:disabled){background-color:var(--st-color-neutral-100)}._iconButton_zq08g_127:focus-visible{outline:2px solid var(--st-color-success);outline-offset:-2px}._iconButton_zq08g_127:disabled{cursor:not-allowed;opacity:.5}._iconButton_zq08g_127._active_zq08g_38{background-color:var(--st-color-success);color:var(--st-color-success-foreground)}._iconButton_zq08g_127._active_zq08g_38:hover:not(:disabled){background-color:var(--st-color-success)}._badgeDot_zq08g_168{position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:var(--st-radius-full);background-color:var(--st-color-success)}

package/dist/components/Sidebar/SidebarNavItem.module.css.js

@@ -0,0 +1,33 @@
+import './SidebarNavItem.module.css';const n = "_wrapper_zq08g_1", e = "_trigger_zq08g_7", t = "_active_zq08g_38", _ = "_iconSlot_zq08g_49", o = "_label_zq08g_60", c = "_badge_zq08g_70", a = "_chevron_zq08g_93", g = "_chevronOpen_zq08g_101", p = "_panel_zq08g_107", l = "_panelOpen_zq08g_113", r = "_panelContent_zq08g_117", s = "_panelInner_zq08g_121", q = "_iconButton_zq08g_127", z = "_badgeDot_zq08g_168", i = {
+  wrapper: n,
+  trigger: e,
+  active: t,
+  iconSlot: _,
+  label: o,
+  badge: c,
+  chevron: a,
+  chevronOpen: g,
+  panel: p,
+  panelOpen: l,
+  panelContent: r,
+  panelInner: s,
+  iconButton: q,
+  badgeDot: z
+};
+export {
+  t as active,
+  c as badge,
+  z as badgeDot,
+  a as chevron,
+  g as chevronOpen,
+  i as default,
+  q as iconButton,
+  _ as iconSlot,
+  o as label,
+  p as panel,
+  r as panelContent,
+  s as panelInner,
+  l as panelOpen,
+  e as trigger,
+  n as wrapper
+};

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

@@ -0,0 +1,9 @@
+export { Sidebar } from './Sidebar';
+export { SidebarHeader } from './SidebarHeader';
+export { SidebarContent } from './SidebarContent';
+export { SidebarFooter } from './SidebarFooter';
+export { SidebarGroup } from './SidebarGroup';
+export { SidebarNavItem } from './SidebarNavItem';
+export { SidebarDivider } from './SidebarDivider';
+export type { SidebarProps, SidebarHeaderProps, SidebarContentProps, SidebarFooterProps, SidebarGroupProps, SidebarNavItemProps, SidebarDividerProps, } from './Sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../src/components/Stepper/Stepper.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,YAAY,EAAoB,MAAM,iBAAiB,CAAC;AAGtE,eAAO,MAAM,OAAO,yGAsCnB,CAAC"}