@ck-ui/component-library 0.1.5 → 0.3.0

package/dist/info-icon-ooYw3va_.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { width: 12, height: 12, viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M6 1.37988C8.55156 1.37988 10.6201 3.44844 10.6201 6C10.6201 8.55156 8.55156 10.6201 6 10.6201C3.44844 10.6201 1.37988 8.55156 1.37988 6C1.37988 3.44844 3.44844 1.37988 6 1.37988Z", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M6 8V5.75", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M6 4.00585V4.00085", stroke: "#2B2B2B", strokeWidth: 0.76, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as S
+};

package/dist/isFocusVisible-BzX3wEi7.js

@@ -0,0 +1,12 @@
+function s(o) {
+  try {
+    return o.matches(":focus-visible");
+  } catch {
+    process.env.NODE_ENV !== "production" && !window.navigator.userAgent.includes("jsdom") && console.warn(["MUI: The `:focus-visible` pseudo class is not supported in this browser.", "Some components rely on this feature to work properly."].join(`
+`));
+  }
+  return !1;
+}
+export {
+  s as i
+};

package/dist/main.d.ts

@@ -1,9 +1,45 @@
 export { Button } from './components/Button';
+export { Avatar } from './components/Avatar';
+export { CKButton } from './components/CKButton';
+export { IconButton } from './components/IconButton';
+export { Stepper } from './components/Stepper';
 export { Input } from './components/Input';
 export { Label } from './components/Label';
 export { Tag } from './components/Tag';
 export { Switch } from './components/Switch';
 export { Checkbox } from './components/Checkbox';
 export { CopyText } from './components/Copy';
+export { DesignSystemShowcase } from './components/DesignSystemShowcase';
+export { Tooltip } from './components/Tooltip';
+export { Toggle } from './components/Toggle';
+export { CKTag } from './components/CKTag';
+export { CKCheckbox } from './components/CKCheckbox';
+export { Tabs } from './components/Tab';
+export { ToastProvider, useToast, ToastContent } from './components/Toast';
+export { EmptyState } from './components/EmptyState';
+export { RadioButton } from './components/RadioButton';
+export { ErrorPage } from './components/ErrorPage';
+export { Search } from './components/Search';
+export { SingleSelectDropdown } from './components/SingleSelectDropdown';
+export { Breadcrumb } from './components/Breadcrumb';
+export { DeviationTag } from './components/DeviationTag';
+export { GroupedMultiSelect } from './components/GroupedMultiSelect';
+export { GroupedSingleSelect } from './components/GroupedSingleSelect';
+export { MenuOptions, MenuOptionsWrapper } from './components/MenuOptions';
+export { TextField } from './components/TextField';
+export { ProgressBar } from './components/ProgressBar';
+export type { ProgressBarProps, ProgressBarColor, ProgressBarSize, ProgressBarThreshold } from './components/ProgressBar/_types/progressBar.types';
+export { DateRangePicker } from './components/DateRangePicker/DateRangePicker';
+export { CustomTable } from './components/Table';
+export { CostComparatorTable } from './components/CostComparatorTable';
+export { RadioGroup } from './components/RadioGroup';
+export { useSelection } from './components/Table/_hooks/useSelection';
+export { useExpansion } from './components/Table/_hooks/useExpansion';
+export { useFilterColumnState } from './components/Table/_hooks/useFilterColumnState';
+export { FilterColumnToolbar } from './components/Table/_helpers/FilterColumnToolbar';
+export { MetricCard } from './components/MetricCards';
+export { CardBox } from './components/CardBox';
+export { MultiSelect } from './components/MultiSelect';
 export * from './theme/Theme';
+export { FusionChart } from './components/FusionChart';
 //# sourceMappingURL=main.d.ts.map

package/dist/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,cAAc,eAAe,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAEnJ,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAA;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AACtF,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAEvD,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/main.js

@@ -1,18 +1,483 @@
-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 z } from "./components/Button/index.js";
+import { Avatar as O } from "./components/Avatar/index.js";
+import { CKButton as A } 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 re } from "./components/Tag/index.js";
+import { Switch as oe } 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 s, 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 Le } from "./components/SingleSelectDropdown/index.js";
+import { Breadcrumb as Ke } from "./components/Breadcrumb/index.js";
+import { DeviationTag as Ee } from "./components/DeviationTag/index.js";
+import { GroupedMultiSelect as We } from "./components/GroupedMultiSelect/index.js";
+import { GroupedSingleSelect as ze } from "./components/GroupedSingleSelect/index.js";
+import { MenuOptions as Oe } from "./components/MenuOptions/index.js";
+import { TextField as Ae } from "./components/TextField/index.js";
+import { ProgressBar as Xe } from "./components/ProgressBar/index.js";
+import { DateRangePicker as Je } from "./components/DateRangePicker/DateRangePicker.js";
+import { CustomTable as Ze } from "./components/Table/index.js";
+import { CostComparatorTable as cc } from "./components/CostComparatorTable/index.js";
+import { RadioGroup as rc } from "./components/RadioGroup/index.js";
+import { useSelection as oc } from "./components/Table/_hooks/useSelection.js";
+import { useExpansion as tc } from "./components/Table/_hooks/useExpansion.js";
+import { useFilterColumnState as dc } from "./components/Table/_hooks/useFilterColumnState.js";
+import { FilterColumnToolbar as nc } from "./components/Table/_helpers/FilterColumnToolbar.js";
+import { MetricCard as kc } from "./components/MetricCards/index.js";
+import { CardBox as gc } from "./components/CardBox/index.js";
+import { MultiSelect as yc } from "./components/MultiSelect/index.js";
+import { CKThemeProvider as fc } from "./theme/Theme.js";
+import { FusionChart as vc } from "./components/FusionChart/index.js";
+import { MenuOptionsWrapper as Nc } from "./components/MenuOptions/MenuOptionsWrapper.js";
+import './assets/main-Dv8QUU_o.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"
+], P = [
+  "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"
+], L = [
+  "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, r = getComputedStyle(d), o = {};
+    for (const a of m)
+      for (const t of a.variables)
+        o[t] = r.getPropertyValue(t).trim();
+    i(o);
+  }, []), e;
+}
+function F({ className: e = "" }) {
+  const i = K(), d = H.reduce((r, o) => (r[o.group] || (r[o.group] = []), r[o.group].push(o), r), {});
+  return /* @__PURE__ */ s(
+    "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__ */ s("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__ */ s("section", { className: c.section, "aria-labelledby": "section-vars", children: [
+          /* @__PURE__ */ l("h2", { id: "section-vars", className: c.sectionTitle, children: "CSS variables" }),
+          /* @__PURE__ */ s("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((r) => /* @__PURE__ */ s("div", { children: [
+            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r.title }),
+            /* @__PURE__ */ l("div", { className: c.grid, children: r.variables.map((o) => {
+              const a = i[o] ?? "", t = a || "(empty)", n = a.startsWith("#") || a.startsWith("rgb") || o.includes("tag-") || o.includes("primary-") || o.includes("black-") || o.includes("red-") || o.includes("yellow-") || o.includes("green-") || o === "--ckcl-white";
+              return /* @__PURE__ */ s("div", { className: c.varRow, children: [
+                n && a.startsWith("#") ? /* @__PURE__ */ l(
+                  "div",
+                  {
+                    className: c.colorChip,
+                    style: { backgroundColor: `var(${o})` },
+                    title: t
+                  }
+                ) : null,
+                /* @__PURE__ */ l("span", { className: c.varName, children: o }),
+                /* @__PURE__ */ l("span", { className: c.varValue, children: t })
+              ] }, o);
+            }) })
+          ] }, r.title))
+        ] }),
+        /* @__PURE__ */ s("section", { className: c.section, "aria-labelledby": "section-bg", children: [
+          /* @__PURE__ */ l("h2", { id: "section-bg", className: c.sectionTitle, children: "Background color classes" }),
+          /* @__PURE__ */ s("p", { className: c.subtle, children: [
+            "Classes follow ",
+            /* @__PURE__ */ s("code", { children: [
+              "ckcl-",
+              "<scale>",
+              "-bg-",
+              "<step>"
+            ] }),
+            " (see",
+            " ",
+            /* @__PURE__ */ l("code", { children: "_backgroundColor.scss" }),
+            ")."
+          ] }),
+          /* @__PURE__ */ l("div", { className: c.grid, children: M.map((r) => /* @__PURE__ */ s("div", { className: c.swatch, children: [
+            /* @__PURE__ */ l("div", { className: `${r} ${c.swatchTop}`, "aria-hidden": !0 }),
+            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
+          ] }, r)) })
+        ] }),
+        /* @__PURE__ */ s("section", { className: c.section, "aria-labelledby": "section-text", children: [
+          /* @__PURE__ */ l("h2", { id: "section-text", className: c.sectionTitle, children: "Text color classes" }),
+          /* @__PURE__ */ s("p", { className: c.subtle, children: [
+            "Classes follow ",
+            /* @__PURE__ */ s("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: P.map((r) => /* @__PURE__ */ s("div", { className: c.swatch, children: [
+            /* @__PURE__ */ l(
+              "div",
+              {
+                className: `${c.swatchTop} ${r === "ckcl-white" ? "ckcl-black-bg-600" : "ckcl-black-bg-50"}`,
+                children: /* @__PURE__ */ l("span", { className: r, children: "Aa Sample" })
+              }
+            ),
+            /* @__PURE__ */ l("div", { className: c.swatchLabel, children: r })
+          ] }, r)) })
+        ] }),
+        /* @__PURE__ */ s("section", { className: c.section, "aria-labelledby": "section-fs", children: [
+          /* @__PURE__ */ l("h2", { id: "section-fs", className: c.sectionTitle, children: "Font size classes" }),
+          /* @__PURE__ */ s("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: L.map((r) => /* @__PURE__ */ s("div", { className: c.varRow, children: [
+            /* @__PURE__ */ l("p", { className: `${r} ${c.fsSample} ckcl-black-600`, children: "The quick brown fox" }),
+            /* @__PURE__ */ l("span", { className: c.varName, children: r })
+          ] }, r)) })
+        ] }),
+        /* @__PURE__ */ s("section", { className: c.section, "aria-labelledby": "section-type", children: [
+          /* @__PURE__ */ l("h2", { id: "section-type", className: c.sectionTitle, children: "Typography presets" }),
+          /* @__PURE__ */ s("p", { className: c.subtle, children: [
+            "Composite classes combining font size, weight, and line height (",
+            /* @__PURE__ */ l("code", { children: "_typography.scss" }),
+            ")."
+          ] }),
+          Object.entries(d).map(([r, o]) => /* @__PURE__ */ s("div", { children: [
+            /* @__PURE__ */ l("h3", { className: c.typographyGroupTitle, children: r }),
+            o.map((a) => /* @__PURE__ */ s("div", { className: c.typographyRow, children: [
+              /* @__PURE__ */ s("div", { children: [
+                /* @__PURE__ */ l("div", { className: c.typographyMeta, children: a.label }),
+                /* @__PURE__ */ l("div", { className: c.typographyClass, children: a.className })
+              ] }),
+              /* @__PURE__ */ l("div", { className: `${a.className} ckcl-black-600`, children: "The quick brown fox jumps over the lazy dog." })
+            ] }, a.className))
+          ] }, r))
+        ] })
+      ]
+    }
+  );
+}
 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
+  O as Avatar,
+  Ke as Breadcrumb,
+  z as Button,
+  A as CKButton,
+  ye as CKCheckbox,
+  ge as CKTag,
+  fc as CKThemeProvider,
+  gc as CardBox,
+  te as Checkbox,
+  de as CopyText,
+  cc as CostComparatorTable,
+  Ze as CustomTable,
+  Je as DateRangePicker,
+  F as DesignSystemShowcase,
+  Ee as DeviationTag,
+  Se as EmptyState,
+  Ge as ErrorPage,
+  nc as FilterColumnToolbar,
+  vc as FusionChart,
+  We as GroupedMultiSelect,
+  ze as GroupedSingleSelect,
+  X as IconButton,
+  Z as Input,
+  ce as Label,
+  Oe as MenuOptions,
+  Nc as MenuOptionsWrapper,
+  kc as MetricCard,
+  yc as MultiSelect,
+  Xe as ProgressBar,
+  Be as RadioButton,
+  rc as RadioGroup,
+  Me as Search,
+  Le as SingleSelectDropdown,
+  J as Stepper,
+  oe as Switch,
+  fe as Tabs,
+  re as Tag,
+  Ae as TextField,
+  ve as ToastContent,
+  Ne as ToastProvider,
+  ke as Toggle,
+  ne as Tooltip,
+  tc as useExpansion,
+  dc as useFilterColumnState,
+  oc as useSelection,
+  Ce as useToast
 };

package/dist/reset-icon-YxMt3Ozp.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const r = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...t }, /* @__PURE__ */ e.createElement("g", { clipPath: "url(#clip0_1503_22834)" }, /* @__PURE__ */ e.createElement("path", { d: "M8.48783 12.6409C10.9903 11.9817 12.8337 9.70675 12.8337 7.00008C12.8337 3.78008 10.2437 1.16675 7.00033 1.16675C3.10949 1.16675 1.16699 4.41008 1.16699 4.41008M1.16699 4.41008V1.75008M1.16699 4.41008H2.33949H3.75699", stroke: "currentColor", strokeWidth: 0.88, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M1.16699 7C1.16699 10.22 3.78033 12.8333 7.00033 12.8333", stroke: "currentColor", strokeWidth: 0.88, strokeLinecap: "round", strokeLinejoin: "round", strokeDasharray: "1.87 1.87" })), /* @__PURE__ */ e.createElement("defs", null, /* @__PURE__ */ e.createElement("clipPath", { id: "clip0_1503_22834" }, /* @__PURE__ */ e.createElement("rect", { width: 14, height: 14, fill: "white" }))));
+export {
+  r as S
+};

package/dist/search-B_cup-NN.js

@@ -0,0 +1,5 @@
+import * as e from "react";
+const o = (t) => /* @__PURE__ */ e.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", ...t }, /* @__PURE__ */ e.createElement("path", { d: "M9.91699 9.9165L12.2503 12.2498", stroke: "#737373", strokeWidth: 0.875, strokeLinecap: "round", strokeLinejoin: "round" }), /* @__PURE__ */ e.createElement("path", { d: "M11.0833 6.41667C11.0833 3.83934 8.99401 1.75 6.41667 1.75C3.83934 1.75 1.75 3.83934 1.75 6.41667C1.75 8.99401 3.83934 11.0833 6.41667 11.0833C8.99401 11.0833 11.0833 8.99401 11.0833 6.41667Z", stroke: "#737373", strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as S
+};

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-BZaUJMlf.js

@@ -0,0 +1,14 @@
+import './assets/styles-Chhklrps.css';const o = "_popup_bks9o_39", d = {
+  "ckds-dialog-overlay": "_ckds-dialog-overlay_bks9o_1",
+  "ckds-dialog": "_ckds-dialog_bks9o_1",
+  popup: o,
+  "dialog-box": "_dialog-box_bks9o_43",
+  "ckds-dialog-header": "_ckds-dialog-header_bks9o_49",
+  "ckds-dialog-title": "_ckds-dialog-title_bks9o_58",
+  "ckds-dialog-close": "_ckds-dialog-close_bks9o_63",
+  "ckds-dialog-content": "_ckds-dialog-content_bks9o_73",
+  "ckds-dialog-footer": "_ckds-dialog-footer_bks9o_79"
+};
+export {
+  d as s
+};

package/dist/styles.module-CCyijXTv.js

@@ -0,0 +1,16 @@
+import './assets/styles-BA66-SUu.css';const c = {
+  "ckds-cost-comparator-wrapper": "_ckds-cost-comparator-wrapper_z3m5y_1",
+  "ckds-cost-comparator-toolbar": "_ckds-cost-comparator-toolbar_z3m5y_5",
+  "ckds-cost-comparator-toggle": "_ckds-cost-comparator-toggle_z3m5y_13",
+  "ckds-cost-comparator-toggle-label": "_ckds-cost-comparator-toggle-label_z3m5y_21",
+  "ckds-cost-comparator-legend": "_ckds-cost-comparator-legend_z3m5y_27",
+  "ckds-header-label": "_ckds-header-label_z3m5y_32",
+  "ckds-header-checkbox": "_ckds-header-checkbox_z3m5y_37",
+  "ckds-disabled": "_ckds-disabled_z3m5y_43",
+  "ckds-header-checkbox-label": "_ckds-header-checkbox-label_z3m5y_43",
+  "ckds-cost-cell": "_ckds-cost-cell_z3m5y_54",
+  "ckds-total-cell": "_ckds-total-cell_z3m5y_60"
+};
+export {
+  c as s
+};