@ck-ui/component-library 0.1.4 → 0.2.0

package/dist/main.js

@@ -1,18 +1,461 @@
-import { Button as e } from "./components/Button/index.js";
-import { Input as p } from "./components/Input/index.js";
-import { Label as m } from "./components/Label/index.js";
-import { Tag as h } from "./components/Tag/index.js";
-import { Switch as T } from "./components/Switch/index.js";
-import { Checkbox as b } from "./components/Checkbox/index.js";
-import { CopyText as i } from "./components/Copy/index.js";
-import { CKThemeProvider as u } from "./theme/Theme.js";
+import { Button as I } from "./components/Button/index.js";
+import { Avatar as q } from "./components/Avatar/index.js";
+import { CKButton as F } from "./components/CKButton/index.js";
+import { IconButton as X } from "./components/IconButton/index.js";
+import { Stepper as J } from "./components/Stepper/index.js";
+import { Input as Z } from "./components/Input/index.js";
+import { Label as ce } from "./components/Label/index.js";
+import { Tag as se } from "./components/Tag/index.js";
+import { Switch as ae } from "./components/Switch/index.js";
+import { Checkbox as te } from "./components/Checkbox/index.js";
+import { CopyText as de } from "./components/Copy/index.js";
+import { jsxs as r, jsx as l } from "react/jsx-runtime";
+import { useState as p, useEffect as k } from "react";
+import { Tooltip as ne } from "./components/Tooltip/index.js";
+import { Toggle as ke } from "./components/Toggle/index.js";
+import { CKTag as ge } from "./components/CKTag/index.js";
+import { CKCheckbox as ye } from "./components/CKCheckbox/index.js";
+import { Tabs as fe } from "./components/Tab/index.js";
+import { ToastContent as ve } from "./components/Toast/_helper/ToastContent.js";
+import { ToastProvider as Ne } from "./components/Toast/_helper/ToastProvider.js";
+import { useToast as Ce } from "./components/Toast/_hooks/useToast.js";
+import { EmptyState as Se } from "./components/EmptyState/index.js";
+import { RadioButton as Be } from "./components/RadioButton/index.js";
+import { ErrorPage as Ge } from "./components/ErrorPage/index.js";
+import { Search as Me } from "./components/Search/index.js";
+import { SingleSelectDropdown as Pe } from "./components/SingleSelectDropdown/index.js";
+import { Breadcrumb as Ke } from "./components/Breadcrumb/index.js";
+import { DeviationTag as je } from "./components/DeviationTag/index.js";
+import { GroupedMultiSelect as De } from "./components/GroupedMultiSelect/index.js";
+import { GroupedSingleSelect as Ie } from "./components/GroupedSingleSelect/index.js";
+import { MenuOptions as qe } from "./components/MenuOptions/index.js";
+import { TextField as Fe } from "./components/TextField/index.js";
+import { MetricCard as Xe } from "./components/MetricCards/index.js";
+import { CardBox as Je } from "./components/CardBox/index.js";
+import { CKThemeProvider as Ze } from "./theme/Theme.js";
+import { MenuOptionsWrapper as cc } from "./components/MenuOptions/MenuOptionsWrapper.js";
+import './assets/main-3OqLSdPm.css';const b = "_showcase_97m56_1", g = "_title_97m56_8", h = "_lead_97m56_15", y = "_section_97m56_22", u = "_sectionTitle_97m56_26", f = "_subtle_97m56_35", x = "_grid_97m56_42", v = "_varRow_97m56_48", _ = "_varName_97m56_58", N = "_varValue_97m56_65", w = "_colorChip_97m56_71", C = "_swatch_97m56_79", T = "_swatchTop_97m56_85", S = "_swatchLabel_97m56_92", $ = "_typographyRow_97m56_102", B = "_typographyMeta_97m56_116", R = "_typographyClass_97m56_121", G = "_typographyGroupTitle_97m56_128", V = "_fsSample_97m56_135", c = {
+  showcase: b,
+  title: g,
+  lead: h,
+  section: y,
+  sectionTitle: u,
+  subtle: f,
+  grid: x,
+  varRow: v,
+  varName: _,
+  varValue: N,
+  colorChip: w,
+  swatch: C,
+  swatchTop: T,
+  swatchLabel: S,
+  typographyRow: $,
+  typographyMeta: B,
+  typographyClass: R,
+  typographyGroupTitle: G,
+  fsSample: V
+}, m = [
+  {
+    title: "Primary",
+    variables: [
+      "--ckcl-primary-600",
+      "--ckcl-primary-500",
+      "--ckcl-primary-400",
+      "--ckcl-primary-300",
+      "--ckcl-primary-200",
+      "--ckcl-primary-100",
+      "--ckcl-primary-80",
+      "--ckcl-primary-50"
+    ]
+  },
+  {
+    title: "Neutral (black scale)",
+    variables: [
+      "--ckcl-black-600",
+      "--ckcl-black-500",
+      "--ckcl-black-400",
+      "--ckcl-black-350",
+      "--ckcl-black-300",
+      "--ckcl-black-200",
+      "--ckcl-black-100",
+      "--ckcl-black-50"
+    ]
+  },
+  {
+    title: "White",
+    variables: ["--ckcl-white"]
+  },
+  {
+    title: "Red (error)",
+    variables: [
+      "--ckcl-red-600",
+      "--ckcl-red-500",
+      "--ckcl-red-400",
+      "--ckcl-red-300",
+      "--ckcl-red-200",
+      "--ckcl-red-100",
+      "--ckcl-red-50"
+    ]
+  },
+  {
+    title: "Yellow (warning)",
+    variables: [
+      "--ckcl-yellow-600",
+      "--ckcl-yellow-500",
+      "--ckcl-yellow-400",
+      "--ckcl-yellow-300",
+      "--ckcl-yellow-200",
+      "--ckcl-yellow-100",
+      "--ckcl-yellow-50"
+    ]
+  },
+  {
+    title: "Green (success)",
+    variables: [
+      "--ckcl-green-600",
+      "--ckcl-green-500",
+      "--ckcl-green-400",
+      "--ckcl-green-300",
+      "--ckcl-green-200",
+      "--ckcl-green-100",
+      "--ckcl-green-50"
+    ]
+  },
+  {
+    title: "Typography",
+    variables: [
+      "--ckcl-font-family-base",
+      "--ckcl-fs-3xs",
+      "--ckcl-fs-2xs",
+      "--ckcl-fs-xs",
+      "--ckcl-fs-sm",
+      "--ckcl-fs-md",
+      "--ckcl-fs-lg",
+      "--ckcl-fs-xl",
+      "--ckcl-font-weight-regular",
+      "--ckcl-font-weight-medium",
+      "--ckcl-font-weight-semibold",
+      "--ckcl-font-weight-bold",
+      "--ckcl-leading-xs",
+      "--ckcl-leading-sm",
+      "--ckcl-leading-md",
+      "--ckcl-leading-lg",
+      "--ckcl-leading-xl",
+      "--ckcl-leading-2xl"
+    ]
+  },
+  {
+    title: "Spacing",
+    variables: [
+      "--ckcl-spacing-2xs",
+      "--ckcl-spacing-xs",
+      "--ckcl-spacing-sm",
+      "--ckcl-spacing-md",
+      "--ckcl-spacing-slg",
+      "--ckcl-spacing-lg",
+      "--ckcl-spacing-xl",
+      "--ckcl-spacing-2xl",
+      "--ckcl-spacing-3xl"
+    ]
+  },
+  {
+    title: "Tag",
+    variables: [
+      "--ckcl-tag-neutral-bg",
+      "--ckcl-tag-neutral-border",
+      "--ckcl-tag-error-bg",
+      "--ckcl-tag-error-border",
+      "--ckcl-tag-success-bg",
+      "--ckcl-tag-success-border",
+      "--ckcl-tag-inprogress-bg",
+      "--ckcl-tag-inprogress-border",
+      "--ckcl-tag-alert-bg",
+      "--ckcl-tag-alert-border"
+    ]
+  }
+], M = [
+  "ckcl-primary-bg-600",
+  "ckcl-primary-bg-500",
+  "ckcl-primary-bg-400",
+  "ckcl-primary-bg-300",
+  "ckcl-primary-bg-200",
+  "ckcl-primary-bg-100",
+  "ckcl-primary-bg-50",
+  "ckcl-black-bg-600",
+  "ckcl-black-bg-500",
+  "ckcl-black-bg-400",
+  "ckcl-black-bg-300",
+  "ckcl-black-bg-200",
+  "ckcl-black-bg-100",
+  "ckcl-black-bg-50",
+  "ckcl-red-bg-600",
+  "ckcl-red-bg-500",
+  "ckcl-red-bg-400",
+  "ckcl-red-bg-300",
+  "ckcl-red-bg-200",
+  "ckcl-red-bg-100",
+  "ckcl-red-bg-50",
+  "ckcl-yellow-bg-600",
+  "ckcl-yellow-bg-500",
+  "ckcl-yellow-bg-400",
+  "ckcl-yellow-bg-300",
+  "ckcl-yellow-bg-200",
+  "ckcl-yellow-bg-100",
+  "ckcl-yellow-bg-50",
+  "ckcl-green-bg-600",
+  "ckcl-green-bg-500",
+  "ckcl-green-bg-400",
+  "ckcl-green-bg-300",
+  "ckcl-green-bg-200",
+  "ckcl-green-bg-100",
+  "ckcl-green-bg-50"
+], L = [
+  "ckcl-primary-600",
+  "ckcl-primary-500",
+  "ckcl-primary-400",
+  "ckcl-primary-300",
+  "ckcl-primary-200",
+  "ckcl-primary-100",
+  "ckcl-black-500",
+  "ckcl-black-400",
+  "ckcl-black-300",
+  "ckcl-black-200",
+  "ckcl-black-100",
+  "ckcl-white",
+  "ckcl-red-500",
+  "ckcl-red-400",
+  "ckcl-red-300",
+  "ckcl-red-200",
+  "ckcl-red-100",
+  "ckcl-yellow-500",
+  "ckcl-yellow-400",
+  "ckcl-yellow-300",
+  "ckcl-yellow-200",
+  "ckcl-yellow-100",
+  "ckcl-green-500",
+  "ckcl-green-400",
+  "ckcl-green-300",
+  "ckcl-green-200",
+  "ckcl-green-100"
+], P = [
+  "ckcl-fs-3xs",
+  "ckcl-fs-2xs",
+  "ckcl-fs-xs",
+  "ckcl-fs-sm",
+  "ckcl-fs-md",
+  "ckcl-fs-lg",
+  "ckcl-fs-xl"
+], H = [
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Heading 1",
+    label: `H1 ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-h1-${e === "semibold" ? "semibold" : e}`
+  })),
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Heading 2",
+    label: `H2 ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-h2-${e === "semibold" ? "semibold" : e}`
+  })),
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Heading 3",
+    label: `H3 ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-h3-${e === "semibold" ? "semibold" : e}`
+  })),
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Body large",
+    label: `Body LG ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-body-lg-${e === "semibold" ? "semibold" : e}`
+  })),
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Body small",
+    label: `Body SM ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-body-sm-${e === "semibold" ? "semibold" : e}`
+  })),
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Body extra small",
+    label: `Body XS ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-body-xs-${e === "semibold" ? "semibold" : e}`
+  })),
+  ...["reg", "med", "semibold", "bold"].map((e) => ({
+    group: "Caption",
+    label: `Caption ${e === "reg" ? "regular" : e === "med" ? "medium" : e === "semibold" ? "semibold" : "bold"}`,
+    className: `ckcl-cap-${e === "semibold" ? "semibold" : e}`
+  }))
+];
+function K() {
+  const [e, i] = p({});
+  return k(() => {
+    const d = document.documentElement, s = getComputedStyle(d), a = {};
+    for (const o of m)
+      for (const t of o.variables)
+        a[t] = s.getPropertyValue(t).trim();
+    i(a);
+  }, []), e;
+}
+function z({ className: e = "" }) {
+  const i = K(), d = H.reduce((s, a) => (s[a.group] || (s[a.group] = []), s[a.group].push(a), s), {});
+  return /* @__PURE__ */ r(
+    "div",
+    {
+      className: `${c.showcase} ckcl-font-family-base ckcl-body-sm-reg ${e}`,
+      children: [
+        /* @__PURE__ */ l("h1", { className: c.title, children: "Design tokens & utilities" }),
+        /* @__PURE__ */ r("p", { className: c.lead, children: [
+          "Reference for CSS custom properties (override via ",
+          /* @__PURE__ */ l("code", { children: ":root" }),
+          ") and global utility classes from the CloudKeeper component library theme. Import",
+          " ",
+          /* @__PURE__ */ l("code", { children: "theme.scss" }),
+          " (or wrap with ",
+          /* @__PURE__ */ l("code", { children: "CKThemeProvider" }),
+          ") so variables and classes apply."
+        ] }),
+        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-vars", children: [
+          /* @__PURE__ */ l("h2", { id: "section-vars", className: c.sectionTitle, children: "CSS variables" }),
+          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+            "Resolved values below come from the current document (Storybook loads",
+            " ",
+            /* @__PURE__ */ l("code", { children: "lib/theme/theme.scss" }),
+            " in preview)."
+          ] }),
+          m.map((s) => /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: s.title }),
+            /* @__PURE__ */ l("div", { className: c.grid, children: s.variables.map((a) => {
+              const o = i[a] ?? "", t = o || "(empty)", n = o.startsWith("#") || o.startsWith("rgb") || a.includes("tag-") || a.includes("primary-") || a.includes("black-") || a.includes("red-") || a.includes("yellow-") || a.includes("green-") || a === "--ckcl-white";
+              return /* @__PURE__ */ r("div", { className: c.varRow, children: [
+                n && o.startsWith("#") ? /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: c.colorChip,
+                    style: { backgroundColor: `var(${a})` },
+                    title: t
+                  }
+                ) : null,
+                /* @__PURE__ */ l("span", { className: c.varName, children: a }),
+                /* @__PURE__ */ l("span", { className: c.varValue, children: t })
+              ] }, a);
+            }) })
+          ] }, s.title))
+        ] }),
+        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-bg", children: [
+          /* @__PURE__ */ l("h2", { id: "section-bg", className: c.sectionTitle, children: "Background color classes" }),
+          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+            "Classes follow ",
+            /* @__PURE__ */ r("code", { children: [
+              "ckcl-",
+              "<scale>",
+              "-bg-",
+              "<step>"
+            ] }),
+            " (see",
+            " ",
+            /* @__PURE__ */ l("code", { children: "_backgroundColor.scss" }),
+            ")."
+          ] }),
+          /* @__PURE__ */ l("div", { className: c.grid, children: M.map((s) => /* @__PURE__ */ r("div", { className: c.swatch, children: [
+            /* @__PURE__ */ l("div", { className: `${s} ${c.swatchTop}`, "aria-hidden": !0 }),
+            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: s })
+          ] }, s)) })
+        ] }),
+        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-text", children: [
+          /* @__PURE__ */ l("h2", { id: "section-text", className: c.sectionTitle, children: "Text color classes" }),
+          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+            "Classes follow ",
+            /* @__PURE__ */ r("code", { children: [
+              "ckcl-",
+              "<scale>",
+              "-",
+              "<step>"
+            ] }),
+            " or ",
+            /* @__PURE__ */ l("code", { children: "ckcl-white" }),
+            ". Some",
+            " ",
+            /* @__PURE__ */ l("code", { children: "ckcl-black-*" }),
+            " text utilities map to primary tokens in",
+            " ",
+            /* @__PURE__ */ l("code", { children: "_color.scss" }),
+            "."
+          ] }),
+          /* @__PURE__ */ l("div", { className: c.grid, children: L.map((s) => /* @__PURE__ */ r("div", { className: c.swatch, children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: `${c.swatchTop} ${s === "ckcl-white" ? "ckcl-black-bg-600" : "ckcl-black-bg-50"}`,
+                children: /* @__PURE__ */ l("span", { className: s, children: "Aa Sample" })
+              }
+            ),
+            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: s })
+          ] }, s)) })
+        ] }),
+        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-fs", children: [
+          /* @__PURE__ */ l("h2", { id: "section-fs", className: c.sectionTitle, children: "Font size classes" }),
+          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+            "Use ",
+            /* @__PURE__ */ l("code", { children: "ckcl-fs-*" }),
+            " for raw steps; prefer typography presets below for line height and weight."
+          ] }),
+          /* @__PURE__ */ l("div", { className: c.grid, children: P.map((s) => /* @__PURE__ */ r("div", { className: c.varRow, children: [
+            /* @__PURE__ */ l("p", { className: `${s} ${c.fsSample} ckcl-black-600`, children: "The quick brown fox" }),
+            /* @__PURE__ */ l("span", { className: c.varName, children: s })
+          ] }, s)) })
+        ] }),
+        /* @__PURE__ */ r("section", { className: c.section, "aria-labelledby": "section-type", children: [
+          /* @__PURE__ */ l("h2", { id: "section-type", className: c.sectionTitle, children: "Typography presets" }),
+          /* @__PURE__ */ r("p", { className: c.subtle, children: [
+            "Composite classes combining font size, weight, and line height (",
+            /* @__PURE__ */ l("code", { children: "_typography.scss" }),
+            ")."
+          ] }),
+          Object.entries(d).map(([s, a]) => /* @__PURE__ */ r("div", { children: [
+            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: s }),
+            a.map((o) => /* @__PURE__ */ r("div", { className: c.typographyRow, children: [
+              /* @__PURE__ */ r("div", { children: [
+                /* @__PURE__ */ l("div", { className: c.typographyMeta, children: o.label }),
+                /* @__PURE__ */ l("div", { className: c.typographyClass, children: o.className })
+              ] }),
+              /* @__PURE__ */ l("div", { className: `${o.className} ckcl-black-600`, children: "The quick brown fox jumps over the lazy dog." })
+            ] }, o.className))
+          ] }, s))
+        ] })
+      ]
+    }
+  );
+}
 export {
-  e as Button,
-  u as CKThemeProvider,
-  b as Checkbox,
-  i as CopyText,
-  p as Input,
-  m as Label,
-  T as Switch,
-  h as Tag
+  q as Avatar,
+  Ke as Breadcrumb,
+  I as Button,
+  F as CKButton,
+  ye as CKCheckbox,
+  ge as CKTag,
+  Ze as CKThemeProvider,
+  Je as CardBox,
+  te as Checkbox,
+  de as CopyText,
+  z as DesignSystemShowcase,
+  je as DeviationTag,
+  Se as EmptyState,
+  Ge as ErrorPage,
+  De as GroupedMultiSelect,
+  Ie as GroupedSingleSelect,
+  X as IconButton,
+  Z as Input,
+  ce as Label,
+  qe as MenuOptions,
+  cc as MenuOptionsWrapper,
+  Xe as MetricCard,
+  Be as RadioButton,
+  Me as Search,
+  Pe as SingleSelectDropdown,
+  J as Stepper,
+  ae as Switch,
+  fe as Tabs,
+  se as Tag,
+  Fe as TextField,
+  ve as ToastContent,
+  Ne as ToastProvider,
+  ke as Toggle,
+  ne as Tooltip,
+  Ce as useToast
 };

package/dist/styles.module-B5fY7mP8.js

@@ -0,0 +1,20 @@
+import './assets/styles-CwEfypOd.css';const e = {
+  "ckds-menu-panel": "_ckds-menu-panel_1nxrc_1",
+  "ckds-menu-item": "_ckds-menu-item_1nxrc_31",
+  "menu-item-disabled": "_menu-item-disabled_1nxrc_45",
+  "menu-item-active": "_menu-item-active_1nxrc_50",
+  "menu-item-icon": "_menu-item-icon_1nxrc_60",
+  "menu-item-label": "_menu-item-label_1nxrc_73",
+  "menu-item-right": "_menu-item-right_1nxrc_81",
+  "menu-item-chevron": "_menu-item-chevron_1nxrc_89",
+  "menu-item-chevron-active": "_menu-item-chevron-active_1nxrc_97",
+  "menu-category": "_menu-category_1nxrc_104",
+  "menu-divider": "_menu-divider_1nxrc_110",
+  "menu-item-radio": "_menu-item-radio_1nxrc_116",
+  "menu-search-wrapper": "_menu-search-wrapper_1nxrc_125",
+  "menu-no-results": "_menu-no-results_1nxrc_131",
+  "ckds-submenu-panel": "_ckds-submenu-panel_1nxrc_136"
+};
+export {
+  e as s
+};

package/dist/styles.module-BpAF4ufQ.js

@@ -0,0 +1,38 @@
+import './assets/styles-CGTFG68B.css';const e = "_required_1o26a_33", o = "_trigger_1o26a_38", _ = "_placeholder_1o26a_59", r = "_chevron_1o26a_63", a = "_dropdown_1o26a_111", t = "_divider_1o26a_148", l = "_clearDisabled_1o26a_225", p = {
+  "ckds-group-multi-select-wrapper": "_ckds-group-multi-select-wrapper_1o26a_1",
+  "label-wrapper": "_label-wrapper_1o26a_29",
+  required: e,
+  trigger: o,
+  "trigger-open": "_trigger-open_1o26a_51",
+  placeholder: _,
+  chevron: r,
+  "chevron-up": "_chevron-up_1o26a_69",
+  "selected-tags-container": "_selected-tags-container_1o26a_73",
+  "selected-tag-wrapper": "_selected-tag-wrapper_1o26a_80",
+  "selected-tag-content": "_selected-tag-content_1o26a_86",
+  "overflow-count": "_overflow-count_1o26a_93",
+  "helper-text": "_helper-text_1o26a_97",
+  "helper-hide": "_helper-hide_1o26a_106",
+  dropdown: a,
+  "result-wrapper": "_result-wrapper_1o26a_127",
+  "result-count": "_result-count_1o26a_134",
+  "exclude-row": "_exclude-row_1o26a_138",
+  "exclude-label": "_exclude-label_1o26a_144",
+  divider: t,
+  "group-divider": "_group-divider_1o26a_153",
+  "ckds-options-list": "_ckds-options-list_1o26a_160",
+  "group-wrapper": "_group-wrapper_1o26a_175",
+  "group-label": "_group-label_1o26a_180",
+  "option-row-wrapper": "_option-row-wrapper_1o26a_185",
+  "option-row": "_option-row_1o26a_185",
+  "option-label": "_option-label_1o26a_203",
+  "ckds-grouped-multi-select-footer": "_ckds-grouped-multi-select-footer_1o26a_207",
+  "clear-btn": "_clear-btn_1o26a_219",
+  clearDisabled: l,
+  "footer-actions": "_footer-actions_1o26a_230",
+  "menu-list": "_menu-list_1o26a_259",
+  "ckds-menu-item": "_ckds-menu-item_1o26a_272"
+};
+export {
+  p as s
+};

package/dist/styles.module-DGDgpLAB.js

@@ -0,0 +1,29 @@
+import './assets/styles-BS1nwHmS.css';const r = "_wrapper_d8rc6_1", e = "_required_d8rc6_25", _ = "_trigger_d8rc6_29", o = "_placeholder_d8rc6_50", c = "_chevron_d8rc6_77", d = "_dropdown_d8rc6_100", p = "_clearDisabled_d8rc6_192", t = {
+  wrapper: r,
+  "label-wrapper": "_label-wrapper_d8rc6_21",
+  required: e,
+  trigger: _,
+  "trigger-open": "_trigger-open_d8rc6_42",
+  placeholder: o,
+  "selected-value": "_selected-value_d8rc6_54",
+  "trigger-icons": "_trigger-icons_d8rc6_62",
+  chevron: c,
+  "chevron-up": "_chevron-up_d8rc6_83",
+  "helper-text": "_helper-text_d8rc6_87",
+  "helper-hide": "_helper-hide_d8rc6_96",
+  dropdown: d,
+  "group-divider": "_group-divider_d8rc6_121",
+  "ckds-options-list": "_ckds-options-list_d8rc6_127",
+  "group-wrapper": "_group-wrapper_d8rc6_142",
+  "group-label": "_group-label_d8rc6_147",
+  "option-row-wrapper": "_option-row-wrapper_d8rc6_152",
+  "option-row": "_option-row_d8rc6_152",
+  "option-label": "_option-label_d8rc6_170",
+  "ckds-grouped-single-select-footer": "_ckds-grouped-single-select-footer_d8rc6_174",
+  "clear-btn": "_clear-btn_d8rc6_186",
+  clearDisabled: p,
+  "footer-actions": "_footer-actions_d8rc6_197"
+};
+export {
+  t as s
+};

package/dist/styles.module-r_cdKgD9.js

@@ -0,0 +1,19 @@
+import './assets/styles-DAFhOzfn.css';const o = "_horizontal_1nv1o_22", n = "_connector_1nv1o_37", t = "_step_1nv1o_28", e = "_vertical_1nv1o_71", _ = "_icon_1nv1o_100", c = {
+  "ckds-stepper": "_ckds-stepper_1nv1o_1",
+  horizontal: o,
+  "step-wrapper": "_step-wrapper_1nv1o_28",
+  connector: n,
+  step: t,
+  "step-text": "_step-text_1nv1o_56",
+  "step-heading": "_step-heading_1nv1o_61",
+  vertical: e,
+  icon: _,
+  "step-label": "_step-label_1nv1o_123",
+  "connector-active": "_connector-active_1nv1o_149",
+  "connector-fill": "_connector-fill_1nv1o_153",
+  "icon-active": "_icon-active_1nv1o_163",
+  "icon-completed": "_icon-completed_1nv1o_167"
+};
+export {
+  c as s
+};

package/dist/styles.module-yNDMDNO-.js

@@ -0,0 +1,14 @@
+import './assets/styles-C5uYY4fL.css';const o = "_popup_14z4n_39", d = {
+  "ckds-dialog-overlay": "_ckds-dialog-overlay_14z4n_1",
+  "ckds-dialog": "_ckds-dialog_14z4n_1",
+  popup: o,
+  "dialog-box": "_dialog-box_14z4n_43",
+  "ckds-dialog-header": "_ckds-dialog-header_14z4n_49",
+  "ckds-dialog-title": "_ckds-dialog-title_14z4n_58",
+  "ckds-dialog-close": "_ckds-dialog-close_14z4n_63",
+  "ckds-dialog-content": "_ckds-dialog-content_14z4n_73",
+  "ckds-dialog-footer": "_ckds-dialog-footer_14z4n_79"
+};
+export {
+  d as s
+};

package/dist/theme/Theme.js

@@ -1,5 +1,6 @@
 import { jsx as e, Fragment as o } from "react/jsx-runtime";
-import '../assets/Theme.css';const m = ({ children: r }) => /* @__PURE__ */ e(o, { children: r });
+import '../assets/theme-gJHYUL9y.css';/* empty css                */
+const i = ({ children: r }) => /* @__PURE__ */ e(o, { children: r });
 export {
-  m as CKThemeProvider
+  i as CKThemeProvider
 };