@ck-ui/component-library 0.1.4 → 0.2.0

package/dist/components/GroupedSingleSelect/_helpers/TriggerButton.js

@@ -0,0 +1,59 @@
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { s as e } from "../../../styles.module-DGDgpLAB.js";
+import { Tooltip as p } from "../../Tooltip/index.js";
+import { S as f } from "../../../chevron-down-Cm9R64Fe.js";
+import { useRef as h, useState as u, useLayoutEffect as g } from "react";
+const N = ({
+  open: t,
+  selected: s,
+  placeholder: n,
+  onToggleOpen: c,
+  classNames: a
+}) => {
+  const l = h(null), [i, d] = u(!1);
+  return g(() => {
+    const o = l.current;
+    o && d(o?.scrollWidth > o?.clientWidth);
+  }, [s?.label]), /* @__PURE__ */ m(
+    "button",
+    {
+      className: `${e.trigger} ${t ? e["trigger-open"] : ""} ${a?.dropdownOpenerWrapperClass ?? ""}`,
+      onClick: c,
+      type: "button",
+      children: [
+        s ? i ? /* @__PURE__ */ r(p, { title: s?.label, placement: "bottom", children: /* @__PURE__ */ r(
+          "span",
+          {
+            ref: l,
+            className: `ckds-body-sm-reg ${e["selected-value"]}`,
+            children: s?.label
+          }
+        ) }) : /* @__PURE__ */ r(
+          "span",
+          {
+            ref: l,
+            className: `ckds-body-sm-reg ${e["selected-value"]}`,
+            children: s?.label
+          }
+        ) : /* @__PURE__ */ r(
+          "span",
+          {
+            className: `ckds-body-sm-reg ${e.placeholder} ${a?.placeholderClass ?? ""}`,
+            children: n
+          }
+        ),
+        /* @__PURE__ */ r("div", { className: e["trigger-icons"], children: /* @__PURE__ */ r(
+          f,
+          {
+            className: `${e.chevron} ${t ? e["chevron-up"] : ""}`,
+            width: "14",
+            height: "14"
+          }
+        ) })
+      ]
+    }
+  );
+};
+export {
+  N as default
+};

package/dist/components/GroupedSingleSelect/_types/type.d.ts

@@ -0,0 +1,77 @@
+import { default as React } from 'react';
+export interface SingleSelectGroup {
+    groupLabel: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+interface ClassNames {
+    labelWrapperClass?: string;
+    helperClass?: string;
+    dropdownOpenerWrapperClass?: string;
+    placeholderClass?: string;
+    dividerClass?: string;
+    optionsListWrapperClass?: string;
+    optionRowWrapperClass?: string;
+    optionRowClass?: string;
+    groupWrapperClass?: string;
+    groupLabelClass?: string;
+    footerWrapperClass?: string;
+    clearAllBtnClass?: string;
+    cancelBtnClass?: string;
+    applyBtnClass?: string;
+}
+export interface GroupedSingleSelectProps {
+    label?: string;
+    helperText?: React.ReactNode;
+    required?: boolean;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    groups: SingleSelectGroup[];
+    defaultSelected?: string;
+    onApply: (selected: {
+        value: string;
+        label: string;
+        groupLabel: string;
+    }) => void;
+    onClear?: () => void;
+    classNames?: ClassNames;
+}
+export interface OptionRowProps {
+    value: string;
+    label: string;
+    checked: boolean;
+    onToggle: (value: string, label: string) => void;
+    classNames: ClassNames;
+}
+export interface OptionsListProps {
+    filteredGroups: SingleSelectGroup[];
+    selected: {
+        value: string;
+        label: string;
+    } | null;
+    searchQuery: string;
+    onToggle: (value: string, label: string) => void;
+    classNames: ClassNames;
+}
+export interface TriggerButtonProps {
+    open: boolean;
+    selected: {
+        value: string;
+        label: string;
+    } | null;
+    placeholder: string;
+    onToggleOpen: () => void;
+    classNames: ClassNames;
+}
+export interface DropdownFooterProps {
+    onClear: () => void;
+    onCancel: () => void;
+    onApply: () => void;
+    classNames: ClassNames;
+    isClearDisabled: boolean;
+    isApplyDisabled: boolean;
+}
+export {};
+//# sourceMappingURL=type.d.ts.map

package/dist/components/GroupedSingleSelect/_types/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_types/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE;QACP,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,EAAE,CAAC;CACL;AAED,UAAU,UAAU;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,iBAAiB,EAAE,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,EAAE,CAAC,QAAQ,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;QACd,UAAU,EAAE,MAAM,CAAC;KACpB,KAAK,IAAI,CAAC;IACX,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,gBAAgB;IAC/B,cAAc,EAAE,iBAAiB,EAAE,CAAC;IACpC,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAC;IAClD,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,UAAU,CAAC;CACxB;AAED,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,OAAO,CAAC;CAC1B"}

package/dist/components/GroupedSingleSelect/_types/type.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,3 @@
+import { SingleSelectGroup } from '../_types/type';
+export declare function filterSeachedGroups(groups: SingleSelectGroup[], query: string): SingleSelectGroup[];
+//# sourceMappingURL=filterSeachedGroups.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"filterSeachedGroups.d.ts","sourceRoot":"","sources":["../../../../lib/components/GroupedSingleSelect/_utils/filterSeachedGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,wBAAgB,mBAAmB,CACjC,MAAM,EAAE,iBAAiB,EAAE,EAC3B,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAWrB"}

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

@@ -0,0 +1,12 @@
+function n(t, r) {
+  const o = r?.trim()?.toLowerCase();
+  return o ? t?.map((e) => ({
+    ...e,
+    options: e?.options?.filter(
+      (i) => i?.label?.toLowerCase()?.includes(o)
+    )
+  }))?.filter((e) => e?.options?.length > 0) : t;
+}
+export {
+  n as filterSeachedGroups
+};

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;AAGvB,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,2CAuI1B"}

package/dist/components/GroupedSingleSelect/index.js

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