brd-ui-kit 0.1.73 → 0.1.76

package/dist/components-ui-tabs-tabs.js

@@ -1,41 +1,41 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-tabs";
 import "class-variance-authority";
-import * as n from "react";
+import { createContext as c, use as f } from "react";
 import { cn as o } from "./lib-utils.js";
-import { tabsListVariants as f, tabsTriggerVariants as p } from "./components-ui-tabs-tabs.styles.js";
-const m = n.createContext("default"), x = t.Root, b = ({
+import { tabsListVariants as p, tabsTriggerVariants as b } from "./components-ui-tabs-tabs.styles.js";
+const n = c("default"), C = t.Root, g = ({
   ref: i,
   className: s,
   variant: a = "default",
   ...r
-}) => /* @__PURE__ */ e(m, { value: a, children: /* @__PURE__ */ e(
+}) => /* @__PURE__ */ e(n, { value: a, children: /* @__PURE__ */ e(
   t.List,
   {
     ref: i,
-    className: o(f({ variant: a }), s),
+    className: o(p({ variant: a }), s),
     ...r
   }
 ) });
-b.displayName = t.List.displayName;
-const g = ({
+g.displayName = t.List.displayName;
+const u = ({
   ref: i,
   className: s,
   variant: a,
   ...r
 }) => {
-  const c = n.use(m), l = a ?? c;
+  const m = f(n), l = a ?? m;
   return /* @__PURE__ */ e(
     t.Trigger,
     {
       ref: i,
-      className: o(p({ variant: l }), s),
+      className: o(b({ variant: l }), s),
       ...r
     }
   );
 };
-g.displayName = t.Trigger.displayName;
-const u = ({
+u.displayName = t.Trigger.displayName;
+const d = ({
   ref: i,
   className: s,
   ...a
@@ -52,11 +52,11 @@ const u = ({
     ...a
   }
 );
-u.displayName = t.Content.displayName;
+d.displayName = t.Content.displayName;
 export {
-  x as Tabs,
-  u as TabsContent,
-  b as TabsList,
-  g as TabsTrigger
+  C as Tabs,
+  d as TabsContent,
+  g as TabsList,
+  u as TabsTrigger
 };
 //# sourceMappingURL=components-ui-tabs-tabs.js.map

package/dist/components-ui-tabs-tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-tabs-tabs.js","sources":["../src/components/ui/tabs/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./tabs.styles\";\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>[\"variant\"]>;\n\nconst TabsVariantContext = React.createContext<TabsVariant>(\"default\");\n\nconst Tabs = TabsPrimitive.Root;\n\ntype TabsListProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants>;\n\nconst TabsList = ({\n  ref,\n  className,\n  variant = \"default\",\n  ...props\n}: TabsListProps & {\n  ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.List> | null>;\n}) => {\n  return (\n    <TabsVariantContext value={variant as TabsVariant}>\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(tabsListVariants({ variant }), className)}\n        {...props}\n      />\n    </TabsVariantContext>\n  );\n};\nTabsList.displayName = TabsPrimitive.List.displayName;\n\ntype TabsTriggerProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> &\n  VariantProps<typeof tabsTriggerVariants>;\n\nconst TabsTrigger = ({\n  ref,\n  className,\n  variant: variantProp,\n  ...props\n}: TabsTriggerProps & {\n  ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Trigger> | null>;\n}) => {\n  const contextVariant = React.use(TabsVariantContext);\n  const variant = variantProp ?? contextVariant;\n\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  );\n};\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = ({\n  ref,\n  className,\n  ...props\n}: React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {\n  ref?: React.RefObject<React.ComponentRef<typeof TabsPrimitive.Content> | null>;\n}) => {\n  return (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cn(\n        `text-primary-text focus-visible:ring-ring focus-visible:ring-2\n        focus-visible:ring-offset-2 focus-visible:outline-none`,\n        \"data-[orientation=vertical]:flex-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  type TabsListProps,\n  type TabsTriggerProps,\n};\n"],"names":["TabsVariantContext","React","Tabs","TabsPrimitive","TabsList","ref","className","variant","props","jsx","cn","tabsListVariants","TabsTrigger","variantProp","contextVariant","tabsTriggerVariants","TabsContent"],"mappings":";;;;;;AASA,MAAMA,IAAqBC,EAAM,cAA2B,SAAS,GAE/DC,IAAOC,EAAc,MAKrBC,IAAW,CAAC;AAAA,EAChB,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAII,gBAAAC,EAACT,GAAA,EAAmB,OAAOO,GACzB,UAAA,gBAAAE;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAE;AAAA,IACA,WAAWK,EAAGC,EAAiB,EAAE,SAAAJ,EAAA,CAAS,GAAGD,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AAAA,GAER;AAGJJ,EAAS,cAAcD,EAAc,KAAK;AAK1C,MAAMS,IAAc,CAAC;AAAA,EACnB,KAAAP;AAAA,EACA,WAAAC;AAAA,EACA,SAASO;AAAA,EACT,GAAGL;AACL,MAEM;AACJ,QAAMM,IAAiBb,EAAM,IAAID,CAAkB,GAC7CO,IAAUM,KAAeC;AAE/B,SACE,gBAAAL;AAAA,IAACN,EAAc;AAAA,IAAd;AAAA,MACC,KAAAE;AAAA,MACA,WAAWK,EAAGK,EAAoB,EAAE,SAAAR,EAAA,CAAS,GAAGD,CAAS;AAAA,MACxD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AACAI,EAAY,cAAcT,EAAc,QAAQ;AAEhD,MAAMa,IAAc,CAAC;AAAA,EACnB,KAAAX;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAII,gBAAAC;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAE;AAAA,IACA,WAAWK;AAAA,MACT;AAAA;AAAA,MAEA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA;AAIVQ,EAAY,cAAcb,EAAc,QAAQ;"}
+{"version":3,"file":"components-ui-tabs-tabs.js","sources":["../src/components/ui/tabs/tabs.tsx"],"sourcesContent":["import * as TabsPrimitive from \"@radix-ui/react-tabs\";\nimport { type VariantProps } from \"class-variance-authority\";\nimport { createContext, use } from \"react\";\nimport type { ComponentPropsWithoutRef, ComponentRef, RefObject } from \"react\";\n\nimport { cn } from \"@/lib/utils\";\nimport { tabsListVariants, tabsTriggerVariants } from \"./tabs.styles\";\n\ntype TabsVariant = NonNullable<VariantProps<typeof tabsListVariants>[\"variant\"]>;\n\nconst TabsVariantContext = createContext<TabsVariant>(\"default\");\n\nconst Tabs = TabsPrimitive.Root;\n\ntype TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants>;\n\nconst TabsList = ({\n  ref,\n  className,\n  variant = \"default\",\n  ...props\n}: TabsListProps & {\n  ref?: RefObject<ComponentRef<typeof TabsPrimitive.List> | null>;\n}) => {\n  return (\n    <TabsVariantContext value={variant as TabsVariant}>\n      <TabsPrimitive.List\n        ref={ref}\n        className={cn(tabsListVariants({ variant }), className)}\n        {...props}\n      />\n    </TabsVariantContext>\n  );\n};\nTabsList.displayName = TabsPrimitive.List.displayName;\n\ntype TabsTriggerProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> &\n  VariantProps<typeof tabsTriggerVariants>;\n\nconst TabsTrigger = ({\n  ref,\n  className,\n  variant: variantProp,\n  ...props\n}: TabsTriggerProps & {\n  ref?: RefObject<ComponentRef<typeof TabsPrimitive.Trigger> | null>;\n}) => {\n  const contextVariant = use(TabsVariantContext);\n  const variant = variantProp ?? contextVariant;\n\n  return (\n    <TabsPrimitive.Trigger\n      ref={ref}\n      className={cn(tabsTriggerVariants({ variant }), className)}\n      {...props}\n    />\n  );\n};\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\n\nconst TabsContent = ({\n  ref,\n  className,\n  ...props\n}: ComponentPropsWithoutRef<typeof TabsPrimitive.Content> & {\n  ref?: RefObject<ComponentRef<typeof TabsPrimitive.Content> | null>;\n}) => {\n  return (\n    <TabsPrimitive.Content\n      ref={ref}\n      className={cn(\n        `text-primary-text focus-visible:ring-ring focus-visible:ring-2\n        focus-visible:ring-offset-2 focus-visible:outline-none`,\n        \"data-[orientation=vertical]:flex-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n};\nTabsContent.displayName = TabsPrimitive.Content.displayName;\n\nexport {\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  type TabsListProps,\n  type TabsTriggerProps,\n};\n"],"names":["TabsVariantContext","createContext","Tabs","TabsPrimitive","TabsList","ref","className","variant","props","jsx","cn","tabsListVariants","TabsTrigger","variantProp","contextVariant","use","tabsTriggerVariants","TabsContent"],"mappings":";;;;;;AAUA,MAAMA,IAAqBC,EAA2B,SAAS,GAEzDC,IAAOC,EAAc,MAKrBC,IAAW,CAAC;AAAA,EAChB,KAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,MAII,gBAAAC,EAACT,GAAA,EAAmB,OAAOO,GACzB,UAAA,gBAAAE;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAE;AAAA,IACA,WAAWK,EAAGC,EAAiB,EAAE,SAAAJ,EAAA,CAAS,GAAGD,CAAS;AAAA,IACrD,GAAGE;AAAA,EAAA;AAAA,GAER;AAGJJ,EAAS,cAAcD,EAAc,KAAK;AAK1C,MAAMS,IAAc,CAAC;AAAA,EACnB,KAAAP;AAAA,EACA,WAAAC;AAAA,EACA,SAASO;AAAA,EACT,GAAGL;AACL,MAEM;AACJ,QAAMM,IAAiBC,EAAIf,CAAkB,GACvCO,IAAUM,KAAeC;AAE/B,SACE,gBAAAL;AAAA,IAACN,EAAc;AAAA,IAAd;AAAA,MACC,KAAAE;AAAA,MACA,WAAWK,EAAGM,EAAoB,EAAE,SAAAT,EAAA,CAAS,GAAGD,CAAS;AAAA,MACxD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AACAI,EAAY,cAAcT,EAAc,QAAQ;AAEhD,MAAMc,IAAc,CAAC;AAAA,EACnB,KAAAZ;AAAA,EACA,WAAAC;AAAA,EACA,GAAGE;AACL,MAII,gBAAAC;AAAA,EAACN,EAAc;AAAA,EAAd;AAAA,IACC,KAAAE;AAAA,IACA,WAAWK;AAAA,MACT;AAAA;AAAA,MAEA;AAAA,MACAJ;AAAA,IAAA;AAAA,IAED,GAAGE;AAAA,EAAA;AAAA;AAIVS,EAAY,cAAcd,EAAc,QAAQ;"}

package/dist/components-ui-toggle-group-toggle-group.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime");require("class-variance-authority");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");require("@radix-ui/react-toggle");const d=require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");const g=require("./lib-utils.cjs"),m=require("./components-ui-toggle-toggle.styles.cjs"),s=require("./components-ui-toggle-group-toggle-group.styles.cjs"),l=require("react");function f(r){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const t=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(i,e,t.get?t:{enumerable:!0,get:()=>r[e]})}}return i.default=r,Object.freeze(i)}const q=f(d),c=l.createContext({size:"default",variant:"default",spacing:0,orientation:"horizontal"});function G({className:r,variant:i,size:e,spacing:t=0,orientation:o="horizontal",children:a,style:u,...p}){return n.jsx(q.Root,{"data-slot":"toggle-group","data-variant":i,"data-size":e,"data-spacing":t,"data-orientation":o,style:{...u,"--toggle-group-gap":`${t}px`},className:g.cn(s.toggleGroupRootClassNames,r),...p,children:n.jsx(c,{value:{variant:i,size:e,spacing:t,orientation:o},children:a})})}function _({className:r,children:i,variant:e="default",size:t="default",statusVariant:o="precise",...a}){const u=l.use(c);return n.jsx(q.Item,{"data-slot":"toggle-group-item","data-variant":u.variant??e,"data-size":u.size??t,"data-spacing":u.spacing,"data-orientation":u.orientation,"data-status-variant":o,className:g.cn(m.toggleVariants({variant:u.variant??e,size:u.size??t}),s.toggleGroupItemStatusVariants({statusVariant:o}),s.toggleGroupItemClassNames,r),...a,children:i})}exports.ToggleGroup=G;exports.ToggleGroupItem=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime");require("class-variance-authority");require("@radix-ui/react-accessible-icon");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-aspect-ratio");require("@radix-ui/react-avatar");require("@radix-ui/react-checkbox");require("@radix-ui/react-collapsible");require("@radix-ui/react-context-menu");require("@radix-ui/react-dialog");require("@radix-ui/react-direction");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-form");require("@radix-ui/react-hover-card");require("@radix-ui/react-label");require("@radix-ui/react-menubar");require("@radix-ui/react-navigation-menu");require("@radix-ui/react-one-time-password-field");require("@radix-ui/react-password-toggle-field");require("@radix-ui/react-popover");require("@radix-ui/react-portal");require("@radix-ui/react-progress");require("@radix-ui/react-radio-group");require("@radix-ui/react-scroll-area");require("@radix-ui/react-select");require("@radix-ui/react-separator");require("@radix-ui/react-slider");require("@radix-ui/react-slot");require("@radix-ui/react-switch");require("@radix-ui/react-tabs");require("@radix-ui/react-toast");require("@radix-ui/react-toggle");const G=require("@radix-ui/react-toggle-group");require("@radix-ui/react-toolbar");require("@radix-ui/react-tooltip");require("@radix-ui/react-visually-hidden");const d=require("./lib-utils.cjs"),_=require("./components-ui-toggle-toggle.styles.cjs"),q=require("./components-ui-toggle-group-toggle-group.styles.cjs"),p=require("react");function b(t){const i=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const u=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(i,e,u.get?u:{enumerable:!0,get:()=>t[e]})}}return i.default=t,Object.freeze(i)}const f=b(G),m=p.createContext({kind:"default",size:"default",variant:"default",square:!1,spacing:0,orientation:"horizontal"});function j({className:t,variant:i,size:e,square:u,kind:o="default",spacing:n=0,orientation:s="horizontal",children:l,style:r,...a}){return g.jsx(f.Root,{"data-slot":"toggle-group","data-kind":o,"data-variant":i,"data-size":e,"data-spacing":n,"data-orientation":s,style:{...r,"--toggle-group-gap":`${n}px`},className:d.cn(q.toggleGroupRootVariants({kind:o}),t),...a,children:g.jsx(m,{value:{kind:o,variant:i,size:e,square:u,spacing:n,orientation:s},children:l})})}function T({className:t,children:i,variant:e="default",size:u="default",square:o=!1,kind:n,statusVariant:s,...l}){const r=p.use(m),a=r.kind??n??"default",c=r.square??o,v=a==="status";return g.jsx(f.Item,{"data-slot":"toggle-group-item","data-kind":a,"data-variant":r.variant??e,"data-size":r.size??u,"data-square":c,"data-spacing":r.spacing,"data-orientation":r.orientation,"data-status-variant":s,className:d.cn(a==="default"&&_.toggleVariants({variant:r.variant??e,size:r.size??u,square:c}),q.toggleGroupItemKindVariants({kind:a}),v&&q.toggleGroupItemStatusVariants({statusVariant:s}),t),...l,children:i})}exports.ToggleGroup=j;exports.ToggleGroupItem=T;
 //# sourceMappingURL=components-ui-toggle-group-toggle-group.cjs.map

package/dist/components-ui-toggle-group-toggle-group.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-toggle-group-toggle-group.cjs","sources":["../src/components/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport {\n  toggleGroupItemClassNames,\n  toggleGroupRootClassNames,\n  toggleGroupItemStatusVariants,\n  type ToggleGroupItemStatusVariantProps,\n} from \"./toggle-group.styles\";\nimport { createContext, use, type ComponentProps } from \"react\";\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  style,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={\n        {\n          ...style,\n          \"--toggle-group-gap\": `${spacing}px`,\n        } as React.CSSProperties\n      }\n      className={cn(toggleGroupRootClassNames, className)}\n      {...props}\n    >\n      <ToggleGroupContext value={{ variant, size, spacing, orientation }}>\n        {children}\n      </ToggleGroupContext>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  statusVariant = \"precise\",\n  ...props\n}: ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants> &\n  ToggleGroupItemStatusVariantProps) {\n  const context = use(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant ?? variant}\n      data-size={context.size ?? size}\n      data-spacing={context.spacing}\n      data-orientation={context.orientation}\n      data-status-variant={statusVariant}\n      className={cn(\n        toggleVariants({\n          variant: context.variant ?? variant,\n          size: context.size ?? size,\n        }),\n        toggleGroupItemStatusVariants({ statusVariant }),\n        toggleGroupItemClassNames,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"names":["ToggleGroupContext","createContext","ToggleGroup","className","variant","size","spacing","orientation","children","style","props","jsx","ToggleGroupPrimitive","cn","toggleGroupRootClassNames","ToggleGroupItem","statusVariant","context","use","toggleVariants","toggleGroupItemStatusVariants","toggleGroupItemClassNames"],"mappings":"q4DAkBMA,EAAqBC,EAAAA,cAAuC,CAChE,KAAM,UACN,QAAS,UACT,QAAS,EACT,YAAa,YACf,CAAC,EAED,SAASC,EAAY,CACnB,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,EACV,YAAAC,EAAc,aACd,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAqF,CACnF,OACEC,EAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,eACV,eAAcR,EACd,YAAWC,EACX,eAAcC,EACd,mBAAkBC,EAClB,MACE,CACE,GAAGE,EACH,qBAAsB,GAAGH,CAAO,IAAA,EAGpC,UAAWO,EAAAA,GAAGC,EAAAA,0BAA2BX,CAAS,EACjD,GAAGO,EAEJ,SAAAC,EAAAA,IAACX,GAAmB,MAAO,CAAE,QAAAI,EAAS,KAAAC,EAAM,QAAAC,EAAS,YAAAC,CAAA,EAClD,SAAAC,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,SAASO,EAAgB,CACvB,UAAAZ,EACA,SAAAK,EACA,QAAAJ,EAAU,UACV,KAAAC,EAAO,UACP,cAAAW,EAAgB,UAChB,GAAGN,CACL,EAEqC,CACnC,MAAMO,EAAUC,EAAAA,IAAIlB,CAAkB,EAEtC,OACEW,EAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,oBACV,eAAcK,EAAQ,SAAWb,EACjC,YAAWa,EAAQ,MAAQZ,EAC3B,eAAcY,EAAQ,QACtB,mBAAkBA,EAAQ,YAC1B,sBAAqBD,EACrB,UAAWH,EAAAA,GACTM,iBAAe,CACb,QAASF,EAAQ,SAAWb,EAC5B,KAAMa,EAAQ,MAAQZ,CAAA,CACvB,EACDe,EAAAA,8BAA8B,CAAE,cAAAJ,EAAe,EAC/CK,EAAAA,0BACAlB,CAAA,EAED,GAAGO,EAEH,SAAAF,CAAA,CAAA,CAGP"}
+{"version":3,"file":"components-ui-toggle-group-toggle-group.cjs","sources":["../src/components/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport {\n  toggleGroupItemKindVariants,\n  toggleGroupRootVariants,\n  toggleGroupItemStatusVariants,\n  type ToggleGroupItemKindVariantProps,\n  type ToggleGroupRootVariantProps,\n  type ToggleGroupItemStatusVariantProps,\n} from \"./toggle-group.styles\";\nimport { createContext, use, type ComponentProps } from \"react\";\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  kind?: NonNullable<ToggleGroupRootVariantProps[\"kind\"]>;\n  spacing?: number;\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  kind: \"default\",\n  size: \"default\",\n  variant: \"default\",\n  square: false,\n  spacing: 0,\n  orientation: \"horizontal\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  square,\n  kind = \"default\",\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  style,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-kind={kind}\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={\n        {\n          ...style,\n          \"--toggle-group-gap\": `${spacing}px`,\n        } as React.CSSProperties\n      }\n      className={cn(toggleGroupRootVariants({ kind }), className)}\n      {...props}\n    >\n      <ToggleGroupContext value={{ kind, variant, size, square, spacing, orientation }}>\n        {children}\n      </ToggleGroupContext>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  square = false,\n  kind,\n  statusVariant,\n  ...props\n}: ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants> &\n  ToggleGroupItemKindVariantProps &\n  ToggleGroupItemStatusVariantProps) {\n  const context = use(ToggleGroupContext);\n  const resolvedKind = context.kind ?? kind ?? \"default\";\n  const resolvedSquare = context.square ?? square;\n  const isStatusItem = resolvedKind === \"status\";\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-kind={resolvedKind}\n      data-variant={context.variant ?? variant}\n      data-size={context.size ?? size}\n      data-square={resolvedSquare}\n      data-spacing={context.spacing}\n      data-orientation={context.orientation}\n      data-status-variant={statusVariant}\n      className={cn(\n        resolvedKind === \"default\" &&\n          toggleVariants({\n            variant: context.variant ?? variant,\n            size: context.size ?? size,\n            square: resolvedSquare,\n          }),\n        toggleGroupItemKindVariants({ kind: resolvedKind }),\n        isStatusItem && toggleGroupItemStatusVariants({ statusVariant }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"names":["ToggleGroupContext","createContext","ToggleGroup","className","variant","size","square","kind","spacing","orientation","children","style","props","jsx","ToggleGroupPrimitive","cn","toggleGroupRootVariants","ToggleGroupItem","statusVariant","context","use","resolvedKind","resolvedSquare","isStatusItem","toggleVariants","toggleGroupItemKindVariants","toggleGroupItemStatusVariants"],"mappings":"q4DAqBMA,EAAqBC,EAAAA,cAAuC,CAChE,KAAM,UACN,KAAM,UACN,QAAS,UACT,OAAQ,GACR,QAAS,EACT,YAAa,YACf,CAAC,EAED,SAASC,EAAY,CACnB,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,OAAAC,EACA,KAAAC,EAAO,UACP,QAAAC,EAAU,EACV,YAAAC,EAAc,aACd,SAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAqF,CACnF,OACEC,EAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,eACV,YAAWP,EACX,eAAcH,EACd,YAAWC,EACX,eAAcG,EACd,mBAAkBC,EAClB,MACE,CACE,GAAGE,EACH,qBAAsB,GAAGH,CAAO,IAAA,EAGpC,UAAWO,EAAAA,GAAGC,EAAAA,wBAAwB,CAAE,KAAAT,CAAA,CAAM,EAAGJ,CAAS,EACzD,GAAGS,EAEJ,SAAAC,EAAAA,IAACb,EAAA,CAAmB,MAAO,CAAE,KAAAO,EAAM,QAAAH,EAAS,KAAAC,EAAM,OAAAC,EAAQ,QAAAE,EAAS,YAAAC,CAAA,EAChE,SAAAC,CAAA,CACH,CAAA,CAAA,CAGN,CAEA,SAASO,EAAgB,CACvB,UAAAd,EACA,SAAAO,EACA,QAAAN,EAAU,UACV,KAAAC,EAAO,UACP,OAAAC,EAAS,GACT,KAAAC,EACA,cAAAW,EACA,GAAGN,CACL,EAGqC,CACnC,MAAMO,EAAUC,EAAAA,IAAIpB,CAAkB,EAChCqB,EAAeF,EAAQ,MAAQZ,GAAQ,UACvCe,EAAiBH,EAAQ,QAAUb,EACnCiB,EAAeF,IAAiB,SAEtC,OACER,EAAAA,IAACC,EAAqB,KAArB,CACC,YAAU,oBACV,YAAWO,EACX,eAAcF,EAAQ,SAAWf,EACjC,YAAWe,EAAQ,MAAQd,EAC3B,cAAaiB,EACb,eAAcH,EAAQ,QACtB,mBAAkBA,EAAQ,YAC1B,sBAAqBD,EACrB,UAAWH,EAAAA,GACTM,IAAiB,WACfG,iBAAe,CACb,QAASL,EAAQ,SAAWf,EAC5B,KAAMe,EAAQ,MAAQd,EACtB,OAAQiB,CAAA,CACT,EACHG,8BAA4B,CAAE,KAAMJ,EAAc,EAClDE,GAAgBG,EAAAA,8BAA8B,CAAE,cAAAR,EAAe,EAC/Df,CAAA,EAED,GAAGS,EAEH,SAAAF,CAAA,CAAA,CAGP"}

package/dist/components-ui-toggle-group-toggle-group.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as l } from "react/jsx-runtime";
 import "class-variance-authority";
 import "@radix-ui/react-accessible-icon";
 import "@radix-ui/react-accordion";
@@ -31,82 +31,92 @@ import "@radix-ui/react-switch";
 import "@radix-ui/react-tabs";
 import "@radix-ui/react-toast";
 import "@radix-ui/react-toggle";
-import * as n from "@radix-ui/react-toggle-group";
+import * as d from "@radix-ui/react-toggle-group";
 import "@radix-ui/react-toolbar";
 import "@radix-ui/react-tooltip";
 import "@radix-ui/react-visually-hidden";
 import { cn as g } from "./lib-utils.js";
-import { toggleVariants as u } from "./components-ui-toggle-toggle.styles.js";
-import { toggleGroupRootClassNames as d, toggleGroupItemClassNames as c, toggleGroupItemStatusVariants as f } from "./components-ui-toggle-group-toggle-group.styles.js";
-import { createContext as v, use as G } from "react";
-const s = v({
+import { toggleVariants as v } from "./components-ui-toggle-toggle.styles.js";
+import { toggleGroupRootVariants as G, toggleGroupItemStatusVariants as x, toggleGroupItemKindVariants as z } from "./components-ui-toggle-group-toggle-group.styles.js";
+import { createContext as q, use as I } from "react";
+const f = q({
+  kind: "default",
   size: "default",
   variant: "default",
+  square: !1,
   spacing: 0,
   orientation: "horizontal"
 });
-function at({
-  className: m,
-  variant: a,
+function nt({
+  className: n,
+  variant: m,
   size: r,
-  spacing: o = 0,
-  orientation: i = "horizontal",
-  children: p,
+  square: p,
+  kind: a = "default",
+  spacing: i = 0,
+  orientation: e = "horizontal",
+  children: s,
   style: t,
-  ...l
+  ...o
 }) {
-  return /* @__PURE__ */ e(
-    n.Root,
+  return /* @__PURE__ */ l(
+    d.Root,
     {
       "data-slot": "toggle-group",
-      "data-variant": a,
+      "data-kind": a,
+      "data-variant": m,
       "data-size": r,
-      "data-spacing": o,
-      "data-orientation": i,
+      "data-spacing": i,
+      "data-orientation": e,
       style: {
         ...t,
-        "--toggle-group-gap": `${o}px`
+        "--toggle-group-gap": `${i}px`
       },
-      className: g(d, m),
-      ...l,
-      children: /* @__PURE__ */ e(s, { value: { variant: a, size: r, spacing: o, orientation: i }, children: p })
+      className: g(G({ kind: a }), n),
+      ...o,
+      children: /* @__PURE__ */ l(f, { value: { kind: a, variant: m, size: r, square: p, spacing: i, orientation: e }, children: s })
     }
   );
 }
-function mt({
-  className: m,
-  children: a,
+function st({
+  className: n,
+  children: m,
   variant: r = "default",
-  size: o = "default",
-  statusVariant: i = "precise",
-  ...p
+  size: p = "default",
+  square: a = !1,
+  kind: i,
+  statusVariant: e,
+  ...s
 }) {
-  const t = G(s);
-  return /* @__PURE__ */ e(
-    n.Item,
+  const t = I(f), o = t.kind ?? i ?? "default", u = t.square ?? a, c = o === "status";
+  return /* @__PURE__ */ l(
+    d.Item,
     {
       "data-slot": "toggle-group-item",
+      "data-kind": o,
       "data-variant": t.variant ?? r,
-      "data-size": t.size ?? o,
+      "data-size": t.size ?? p,
+      "data-square": u,
       "data-spacing": t.spacing,
       "data-orientation": t.orientation,
-      "data-status-variant": i,
+      "data-status-variant": e,
       className: g(
-        u({
+        o === "default" && v({
           variant: t.variant ?? r,
-          size: t.size ?? o
+          size: t.size ?? p,
+          square: u
         }),
-        f({ statusVariant: i }),
-        c,
-        m
+        z({ kind: o }),
+        c && x({ statusVariant: e }),
+        n
       ),
-      ...p,
-      children: a
+      ...s,
+      children: m
     }
   );
 }
 export {
-  at as ToggleGroup,
-  mt as ToggleGroupItem
+  nt as ToggleGroup,
+  st as ToggleGroupItem
 };
 //# sourceMappingURL=components-ui-toggle-group-toggle-group.js.map

package/dist/components-ui-toggle-group-toggle-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-toggle-group-toggle-group.js","sources":["../src/components/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport {\n  toggleGroupItemClassNames,\n  toggleGroupRootClassNames,\n  toggleGroupItemStatusVariants,\n  type ToggleGroupItemStatusVariantProps,\n} from \"./toggle-group.styles\";\nimport { createContext, use, type ComponentProps } from \"react\";\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  spacing?: number;\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  style,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={\n        {\n          ...style,\n          \"--toggle-group-gap\": `${spacing}px`,\n        } as React.CSSProperties\n      }\n      className={cn(toggleGroupRootClassNames, className)}\n      {...props}\n    >\n      <ToggleGroupContext value={{ variant, size, spacing, orientation }}>\n        {children}\n      </ToggleGroupContext>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  statusVariant = \"precise\",\n  ...props\n}: ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants> &\n  ToggleGroupItemStatusVariantProps) {\n  const context = use(ToggleGroupContext);\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant ?? variant}\n      data-size={context.size ?? size}\n      data-spacing={context.spacing}\n      data-orientation={context.orientation}\n      data-status-variant={statusVariant}\n      className={cn(\n        toggleVariants({\n          variant: context.variant ?? variant,\n          size: context.size ?? size,\n        }),\n        toggleGroupItemStatusVariants({ statusVariant }),\n        toggleGroupItemClassNames,\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"names":["ToggleGroupContext","createContext","ToggleGroup","className","variant","size","spacing","orientation","children","style","props","jsx","ToggleGroupPrimitive","cn","toggleGroupRootClassNames","ToggleGroupItem","statusVariant","context","use","toggleVariants","toggleGroupItemStatusVariants","toggleGroupItemClassNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,IAAqBC,EAAuC;AAAA,EAChE,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,SAASC,GAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqF;AACnF,SACE,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcR;AAAA,MACd,aAAWC;AAAA,MACX,gBAAcC;AAAA,MACd,oBAAkBC;AAAA,MAClB,OACE;AAAA,QACE,GAAGE;AAAA,QACH,sBAAsB,GAAGH,CAAO;AAAA,MAAA;AAAA,MAGpC,WAAWO,EAAGC,GAA2BX,CAAS;AAAA,MACjD,GAAGO;AAAA,MAEJ,UAAA,gBAAAC,EAACX,KAAmB,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,SAAAC,GAAS,aAAAC,EAAA,GAClD,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASO,GAAgB;AAAA,EACvB,WAAAZ;AAAA,EACA,UAAAK;AAAA,EACA,SAAAJ,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,eAAAW,IAAgB;AAAA,EAChB,GAAGN;AACL,GAEqC;AACnC,QAAMO,IAAUC,EAAIlB,CAAkB;AAEtC,SACE,gBAAAW;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcK,EAAQ,WAAWb;AAAA,MACjC,aAAWa,EAAQ,QAAQZ;AAAA,MAC3B,gBAAcY,EAAQ;AAAA,MACtB,oBAAkBA,EAAQ;AAAA,MAC1B,uBAAqBD;AAAA,MACrB,WAAWH;AAAA,QACTM,EAAe;AAAA,UACb,SAASF,EAAQ,WAAWb;AAAA,UAC5B,MAAMa,EAAQ,QAAQZ;AAAA,QAAA,CACvB;AAAA,QACDe,EAA8B,EAAE,eAAAJ,GAAe;AAAA,QAC/CK;AAAA,QACAlB;AAAA,MAAA;AAAA,MAED,GAAGO;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"components-ui-toggle-group-toggle-group.js","sources":["../src/components/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\";\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\";\n\nimport { cn } from \"@/lib/utils\";\nimport { toggleVariants } from \"@/components/ui/toggle\";\nimport {\n  toggleGroupItemKindVariants,\n  toggleGroupRootVariants,\n  toggleGroupItemStatusVariants,\n  type ToggleGroupItemKindVariantProps,\n  type ToggleGroupRootVariantProps,\n  type ToggleGroupItemStatusVariantProps,\n} from \"./toggle-group.styles\";\nimport { createContext, use, type ComponentProps } from \"react\";\n\ntype ToggleGroupContextValue = VariantProps<typeof toggleVariants> & {\n  kind?: NonNullable<ToggleGroupRootVariantProps[\"kind\"]>;\n  spacing?: number;\n  orientation?: \"horizontal\" | \"vertical\";\n};\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  kind: \"default\",\n  size: \"default\",\n  variant: \"default\",\n  square: false,\n  spacing: 0,\n  orientation: \"horizontal\",\n});\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  square,\n  kind = \"default\",\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  style,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & ToggleGroupContextValue) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-kind={kind}\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={\n        {\n          ...style,\n          \"--toggle-group-gap\": `${spacing}px`,\n        } as React.CSSProperties\n      }\n      className={cn(toggleGroupRootVariants({ kind }), className)}\n      {...props}\n    >\n      <ToggleGroupContext value={{ kind, variant, size, square, spacing, orientation }}>\n        {children}\n      </ToggleGroupContext>\n    </ToggleGroupPrimitive.Root>\n  );\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  square = false,\n  kind,\n  statusVariant,\n  ...props\n}: ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants> &\n  ToggleGroupItemKindVariantProps &\n  ToggleGroupItemStatusVariantProps) {\n  const context = use(ToggleGroupContext);\n  const resolvedKind = context.kind ?? kind ?? \"default\";\n  const resolvedSquare = context.square ?? square;\n  const isStatusItem = resolvedKind === \"status\";\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-kind={resolvedKind}\n      data-variant={context.variant ?? variant}\n      data-size={context.size ?? size}\n      data-square={resolvedSquare}\n      data-spacing={context.spacing}\n      data-orientation={context.orientation}\n      data-status-variant={statusVariant}\n      className={cn(\n        resolvedKind === \"default\" &&\n          toggleVariants({\n            variant: context.variant ?? variant,\n            size: context.size ?? size,\n            square: resolvedSquare,\n          }),\n        toggleGroupItemKindVariants({ kind: resolvedKind }),\n        isStatusItem && toggleGroupItemStatusVariants({ statusVariant }),\n        className,\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  );\n}\n\nexport { ToggleGroup, ToggleGroupItem };\n"],"names":["ToggleGroupContext","createContext","ToggleGroup","className","variant","size","square","kind","spacing","orientation","children","style","props","jsx","ToggleGroupPrimitive","cn","toggleGroupRootVariants","ToggleGroupItem","statusVariant","context","use","resolvedKind","resolvedSquare","isStatusItem","toggleVariants","toggleGroupItemKindVariants","toggleGroupItemStatusVariants"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAMA,IAAqBC,EAAuC;AAAA,EAChE,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,SAASC,GAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAqF;AACnF,SACE,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,aAAWP;AAAA,MACX,gBAAcH;AAAA,MACd,aAAWC;AAAA,MACX,gBAAcG;AAAA,MACd,oBAAkBC;AAAA,MAClB,OACE;AAAA,QACE,GAAGE;AAAA,QACH,sBAAsB,GAAGH,CAAO;AAAA,MAAA;AAAA,MAGpC,WAAWO,EAAGC,EAAwB,EAAE,MAAAT,EAAA,CAAM,GAAGJ,CAAS;AAAA,MACzD,GAAGS;AAAA,MAEJ,UAAA,gBAAAC,EAACb,GAAA,EAAmB,OAAO,EAAE,MAAAO,GAAM,SAAAH,GAAS,MAAAC,GAAM,QAAAC,GAAQ,SAAAE,GAAS,aAAAC,EAAA,GAChE,UAAAC,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASO,GAAgB;AAAA,EACvB,WAAAd;AAAA,EACA,UAAAO;AAAA,EACA,SAAAN,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,QAAAC,IAAS;AAAA,EACT,MAAAC;AAAA,EACA,eAAAW;AAAA,EACA,GAAGN;AACL,GAGqC;AACnC,QAAMO,IAAUC,EAAIpB,CAAkB,GAChCqB,IAAeF,EAAQ,QAAQZ,KAAQ,WACvCe,IAAiBH,EAAQ,UAAUb,GACnCiB,IAAeF,MAAiB;AAEtC,SACE,gBAAAR;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,aAAWO;AAAA,MACX,gBAAcF,EAAQ,WAAWf;AAAA,MACjC,aAAWe,EAAQ,QAAQd;AAAA,MAC3B,eAAaiB;AAAA,MACb,gBAAcH,EAAQ;AAAA,MACtB,oBAAkBA,EAAQ;AAAA,MAC1B,uBAAqBD;AAAA,MACrB,WAAWH;AAAA,QACTM,MAAiB,aACfG,EAAe;AAAA,UACb,SAASL,EAAQ,WAAWf;AAAA,UAC5B,MAAMe,EAAQ,QAAQd;AAAA,UACtB,QAAQiB;AAAA,QAAA,CACT;AAAA,QACHG,EAA4B,EAAE,MAAMJ,GAAc;AAAA,QAClDE,KAAgBG,EAA8B,EAAE,eAAAR,GAAe;AAAA,QAC/Df;AAAA,MAAA;AAAA,MAED,GAAGS;AAAA,MAEH,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components-ui-toggle-group-toggle-group.styles.cjs

@@ -1,18 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("class-variance-authority"),a=["w-full min-w-217.25 overflow-hidden","group/toggle-group flex w-fit items-center","data-[orientation=horizontal]:flex-row","data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch","gap-[var(--toggle-group-gap)]"],e=`
-  h-10 flex-1 shrink-0
-  border border-neutral-400 border-inp-default-border
-  px-4 py-2 text-sm leading-5
-  font-medium text-neutral-500
-  hover:bg-transparent hover:text-neutral-500
-  focus:z-10 focus-visible:z-10
-  group-data-[spacing=0]/toggle-group:rounded-none
-  group-data-[spacing=0]/toggle-group:px-2
-  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5
-  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5
-  data-[spacing=0]:data-[orientation=horizontal]:first:rounded-l-xl
-  data-[spacing=0]:data-[orientation=horizontal]:last:rounded-r-xl
-  data-[spacing=0]:data-[orientation=vertical]:first:rounded-t-xl
-  data-[spacing=0]:data-[orientation=vertical]:last:rounded-b-xl
-  data-[spacing=0]:data-[orientation=horizontal]:not-first:border-l-0
-`,o=t.cva("",{variants:{statusVariant:{precise:["data-[state=on]:bg-success-bg","data-[state=on]:shadow-[inset_1px_1px_4px_2px_rgb(1_102_48_/_30%)]","data-[state=on]:text-primary-text"].join(" "),precalc:["data-[state=on]:bg-confidence-bg","data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(101_163_13_/_30%)]","data-[state=on]:text-primary-text"].join(" "),lowData:["data-[state=on]:bg-warning-bg","data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(225_113_0_/_30%)]","data-[state=on]:text-primary-text"].join(" "),empty:["data-[state=on]:bg-error-bg","data-[state=on]:shadow-[inset_-1px_1px_4px_2px_rgb(193_0_7_/_30%)]","data-[state=on]:text-primary-text"].join(" ")}},defaultVariants:{statusVariant:"precise"}});exports.toggleGroupItemClassNames=e;exports.toggleGroupItemStatusVariants=o;exports.toggleGroupRootClassNames=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("class-variance-authority");require("react");require("./lib-utils.cjs");const a=require("./components-ui-typography-typography.styles.cjs"),e=t.cva(["inner-border inner-border-1 inner-border-color-default "+a.getTypographyClassName("body-sm-medium"),"group/toggle-group flex overflow-hidden","data-[orientation=horizontal]:flex-row","data-[orientation=vertical]:flex-col","gap-[var(--toggle-group-gap)]"],{variants:{kind:{default:"rounded-md",status:"rounded-lg",custom:""}},defaultVariants:{kind:"default"}}),r=t.cva("",{variants:{kind:{default:"",status:["flex-1","cursor-pointer disabled:pointer-events-none","px-4 py-2.5","data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:first:rounded-l-lg","data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:last:rounded-r-lg","data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:first:rounded-t-lg","data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:last:rounded-b-lg","data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r","data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r-inp-default-border","hover:text-primary-text hover:bg-primary-hover-bg"].join(" "),custom:""}},defaultVariants:{kind:"default"}}),o=t.cva("",{variants:{statusVariant:{precise:["data-[state=on]:bg-success-bg","data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-success-text)_30%,transparent)]","data-[state=on]:text-primary-text"].join(" "),precalc:["data-[state=on]:bg-confidence-bg","data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-confidence-text)_30%,transparent)]","data-[state=on]:text-primary-text"].join(" "),lowData:["data-[state=on]:bg-warning-bg","data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-warning-text)_30%,transparent)]","data-[state=on]:text-primary-text"].join(" "),empty:["data-[state=on]:bg-error-bg","data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-error-text)_30%,transparent)]","data-[state=on]:text-primary-text"].join(" ")}},defaultVariants:{statusVariant:"precise"}});exports.toggleGroupItemKindVariants=r;exports.toggleGroupItemStatusVariants=o;exports.toggleGroupRootVariants=e;
 //# sourceMappingURL=components-ui-toggle-group-toggle-group.styles.cjs.map

package/dist/components-ui-toggle-group-toggle-group.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-toggle-group-toggle-group.styles.cjs","sources":["../src/components/ui/toggle-group/toggle-group.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const toggleGroupRootClassNames = [\n  \"w-full min-w-217.25 overflow-hidden\",\n  \"group/toggle-group flex w-fit items-center\",\n  \"data-[orientation=horizontal]:flex-row\",\n  \"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n  \"gap-[var(--toggle-group-gap)]\",\n] as const;\n\nexport const toggleGroupItemClassNames = `\n  h-10 flex-1 shrink-0\n  border border-neutral-400 border-inp-default-border\n  px-4 py-2 text-sm leading-5\n  font-medium text-neutral-500\n  hover:bg-transparent hover:text-neutral-500\n  focus:z-10 focus-visible:z-10\n  group-data-[spacing=0]/toggle-group:rounded-none\n  group-data-[spacing=0]/toggle-group:px-2\n  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5\n  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5\n  data-[spacing=0]:data-[orientation=horizontal]:first:rounded-l-xl\n  data-[spacing=0]:data-[orientation=horizontal]:last:rounded-r-xl\n  data-[spacing=0]:data-[orientation=vertical]:first:rounded-t-xl\n  data-[spacing=0]:data-[orientation=vertical]:last:rounded-b-xl\n  data-[spacing=0]:data-[orientation=horizontal]:not-first:border-l-0\n`;\n\nexport const toggleGroupItemStatusVariants = cva(\"\", {\n  variants: {\n    statusVariant: {\n      precise: [\n        \"data-[state=on]:bg-success-bg\",\n        \"data-[state=on]:shadow-[inset_1px_1px_4px_2px_rgb(1_102_48_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      precalc: [\n        \"data-[state=on]:bg-confidence-bg\",\n        \"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(101_163_13_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      lowData: [\n        \"data-[state=on]:bg-warning-bg\",\n        \"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(225_113_0_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      empty: [\n        \"data-[state=on]:bg-error-bg\",\n        \"data-[state=on]:shadow-[inset_-1px_1px_4px_2px_rgb(193_0_7_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    statusVariant: \"precise\",\n  },\n});\n\nexport type ToggleGroupItemStatusVariantProps = VariantProps<\n  typeof toggleGroupItemStatusVariants\n>;\n"],"names":["toggleGroupRootClassNames","toggleGroupItemClassNames","toggleGroupItemStatusVariants","cva"],"mappings":"4HAEaA,EAA4B,CACvC,sCACA,6CACA,yCACA,iFACA,+BACF,EAEaC,EAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkB5BC,EAAgCC,EAAAA,IAAI,GAAI,CACnD,SAAU,CACR,cAAe,CACb,QAAS,CACP,gCACA,qEACA,mCAAA,EACA,KAAK,GAAG,EACV,QAAS,CACP,mCACA,qEACA,mCAAA,EACA,KAAK,GAAG,EACV,QAAS,CACP,gCACA,oEACA,mCAAA,EACA,KAAK,GAAG,EACV,MAAO,CACL,8BACA,qEACA,mCAAA,EACA,KAAK,GAAG,CAAA,CACZ,EAEF,gBAAiB,CACf,cAAe,SAAA,CAEnB,CAAC"}
+{"version":3,"file":"components-ui-toggle-group-toggle-group.styles.cjs","sources":["../src/components/ui/toggle-group/toggle-group.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const toggleGroupRootVariants = cva(\n  [\n    \"inner-border inner-border-1 inner-border-color-default \" +\n      getTypographyClassName(\"body-sm-medium\"),\n    \"group/toggle-group flex overflow-hidden\",\n    \"data-[orientation=horizontal]:flex-row\",\n    \"data-[orientation=vertical]:flex-col\",\n    \"gap-[var(--toggle-group-gap)]\",\n  ],\n  {\n    variants: {\n      kind: {\n        default: \"rounded-md\",\n        status: \"rounded-lg\",\n        custom: \"\",\n      },\n    },\n    defaultVariants: {\n      kind: \"default\",\n    },\n  },\n);\n\nexport const toggleGroupItemKindVariants = cva(\"\", {\n  variants: {\n    kind: {\n      default: \"\",\n      status: [\n        \"flex-1\",\n        \"cursor-pointer disabled:pointer-events-none\",\n        \"px-4 py-2.5\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:first:rounded-l-lg\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:last:rounded-r-lg\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:first:rounded-t-lg\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:last:rounded-b-lg\",\n        \"data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r\",\n        \"data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r-inp-default-border\",\n        \"hover:text-primary-text hover:bg-primary-hover-bg\",\n      ].join(\" \"),\n      custom: \"\",\n    },\n  },\n  defaultVariants: {\n    kind: \"default\",\n  },\n});\n\nexport const toggleGroupItemStatusVariants = cva(\"\", {\n  variants: {\n    statusVariant: {\n      precise: [\n        \"data-[state=on]:bg-success-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-success-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      precalc: [\n        \"data-[state=on]:bg-confidence-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-confidence-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      lowData: [\n        \"data-[state=on]:bg-warning-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-warning-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      empty: [\n        \"data-[state=on]:bg-error-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-error-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    statusVariant: \"precise\",\n  },\n});\n\nexport type ToggleGroupItemStatusVariantProps = VariantProps<\n  typeof toggleGroupItemStatusVariants\n>;\n\nexport type ToggleGroupRootVariantProps = VariantProps<typeof toggleGroupRootVariants>;\nexport type ToggleGroupItemKindVariantProps = VariantProps<\n  typeof toggleGroupItemKindVariants\n>;\n"],"names":["toggleGroupRootVariants","cva","getTypographyClassName","toggleGroupItemKindVariants","toggleGroupItemStatusVariants"],"mappings":"4OAGaA,EAA0BC,EAAAA,IACrC,CACE,0DACEC,EAAAA,uBAAuB,gBAAgB,EACzC,0CACA,yCACA,uCACA,+BAAA,EAEF,CACE,SAAU,CACR,KAAM,CACJ,QAAS,aACT,OAAQ,aACR,OAAQ,EAAA,CACV,EAEF,gBAAiB,CACf,KAAM,SAAA,CACR,CAEJ,EAEaC,EAA8BF,EAAAA,IAAI,GAAI,CACjD,SAAU,CACR,KAAM,CACJ,QAAS,GACT,OAAQ,CACN,SACA,8CACA,cACA,wFACA,uFACA,sFACA,qFACA,mEACA,sFACA,mDAAA,EACA,KAAK,GAAG,EACV,OAAQ,EAAA,CACV,EAEF,gBAAiB,CACf,KAAM,SAAA,CAEV,CAAC,EAEYG,EAAgCH,EAAAA,IAAI,GAAI,CACnD,SAAU,CACR,cAAe,CACb,QAAS,CACP,gCACA,8IACA,mCAAA,EACA,KAAK,GAAG,EACV,QAAS,CACP,mCACA,iJACA,mCAAA,EACA,KAAK,GAAG,EACV,QAAS,CACP,gCACA,8IACA,mCAAA,EACA,KAAK,GAAG,EACV,MAAO,CACL,8BACA,4IACA,mCAAA,EACA,KAAK,GAAG,CAAA,CACZ,EAEF,gBAAiB,CACf,cAAe,SAAA,CAEnB,CAAC"}

package/dist/components-ui-toggle-group-toggle-group.styles.js

@@ -1,47 +1,70 @@
 import { cva as t } from "class-variance-authority";
-const o = [
-  "w-full min-w-217.25 overflow-hidden",
-  "group/toggle-group flex w-fit items-center",
-  "data-[orientation=horizontal]:flex-row",
-  "data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch",
-  "gap-[var(--toggle-group-gap)]"
-], e = `
-  h-10 flex-1 shrink-0
-  border border-neutral-400 border-inp-default-border
-  px-4 py-2 text-sm leading-5
-  font-medium text-neutral-500
-  hover:bg-transparent hover:text-neutral-500
-  focus:z-10 focus-visible:z-10
-  group-data-[spacing=0]/toggle-group:rounded-none
-  group-data-[spacing=0]/toggle-group:px-2
-  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5
-  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5
-  data-[spacing=0]:data-[orientation=horizontal]:first:rounded-l-xl
-  data-[spacing=0]:data-[orientation=horizontal]:last:rounded-r-xl
-  data-[spacing=0]:data-[orientation=vertical]:first:rounded-t-xl
-  data-[spacing=0]:data-[orientation=vertical]:last:rounded-b-xl
-  data-[spacing=0]:data-[orientation=horizontal]:not-first:border-l-0
-`, r = t("", {
+import "react";
+import "./lib-utils.js";
+import { getTypographyClassName as a } from "./components-ui-typography-typography.styles.js";
+const i = t(
+  [
+    "inner-border inner-border-1 inner-border-color-default " + a("body-sm-medium"),
+    "group/toggle-group flex overflow-hidden",
+    "data-[orientation=horizontal]:flex-row",
+    "data-[orientation=vertical]:flex-col",
+    "gap-[var(--toggle-group-gap)]"
+  ],
+  {
+    variants: {
+      kind: {
+        default: "rounded-md",
+        status: "rounded-lg",
+        custom: ""
+      }
+    },
+    defaultVariants: {
+      kind: "default"
+    }
+  }
+), s = t("", {
+  variants: {
+    kind: {
+      default: "",
+      status: [
+        "flex-1",
+        "cursor-pointer disabled:pointer-events-none",
+        "px-4 py-2.5",
+        "data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:first:rounded-l-lg",
+        "data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:last:rounded-r-lg",
+        "data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:first:rounded-t-lg",
+        "data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:last:rounded-b-lg",
+        "data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r",
+        "data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r-inp-default-border",
+        "hover:text-primary-text hover:bg-primary-hover-bg"
+      ].join(" "),
+      custom: ""
+    }
+  },
+  defaultVariants: {
+    kind: "default"
+  }
+}), d = t("", {
   variants: {
     statusVariant: {
       precise: [
         "data-[state=on]:bg-success-bg",
-        "data-[state=on]:shadow-[inset_1px_1px_4px_2px_rgb(1_102_48_/_30%)]",
+        "data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-success-text)_30%,transparent)]",
         "data-[state=on]:text-primary-text"
       ].join(" "),
       precalc: [
         "data-[state=on]:bg-confidence-bg",
-        "data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(101_163_13_/_30%)]",
+        "data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-confidence-text)_30%,transparent)]",
         "data-[state=on]:text-primary-text"
       ].join(" "),
       lowData: [
         "data-[state=on]:bg-warning-bg",
-        "data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(225_113_0_/_30%)]",
+        "data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-warning-text)_30%,transparent)]",
         "data-[state=on]:text-primary-text"
       ].join(" "),
       empty: [
         "data-[state=on]:bg-error-bg",
-        "data-[state=on]:shadow-[inset_-1px_1px_4px_2px_rgb(193_0_7_/_30%)]",
+        "data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-error-text)_30%,transparent)]",
         "data-[state=on]:text-primary-text"
       ].join(" ")
     }
@@ -51,8 +74,8 @@ const o = [
   }
 });
 export {
-  e as toggleGroupItemClassNames,
-  r as toggleGroupItemStatusVariants,
-  o as toggleGroupRootClassNames
+  s as toggleGroupItemKindVariants,
+  d as toggleGroupItemStatusVariants,
+  i as toggleGroupRootVariants
 };
 //# sourceMappingURL=components-ui-toggle-group-toggle-group.styles.js.map

package/dist/components-ui-toggle-group-toggle-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-toggle-group-toggle-group.styles.js","sources":["../src/components/ui/toggle-group/toggle-group.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nexport const toggleGroupRootClassNames = [\n  \"w-full min-w-217.25 overflow-hidden\",\n  \"group/toggle-group flex w-fit items-center\",\n  \"data-[orientation=horizontal]:flex-row\",\n  \"data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch\",\n  \"gap-[var(--toggle-group-gap)]\",\n] as const;\n\nexport const toggleGroupItemClassNames = `\n  h-10 flex-1 shrink-0\n  border border-neutral-400 border-inp-default-border\n  px-4 py-2 text-sm leading-5\n  font-medium text-neutral-500\n  hover:bg-transparent hover:text-neutral-500\n  focus:z-10 focus-visible:z-10\n  group-data-[spacing=0]/toggle-group:rounded-none\n  group-data-[spacing=0]/toggle-group:px-2\n  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-end]:pr-1.5\n  group-data-[spacing=0]/toggle-group:has-data-[icon=inline-start]:pl-1.5\n  data-[spacing=0]:data-[orientation=horizontal]:first:rounded-l-xl\n  data-[spacing=0]:data-[orientation=horizontal]:last:rounded-r-xl\n  data-[spacing=0]:data-[orientation=vertical]:first:rounded-t-xl\n  data-[spacing=0]:data-[orientation=vertical]:last:rounded-b-xl\n  data-[spacing=0]:data-[orientation=horizontal]:not-first:border-l-0\n`;\n\nexport const toggleGroupItemStatusVariants = cva(\"\", {\n  variants: {\n    statusVariant: {\n      precise: [\n        \"data-[state=on]:bg-success-bg\",\n        \"data-[state=on]:shadow-[inset_1px_1px_4px_2px_rgb(1_102_48_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      precalc: [\n        \"data-[state=on]:bg-confidence-bg\",\n        \"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(101_163_13_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      lowData: [\n        \"data-[state=on]:bg-warning-bg\",\n        \"data-[state=on]:shadow-[inset_0_1px_4px_2px_rgb(225_113_0_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      empty: [\n        \"data-[state=on]:bg-error-bg\",\n        \"data-[state=on]:shadow-[inset_-1px_1px_4px_2px_rgb(193_0_7_/_30%)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    statusVariant: \"precise\",\n  },\n});\n\nexport type ToggleGroupItemStatusVariantProps = VariantProps<\n  typeof toggleGroupItemStatusVariants\n>;\n"],"names":["toggleGroupRootClassNames","toggleGroupItemClassNames","toggleGroupItemStatusVariants","cva"],"mappings":";AAEO,MAAMA,IAA4B;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkB5BC,IAAgCC,EAAI,IAAI;AAAA,EACnD,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,eAAe;AAAA,EAAA;AAEnB,CAAC;"}
+{"version":3,"file":"components-ui-toggle-group-toggle-group.styles.js","sources":["../src/components/ui/toggle-group/toggle-group.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport { getTypographyClassName } from \"../typography\";\n\nexport const toggleGroupRootVariants = cva(\n  [\n    \"inner-border inner-border-1 inner-border-color-default \" +\n      getTypographyClassName(\"body-sm-medium\"),\n    \"group/toggle-group flex overflow-hidden\",\n    \"data-[orientation=horizontal]:flex-row\",\n    \"data-[orientation=vertical]:flex-col\",\n    \"gap-[var(--toggle-group-gap)]\",\n  ],\n  {\n    variants: {\n      kind: {\n        default: \"rounded-md\",\n        status: \"rounded-lg\",\n        custom: \"\",\n      },\n    },\n    defaultVariants: {\n      kind: \"default\",\n    },\n  },\n);\n\nexport const toggleGroupItemKindVariants = cva(\"\", {\n  variants: {\n    kind: {\n      default: \"\",\n      status: [\n        \"flex-1\",\n        \"cursor-pointer disabled:pointer-events-none\",\n        \"px-4 py-2.5\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:first:rounded-l-lg\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=horizontal]:last:rounded-r-lg\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:first:rounded-t-lg\",\n        \"data-[spacing=0]:data-[square=false]:data-[orientation=vertical]:last:rounded-b-lg\",\n        \"data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r\",\n        \"data-[spacing=0]:data-[orientation=horizontal]:not-last:border-r-inp-default-border\",\n        \"hover:text-primary-text hover:bg-primary-hover-bg\",\n      ].join(\" \"),\n      custom: \"\",\n    },\n  },\n  defaultVariants: {\n    kind: \"default\",\n  },\n});\n\nexport const toggleGroupItemStatusVariants = cva(\"\", {\n  variants: {\n    statusVariant: {\n      precise: [\n        \"data-[state=on]:bg-success-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-success-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      precalc: [\n        \"data-[state=on]:bg-confidence-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-confidence-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      lowData: [\n        \"data-[state=on]:bg-warning-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-warning-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n      empty: [\n        \"data-[state=on]:bg-error-bg\",\n        \"data-[state=on]:[box-shadow:inset_0_0.0625rem_0.25rem_0.125rem_color-mix(in_srgb,var(--tokens-semantic-text-error-text)_30%,transparent)]\",\n        \"data-[state=on]:text-primary-text\",\n      ].join(\" \"),\n    },\n  },\n  defaultVariants: {\n    statusVariant: \"precise\",\n  },\n});\n\nexport type ToggleGroupItemStatusVariantProps = VariantProps<\n  typeof toggleGroupItemStatusVariants\n>;\n\nexport type ToggleGroupRootVariantProps = VariantProps<typeof toggleGroupRootVariants>;\nexport type ToggleGroupItemKindVariantProps = VariantProps<\n  typeof toggleGroupItemKindVariants\n>;\n"],"names":["toggleGroupRootVariants","cva","getTypographyClassName","toggleGroupItemKindVariants","toggleGroupItemStatusVariants"],"mappings":";;;;AAGO,MAAMA,IAA0BC;AAAA,EACrC;AAAA,IACE,4DACEC,EAAuB,gBAAgB;AAAA,IACzC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEaC,IAA8BF,EAAI,IAAI;AAAA,EACjD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,QAAQ;AAAA,QACN;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC,GAEYG,IAAgCH,EAAI,IAAI;AAAA,EACnD,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,SAAS;AAAA,QACP;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,MACV,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,MAAA,EACA,KAAK,GAAG;AAAA,IAAA;AAAA,EACZ;AAAA,EAEF,iBAAiB;AAAA,IACf,eAAe;AAAA,EAAA;AAEnB,CAAC;"}

package/dist/components-ui-toggle-toggle.styles.cjs

@@ -1,12 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),i=e.cva(`group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring
-  focus-visible:ring-ring/50 aria-invalid:border-destructive
-  aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted
-  dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1
-  rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none
-  focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50
-  [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,{variants:{variant:{default:"bg-transparent",outline:"border-input hover:bg-muted border bg-transparent"},size:{default:`h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2
-        has-data-[icon=inline-start]:pl-2`,sm:`h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]
-        has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5
-        [&_svg:not([class*='size-'])]:size-3.5`,lg:`h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2
-        has-data-[icon=inline-start]:pl-2`}},defaultVariants:{variant:"default",size:"default"}});exports.toggleVariants=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("class-variance-authority"),t=e.cva(`group/toggle bg-primary-bg text-secondary-text data-[state=on]:bg-primary-inverse-bg
+  data-[state=on]:text-primary-inverse-text
+  data-[state=on]:disabled:bg-disabled-inverse-bg
+  data-[state=on]:disabled:text-disabled-text hover:bg-primary-hover-bg
+  hover:text-primary-text disabled:bg-disabled-bg disabled:text-disabled-text
+  cursor-pointer text-sm font-medium whitespace-nowrap disabled:pointer-events-none`,{variants:{variant:{default:"",outline:"border-primary-border outline-1 -outline-offset-1"},size:{sm:"rounded-sm px-4 py-1.5",default:"rounded-md px-4 py-2",lg:"rounded-lg px-4 py-2.5"},square:{true:"rounded-none"}},defaultVariants:{variant:"default",size:"default"}});exports.toggleVariants=t;
 //# sourceMappingURL=components-ui-toggle-toggle.styles.cjs.map

package/dist/components-ui-toggle-toggle.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"components-ui-toggle-toggle.styles.cjs","sources":["../src/components/ui/toggle/toggle.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nconst toggleVariants = cva(\n  `group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring\n  focus-visible:ring-ring/50 aria-invalid:border-destructive\n  aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted\n  dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1\n  rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none\n  focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50\n  [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border-input hover:bg-muted border bg-transparent\",\n      },\n      size: {\n        default: `h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2\n        has-data-[icon=inline-start]:pl-2`,\n        sm: `h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]\n        has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\n        [&_svg:not([class*='size-'])]:size-3.5`,\n        lg: `h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2\n        has-data-[icon=inline-start]:pl-2`,\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\ntype ToggleVariantProps = VariantProps<typeof toggleVariants>;\n\nexport { toggleVariants };\nexport type { ToggleVariantProps };\n"],"names":["toggleVariants","cva"],"mappings":"4HAEMA,EAAiBC,EAAAA,IACrB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qFAOA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,mDAAA,EAEX,KAAM,CACJ,QAAS;AAAA,2CAET,GAAI;AAAA;AAAA,gDAGJ,GAAI;AAAA,0CAAA,CAEN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ"}
+{"version":3,"file":"components-ui-toggle-toggle.styles.cjs","sources":["../src/components/ui/toggle/toggle.styles.ts"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\n\nconst toggleVariants = cva(\n  `group/toggle bg-primary-bg text-secondary-text data-[state=on]:bg-primary-inverse-bg\n  data-[state=on]:text-primary-inverse-text\n  data-[state=on]:disabled:bg-disabled-inverse-bg\n  data-[state=on]:disabled:text-disabled-text hover:bg-primary-hover-bg\n  hover:text-primary-text disabled:bg-disabled-bg disabled:text-disabled-text\n  cursor-pointer text-sm font-medium whitespace-nowrap disabled:pointer-events-none`,\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        outline: \"border-primary-border outline-1 -outline-offset-1\",\n      },\n      size: {\n        sm: \"rounded-sm px-4 py-1.5\",\n        default: \"rounded-md px-4 py-2\",\n        lg: \"rounded-lg px-4 py-2.5\",\n      },\n      square: {\n        true: \"rounded-none\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  },\n);\n\ntype ToggleVariantProps = VariantProps<typeof toggleVariants>;\n\nexport { toggleVariants };\nexport type { ToggleVariantProps };\n"],"names":["toggleVariants","cva"],"mappings":"4HAEMA,EAAiBC,EAAAA,IACrB;AAAA;AAAA;AAAA;AAAA;AAAA,qFAMA,CACE,SAAU,CACR,QAAS,CACP,QAAS,GACT,QAAS,mDAAA,EAEX,KAAM,CACJ,GAAI,yBACJ,QAAS,uBACT,GAAI,wBAAA,EAEN,OAAQ,CACN,KAAM,cAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ"}

package/dist/components-ui-toggle-toggle.styles.js

@@ -1,26 +1,24 @@
 import { cva as e } from "class-variance-authority";
-const n = e(
-  `group/toggle hover:bg-muted hover:text-foreground focus-visible:border-ring
-  focus-visible:ring-ring/50 aria-invalid:border-destructive
-  aria-invalid:ring-destructive/20 aria-pressed:bg-muted data-[state=on]:bg-muted
-  dark:aria-invalid:ring-destructive/40 inline-flex items-center justify-center gap-1
-  rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none
-  focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50
-  [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4`,
+const a = e(
+  `group/toggle bg-primary-bg text-secondary-text data-[state=on]:bg-primary-inverse-bg
+  data-[state=on]:text-primary-inverse-text
+  data-[state=on]:disabled:bg-disabled-inverse-bg
+  data-[state=on]:disabled:text-disabled-text hover:bg-primary-hover-bg
+  hover:text-primary-text disabled:bg-disabled-bg disabled:text-disabled-text
+  cursor-pointer text-sm font-medium whitespace-nowrap disabled:pointer-events-none`,
   {
     variants: {
       variant: {
-        default: "bg-transparent",
-        outline: "border-input hover:bg-muted border bg-transparent"
+        default: "",
+        outline: "border-primary-border outline-1 -outline-offset-1"
       },
       size: {
-        default: `h-8 min-w-8 px-2.5 has-data-[icon=inline-end]:pr-2
-        has-data-[icon=inline-start]:pl-2`,
-        sm: `h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem]
-        has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5
-        [&_svg:not([class*='size-'])]:size-3.5`,
-        lg: `h-9 min-w-9 px-2.5 has-data-[icon=inline-end]:pr-2
-        has-data-[icon=inline-start]:pl-2`
+        sm: "rounded-sm px-4 py-1.5",
+        default: "rounded-md px-4 py-2",
+        lg: "rounded-lg px-4 py-2.5"
+      },
+      square: {
+        true: "rounded-none"
       }
     },
     defaultVariants: {
@@ -30,6 +28,6 @@ const n = e(
   }
 );
 export {
-  n as toggleVariants
+  a as toggleVariants
 };
 //# sourceMappingURL=components-ui-toggle-toggle.styles.js.map