@clickhouse/click-ui 0.9.0 → 1.0.0-rc2

package/dist/cjs/components/SidebarNavigationTitle/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/SidebarNavigationTitle/SidebarNavigationTitle.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentPropsWithRef,\n  ElementType,\n  ReactNode,\n  forwardRef,\n} from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { IconWrapper } from '@/components/Collapsible/IconWrapper';\nimport { SidebarNavigationTitleProps } from './SidebarNavigationTitle.types';\nimport styles from './SidebarNavigationTitle.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    type: {\n      main: styles.wrapper_type_main,\n      sqlSidebar: styles['wrapper_type_sql-sidebar'],\n    },\n    collapsible: { true: styles.wrapper_collapsible_true, false: '' },\n  },\n  defaultVariants: { type: 'main', collapsible: false },\n});\n\n// Polymorphic wrapper: SidebarCollapsibleTitle renders it `as={Collapsible.Trigger}`.\n// Same shape as the Container polymorphic component (src/components/Container).\nexport interface SidebarTitleWrapperProps<T extends ElementType = 'button'> {\n  as?: T;\n  $collapsible?: boolean;\n  $type?: 'main' | 'sqlSidebar';\n}\n\ntype SidebarTitleWrapperComponent = <T extends ElementType = 'button'>(\n  props: Omit<ComponentProps<T>, keyof SidebarTitleWrapperProps<T>> &\n    SidebarTitleWrapperProps<T>\n) => ReactNode;\n\nconst _SidebarTitleWrapper = <T extends ElementType = 'button'>(\n  {\n    as,\n    $collapsible = false,\n    $type = 'main',\n    className,\n    ...props\n  }: Omit<ComponentProps<T>, keyof SidebarTitleWrapperProps<T>> &\n    SidebarTitleWrapperProps<T>,\n  ref: ComponentPropsWithRef<T>['ref']\n) => {\n  const Component = as ?? 'button';\n  return (\n    <Component\n      ref={ref}\n      {...props}\n      className={cn(\n        wrapperVariants({ type: $type, collapsible: $collapsible }),\n        className\n      )}\n    />\n  );\n};\n\nexport const SidebarTitleWrapper: SidebarTitleWrapperComponent =\n  forwardRef(_SidebarTitleWrapper);\n\nexport const SidebarNavigationTitle = ({\n  label,\n  icon,\n  iconDir,\n  selected,\n  type = 'main',\n  ...props\n}: SidebarNavigationTitleProps) => {\n  return (\n    <SidebarTitleWrapper\n      data-selected={selected}\n      $type={type}\n      {...props}\n    >\n      <IconWrapper\n        icon={icon}\n        iconDir={iconDir}\n      >\n        {label}\n      </IconWrapper>\n    </SidebarTitleWrapper>\n  );\n};\n"],"names":["wrapperVariants","cva","styles","wrapper","variants","type","main","wrapper_type_main","sqlSidebar","collapsible","true","wrapper_collapsible_true","false","defaultVariants","_SidebarTitleWrapper","as","$collapsible","$type","className","props","ref","Component","cn","SidebarTitleWrapper","forwardRef","SidebarNavigationTitle","label","icon","iconDir","selected","jsx","IconWrapper"],"mappings":";;;;;;;;;;;AAYA,MAAMA,eAAAA,GAAkBC,0BAAAA,CAAIC,qCAAAA,CAAOC,OAAAA,EAAS;AAAA,EAC1CC,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,MAAMJ,qCAAAA,CAAOK,iBAAAA;AAAAA,MACbC,UAAAA,EAAYN,sCAAO,0BAA0B;AAAA,KAC/C;AAAA,IACAO,WAAAA,EAAa;AAAA,MAAEC,MAAMR,qCAAAA,CAAOS,wBAAAA;AAAAA,MAA0BC,KAAAA,EAAO;AAAA;AAAG,GAClE;AAAA,EACAC,eAAAA,EAAiB;AAAA,IAAER,IAAAA,EAAM,MAAA;AAAA,IAAQI,WAAAA,EAAa;AAAA;AAChD,CAAC,CAAA;AAeD,MAAMK,uBAAuB,CAC3B;AAAA,EACEC,EAAAA;AAAAA,EACAC,YAAAA,GAAe,KAAA;AAAA,EACfC,KAAAA,GAAQ,MAAA;AAAA,EACRC,SAAAA;AAAAA,EACA,GAAGC;AAEuB,CAAA,EAC5BC,GAAAA,KACG;AACH,EAAA,MAAMC,YAAYN,EAAAA,IAAM,QAAA;AACxB,EAAA,sCACG,SAAA,EAAA,EACC,GAAA,KACII,KAAAA,EACJ,SAAA,EAAWG,OACTtB,eAAAA,CAAgB;AAAA,IAAEK,IAAAA,EAAMY,KAAAA;AAAAA,IAAOR,WAAAA,EAAaO;AAAAA,GAAc,CAAA,EAC1DE,SACF,CAAA,EAAE,CAAA;AAGR,CAAA;AAEO,MAAMK,mBAAAA,GACXC,iBAAWV,oBAAoB;AAE1B,MAAMW,yBAAyBA,CAAC;AAAA,EACrCC,KAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAxB,IAAAA,GAAO,MAAA;AAAA,EACP,GAAGc;AACwB,CAAA,KAAM;AACjC,EAAA,uBACEW,cAAA,CAAC,mBAAA,EAAA,EACC,eAAA,EAAeD,QAAAA,EACf,KAAA,EAAOxB,IAAAA,EACP,GAAIc,KAAAA,EAEJ,QAAA,kBAAAW,cAAA,CAACC,uBAAA,EAAA,EACC,IAAA,EACA,OAAA,EAECL,iBACH,CAAA,EACF,CAAA;AAEJ;;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/SidebarNavigationTitle/SidebarNavigationTitle.tsx"],"sourcesContent":["import {\n  ComponentProps,\n  ComponentPropsWithRef,\n  ElementType,\n  ReactNode,\n  forwardRef,\n} from 'react';\nimport { cn, cva } from '@/lib/cva';\nimport { IconWrapper } from '@/components/Collapsible/IconWrapper';\nimport { SidebarNavigationTitleProps } from './SidebarNavigationTitle.types';\nimport styles from './SidebarNavigationTitle.module.css';\n\nconst wrapperVariants = cva(styles.wrapper, {\n  variants: {\n    type: {\n      main: styles.wrapper_type_main,\n      sqlSidebar: styles['wrapper_type_sql-sidebar'],\n    },\n    collapsible: { true: styles.wrapper_collapsible_true, false: '' },\n  },\n  defaultVariants: { type: 'main', collapsible: false },\n});\n\n// Polymorphic wrapper: SidebarCollapsibleTitle renders it `as={Collapsible.Trigger}`.\n// Same shape as the Container polymorphic component (src/components/Container).\nexport interface SidebarTitleWrapperProps<T extends ElementType = 'button'> {\n  as?: T;\n  $collapsible?: boolean;\n  $type?: 'main' | 'sqlSidebar';\n}\n\ntype SidebarTitleWrapperComponent = <T extends ElementType = 'button'>(\n  props: Omit<ComponentProps<T>, keyof SidebarTitleWrapperProps<T>> &\n    SidebarTitleWrapperProps<T>\n) => ReactNode;\n\nconst _SidebarTitleWrapper = <T extends ElementType = 'button'>(\n  {\n    as,\n    $collapsible = false,\n    $type = 'main',\n    className,\n    ...props\n  }: Omit<ComponentProps<T>, keyof SidebarTitleWrapperProps<T>> &\n    SidebarTitleWrapperProps<T>,\n  ref: ComponentPropsWithRef<T>['ref']\n) => {\n  const Component = as ?? 'button';\n  return (\n    <Component\n      ref={ref}\n      {...props}\n      className={cn(\n        wrapperVariants({ type: $type, collapsible: $collapsible }),\n        className\n      )}\n    />\n  );\n};\n\nexport const SidebarTitleWrapper: SidebarTitleWrapperComponent =\n  forwardRef(_SidebarTitleWrapper);\n\nexport const SidebarNavigationTitle = ({\n  label,\n  icon,\n  iconDir,\n  selected,\n  type = 'main',\n  ...props\n}: SidebarNavigationTitleProps) => {\n  return (\n    <SidebarTitleWrapper\n      data-selected={selected}\n      $type={type}\n      {...props}\n    >\n      <IconWrapper\n        icon={icon}\n        iconDir={iconDir}\n      >\n        {label}\n      </IconWrapper>\n    </SidebarTitleWrapper>\n  );\n};\n"],"names":["cva","styles","jsx","cn","forwardRef","IconWrapper"],"mappings":";;;;;;;;;;;AAYA,MAAM,eAAA,GAAkBA,0BAAA,CAAIC,qCAAA,CAAO,OAAA,EAAS;AAAA,EAC1C,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,MAAMA,qCAAA,CAAO,iBAAA;AAAA,MACb,UAAA,EAAYA,sCAAO,0BAA0B;AAAA,KAC/C;AAAA,IACA,aAAa,EAAE,IAAA,EAAMA,qCAAA,CAAO,wBAAA,EAA0B,OAAO,EAAA;AAAG,GAClE;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,MAAA,EAAQ,aAAa,KAAA;AAChD,CAAC,CAAA;AAeD,MAAM,uBAAuB,CAC3B;AAAA,EACE,EAAA;AAAA,EACA,YAAA,GAAe,KAAA;AAAA,EACf,KAAA,GAAQ,MAAA;AAAA,EACR,SAAA;AAAA,EACA,GAAG;AACL,CAAA,EAEA,GAAA,KACG;AACH,EAAA,MAAM,YAAY,EAAA,IAAM,QAAA;AACxB,EAAA,uBACEC,cAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,SAAA,EAAWC,MAAA;AAAA,QACT,gBAAgB,EAAE,IAAA,EAAM,KAAA,EAAO,WAAA,EAAa,cAAc,CAAA;AAAA,QAC1D;AAAA;AACF;AAAA,GACF;AAEJ,CAAA;AAEO,MAAM,mBAAA,GACXC,iBAAW,oBAAoB;AAE1B,MAAM,yBAAyB,CAAC;AAAA,EACrC,KAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA,GAAO,MAAA;AAAA,EACP,GAAG;AACL,CAAA,KAAmC;AACjC,EAAA,uBACEF,cAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,eAAA,EAAe,QAAA;AAAA,MACf,KAAA,EAAO,IAAA;AAAA,MACN,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAA,cAAA;AAAA,QAACG,uBAAA;AAAA,QAAA;AAAA,UACC,IAAA;AAAA,UACA,OAAA;AAAA,UAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;;;;;"}

package/dist/cjs/components/Spacer/Spacer.css

@@ -1,4 +1,4 @@
-.spacer__okdOd {
+@layer clickui {.spacer__okdOd {
   display: flex;
   background: transparent;
 }
@@ -26,3 +26,4 @@
 .spacer_size_xxl__upvXv {
   padding: var(--click-spacer-horizontal-space-y-xxl) var(--click-spacer-horizontal-space-x-all);
 }
+}

package/dist/cjs/components/Spacer/index.cjs

@@ -23,11 +23,7 @@ const spacerVariants = classVarianceAuthority.cva(Spacer_module.default.spacer,
     size: "md"
   }
 });
-const Spacer = ({
-  size
-}) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(spacerVariants({
-  size
-})) });
+const Spacer = ({ size }) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: cva.cn(spacerVariants({ size })) });
 
 exports.Spacer = Spacer;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Spacer/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { SpacerProps } from './Spacer.types';\nimport styles from './Spacer.module.css';\n\nconst spacerVariants = cva(styles.spacer, {\n  variants: {\n    size: {\n      xs: styles['spacer_size_xs'],\n      sm: styles['spacer_size_sm'],\n      md: styles['spacer_size_md'],\n      lg: styles['spacer_size_lg'],\n      xl: styles['spacer_size_xl'],\n      xxl: styles['spacer_size_xxl'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport const Spacer = ({ size }: SpacerProps) => (\n  <div className={cn(spacerVariants({ size }))} />\n);\n"],"names":["spacerVariants","cva","styles","spacer","variants","size","xs","sm","md","lg","xl","xxl","defaultVariants","Spacer","jsx","cn"],"mappings":";;;;;;;;;AAIA,MAAMA,cAAAA,GAAiBC,0BAAAA,CAAIC,qBAAAA,CAAOC,MAAAA,EAAQ;AAAA,EACxCC,QAAAA,EAAU;AAAA,IACRC,IAAAA,EAAM;AAAA,MACJC,EAAAA,EAAIJ,sBAAO,gBAAgB,CAAA;AAAA,MAC3BK,EAAAA,EAAIL,sBAAO,gBAAgB,CAAA;AAAA,MAC3BM,EAAAA,EAAIN,sBAAO,gBAAgB,CAAA;AAAA,MAC3BO,EAAAA,EAAIP,sBAAO,gBAAgB,CAAA;AAAA,MAC3BQ,EAAAA,EAAIR,sBAAO,gBAAgB,CAAA;AAAA,MAC3BS,GAAAA,EAAKT,sBAAO,iBAAiB;AAAA;AAC/B,GACF;AAAA,EACAU,eAAAA,EAAiB;AAAA,IACfP,IAAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAEM,MAAMQ,SAASA,CAAC;AAAA,EAAER;AAAkB,CAAA,qBACzCS,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAAA,CAAGf,cAAAA,CAAe;AAAA,EAAEK;AAAK,CAAC,CAAC,CAAA,EAAE;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { cn, cva } from '@/lib/cva';\nimport { SpacerProps } from './Spacer.types';\nimport styles from './Spacer.module.css';\n\nconst spacerVariants = cva(styles.spacer, {\n  variants: {\n    size: {\n      xs: styles['spacer_size_xs'],\n      sm: styles['spacer_size_sm'],\n      md: styles['spacer_size_md'],\n      lg: styles['spacer_size_lg'],\n      xl: styles['spacer_size_xl'],\n      xxl: styles['spacer_size_xxl'],\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport const Spacer = ({ size }: SpacerProps) => (\n  <div className={cn(spacerVariants({ size }))} />\n);\n"],"names":["cva","styles","jsx","cn"],"mappings":";;;;;;;;;AAIA,MAAM,cAAA,GAAiBA,0BAAA,CAAIC,qBAAA,CAAO,MAAA,EAAQ;AAAA,EACxC,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,MACJ,EAAA,EAAIA,sBAAO,gBAAgB,CAAA;AAAA,MAC3B,EAAA,EAAIA,sBAAO,gBAAgB,CAAA;AAAA,MAC3B,EAAA,EAAIA,sBAAO,gBAAgB,CAAA;AAAA,MAC3B,EAAA,EAAIA,sBAAO,gBAAgB,CAAA;AAAA,MAC3B,EAAA,EAAIA,sBAAO,gBAAgB,CAAA;AAAA,MAC3B,GAAA,EAAKA,sBAAO,iBAAiB;AAAA;AAC/B,GACF;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM;AAAA;AAEV,CAAC,CAAA;AAEM,MAAM,MAAA,GAAS,CAAC,EAAE,IAAA,uBACvBC,cAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAA,CAAG,cAAA,CAAe,EAAE,IAAA,EAAM,CAAC,CAAA,EAAG;;;;"}

package/dist/cjs/components/SplitButton/SplitButton.css

@@ -1,4 +1,4 @@
-.split-button__EX3XI {
+@layer clickui {.split-button__EX3XI {
   display: inline-flex;
   width: revert;
   overflow: hidden;
@@ -136,3 +136,4 @@
 .split-button__dropdown-content__nmia- {
   min-width: var(--split-button-dropdown-min-width, 0);
 }
+}

package/dist/cjs/components/SplitButton/index.cjs

@@ -72,22 +72,85 @@ const SplitButton = ({
       resizeObserver.unobserve(targetDiv);
     };
   }, []);
-  const contentStyle = react.useMemo(() => ({
-    "--split-button-dropdown-min-width": `${width}px`
-  }), [width]);
-  return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.Dropdown, { dir, open, defaultOpen, onOpenChange, modal, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: cva.cn(triggerVariants({
-      type,
-      fillWidth,
-      disabled
-    })), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(BaseButton.BaseButton, { disabled, ...props, type: htmlType, className: cva.cn(primaryVariants({
-        fillWidth
-      }), className), children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { className: SplitButton_module.default["split-button__button-data"], icon, iconDir, children }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Trigger, { disabled, asChild: true, "data-testid": "split-button-dropdown", className: SplitButton_module.default["split-button__secondary"], children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(Icon.Icon, { name: "chevron-down", size: "sm" }) }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Content, { side, sideOffset: 4, align: "end", className: SplitButton_module.default["split-button__dropdown-content"], style: contentStyle, children: menu.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(MenuContentItem, { parentKey: `split-menu-option-${index}`, ...item }, `split-menu-option-${index}`)) })
-  ] });
+  const contentStyle = react.useMemo(
+    () => ({
+      "--split-button-dropdown-min-width": `${width}px`
+    }),
+    [width]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Dropdown.Dropdown,
+    {
+      dir,
+      open,
+      defaultOpen,
+      onOpenChange,
+      modal,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            ref,
+            className: cva.cn(triggerVariants({ type, fillWidth, disabled })),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                BaseButton.BaseButton,
+                {
+                  disabled,
+                  ...props,
+                  type: htmlType,
+                  className: cva.cn(primaryVariants({ fillWidth }), className),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(
+                    IconWrapper.IconWrapper,
+                    {
+                      className: SplitButton_module.default["split-button__button-data"],
+                      icon,
+                      iconDir,
+                      children
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                Dropdown.Dropdown.Trigger,
+                {
+                  disabled,
+                  asChild: true,
+                  "data-testid": "split-button-dropdown",
+                  className: SplitButton_module.default["split-button__secondary"],
+                  children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: /* @__PURE__ */ jsxRuntime.jsx(
+                    Icon.Icon,
+                    {
+                      name: "chevron-down",
+                      size: "sm"
+                    }
+                  ) })
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Dropdown.Dropdown.Content,
+          {
+            side,
+            sideOffset: 4,
+            align: "end",
+            className: SplitButton_module.default["split-button__dropdown-content"],
+            style: contentStyle,
+            children: menu.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+              MenuContentItem,
+              {
+                parentKey: `split-menu-option-${index}`,
+                ...item
+              },
+              `split-menu-option-${index}`
+            ))
+          }
+        )
+      ]
+    }
+  );
 };
 const MenuContentItem = ({
   items = [],
@@ -99,15 +162,50 @@ const MenuContentItem = ({
   ...props
 }) => {
   if (type === "item") {
-    return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Item, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children: label }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Item, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      IconWrapper.IconWrapper,
+      {
+        icon,
+        iconDir,
+        children: label
+      }
+    ) });
   }
   if (type === "group") {
-    return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Group, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(MenuContentItem, { parentKey: `${parentKey}-group-${index}`, ...item }, `${parentKey}-group-${index}`)) });
+    return /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Group, { children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+      MenuContentItem,
+      {
+        parentKey: `${parentKey}-group-${index}`,
+        ...item
+      },
+      `${parentKey}-group-${index}`
+    )) });
   }
   if (type === "sub-menu") {
     return /* @__PURE__ */ jsxRuntime.jsxs(Dropdown.Dropdown.Sub, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Trigger, { sub: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(IconWrapper.IconWrapper, { icon, iconDir, children: label }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Content, { sub: true, children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(MenuContentItem, { parentKey: `${parentKey}-sub-menu-${index}`, ...item }, `${parentKey}-sub-menu-${index}`)) })
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Dropdown.Dropdown.Trigger,
+        {
+          sub: true,
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            IconWrapper.IconWrapper,
+            {
+              icon,
+              iconDir,
+              children: label
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(Dropdown.Dropdown.Content, { sub: true, children: items.map((item, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        MenuContentItem,
+        {
+          parentKey: `${parentKey}-sub-menu-${index}`,
+          ...item
+        },
+        `${parentKey}-sub-menu-${index}`
+      )) })
     ] });
   }
 };

package/dist/cjs/components/SplitButton/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useMemo, useRef, useState } from 'react';\nimport { Dropdown } from '@/components/Dropdown';\nimport { BaseButton } from '@/components/Button/BaseButton';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { SplitButtonProps, Menu } from './SplitButton.types';\nimport styles from './SplitButton.module.css';\n\nconst triggerVariants = cva(styles['split-button'], {\n  variants: {\n    type: {\n      primary: styles['split-button_type_primary'],\n      secondary: styles['split-button_type_secondary'],\n    },\n    fillWidth: {\n      true: styles['split-button_fill-width'],\n    },\n    disabled: {\n      true: styles['split-button_disabled'],\n    },\n  },\n  defaultVariants: {\n    type: 'primary',\n  },\n});\n\nconst primaryVariants = cva(styles['split-button__primary'], {\n  variants: {\n    fillWidth: {\n      true: styles['split-button__primary_fill-width'],\n    },\n  },\n});\n\nexport const SplitButton = ({\n  type = 'primary',\n  htmlType,\n  disabled,\n  menu,\n  dir,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal,\n  side,\n  fillWidth,\n  children,\n  icon,\n  iconDir = 'start',\n  className,\n  ...props\n}: SplitButtonProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    const targetDiv = ref.current;\n    if (!targetDiv) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        setWidth(entry.target.clientWidth);\n      }\n    });\n\n    resizeObserver.observe(targetDiv);\n\n    return () => {\n      resizeObserver.unobserve(targetDiv);\n    };\n  }, []);\n\n  const contentStyle = useMemo(\n    () =>\n      ({\n        '--split-button-dropdown-min-width': `${width}px`,\n      }) as CSSProperties,\n    [width]\n  );\n\n  return (\n    <Dropdown\n      dir={dir}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      <div\n        ref={ref}\n        className={cn(triggerVariants({ type, fillWidth, disabled }))}\n      >\n        <BaseButton\n          disabled={disabled}\n          {...props}\n          type={htmlType}\n          className={cn(primaryVariants({ fillWidth }), className)}\n        >\n          <IconWrapper\n            className={styles['split-button__button-data']}\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {children}\n          </IconWrapper>\n        </BaseButton>\n        <Dropdown.Trigger\n          disabled={disabled}\n          asChild\n          data-testid=\"split-button-dropdown\"\n          className={styles['split-button__secondary']}\n        >\n          <span>\n            <Icon\n              name=\"chevron-down\"\n              size=\"sm\"\n            />\n          </span>\n        </Dropdown.Trigger>\n      </div>\n      <Dropdown.Content\n        side={side}\n        sideOffset={4}\n        align=\"end\"\n        className={styles['split-button__dropdown-content']}\n        style={contentStyle}\n      >\n        {menu.map((item: Menu, index: number) => (\n          <MenuContentItem\n            key={`split-menu-option-${index}`}\n            parentKey={`split-menu-option-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n\nconst MenuContentItem = ({\n  items = [],\n  type = 'item',\n  label,\n  icon,\n  iconDir = 'start',\n  parentKey,\n  ...props\n}: Menu & { parentKey: string }) => {\n  if (type === 'item') {\n    return (\n      <Dropdown.Item {...props}>\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n        >\n          {label}\n        </IconWrapper>\n      </Dropdown.Item>\n    );\n  }\n  if (type === 'group') {\n    return (\n      <Dropdown.Group>\n        {items.map((item, index) => (\n          <MenuContentItem\n            key={`${parentKey}-group-${index}`}\n            parentKey={`${parentKey}-group-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Group>\n    );\n  }\n  if (type === 'sub-menu') {\n    return (\n      <Dropdown.Sub>\n        <Dropdown.Trigger\n          sub\n          {...props}\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {label}\n          </IconWrapper>\n        </Dropdown.Trigger>\n        <Dropdown.Content sub>\n          {items.map((item, index) => (\n            <MenuContentItem\n              key={`${parentKey}-sub-menu-${index}`}\n              parentKey={`${parentKey}-sub-menu-${index}`}\n              {...item}\n            />\n          ))}\n        </Dropdown.Content>\n      </Dropdown.Sub>\n    );\n  }\n};\n"],"names":["triggerVariants","cva","styles","variants","type","primary","secondary","fillWidth","true","disabled","defaultVariants","primaryVariants","SplitButton","htmlType","menu","dir","open","defaultOpen","onOpenChange","modal","side","children","icon","iconDir","className","props","ref","useRef","width","setWidth","useState","useEffect","targetDiv","current","resizeObserver","ResizeObserver","entries","entry","target","clientWidth","observe","unobserve","contentStyle","useMemo","Dropdown","jsxs","cn","jsx","BaseButton","IconWrapper","Icon","map","item","index","MenuContentItem","items","label","parentKey"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import { CSSProperties, useEffect, useMemo, useRef, useState } from 'react';\nimport { Dropdown } from '@/components/Dropdown';\nimport { BaseButton } from '@/components/Button/BaseButton';\nimport { IconWrapper } from '@/components/IconWrapper';\nimport { Icon } from '@/components/Icon';\nimport { cn, cva } from '@/lib/cva';\nimport { SplitButtonProps, Menu } from './SplitButton.types';\nimport styles from './SplitButton.module.css';\n\nconst triggerVariants = cva(styles['split-button'], {\n  variants: {\n    type: {\n      primary: styles['split-button_type_primary'],\n      secondary: styles['split-button_type_secondary'],\n    },\n    fillWidth: {\n      true: styles['split-button_fill-width'],\n    },\n    disabled: {\n      true: styles['split-button_disabled'],\n    },\n  },\n  defaultVariants: {\n    type: 'primary',\n  },\n});\n\nconst primaryVariants = cva(styles['split-button__primary'], {\n  variants: {\n    fillWidth: {\n      true: styles['split-button__primary_fill-width'],\n    },\n  },\n});\n\nexport const SplitButton = ({\n  type = 'primary',\n  htmlType,\n  disabled,\n  menu,\n  dir,\n  open,\n  defaultOpen,\n  onOpenChange,\n  modal,\n  side,\n  fillWidth,\n  children,\n  icon,\n  iconDir = 'start',\n  className,\n  ...props\n}: SplitButtonProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [width, setWidth] = useState(0);\n\n  useEffect(() => {\n    const targetDiv = ref.current;\n    if (!targetDiv) {\n      return;\n    }\n\n    const resizeObserver = new ResizeObserver(entries => {\n      for (const entry of entries) {\n        setWidth(entry.target.clientWidth);\n      }\n    });\n\n    resizeObserver.observe(targetDiv);\n\n    return () => {\n      resizeObserver.unobserve(targetDiv);\n    };\n  }, []);\n\n  const contentStyle = useMemo(\n    () =>\n      ({\n        '--split-button-dropdown-min-width': `${width}px`,\n      }) as CSSProperties,\n    [width]\n  );\n\n  return (\n    <Dropdown\n      dir={dir}\n      open={open}\n      defaultOpen={defaultOpen}\n      onOpenChange={onOpenChange}\n      modal={modal}\n    >\n      <div\n        ref={ref}\n        className={cn(triggerVariants({ type, fillWidth, disabled }))}\n      >\n        <BaseButton\n          disabled={disabled}\n          {...props}\n          type={htmlType}\n          className={cn(primaryVariants({ fillWidth }), className)}\n        >\n          <IconWrapper\n            className={styles['split-button__button-data']}\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {children}\n          </IconWrapper>\n        </BaseButton>\n        <Dropdown.Trigger\n          disabled={disabled}\n          asChild\n          data-testid=\"split-button-dropdown\"\n          className={styles['split-button__secondary']}\n        >\n          <span>\n            <Icon\n              name=\"chevron-down\"\n              size=\"sm\"\n            />\n          </span>\n        </Dropdown.Trigger>\n      </div>\n      <Dropdown.Content\n        side={side}\n        sideOffset={4}\n        align=\"end\"\n        className={styles['split-button__dropdown-content']}\n        style={contentStyle}\n      >\n        {menu.map((item: Menu, index: number) => (\n          <MenuContentItem\n            key={`split-menu-option-${index}`}\n            parentKey={`split-menu-option-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Content>\n    </Dropdown>\n  );\n};\n\nconst MenuContentItem = ({\n  items = [],\n  type = 'item',\n  label,\n  icon,\n  iconDir = 'start',\n  parentKey,\n  ...props\n}: Menu & { parentKey: string }) => {\n  if (type === 'item') {\n    return (\n      <Dropdown.Item {...props}>\n        <IconWrapper\n          icon={icon}\n          iconDir={iconDir}\n        >\n          {label}\n        </IconWrapper>\n      </Dropdown.Item>\n    );\n  }\n  if (type === 'group') {\n    return (\n      <Dropdown.Group>\n        {items.map((item, index) => (\n          <MenuContentItem\n            key={`${parentKey}-group-${index}`}\n            parentKey={`${parentKey}-group-${index}`}\n            {...item}\n          />\n        ))}\n      </Dropdown.Group>\n    );\n  }\n  if (type === 'sub-menu') {\n    return (\n      <Dropdown.Sub>\n        <Dropdown.Trigger\n          sub\n          {...props}\n        >\n          <IconWrapper\n            icon={icon}\n            iconDir={iconDir}\n          >\n            {label}\n          </IconWrapper>\n        </Dropdown.Trigger>\n        <Dropdown.Content sub>\n          {items.map((item, index) => (\n            <MenuContentItem\n              key={`${parentKey}-sub-menu-${index}`}\n              parentKey={`${parentKey}-sub-menu-${index}`}\n              {...item}\n            />\n          ))}\n        </Dropdown.Content>\n      </Dropdown.Sub>\n    );\n  }\n};\n"],"names":["cva","styles","useRef","useState","useEffect","useMemo","jsxs","Dropdown","cn","jsx","BaseButton","IconWrapper","Icon"],"mappings":"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"}

package/dist/cjs/components/Switch/Switch.css

@@ -1,4 +1,4 @@
-/* The wrapper class is applied alongside FormRoot's styled-components class.
+@layer clickui {/* The wrapper class is applied alongside FormRoot's styled-components class.
    The .wrapper.wrapper double-class boost matches the specificity behavior of
    the original `styled(FormRoot)` chain so these overrides reliably beat
    FormRoot's `align-items: flex-start` regardless of stylesheet insertion
@@ -63,3 +63,4 @@
   background-color: var(--click-switch-color-indicator-disabled);
 }
 /* stylelint-enable no-descending-specificity */
+}

package/dist/cjs/components/Switch/index.cjs

@@ -31,22 +31,42 @@ function _interopNamespace(e) {
 
 const RadixSwitch__namespace = /*#__PURE__*/_interopNamespace(RadixSwitch);
 
-const Switch = react.forwardRef(({
-  checked,
-  disabled,
-  orientation,
-  dir,
-  label,
-  id,
-  className,
-  ...props
-}, ref) => {
-  const defaultId = react.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(FormRoot.FormRoot, { $orientation: orientation, $dir: dir, className: Switch_module.default.wrapper, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(RadixSwitch__namespace.Root, { ref, id: id ?? defaultId, disabled, "aria-label": `${label}`, checked, ...props, className: cva.cn(Switch_module.default.switch, className), children: /* @__PURE__ */ jsxRuntime.jsx(RadixSwitch__namespace.Thumb, { className: Switch_module.default.switch__thumb }) }),
-    label && /* @__PURE__ */ jsxRuntime.jsx(GenericLabel.GenericLabel, { htmlFor: id ?? defaultId, disabled, children: label })
-  ] });
-});
+const Switch = react.forwardRef(
+  ({ checked, disabled, orientation, dir, label, id, className, ...props }, ref) => {
+    const defaultId = react.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      FormRoot.FormRoot,
+      {
+        $orientation: orientation,
+        $dir: dir,
+        className: Switch_module.default.wrapper,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RadixSwitch__namespace.Root,
+            {
+              ref,
+              id: id ?? defaultId,
+              disabled,
+              "aria-label": `${label}`,
+              checked,
+              ...props,
+              className: cva.cn(Switch_module.default.switch, className),
+              children: /* @__PURE__ */ jsxRuntime.jsx(RadixSwitch__namespace.Thumb, { className: Switch_module.default.switch__thumb })
+            }
+          ),
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            GenericLabel.GenericLabel,
+            {
+              htmlFor: id ?? defaultId,
+              disabled,
+              children: label
+            }
+          )
+        ]
+      }
+    );
+  }
+);
 
 exports.Switch = Switch;
 //# sourceMappingURL=index.cjs.map

package/dist/cjs/components/Switch/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch';\nimport { forwardRef, useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { GenericLabel } from '@/components/GenericLabel';\nimport { cn } from '@/lib/cva';\nimport styles from './Switch.module.css';\nimport { SwitchProps } from './Switch.types';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked, disabled, orientation, dir, label, id, className, ...props }, ref) => {\n    const defaultId = useId();\n    return (\n      <FormRoot\n        $orientation={orientation}\n        $dir={dir}\n        className={styles.wrapper}\n      >\n        <RadixSwitch.Root\n          ref={ref}\n          id={id ?? defaultId}\n          disabled={disabled}\n          aria-label={`${label}`}\n          checked={checked}\n          {...props}\n          className={cn(styles.switch, className)}\n        >\n          <RadixSwitch.Thumb className={styles.switch__thumb} />\n        </RadixSwitch.Root>\n        {label && (\n          <GenericLabel\n            htmlFor={id ?? defaultId}\n            disabled={disabled}\n          >\n            {label}\n          </GenericLabel>\n        )}\n      </FormRoot>\n    );\n  }\n);\n"],"names":["Switch","forwardRef","checked","disabled","orientation","dir","label","id","className","props","ref","defaultId","useId","jsxs","FormRoot","styles","wrapper","jsx","RadixSwitch","cn","switch","switch__thumb","GenericLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAMA,MAAAA,GAASC,iBACpB,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAASC,QAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAaC,GAAAA;AAAAA,EAAKC,KAAAA;AAAAA,EAAOC,EAAAA;AAAAA,EAAIC,SAAAA;AAAAA,EAAW,GAAGC;AAAM,CAAA,EAAGC,GAAAA,KAAQ;AAChF,EAAA,MAAMC,YAAYC,WAAAA,EAAM;AACxB,EAAA,uBACEC,eAAA,CAACC,qBACC,YAAA,EAAcV,WAAAA,EACd,MAAMC,GAAAA,EACN,SAAA,EAAWU,sBAAOC,OAAAA,EAElB,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,sBAAA,CAAY,IAAA,EAAZ,EACC,GAAA,EACA,EAAA,EAAIX,EAAAA,IAAMI,SAAAA,EACV,QAAA,EACA,YAAA,EAAY,CAAA,EAAGL,KAAK,CAAA,CAAA,EACpB,OAAA,EACA,GAAIG,KAAAA,EACJ,SAAA,EAAWU,MAAAA,CAAGJ,qBAAAA,CAAOK,MAAAA,EAAQZ,SAAS,CAAA,EAEtC,QAAA,kBAAAS,cAAA,CAACC,sBAAA,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAWH,qBAAAA,CAAOM,aAAAA,EAAc,CAAA,EACrD,CAAA;AAAA,IACCf,yBACCW,cAAA,CAACK,yBAAA,EAAA,EACC,SAASf,EAAAA,IAAMI,SAAAA,EACf,UAECL,QAAAA,EAAAA,KAAAA,EACH;AAAA,GAAA,EAEJ,CAAA;AAEJ,CACF;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import * as RadixSwitch from '@radix-ui/react-switch';\nimport { forwardRef, useId } from 'react';\nimport { FormRoot } from '@/components/FormContainer';\nimport { GenericLabel } from '@/components/GenericLabel';\nimport { cn } from '@/lib/cva';\nimport styles from './Switch.module.css';\nimport { SwitchProps } from './Switch.types';\n\nexport const Switch = forwardRef<HTMLButtonElement, SwitchProps>(\n  ({ checked, disabled, orientation, dir, label, id, className, ...props }, ref) => {\n    const defaultId = useId();\n    return (\n      <FormRoot\n        $orientation={orientation}\n        $dir={dir}\n        className={styles.wrapper}\n      >\n        <RadixSwitch.Root\n          ref={ref}\n          id={id ?? defaultId}\n          disabled={disabled}\n          aria-label={`${label}`}\n          checked={checked}\n          {...props}\n          className={cn(styles.switch, className)}\n        >\n          <RadixSwitch.Thumb className={styles.switch__thumb} />\n        </RadixSwitch.Root>\n        {label && (\n          <GenericLabel\n            htmlFor={id ?? defaultId}\n            disabled={disabled}\n          >\n            {label}\n          </GenericLabel>\n        )}\n      </FormRoot>\n    );\n  }\n);\n"],"names":["forwardRef","useId","jsxs","FormRoot","styles","jsx","RadixSwitch","cn","GenericLabel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQO,MAAM,MAAA,GAASA,gBAAA;AAAA,EACpB,CAAC,EAAE,OAAA,EAAS,QAAA,EAAU,WAAA,EAAa,GAAA,EAAK,KAAA,EAAO,EAAA,EAAI,SAAA,EAAW,GAAG,KAAA,EAAM,EAAG,GAAA,KAAQ;AAChF,IAAA,MAAM,YAAYC,WAAA,EAAM;AACxB,IAAA,uBACEC,eAAA;AAAA,MAACC,iBAAA;AAAA,MAAA;AAAA,QACC,YAAA,EAAc,WAAA;AAAA,QACd,IAAA,EAAM,GAAA;AAAA,QACN,WAAWC,qBAAA,CAAO,OAAA;AAAA,QAElB,QAAA,EAAA;AAAA,0BAAAC,cAAA;AAAA,YAACC,sBAAA,CAAY,IAAA;AAAA,YAAZ;AAAA,cACC,GAAA;AAAA,cACA,IAAI,EAAA,IAAM,SAAA;AAAA,cACV,QAAA;AAAA,cACA,YAAA,EAAY,GAAG,KAAK,CAAA,CAAA;AAAA,cACpB,OAAA;AAAA,cACC,GAAG,KAAA;AAAA,cACJ,SAAA,EAAWC,MAAA,CAAGH,qBAAA,CAAO,MAAA,EAAQ,SAAS,CAAA;AAAA,cAEtC,yCAACE,sBAAA,CAAY,KAAA,EAAZ,EAAkB,SAAA,EAAWF,sBAAO,aAAA,EAAe;AAAA;AAAA,WACtD;AAAA,UACC,KAAA,oBACCC,cAAA;AAAA,YAACG,yBAAA;AAAA,YAAA;AAAA,cACC,SAAS,EAAA,IAAM,SAAA;AAAA,cACf,QAAA;AAAA,cAEC,QAAA,EAAA;AAAA;AAAA;AACH;AAAA;AAAA,KAEJ;AAAA,EAEJ;AACF;;;;"}

package/dist/cjs/components/Table/Table.css

@@ -1,4 +1,4 @@
-/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
+@layer clickui {/* stylelint-disable custom-property-pattern -- design tokens use camelCase (e.g. iconButton) */
 .table__Dkosn {
   display: flex;
   width: 100%;
@@ -373,3 +373,4 @@
   word-break: break-all;
   overflow-wrap: break-word;
 }
+}