@kuzenbo/core 0.0.4 → 0.0.5

package/dist/ui/toggle-group.d.ts

@@ -1,5 +1,5 @@
 import { t as UISize } from "../size-system-wzOLSuax.js";
-import { toggleVariants } from "./toggle.js";
+import { r as toggleVariants } from "../toggle-CxkIncmZ.js";
 import * as react from "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -21,80 +21,80 @@ declare const ToggleGroupContext: react.Context<ToggleGroupContextValue>;
 //#endregion
 //#region src/ui/toggle-group/toggle-group-item.d.ts
 declare const toggleGroupItemVariants: tailwind_variants0.TVReturnType<{} | {
-  variant: {
-    default: tailwind_merge0.ClassNameValue | {
+  size: {
+    lg: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
-    outline: tailwind_merge0.ClassNameValue | {
+    md: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
-  };
-  size: {
-    xs: tailwind_merge0.ClassNameValue | {
+    sm: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
-    sm: tailwind_merge0.ClassNameValue | {
+    xl: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
-    md: tailwind_merge0.ClassNameValue | {
+    xs: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
-    lg: tailwind_merge0.ClassNameValue | {
+  };
+  variant: {
+    default: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
-    xl: tailwind_merge0.ClassNameValue | {
+    outline: tailwind_merge0.ClassNameValue | {
       base?: tailwind_merge0.ClassNameValue;
     };
   };
-}, undefined, "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", {
-  variant: {
-    default: string;
-    outline: string;
-  };
+}, undefined, "focus:z-raised focus-visible:z-raised shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
   variant: {
     default: string;
     outline: string;
   };
+}, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
   variant: {
     default: string;
     outline: string;
   };
+}, undefined, "group/toggle cursor-clickable hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 inline-flex items-center justify-center gap-1 rounded-md 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", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
   variant: {
     default: string;
     outline: string;
   };
+}, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
+  };
+  variant: {
+    default: string;
+    outline: string;
   };
-}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>>;
+}, undefined, "group/toggle cursor-clickable hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 inline-flex items-center justify-center gap-1 rounded-md 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", unknown, unknown, undefined>>>;
 type ToggleGroupItemVariantProps = Omit<VariantProps<typeof toggleGroupItemVariants>, "size" | "variant"> & {
   size?: ToggleGroupSize;
   variant?: ToggleGroupVariant;

package/dist/ui/toggle-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../src/ui/toggle-group/toggle-group-context.tsx","../../src/ui/toggle-group/toggle-group-item.tsx","../../src/ui/toggle-group/toggle-group.tsx"],"mappings":";;;;;;;;;;;KASY,kBAAA,GAAqB,WAAA,CAC/B,YAAA,QAAoB,cAAA;AAAA,KAEV,eAAA,GAAkB,MAAA;AAAA,UAEb,uBAAA;EACf,WAAA;EACA,IAAA,EAAM,eAAA;EACN,OAAA;EACA,OAAA,EAAS,kBAAA;AAAA;AAAA,cAGL,kBAAA,EAAkB,KAAA,CAAA,OAAA,CAAA,uBAAA;;;cCLlB,uBAAA,qBAAuB,YAAA;;aAO3B,eAAA,CAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,2BAAA,GAA8B,IAAA,CACjC,YAAA,QAAoB,uBAAA;EAGpB,IAAA,GAAO,eAAA;EACP,OAAA,GAAU,kBAAA;AAAA;AAAA,KAGA,oBAAA,GAAuB,MAAA,CAAgB,KAAA,GACjD,2BAAA;AAAA,cAEI,eAAA;EAAmB,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMtB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC3BX,gBAAA,GAAmB,aAAA,CAAqB,KAAA;EAClD,WAAA;EACA,IAAA,GAAO,eAAA;EACP,OAAA;EACA,OAAA,GAAU,kBAAA;AAAA;AAAA,cAGN,WAAA;EAAA;;;;;;;;KAQH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toggle-group.d.ts","names":[],"sources":["../../src/ui/toggle-group/toggle-group-context.tsx","../../src/ui/toggle-group/toggle-group-item.tsx","../../src/ui/toggle-group/toggle-group.tsx"],"mappings":";;;;;;;;;;;KAQY,kBAAA,GAAqB,WAAA,CAC/B,YAAA,QAAoB,cAAA;AAAA,KAEV,eAAA,GAAkB,MAAA;AAAA,UAEb,uBAAA;EACf,WAAA;EACA,IAAA,EAAM,eAAA;EACN,OAAA;EACA,OAAA,EAAS,kBAAA;AAAA;AAAA,cAGL,kBAAA,EAAkB,KAAA,CAAA,OAAA,CAAA,uBAAA;;;cCLlB,uBAAA,qBAAuB,YAAA;;QAO3B,eAAA,CAAA,cAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,2BAAA,GAA8B,IAAA,CACjC,YAAA,QAAoB,uBAAA;EAGpB,IAAA,GAAO,eAAA;EACP,OAAA,GAAU,kBAAA;AAAA;AAAA,KAGA,oBAAA,GAAuB,MAAA,CAAgB,KAAA,GACjD,2BAAA;AAAA,cAEI,eAAA;EAAmB,SAAA;EAAA,QAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMtB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KC1BX,gBAAA,GAAmB,aAAA,CAAqB,KAAA;EAClD,WAAA;EACA,IAAA,GAAO,eAAA;EACP,OAAA;EACA,OAAA,GAAU,kBAAA;AAAA;AAAA,cAGN,WAAA;EAAA;;;;;;;;KAQH,gBAAA,GAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/toggle-group.js

@@ -3,7 +3,7 @@
 import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
 import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
 import { toggleVariants } from "./toggle.js";
-import { createContext, useContext } from "react";
+import { createContext, useContext, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "tailwind-variants";
 import { Toggle } from "@base-ui/react/toggle";
@@ -11,21 +11,21 @@ import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
 
 //#region src/ui/toggle-group/toggle-group-context.tsx
 const ToggleGroupContext = createContext({
+	orientation: "horizontal",
 	size: "md",
-	variant: "default",
 	spacing: 0,
-	orientation: "horizontal"
+	variant: "default"
 });
 
 //#endregion
 //#region src/ui/toggle-group/toggle-group-item.tsx
 const toggleGroupItemVariants = tv({
-	base: "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
-	extend: toggleVariants,
+	base: "focus:z-raised focus-visible:z-raised shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
 	defaultVariants: {
-		variant: "default",
-		size: "md"
-	}
+		size: "md",
+		variant: "default"
+	},
+	extend: toggleVariants
 });
 const ToggleGroupItem = ({ className, children, variant, size, ...props }) => {
 	const { size: contextSize, spacing, variant: contextVariant } = useContext(ToggleGroupContext);
@@ -33,8 +33,8 @@ const ToggleGroupItem = ({ className, children, variant, size, ...props }) => {
 	const resolvedVariant = variant ?? contextVariant ?? "default";
 	return /* @__PURE__ */ jsx(Toggle, {
 		className: mergeBaseUIClassName(toggleGroupItemVariants({
-			variant: resolvedVariant,
-			size: resolvedSize
+			size: resolvedSize,
+			variant: resolvedVariant
 		}), className),
 		"data-size": resolvedSize,
 		"data-slot": "toggle-group-item",
@@ -49,6 +49,17 @@ const ToggleGroupItem = ({ className, children, variant, size, ...props }) => {
 //#region src/ui/toggle-group/toggle-group.tsx
 const ToggleGroup = ({ className, variant = "default", size: providedSize, spacing = 0, orientation = "horizontal", children, ...props }) => {
 	const size = useComponentSize(providedSize);
+	const contextValue = useMemo(() => ({
+		orientation,
+		size,
+		spacing,
+		variant
+	}), [
+		variant,
+		size,
+		spacing,
+		orientation
+	]);
 	return /* @__PURE__ */ jsx(ToggleGroup$1, {
 		className: mergeBaseUIClassName(cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs"), className),
 		"data-orientation": orientation,
@@ -59,12 +70,7 @@ const ToggleGroup = ({ className, variant = "default", size: providedSize, spaci
 		style: { "--gap": spacing },
 		...props,
 		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
-			value: {
-				variant,
-				size,
-				spacing,
-				orientation
-			},
+			value: contextValue,
 			children
 		})
 	});

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":["TogglePrimitive","ToggleGroupPrimitive"],"sources":["../../src/ui/toggle-group/toggle-group-context.tsx","../../src/ui/toggle-group/toggle-group-item.tsx","../../src/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { createContext } from \"react\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport type { toggleVariants } from \"../toggle/toggle\";\n\nexport type ToggleGroupVariant = NonNullable<\n  VariantProps<typeof toggleVariants>[\"variant\"]\n>;\nexport type ToggleGroupSize = UISize;\n\nexport interface ToggleGroupContextValue {\n  orientation: \"horizontal\" | \"vertical\";\n  size: ToggleGroupSize;\n  spacing: number;\n  variant: ToggleGroupVariant;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  size: \"md\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n});\n\nexport { ToggleGroupContext };\n","\"use client\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { useContext } from \"react\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { toggleVariants } from \"../toggle/toggle\";\nimport {\n  ToggleGroupContext,\n  type ToggleGroupSize,\n  type ToggleGroupVariant,\n} from \"./toggle-group-context\";\n\nconst toggleGroupItemVariants = tv({\n  base: \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n  extend: toggleVariants,\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\ntype ToggleGroupItemVariantProps = Omit<\n  VariantProps<typeof toggleGroupItemVariants>,\n  \"size\" | \"variant\"\n> & {\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport type ToggleGroupItemProps = TogglePrimitive.Props &\n  ToggleGroupItemVariantProps;\n\nconst ToggleGroupItem = ({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: ToggleGroupItemProps) => {\n  const {\n    size: contextSize,\n    spacing,\n    variant: contextVariant,\n  } = useContext(ToggleGroupContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n  const resolvedVariant = variant ?? contextVariant ?? \"default\";\n\n  return (\n    <TogglePrimitive\n      className={mergeBaseUIClassName<TogglePrimitive.State>(\n        toggleGroupItemVariants({\n          variant: resolvedVariant,\n          size: resolvedSize,\n        }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toggle-group-item\"\n      data-spacing={spacing}\n      data-variant={resolvedVariant}\n      {...props}\n    >\n      {children}\n    </TogglePrimitive>\n  );\n};\n\nexport { ToggleGroupItem };\n","\"use client\";\n\nimport type { CSSProperties } from \"react\";\n\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport {\n  ToggleGroupContext,\n  type ToggleGroupSize,\n  type ToggleGroupVariant,\n} from \"./toggle-group-context\";\nimport { ToggleGroupItem } from \"./toggle-group-item\";\nexport type ToggleGroupProps = ToggleGroupPrimitive.Props & {\n  orientation?: \"horizontal\" | \"vertical\";\n  size?: ToggleGroupSize;\n  spacing?: number;\n  variant?: ToggleGroupVariant;\n};\n\nconst ToggleGroup = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: ToggleGroupProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <ToggleGroupPrimitive\n      className={mergeBaseUIClassName<ToggleGroupPrimitive.State>(\n        cn(\n          \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs\"\n        ),\n        className\n      )}\n      data-orientation={orientation}\n      data-size={size}\n      data-slot=\"toggle-group\"\n      data-spacing={spacing}\n      data-variant={variant}\n      style={{ \"--gap\": spacing } as CSSProperties}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive>\n  );\n};\n\nToggleGroup.Item = ToggleGroupItem;\n\nexport { ToggleGroup, ToggleGroupContext, ToggleGroupItem };\n\nexport type { ToggleGroupItemProps } from \"./toggle-group-item\";\nexport type {\n  ToggleGroupSize,\n  ToggleGroupVariant,\n} from \"./toggle-group-context\";\n"],"mappings":";;;;;;;;;;;;AAqBA,MAAM,qBAAqB,cAAuC;CAChE,MAAM;CACN,SAAS;CACT,SAAS;CACT,aAAa;CACd,CAAC;;;;ACVF,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,QAAQ;CACR,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAaF,MAAM,mBAAmB,EACvB,WACA,UACA,SACA,MACA,GAAG,YACuB;CAC1B,MAAM,EACJ,MAAM,aACN,SACA,SAAS,mBACP,WAAW,mBAAmB;CAClC,MAAM,eAAe,QAAQ,eAAe;CAC5C,MAAM,kBAAkB,WAAW,kBAAkB;AAErD,QACE,oBAACA;EACC,WAAW,qBACT,wBAAwB;GACtB,SAAS;GACT,MAAM;GACP,CAAC,EACF,UACD;EACD,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,GAAI;EAEH;GACe;;;;;AC7CtB,MAAM,eAAe,EACnB,WACA,UAAU,WACV,MAAM,cACN,UAAU,GACV,cAAc,cACd,UACA,GAAG,YACmB;CACtB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAACC;EACC,WAAW,qBACT,GACE,8NACD,EACD,UACD;EACD,oBAAkB;EAClB,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,GAAI;YAEJ,oBAAC,mBAAmB;GAClB,OAAO;IAAE;IAAS;IAAM;IAAS;IAAa;GAE7C;IAC2B;GACT;;AAI3B,YAAY,OAAO"}
+{"version":3,"file":"toggle-group.js","names":["TogglePrimitive","ToggleGroupPrimitive"],"sources":["../../src/ui/toggle-group/toggle-group-context.tsx","../../src/ui/toggle-group/toggle-group-item.tsx","../../src/ui/toggle-group/toggle-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport type { UISize } from \"../shared/size/size-system\";\nimport type { toggleVariants } from \"../toggle/toggle\";\n\nexport type ToggleGroupVariant = NonNullable<\n  VariantProps<typeof toggleVariants>[\"variant\"]\n>;\nexport type ToggleGroupSize = UISize;\n\nexport interface ToggleGroupContextValue {\n  orientation: \"horizontal\" | \"vertical\";\n  size: ToggleGroupSize;\n  spacing: number;\n  variant: ToggleGroupVariant;\n}\n\nconst ToggleGroupContext = createContext<ToggleGroupContextValue>({\n  orientation: \"horizontal\",\n  size: \"md\",\n  spacing: 0,\n  variant: \"default\",\n});\n\nexport { ToggleGroupContext };\n","\"use client\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { useContext } from \"react\";\nimport type { VariantProps } from \"tailwind-variants\";\nimport { tv } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { toggleVariants } from \"../toggle/toggle\";\nimport { ToggleGroupContext } from \"./toggle-group-context\";\nimport type {\n  ToggleGroupSize,\n  ToggleGroupVariant,\n} from \"./toggle-group-context\";\n\nconst toggleGroupItemVariants = tv({\n  base: \"focus:z-raised focus-visible:z-raised shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-md group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-md group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-md group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-md group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  extend: toggleVariants,\n});\n\ntype ToggleGroupItemVariantProps = Omit<\n  VariantProps<typeof toggleGroupItemVariants>,\n  \"size\" | \"variant\"\n> & {\n  size?: ToggleGroupSize;\n  variant?: ToggleGroupVariant;\n};\n\nexport type ToggleGroupItemProps = TogglePrimitive.Props &\n  ToggleGroupItemVariantProps;\n\nconst ToggleGroupItem = ({\n  className,\n  children,\n  variant,\n  size,\n  ...props\n}: ToggleGroupItemProps) => {\n  const {\n    size: contextSize,\n    spacing,\n    variant: contextVariant,\n  } = useContext(ToggleGroupContext);\n  const resolvedSize = size ?? contextSize ?? \"md\";\n  const resolvedVariant = variant ?? contextVariant ?? \"default\";\n\n  return (\n    <TogglePrimitive\n      className={mergeBaseUIClassName<TogglePrimitive.State>(\n        toggleGroupItemVariants({\n          size: resolvedSize,\n          variant: resolvedVariant,\n        }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toggle-group-item\"\n      data-spacing={spacing}\n      data-variant={resolvedVariant}\n      {...props}\n    >\n      {children}\n    </TogglePrimitive>\n  );\n};\n\nexport { ToggleGroupItem };\n","\"use client\";\n\nimport { ToggleGroup as ToggleGroupPrimitive } from \"@base-ui/react/toggle-group\";\nimport type { CSSProperties } from \"react\";\nimport { useMemo } from \"react\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ToggleGroupContext } from \"./toggle-group-context\";\nimport type {\n  ToggleGroupSize,\n  ToggleGroupVariant,\n} from \"./toggle-group-context\";\nimport { ToggleGroupItem } from \"./toggle-group-item\";\nexport type ToggleGroupProps = ToggleGroupPrimitive.Props & {\n  orientation?: \"horizontal\" | \"vertical\";\n  size?: ToggleGroupSize;\n  spacing?: number;\n  variant?: ToggleGroupVariant;\n};\n\nconst ToggleGroup = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: ToggleGroupProps) => {\n  const size = useComponentSize(providedSize);\n  const contextValue = useMemo(\n    () => ({ orientation, size, spacing, variant }),\n    [variant, size, spacing, orientation]\n  );\n\n  return (\n    <ToggleGroupPrimitive\n      className={mergeBaseUIClassName<ToggleGroupPrimitive.State>(\n        cn(\n          \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-md data-[orientation=vertical]:flex-col data-[orientation=vertical]:items-stretch data-[spacing=0]:data-[variant=outline]:shadow-xs\"\n        ),\n        className\n      )}\n      data-orientation={orientation}\n      data-size={size}\n      data-slot=\"toggle-group\"\n      data-spacing={spacing}\n      data-variant={variant}\n      style={{ \"--gap\": spacing } as CSSProperties}\n      {...props}\n    >\n      <ToggleGroupContext.Provider value={contextValue}>\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive>\n  );\n};\n\nToggleGroup.Item = ToggleGroupItem;\n\nexport { ToggleGroup, ToggleGroupContext, ToggleGroupItem };\n\nexport type { ToggleGroupItemProps } from \"./toggle-group-item\";\nexport type {\n  ToggleGroupSize,\n  ToggleGroupVariant,\n} from \"./toggle-group-context\";\n"],"mappings":";;;;;;;;;;;;AAoBA,MAAM,qBAAqB,cAAuC;CAChE,aAAa;CACb,MAAM;CACN,SAAS;CACT,SAAS;CACV,CAAC;;;;ACVF,MAAM,0BAA0B,GAAG;CACjC,MAAM;CACN,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,QAAQ;CACT,CAAC;AAaF,MAAM,mBAAmB,EACvB,WACA,UACA,SACA,MACA,GAAG,YACuB;CAC1B,MAAM,EACJ,MAAM,aACN,SACA,SAAS,mBACP,WAAW,mBAAmB;CAClC,MAAM,eAAe,QAAQ,eAAe;CAC5C,MAAM,kBAAkB,WAAW,kBAAkB;AAErD,QACE,oBAACA,QAAD;EACE,WAAW,qBACT,wBAAwB;GACtB,MAAM;GACN,SAAS;GACV,CAAC,EACF,UACD;EACD,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,GAAI;EAEH;EACe;;;;;AC5CtB,MAAM,eAAe,EACnB,WACA,UAAU,WACV,MAAM,cACN,UAAU,GACV,cAAc,cACd,UACA,GAAG,YACmB;CACtB,MAAM,OAAO,iBAAiB,aAAa;CAC3C,MAAM,eAAe,eACZ;EAAE;EAAa;EAAM;EAAS;EAAS,GAC9C;EAAC;EAAS;EAAM;EAAS;EAAY,CACtC;AAED,QACE,oBAACC,eAAD;EACE,WAAW,qBACT,GACE,8NACD,EACD,UACD;EACD,oBAAkB;EAClB,aAAW;EACX,aAAU;EACV,gBAAc;EACd,gBAAc;EACd,OAAO,EAAE,SAAS,SAAS;EAC3B,GAAI;YAEJ,oBAAC,mBAAmB,UAApB;GAA6B,OAAO;GACjC;GAC2B;EACT;;AAI3B,YAAY,OAAO"}

package/dist/ui/toggle.d.ts

@@ -1,53 +1,2 @@
-import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as tailwind_variants0 from "tailwind-variants";
-import { VariantProps } from "tailwind-variants";
-import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
-
-//#region src/ui/toggle/toggle.d.ts
-declare const toggleVariants: tailwind_variants0.TVReturnType<{
-  variant: {
-    default: string;
-    outline: string;
-  };
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", {
-  variant: {
-    default: string;
-    outline: string;
-  };
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, tailwind_variants0.TVReturnType<{
-  variant: {
-    default: string;
-    outline: string;
-  };
-  size: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-  };
-}, undefined, "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", unknown, unknown, undefined>>;
-type ToggleProps = Toggle$1.Props & VariantProps<typeof toggleVariants>;
-declare const Toggle: ({
-  className,
-  variant,
-  size: providedSize,
-  ...props
-}: ToggleProps) => react_jsx_runtime0.JSX.Element;
-//#endregion
-export { Toggle, ToggleProps, toggleVariants };
-//# sourceMappingURL=toggle.d.ts.map
+import { n as ToggleProps, r as toggleVariants, t as Toggle } from "../toggle-CxkIncmZ.js";
+export { Toggle, ToggleProps, toggleVariants };

package/dist/ui/toggle.js

@@ -8,30 +8,30 @@ import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
 
 //#region src/ui/toggle/toggle.tsx
 const toggleVariants = tv({
-	base: "group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	base: "group/toggle cursor-clickable hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 inline-flex items-center justify-center gap-1 rounded-md 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",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
 	variants: {
-		variant: {
-			default: "bg-transparent",
-			outline: "border border-input bg-transparent hover:bg-muted"
-		},
 		size: {
-			xs: "h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs [&_svg:not([class*='size-'])]:size-3",
-			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5",
-			md: "h-8 min-w-8 px-2",
 			lg: "h-9 min-w-9 px-2.5",
-			xl: "h-10 min-w-10 px-3 text-base [&_svg:not([class*='size-'])]:size-5"
+			md: "h-8 min-w-8 px-2",
+			sm: "h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5",
+			xl: "h-10 min-w-10 px-3 text-base [&_svg:not([class*='size-'])]:size-5",
+			xs: "h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs [&_svg:not([class*='size-'])]:size-3"
+		},
+		variant: {
+			default: "bg-transparent",
+			outline: "border-input hover:bg-muted border bg-transparent"
 		}
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md"
 	}
 });
 const Toggle = ({ className, variant = "default", size: providedSize, ...props }) => {
 	return /* @__PURE__ */ jsx(Toggle$1, {
 		className: mergeBaseUIClassName(toggleVariants({
-			variant,
-			size: useComponentSize(providedSize)
+			size: useComponentSize(providedSize),
+			variant
 		}), className),
 		"data-slot": "toggle",
 		...props

package/dist/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../../src/ui/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nconst toggleVariants = tv({\n  base: \"group/toggle inline-flex cursor-pointer items-center justify-center gap-1 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"border border-input bg-transparent hover:bg-muted\",\n    },\n    size: {\n      xs: \"h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5\",\n      md: \"h-8 min-w-8 px-2\",\n      lg: \"h-9 min-w-9 px-2.5\",\n      xl: \"h-10 min-w-10 px-3 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"md\",\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.Props &\n  VariantProps<typeof toggleVariants>;\n\nconst Toggle = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  ...props\n}: ToggleProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <TogglePrimitive\n      className={mergeBaseUIClassName<TogglePrimitive.State>(\n        toggleVariants({ variant, size }),\n        className\n      )}\n      data-slot=\"toggle\"\n      {...props}\n    />\n  );\n};\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;;;AAQA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,UAAU;EACR,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACF;CACD,iBAAiB;EACf,SAAS;EACT,MAAM;EACP;CACF,CAAC;AAKF,MAAM,UAAU,EACd,WACA,UAAU,WACV,MAAM,cACN,GAAG,YACc;AAGjB,QACE,oBAACA;EACC,WAAW,qBACT,eAAe;GAAE;GAAS,MALnB,iBAAiB,aAAa;GAKL,CAAC,EACjC,UACD;EACD,aAAU;EACV,GAAI;GACJ"}
+{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../../src/ui/toggle/toggle.tsx"],"sourcesContent":["\"use client\";\n\nimport { Toggle as TogglePrimitive } from \"@base-ui/react/toggle\";\nimport { tv } from \"tailwind-variants\";\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\n\nconst toggleVariants = tv({\n  base: \"group/toggle cursor-clickable hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/20 aria-pressed:bg-muted data-pressed:bg-muted dark:aria-invalid:ring-danger/40 inline-flex items-center justify-center gap-1 rounded-md 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\",\n  defaultVariants: {\n    size: \"md\",\n    variant: \"default\",\n  },\n  variants: {\n    size: {\n      lg: \"h-9 min-w-9 px-2.5\",\n      md: \"h-8 min-w-8 px-2\",\n      sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),10px)] px-1.5\",\n      xl: \"h-10 min-w-10 px-3 text-base [&_svg:not([class*='size-'])]:size-5\",\n      xs: \"h-6 min-w-6 rounded-[min(var(--radius-md),8px)] px-1.5 text-xs [&_svg:not([class*='size-'])]:size-3\",\n    },\n    variant: {\n      default: \"bg-transparent\",\n      outline: \"border-input hover:bg-muted border bg-transparent\",\n    },\n  },\n});\n\nexport type ToggleProps = TogglePrimitive.Props &\n  VariantProps<typeof toggleVariants>;\n\nconst Toggle = ({\n  className,\n  variant = \"default\",\n  size: providedSize,\n  ...props\n}: ToggleProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <TogglePrimitive\n      className={mergeBaseUIClassName<TogglePrimitive.State>(\n        toggleVariants({ size, variant }),\n        className\n      )}\n      data-slot=\"toggle\"\n      {...props}\n    />\n  );\n};\n\nexport { Toggle, toggleVariants };\n"],"mappings":";;;;;;;;;AASA,MAAM,iBAAiB,GAAG;CACxB,MAAM;CACN,iBAAiB;EACf,MAAM;EACN,SAAS;EACV;CACD,UAAU;EACR,MAAM;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACJ,IAAI;GACL;EACD,SAAS;GACP,SAAS;GACT,SAAS;GACV;EACF;CACF,CAAC;AAKF,MAAM,UAAU,EACd,WACA,UAAU,WACV,MAAM,cACN,GAAG,YACc;AAGjB,QACE,oBAACA,UAAD;EACE,WAAW,qBACT,eAAe;GAAE,MALV,iBAAiB,aAAa;GAKd;GAAS,CAAC,EACjC,UACD;EACD,aAAU;EACV,GAAI;EACJ"}

package/dist/ui/toolbar.d.ts

@@ -1,6 +1,6 @@
 import { t as UISize } from "../size-system-wzOLSuax.js";
 import "../size-context-DXfCAlWF.js";
-import { buttonVariants } from "./button.js";
+import { r as buttonVariants } from "../button-nAbTNrxA.js";
 import "react";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import * as tailwind_variants0 from "tailwind-variants";
@@ -25,27 +25,27 @@ declare const ToolbarButton: ({
 //#region src/ui/toolbar/toolbar-group.d.ts
 declare const toolbarGroupVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex items-center", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, "flex items-center", unknown, unknown, undefined>>;
 type ToolbarGroupProps = Toolbar$1.Group.Props & VariantProps<typeof toolbarGroupVariants> & {
@@ -60,29 +60,29 @@ declare const ToolbarGroup: ({
 //#region src/ui/toolbar/toolbar-input.d.ts
 declare const toolbarInputVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "w-full min-w-0 border border-input bg-input transition-[color,box-shadow,border-color] outline-none placeholder:text-muted-foreground hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50", {
+}, undefined, "border-input bg-input placeholder:text-muted-foreground hover:border-ring/70 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50 w-full min-w-0 border transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "w-full min-w-0 border border-input bg-input transition-[color,box-shadow,border-color] outline-none placeholder:text-muted-foreground hover:border-ring/70 disabled:pointer-events-none disabled:opacity-50 focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50", unknown, unknown, undefined>>;
+}, undefined, "border-input bg-input placeholder:text-muted-foreground hover:border-ring/70 focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-danger aria-invalid:ring-danger/50 w-full min-w-0 border transition-[color,box-shadow,border-color] outline-none focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50", unknown, unknown, undefined>>;
 type NativeToolbarInputProps = Toolbar$1.Input.Props;
 type NativeToolbarInputSize = NativeToolbarInputProps["size"];
 type ToolbarInputProps = Omit<NativeToolbarInputProps, "size"> & VariantProps<typeof toolbarInputVariants> & {
@@ -99,29 +99,29 @@ declare const ToolbarInput: ({
 //#region src/ui/toolbar/toolbar-link.d.ts
 declare const toolbarLinkVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "inline-flex shrink-0 items-center gap-2 text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:shrink-0", {
+}, undefined, "cursor-clickable text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 inline-flex shrink-0 items-center gap-2 no-underline transition-colors focus-visible:ring-[3px] focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:shrink-0", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "inline-flex shrink-0 items-center gap-2 text-muted-foreground no-underline transition-colors hover:text-foreground focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
+}, undefined, "cursor-clickable text-muted-foreground hover:text-foreground focus-visible:ring-ring/50 inline-flex shrink-0 items-center gap-2 no-underline transition-colors focus-visible:ring-[3px] focus-visible:outline-none [&_svg]:pointer-events-none [&_svg]:shrink-0", unknown, unknown, undefined>>;
 type ToolbarLinkProps = Toolbar$1.Link.Props & VariantProps<typeof toolbarLinkVariants> & {
   size?: ToolbarSize;
 };
@@ -134,29 +134,29 @@ declare const ToolbarLink: ({
 //#region src/ui/toolbar/toolbar-separator.d.ts
 declare const toolbarSeparatorVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "w-px shrink-0 bg-border", {
+}, undefined, "bg-border w-px shrink-0", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "w-px shrink-0 bg-border", unknown, unknown, undefined>>;
+}, undefined, "bg-border w-px shrink-0", unknown, unknown, undefined>>;
 type ToolbarSeparatorProps = Toolbar$1.Separator.Props & VariantProps<typeof toolbarSeparatorVariants> & {
   size?: ToolbarSize;
 };
@@ -169,29 +169,29 @@ declare const ToolbarSeparator: ({
 //#region src/ui/toolbar/toolbar.d.ts
 declare const toolbarVariants: tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex items-center rounded-lg bg-popover shadow-xs outline outline-border", {
+}, undefined, "bg-popover outline-border flex items-center rounded-lg shadow-xs outline", {
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
 }, undefined, tailwind_variants0.TVReturnType<{
   size: {
-    xs: string;
-    sm: string;
-    md: string;
     lg: string;
+    md: string;
+    sm: string;
     xl: string;
+    xs: string;
   };
-}, undefined, "flex items-center rounded-lg bg-popover shadow-xs outline outline-border", unknown, unknown, undefined>>;
+}, undefined, "bg-popover outline-border flex items-center rounded-lg shadow-xs outline", unknown, unknown, undefined>>;
 type ToolbarProps = Toolbar$1.Root.Props & VariantProps<typeof toolbarVariants> & {
   size?: ToolbarSize;
 };

package/dist/ui/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","names":[],"sources":["../../src/ui/toolbar/toolbar-size-context.ts","../../src/ui/toolbar/toolbar-button.tsx","../../src/ui/toolbar/toolbar-group.tsx","../../src/ui/toolbar/toolbar-input.tsx","../../src/ui/toolbar/toolbar-link.tsx","../../src/ui/toolbar/toolbar-separator.tsx","../../src/ui/toolbar/toolbar.tsx"],"mappings":";;;;;;;;;;KAIY,WAAA,GAAc,MAAA;;;KCUrB,yBAAA,GAA4B,IAAA,CAC/B,YAAA,QAAoB,cAAA;AAAA,KAIV,kBAAA,GAAqB,SAAA,CAAiB,MAAA,CAAO,KAAA,GACvD,yBAAA;EACE,IAAA,GAAO,WAAA;AAAA;AAAA,cAGE,aAAA;EAAiB,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCjBf,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,iBAAA,GAAoB,SAAA,CAAiB,KAAA,CAAM,KAAA,GACrD,YAAA,QAAoB,oBAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCtBhE,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,uBAAA,GAA0B,SAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,KACjD,sBAAA,GAAyB,uBAAA;AAAA,KAElB,iBAAA,GAAoB,IAAA,CAAK,uBAAA,YACnC,YAAA,QAAoB,oBAAA;EAClB,IAAA,GAAO,WAAA;EACP,QAAA,GAAW,sBAAA;AAAA;AAAA,cAGT,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9Bd,mBAAA,EAcJ,kBAAA,CAduB,YAAA;;;;;;;;;;;;;;;;cAcvB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,gBAAA,GAAmB,SAAA,CAAiB,IAAA,CAAK,KAAA,GACnD,YAAA,QAAoB,mBAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrB9D,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,qBAAA,GAAwB,SAAA,CAAiB,SAAA,CAAU,KAAA,GAC7D,YAAA,QAAoB,wBAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCtBlB,eAAA,EAcJ,kBAAA,CAdmB,YAAA;;;;;;;;;;;;;;;;cAcnB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,YAAA,GAAe,SAAA,CAAiB,IAAA,CAAK,KAAA,GAC/C,YAAA,QAAoB,eAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,OAAA;EAAA;;;;KAAwD,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toolbar.d.ts","names":[],"sources":["../../src/ui/toolbar/toolbar-size-context.ts","../../src/ui/toolbar/toolbar-button.tsx","../../src/ui/toolbar/toolbar-group.tsx","../../src/ui/toolbar/toolbar-input.tsx","../../src/ui/toolbar/toolbar-link.tsx","../../src/ui/toolbar/toolbar-separator.tsx","../../src/ui/toolbar/toolbar.tsx"],"mappings":";;;;;;;;;;KAGY,WAAA,GAAc,MAAA;;;KCQrB,yBAAA,GAA4B,IAAA,CAC/B,YAAA,QAAoB,cAAA;AAAA,KAIV,kBAAA,GAAqB,SAAA,CAAiB,MAAA,CAAO,KAAA,GACvD,yBAAA;EACE,IAAA,GAAO,WAAA;AAAA;AAAA,cAGE,aAAA;EAAiB,SAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAK3B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCZf,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,iBAAA,GAAoB,SAAA,CAAiB,KAAA,CAAM,KAAA,GACrD,YAAA,QAAoB,oBAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCzBhE,oBAAA,EAcJ,kBAAA,CAdwB,YAAA;;;;;;;;;;;;;;;;cAcxB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,uBAAA,GAA0B,SAAA,CAAiB,KAAA,CAAM,KAAA;AAAA,KACjD,sBAAA,GAAyB,uBAAA;AAAA,KAElB,iBAAA,GAAoB,IAAA,CAAK,uBAAA,YACnC,YAAA,QAAoB,oBAAA;EAClB,IAAA,GAAO,WAAA;EACP,QAAA,GAAW,sBAAA;AAAA;AAAA,cAGT,YAAA;EAAgB,SAAA;EAAA,QAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cC9Bd,mBAAA,EAcJ,kBAAA,CAduB,YAAA;;;;;;;;;;;;;;;;cAcvB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,gBAAA,GAAmB,SAAA,CAAiB,IAAA,CAAK,KAAA,GACnD,YAAA,QAAoB,mBAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,WAAA;EAAe,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,gBAAA,KAAgB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrB9D,wBAAA,EAcJ,kBAAA,CAd4B,YAAA;;;;;;;;;;;;;;;;cAc5B,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,qBAAA,GAAwB,SAAA,CAAiB,SAAA,CAAU,KAAA,GAC7D,YAAA,QAAoB,wBAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cClBlB,eAAA,EAcJ,kBAAA,CAdmB,YAAA;;;;;;;;;;;;;;;;cAcnB,kBAAA,CAAA,YAAA;;;;;;;;;KAEU,YAAA,GAAe,SAAA,CAAiB,IAAA,CAAK,KAAA,GAC/C,YAAA,QAAoB,eAAA;EAClB,IAAA,GAAO,WAAA;AAAA;AAAA,cAGL,OAAA;EAAA;;;;KAAwD,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}