@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/components/GroupedSingleSelect/_utils/getDefaultSelected.d.ts

@@ -0,0 +1,6 @@
+import { SingleSelectGroup } from '../_types/type';
+export declare function getDefaultSelected(groups: SingleSelectGroup[], defaultSelected?: string): {
+    value: string;
+    label: string;
+} | null;
+//# sourceMappingURL=getDefaultSelected.d.ts.map

package/dist/components/GroupedSingleSelect/_utils/getDefaultSelected.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getDefaultSelected.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_utils/getDefaultSelected.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,kBAAkB,CAChC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,eAAe,CAAC,EAAE,MAAM,GACvB;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAOzC"}

package/dist/components/GroupedSingleSelect/_utils/getDefaultSelected.js

@@ -0,0 +1,11 @@
+function u(e, n) {
+  if (!n) return null;
+  for (const o of e) {
+    const l = o?.options?.find((t) => t?.value === n);
+    if (l) return { value: l?.value, label: l?.label };
+  }
+  return null;
+}
+export {
+  u as getDefaultSelected
+};

package/dist/components/GroupedSingleSelect/data.d.ts

@@ -0,0 +1,8 @@
+export declare const sampleGroups: {
+    groupLabel: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}[];
+//# sourceMappingURL=data.d.ts.map

package/dist/components/GroupedSingleSelect/data.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedSingleSelect/data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;GAyBxB,CAAC"}

package/dist/components/GroupedSingleSelect/data.js

@@ -0,0 +1,29 @@
+const l = [
+  {
+    groupLabel: "Group A",
+    options: [
+      { value: "a1", label: "Option 1" },
+      { value: "a2", label: "Option 2" },
+      { value: "a3", label: "Option 3" }
+    ]
+  },
+  {
+    groupLabel: "Group B",
+    options: [
+      { value: "b1", label: "Option 4" },
+      { value: "b2", label: "Option 5" },
+      { value: "b3", label: "Option 6" }
+    ]
+  },
+  {
+    groupLabel: "Group C",
+    options: [
+      { value: "c1", label: "Option 7" },
+      { value: "c2", label: "Option 8" },
+      { value: "c3", label: "Option 9" }
+    ]
+  }
+];
+export {
+  l as sampleGroups
+};

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

@@ -0,0 +1,4 @@
+import { GroupedSingleSelectProps } from './_types/type';
+export type { SingleSelectGroup, GroupedSingleSelectProps, } from './_types/type';
+export declare function GroupedSingleSelect({ label, helperText, required, placeholder, searchPlaceholder, groups, defaultSelected, onApply, onClear, classNames, }: GroupedSingleSelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/GroupedSingleSelect/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAC9D,YAAY,EACV,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,eAAe,CAAC;AAIvB,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,UAAU,EACV,QAAQ,EACR,WAA6B,EAC7B,iBAA4B,EAC5B,MAAM,EACN,eAAe,EACf,OAAO,EACP,OAAO,EACP,UAAe,GAChB,EAAE,wBAAwB,2CAgJ1B"}

package/dist/components/GroupedSingleSelect/index.js

@@ -0,0 +1,138 @@
+import { jsxs as d, jsx as l } from "react/jsx-runtime";
+import { useState as m, useRef as B, useEffect as F, useMemo as M, useCallback as t } from "react";
+import { s as n } from "../../styles.module-DGDgpLAB.js";
+import { Search as W } from "../Search/index.js";
+import H from "./_helpers/TriggerButton.js";
+import J from "./_helpers/OptionsList.js";
+import K from "./_helpers/DropdownFooter.js";
+import { filterSeachedGroups as P } from "./_utils/filterSeachedGroups.js";
+import { getDefaultSelected as U } from "./_utils/getDefaultSelected.js";
+import { S as V } from "../../info-icon-ooYw3va_.js";
+import { mergeClasses as x } from "../../utils/mergeClasses.js";
+function ae({
+  label: v,
+  helperText: y,
+  required: L,
+  placeholder: D = "Choose option",
+  searchPlaceholder: k = "Search",
+  groups: a,
+  defaultSelected: N,
+  onApply: h,
+  onClear: S,
+  classNames: i = {}
+}) {
+  const { labelWrapperClass: O, helperClass: T } = i, [f, s] = m(!1), [p, o] = m(""), b = () => U(a, N), [u, w] = m(b), [r, g] = m(b), C = B(null);
+  F(() => {
+    const e = (c) => {
+      C?.current && !C?.current?.contains(c.target) && (s(!1), o(""));
+    };
+    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+  }, []);
+  const E = M(
+    () => P(a, p),
+    [a, p]
+  ), G = t((e, c) => {
+    g({ value: e, label: c });
+  }, []), j = t(() => {
+    S?.(), g(null);
+  }, [S]), I = t(() => {
+    if (!r) {
+      h({ value: "", label: "", groupLabel: "" }), w(r), s(!1), o("");
+      return;
+    }
+    const e = a?.find(
+      (c) => c?.options?.some((A) => A?.value === r?.value)
+    );
+    h({ ...r, groupLabel: e?.groupLabel ?? "" }), w(r), s(!1), o("");
+  }, [a, r, h]), Q = t(() => {
+    o(""), g(u), s(!1);
+  }, [u]), R = t(() => {
+    s((e) => !e), o("");
+  }, []), q = t((e) => {
+    o(e);
+  }, []), z = t(() => {
+    o("");
+  }, []);
+  return /* @__PURE__ */ d("div", { className: n.wrapper, ref: C, children: [
+    v && /* @__PURE__ */ d(
+      "span",
+      {
+        className: x(
+          "ckds-body-xs-med",
+          n["label-wrapper"],
+          O ?? ""
+        ),
+        children: [
+          v,
+          L && /* @__PURE__ */ l("span", { className: n.required, children: " *" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ l(
+        H,
+        {
+          open: f,
+          selected: u,
+          placeholder: D,
+          onToggleOpen: R,
+          classNames: i
+        }
+      ),
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: x(
+            "ckds-body-xs-reg",
+            n["helper-text"],
+            f ? n["helper-hide"] : "",
+            T ?? ""
+          ),
+          children: [
+            /* @__PURE__ */ l(V, { width: "12", height: "12" }),
+            " ",
+            y
+          ]
+        }
+      )
+    ] }),
+    f && /* @__PURE__ */ d("div", { className: n.dropdown, children: [
+      /* @__PURE__ */ l(
+        W,
+        {
+          size: "medium",
+          value: p,
+          placeholder: k,
+          onChange: q,
+          onClear: z,
+          wrapperClassName: "",
+          inputClassName: ""
+        }
+      ),
+      /* @__PURE__ */ l(
+        J,
+        {
+          filteredGroups: E,
+          selected: r,
+          searchQuery: p,
+          onToggle: G,
+          classNames: i
+        }
+      ),
+      /* @__PURE__ */ l(
+        K,
+        {
+          onClear: j,
+          onCancel: Q,
+          onApply: I,
+          classNames: i,
+          isClearDisabled: !r?.value,
+          isApplyDisabled: u?.value !== r?.value
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ae as GroupedSingleSelect
+};

package/dist/components/IconButton/_types/iconButton.type.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode, MouseEvent, KeyboardEvent } from 'react';
+export type IconButtonSize = "small" | "medium" | "large";
+export type IconButtonVariant = "primary" | "secondary";
+export type IconButtonState = "default" | "hover" | "selected" | "disabled";
+export interface IconButtonProps {
+    icon: ReactNode;
+    "aria-label": string;
+    variant?: IconButtonVariant;
+    size?: IconButtonSize;
+    isSelected?: boolean;
+    disabled?: boolean;
+    className?: string;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+    onKeyDown?: (event: KeyboardEvent<HTMLButtonElement>) => void;
+    type?: "button" | "submit" | "reset";
+    "data-testid"?: string;
+}
+//# sourceMappingURL=iconButton.type.d.ts.map

package/dist/components/IconButton/_types/iconButton.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconButton.type.d.ts","sourceRoot":"","sources":["../../../../lib/components/IconButton/_types/iconButton.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGlE,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAG1D,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,WAAW,CAAC;AAGxD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;AAG5E,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,SAAS,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;IACrC,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/dist/components/IconButton/_types/iconButton.type.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { IconButtonProps } from './_types/iconButton.type';
+export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/IconButton/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAGV,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAgBlC,eAAO,MAAM,UAAU,+GAuCtB,CAAC"}

package/dist/components/IconButton/index.js

@@ -0,0 +1,59 @@
+import { jsx as a } from "react/jsx-runtime";
+import * as e from "react";
+import { forwardRef as _ } from "react";
+import { mergeClasses as h } from "../../utils/mergeClasses.js";
+import '../../assets/index-BpRKr5z7.css';const k = "_small_xhmdw_25", w = "_medium_xhmdw_38", g = "_large_xhmdw_51", y = "_primary_xhmdw_64", x = "_selected_xhmdw_73", L = "_secondary_xhmdw_85", t = {
+  "ckds-icon-button": "_ckds-icon-button_xhmdw_1",
+  small: k,
+  medium: w,
+  large: g,
+  primary: y,
+  selected: x,
+  secondary: L
+}, f = (o) => /* @__PURE__ */ e.createElement("svg", { width: 8, height: 8, viewBox: "0 0 8 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_1371_792)" }, /* @__PURE__ */ e.createElement("path", { d: "M7 3V1H5", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M1 5V7H3", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M7 1L4.5 3.5", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M3.5 4.5L1 7", stroke: "currentColor", strokeWidth: 0.64, strokeLinecap: "round", strokeLinejoin: "round" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_1371_792" }, /* @__PURE__ */ e.createElement("rect", { width: 8, height: 8, fill: "white" })))), E = {
+  small: t.small,
+  medium: t.medium,
+  large: t.large
+}, C = {
+  primary: t.primary,
+  secondary: t.secondary
+}, b = _(
+  ({
+    variant: o = "primary",
+    size: l = "small",
+    icon: n,
+    isSelected: s = !1,
+    disabled: r = !1,
+    className: c,
+    onClick: i,
+    type: m = "button",
+    "aria-label": d
+  }, p) => {
+    const u = h(
+      t["ckds-icon-button"],
+      E[l],
+      C[o],
+      s && t.selected,
+      r && t.disabled,
+      c
+    );
+    return /* @__PURE__ */ a(
+      "button",
+      {
+        ref: p,
+        type: m,
+        disabled: r,
+        "aria-label": d,
+        "aria-pressed": s,
+        "aria-disabled": r,
+        onClick: r ? void 0 : i,
+        className: u,
+        children: n || /* @__PURE__ */ a(f, {})
+      }
+    );
+  }
+);
+b.displayName = "IconButton";
+export {
+  b as IconButton
+};

package/dist/components/Input/index.js

@@ -1,9 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
-import '../../assets/index3.css';const r = {};
-function c(t) {
-  const { className: s, ...n } = t;
-  return /* @__PURE__ */ o("input", { className: `${s} ${r.button}`, ...n });
+import { jsx as p } from "react/jsx-runtime";
+import '../../assets/index-C7wPc9Eh.css';const o = "_input_zg0ml_1", u = {
+  input: o
+};
+function r(t) {
+  const { className: n, ...s } = t;
+  return /* @__PURE__ */ p("input", { className: `${n} ${u.input}`, ...s });
 }
 export {
-  c as Input
+  r as Input
 };

package/dist/components/MenuOptions/MenuOptionsWrapper.d.ts

@@ -0,0 +1,6 @@
+export interface MenuOptionsWrapperProps {
+    className?: string;
+    children?: React.ReactNode;
+}
+export declare function MenuOptionsWrapper({ className, children, }: MenuOptionsWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuOptionsWrapper.d.ts.map

package/dist/components/MenuOptions/MenuOptionsWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuOptionsWrapper.d.ts","sourceRoot":"","sources":["../../../lib/components/MenuOptions/MenuOptionsWrapper.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,uBAAuB;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,kBAAkB,CAAC,EACjC,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,2CASzB"}

package/dist/components/MenuOptions/MenuOptionsWrapper.js

@@ -0,0 +1,19 @@
+import { jsx as s } from "react/jsx-runtime";
+import { s as m } from "../../styles.module-B5fY7mP8.js";
+import { mergeClasses as o } from "../../utils/mergeClasses.js";
+function a({
+  className: e,
+  children: r
+}) {
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      tabIndex: -1,
+      className: o(m["ckds-menu-panel"], e),
+      children: r
+    }
+  );
+}
+export {
+  a as MenuOptionsWrapper
+};

package/dist/components/MenuOptions/_helpers/MenuItem.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemProps } from '../_types/menuOptions.types';
+export declare function MenuItem({ item, onClose, selectedKey, onSelect, activeSubmenuKey, onSubmenuActivate, }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MenuItem.d.ts.map

package/dist/components/MenuOptions/_helpers/MenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_helpers/MenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AASjE,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAO,EACP,WAAW,EACX,QAAQ,EACR,gBAAgB,EAChB,iBAAiB,GAClB,EAAE,aAAa,2CAsIf"}

package/dist/components/MenuOptions/_helpers/MenuItem.js

@@ -0,0 +1,13 @@
+import "react/jsx-runtime";
+import "react";
+import "../../../styles.module-B5fY7mP8.js";
+import "../../../utils/mergeClasses.js";
+import { M as s } from "../../../MenuItem-DlaRT10y.js";
+import "../../../chevron-down-Cm9R64Fe.js";
+import "../../Tooltip/index.js";
+import "../_utils/computeSubmenuPosition.js";
+import "../_utils/getMenuItemActiveState.js";
+import "../_utils/getIconStrokeColor.js";
+export {
+  s as MenuItem
+};

package/dist/components/MenuOptions/_helpers/RadioMenuItem.d.ts

@@ -0,0 +1,3 @@
+import { RadioMenuItemProps } from '../_types/menuOptions.types';
+export declare function RadioMenuItem({ item, checked, onSelect }: RadioMenuItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RadioMenuItem.d.ts.map

package/dist/components/MenuOptions/_helpers/RadioMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioMenuItem.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_helpers/RadioMenuItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAKtE,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,kBAAkB,2CA2C5E"}

package/dist/components/MenuOptions/_helpers/RadioMenuItem.js

@@ -0,0 +1,46 @@
+import { jsxs as n, jsx as d } from "react/jsx-runtime";
+import { useState as m, useRef as c, useEffect as u } from "react";
+import { s } from "../../../styles.module-B5fY7mP8.js";
+import { mergeClasses as f } from "../../../utils/mergeClasses.js";
+import { Tooltip as b } from "../../Tooltip/index.js";
+import { RadioButton as p } from "../../RadioButton/index.js";
+function I({ item: e, checked: a, onSelect: i }) {
+  const [t, o] = m(!1), r = c(null);
+  return u(() => {
+    const l = r.current;
+    l && o(l.scrollWidth > l.clientWidth);
+  }, [e.label]), /* @__PURE__ */ n(
+    "div",
+    {
+      role: "menuitemradio",
+      "aria-checked": a,
+      tabIndex: e.disabled ? -1 : 0,
+      className: f(
+        "ckds-body-sm-med",
+        s["ckds-menu-item"],
+        e.disabled && s["menu-item-disabled"],
+        a && s["menu-item-active"]
+      ),
+      onClick: () => !e.disabled && i(e.key),
+      onKeyDown: (l) => {
+        (l.key === "Enter" || l.key === " ") && !e.disabled && (l.preventDefault(), i(e.key));
+      },
+      children: [
+        /* @__PURE__ */ d(
+          p,
+          {
+            selected: a,
+            disabled: e.disabled,
+            radioSize: "small",
+            className: s["menu-item-radio"],
+            "aria-hidden": "true"
+          }
+        ),
+        /* @__PURE__ */ d(b, { title: t ? e.label : "", placement: "top", children: /* @__PURE__ */ d("span", { ref: r, className: s["menu-item-label"], children: e.label }) })
+      ]
+    }
+  );
+}
+export {
+  I as RadioMenuItem
+};

package/dist/components/MenuOptions/_helpers/SubMenu.d.ts

@@ -0,0 +1,21 @@
+import { MenuOptionItem } from '../_types/menuOptions.types';
+interface SubMenuProps {
+    parentKey: string;
+    items: MenuOptionItem[];
+    position: {
+        top: number;
+        left?: number;
+        right?: number;
+    };
+    selectedKey?: string;
+    onSelect?: (key: string) => void;
+    onClose: () => void;
+}
+/**
+ * Submenu panel — depth is always 1 (no further nesting).
+ * Each sub-item key is namespaced as `parentKey__subKey` so the parent
+ * can detect when one of its children is selected.
+ */
+export declare function SubMenu({ parentKey, items, position, selectedKey, onSelect, onClose, }: SubMenuProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubMenu.d.ts.map

package/dist/components/MenuOptions/_helpers/SubMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubMenu.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_helpers/SubMenu.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAGlE,UAAU,YAAY;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,QAAQ,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,OAAO,CAAC,EACtB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,QAAQ,EACR,OAAO,GACR,EAAE,YAAY,2CA4Bd"}

package/dist/components/MenuOptions/_helpers/SubMenu.js

@@ -0,0 +1,6 @@
+import "react/jsx-runtime";
+import "../../../styles.module-B5fY7mP8.js";
+import { S as t } from "../../../MenuItem-DlaRT10y.js";
+export {
+  t as SubMenu
+};

package/dist/components/MenuOptions/_types/menuOptions.types.d.ts

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+export interface MenuOptionItem {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    defaultColor?: string;
+    activeColor?: string;
+    disabledColor?: string;
+    rightSlot?: React.ReactNode;
+    disabled?: boolean;
+    subItems?: MenuOptionItem[];
+    onClick?: (item: MenuOptionItem) => void;
+}
+export interface MenuCategory {
+    type?: "default" | "radio";
+    items: MenuOptionItem[];
+}
+export type MenuCategoriesData = Record<string, MenuCategory>;
+export interface MenuOptionsProps {
+    categories: MenuCategoriesData;
+    open: boolean;
+    onClose: () => void;
+    btnRef?: HTMLElement | null;
+    parentRef?: HTMLElement | null;
+    classname?: string;
+    selectedKey?: string;
+    onSelect?: (key: string) => void;
+    selectedRadioValues?: Record<string, string>;
+    onRadioChange?: (categoryKey: string, itemKey: string) => void;
+    activeSubmenuKey?: string;
+    setActiveSubmenuKey?: (key: string) => void;
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    searchDebounceMs?: number;
+}
+export interface MenuItemProps {
+    item: MenuOptionItem;
+    onClose: () => void;
+    selectedKey?: string;
+    onSelect?: (key: string) => void;
+    activeSubmenuKey?: string;
+    onSubmenuActivate?: (key: string) => void;
+}
+export interface RadioMenuItemProps {
+    item: MenuOptionItem;
+    checked: boolean;
+    onSelect: (key: string) => void;
+}
+//# sourceMappingURL=menuOptions.types.d.ts.map

package/dist/components/MenuOptions/_types/menuOptions.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuOptions.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_types/menuOptions.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC3B,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;AAED,MAAM,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;AAE9D,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,kBAAkB,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC5B,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC7C,aAAa,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mBAAmB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC"}

package/dist/components/MenuOptions/_types/menuOptions.types.js

@@ -0,0 +1 @@
+

package/dist/components/MenuOptions/_utils/computeMenuPosition.d.ts

@@ -0,0 +1,12 @@
+export type MenuPosition = {
+    top: number;
+    left?: number;
+    right?: number;
+};
+/**
+ * Computes the fixed position for the menu panel relative to its trigger button.
+ * Flips vertically if there is not enough space below, and horizontally if the
+ * panel would overflow the right edge of the boundary.
+ */
+export declare function computeMenuPosition(btnRef: HTMLElement, totalItems: number, parentRef?: HTMLElement | null): MenuPosition;
+//# sourceMappingURL=computeMenuPosition.d.ts.map

package/dist/components/MenuOptions/_utils/computeMenuPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeMenuPosition.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_utils/computeMenuPosition.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAW1E;;;;GAIG;AACH,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,WAAW,EACnB,UAAU,EAAE,MAAM,EAClB,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,GAC7B,YAAY,CAsBd"}

package/dist/components/MenuOptions/_utils/computeMenuPosition.js

@@ -0,0 +1,14 @@
+function G(i) {
+  return i ? i.getBoundingClientRect() : new DOMRect(0, 0, window.innerWidth, window.innerHeight);
+}
+function g(i, r, c) {
+  const n = i.getBoundingClientRect(), o = G(c), e = Math.min(
+    r * 32 + 16,
+    o.height - 16
+  );
+  let t = n.bottom + 4;
+  return t + e > o.bottom - 8 && (t = n.top - e - 4), t < o.top + 8 && (t = o.top + 8), n.left + 238 > o.right - 8 ? { top: t, right: window.innerWidth - n.right } : { top: t, left: n.left };
+}
+export {
+  g as computeMenuPosition
+};

package/dist/components/MenuOptions/_utils/computeSubmenuPosition.d.ts

@@ -0,0 +1,12 @@
+export type SubmenuPosition = {
+    top: number;
+    left?: number;
+    right?: number;
+};
+/**
+ * Computes the fixed position for a submenu panel relative to its parent menu item.
+ * Opens to the right by default; flips left if it would overflow the viewport.
+ * Clamps vertically so the panel stays within the viewport.
+ */
+export declare function computeSubmenuPosition(itemRect: DOMRect, subItemCount: number): SubmenuPosition;
+//# sourceMappingURL=computeSubmenuPosition.d.ts.map

package/dist/components/MenuOptions/_utils/computeSubmenuPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"computeSubmenuPosition.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_utils/computeSubmenuPosition.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAM7E;;;;GAIG;AACH,wBAAgB,sBAAsB,CACpC,QAAQ,EAAE,OAAO,EACjB,YAAY,EAAE,MAAM,GACnB,eAAe,CAiBjB"}

package/dist/components/MenuOptions/_utils/computeSubmenuPosition.js

@@ -0,0 +1,8 @@
+function N(t, i) {
+  const E = window.innerWidth, o = window.innerHeight, G = Math.min(i * 32 + 16, o - 16);
+  let n = t.top;
+  return n + G > o - 8 && (n = o - G - 8), n < 8 && (n = 8), t.right + 12 + 238 > E - 8 ? { top: n, right: E - t.left + 12 } : { top: n, left: t.right + 12 };
+}
+export {
+  N as computeSubmenuPosition
+};

package/dist/components/MenuOptions/_utils/filterMenuCategories.d.ts

@@ -0,0 +1,9 @@
+import { MenuCategoriesData } from '../_types/menuOptions.types';
+/**
+ * Filters menu categories by a search query against item labels.
+ * - If a parent label matches, it is included with all its children.
+ * - If only a child label matches, the parent is still included so the submenu is reachable.
+ * - Returns the original categories object unchanged when query is empty.
+ */
+export declare function filterMenuCategories(categories: MenuCategoriesData, query: string): MenuCategoriesData;
+//# sourceMappingURL=filterMenuCategories.d.ts.map

package/dist/components/MenuOptions/_utils/filterMenuCategories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterMenuCategories.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_utils/filterMenuCategories.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,kBAAkB,EAEnB,MAAM,6BAA6B,CAAC;AAErC;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,kBAAkB,EAC9B,KAAK,EAAE,MAAM,GACZ,kBAAkB,CAgBpB"}

package/dist/components/MenuOptions/_utils/filterMenuCategories.js

@@ -0,0 +1,13 @@
+function l(o, c) {
+  const s = c.trim().toLowerCase();
+  if (!s) return o;
+  const i = (e) => e.label.toLowerCase().includes(s) || !!e.subItems?.some((t) => t.label.toLowerCase().includes(s)), r = {};
+  for (const [e, t] of Object.entries(o)) {
+    const n = t.items.filter(i);
+    n.length > 0 && (r[e] = { ...t, items: n });
+  }
+  return r;
+}
+export {
+  l as filterMenuCategories
+};

package/dist/components/MenuOptions/_utils/getIconStrokeColor.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Returns the CSS color value to use for a menu item's icon stroke.
+ * Falls back to CSS variable references so the value stays in sync with theming.
+ */
+export declare function getIconStrokeColor(isActive: boolean, isHovered: boolean, activeColor?: string, defaultColor?: string): string;
+//# sourceMappingURL=getIconStrokeColor.d.ts.map

package/dist/components/MenuOptions/_utils/getIconStrokeColor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"getIconStrokeColor.d.ts","sourceRoot":"","sources":["../../../../lib/components/MenuOptions/_utils/getIconStrokeColor.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,QAAQ,EAAE,OAAO,EACjB,SAAS,EAAE,OAAO,EAClB,WAAW,CAAC,EAAE,MAAM,EACpB,YAAY,CAAC,EAAE,MAAM,GACpB,MAAM,CAGR"}

package/dist/components/MenuOptions/_utils/getIconStrokeColor.js

@@ -0,0 +1,6 @@
+function n(r, o, t, e) {
+  return r || o ? t ?? "var(--primary-600)" : e ?? "var(--black-500)";
+}
+export {
+  n as getIconStrokeColor
+};