@kuzenbo/core 0.0.1 → 0.0.3

package/dist/ui/toggle-group.js

@@ -0,0 +1,76 @@
+"use client";
+
+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 { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { Toggle } from "@base-ui/react/toggle";
+import { ToggleGroup as ToggleGroup$1 } from "@base-ui/react/toggle-group";
+
+//#region src/ui/toggle-group/toggle-group-context.tsx
+const ToggleGroupContext = createContext({
+	size: "md",
+	variant: "default",
+	spacing: 0,
+	orientation: "horizontal"
+});
+
+//#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,
+	defaultVariants: {
+		variant: "default",
+		size: "md"
+	}
+});
+const ToggleGroupItem = ({ className, children, variant, size, ...props }) => {
+	const { size: contextSize, spacing, variant: contextVariant } = useContext(ToggleGroupContext);
+	const resolvedSize = size ?? contextSize ?? "md";
+	const resolvedVariant = variant ?? contextVariant ?? "default";
+	return /* @__PURE__ */ jsx(Toggle, {
+		className: mergeBaseUIClassName(toggleGroupItemVariants({
+			variant: resolvedVariant,
+			size: resolvedSize
+		}), className),
+		"data-size": resolvedSize,
+		"data-slot": "toggle-group-item",
+		"data-spacing": spacing,
+		"data-variant": resolvedVariant,
+		...props,
+		children
+	});
+};
+
+//#endregion
+//#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);
+	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,
+		"data-size": size,
+		"data-slot": "toggle-group",
+		"data-spacing": spacing,
+		"data-variant": variant,
+		style: { "--gap": spacing },
+		...props,
+		children: /* @__PURE__ */ jsx(ToggleGroupContext.Provider, {
+			value: {
+				variant,
+				size,
+				spacing,
+				orientation
+			},
+			children
+		})
+	});
+};
+ToggleGroup.Item = ToggleGroupItem;
+
+//#endregion
+export { ToggleGroup, ToggleGroupContext, ToggleGroupItem };
+//# sourceMappingURL=toggle-group.js.map

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

@@ -0,0 +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"}

package/dist/ui/toggle.d.ts

@@ -0,0 +1,53 @@
+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

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

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","names":[],"sources":["../../src/ui/toggle/toggle.tsx"],"mappings":";;;;;;cAMM,cAAA,EAmBJ,kBAAA,CAnBkB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;cAmBlB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;KAEU,WAAA,GAAc,QAAA,CAAgB,KAAA,GACxC,YAAA,QAAoB,cAAA;AAAA,cAEhB,MAAA;EAAU,SAAA;EAAA,OAAA;EAAA,IAAA,EAAA,YAAA;EAAA,GAAA;AAAA,GAKb,WAAA,KAAW,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/toggle.js

@@ -0,0 +1,41 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+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",
+	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"
+		}
+	},
+	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)
+		}), className),
+		"data-slot": "toggle",
+		...props
+	});
+};
+
+//#endregion
+export { Toggle, toggleVariants };
+//# sourceMappingURL=toggle.js.map

package/dist/ui/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["TogglePrimitive"],"sources":["../../src/ui/toggle/toggle.tsx"],"sourcesContent":["import { 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":";;;;;;;AAMA,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"}

package/dist/ui/toolbar.d.ts

@@ -0,0 +1,234 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import "../size-context-DXfCAlWF.js";
+import { buttonVariants } from "./button.js";
+import "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
+
+//#region src/ui/toolbar/toolbar-size-context.d.ts
+type ToolbarSize = UISize;
+//#endregion
+//#region src/ui/toolbar/toolbar-button.d.ts
+type ToolbarButtonVariantProps = Omit<VariantProps<typeof buttonVariants>, "size">;
+type ToolbarButtonProps = Toolbar$1.Button.Props & ToolbarButtonVariantProps & {
+  size?: ToolbarSize;
+};
+declare const ToolbarButton: ({
+  className,
+  variant,
+  size,
+  ...props
+}: ToolbarButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/toolbar/toolbar-group.d.ts
+declare const toolbarGroupVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center", unknown, unknown, undefined>>;
+type ToolbarGroupProps = Toolbar$1.Group.Props & VariantProps<typeof toolbarGroupVariants> & {
+  size?: ToolbarSize;
+};
+declare const ToolbarGroup: ({
+  className,
+  size,
+  ...props
+}: ToolbarGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/toolbar/toolbar-input.d.ts
+declare const toolbarInputVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type NativeToolbarInputProps = Toolbar$1.Input.Props;
+type NativeToolbarInputSize = NativeToolbarInputProps["size"];
+type ToolbarInputProps = Omit<NativeToolbarInputProps, "size"> & VariantProps<typeof toolbarInputVariants> & {
+  size?: ToolbarSize;
+  htmlSize?: NativeToolbarInputSize;
+};
+declare const ToolbarInput: ({
+  className,
+  htmlSize,
+  size,
+  ...props
+}: ToolbarInputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/toolbar/toolbar-link.d.ts
+declare const toolbarLinkVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: 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>>;
+type ToolbarLinkProps = Toolbar$1.Link.Props & VariantProps<typeof toolbarLinkVariants> & {
+  size?: ToolbarSize;
+};
+declare const ToolbarLink: ({
+  className,
+  size,
+  ...props
+}: ToolbarLinkProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/toolbar/toolbar-separator.d.ts
+declare const toolbarSeparatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-px shrink-0 bg-border", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-px shrink-0 bg-border", unknown, unknown, undefined>>;
+type ToolbarSeparatorProps = Toolbar$1.Separator.Props & VariantProps<typeof toolbarSeparatorVariants> & {
+  size?: ToolbarSize;
+};
+declare const ToolbarSeparator: ({
+  className,
+  size,
+  ...props
+}: ToolbarSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/toolbar/toolbar.d.ts
+declare const toolbarVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center rounded-lg bg-popover shadow-xs outline outline-border", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center rounded-lg bg-popover shadow-xs outline outline-border", unknown, unknown, undefined>>;
+type ToolbarProps = Toolbar$1.Root.Props & VariantProps<typeof toolbarVariants> & {
+  size?: ToolbarSize;
+};
+declare const Toolbar: {
+  ({
+    className,
+    size: providedSize,
+    ...props
+  }: ToolbarProps): react_jsx_runtime0.JSX.Element;
+  Button: ({
+    className,
+    variant,
+    size,
+    ...props
+  }: ToolbarButtonProps) => react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    size,
+    ...props
+  }: ToolbarGroupProps) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    htmlSize,
+    size,
+    ...props
+  }: ToolbarInputProps) => react_jsx_runtime0.JSX.Element;
+  Link: ({
+    className,
+    size,
+    ...props
+  }: ToolbarLinkProps) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    size,
+    ...props
+  }: ToolbarSeparatorProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { Toolbar, ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, ToolbarProps, ToolbarSeparator, type ToolbarSeparatorProps, type ToolbarSize };
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +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;;;cCxBlB,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"}

package/dist/ui/toolbar.js

@@ -0,0 +1,156 @@
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as createSizeContext } from "../size-context-BjRwqlSg.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { buttonVariants } from "./button.js";
+import { jsx } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
+
+//#region src/ui/toolbar/toolbar-size-context.ts
+const { SizeContext: ToolbarSizeContext, useResolvedSize: useToolbarResolvedSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/toolbar/toolbar-button.tsx
+const ToolbarButton = ({ className, variant = "ghost", size, ...props }) => {
+	const resolvedSize = useToolbarResolvedSize(size);
+	return /* @__PURE__ */ jsx(Toolbar$1.Button, {
+		className: mergeBaseUIClassName(cn(buttonVariants({
+			variant,
+			size: resolvedSize
+		}), "shrink-0"), className),
+		"data-size": resolvedSize,
+		"data-slot": "toolbar-button",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/toolbar/toolbar-group.tsx
+const toolbarGroupVariants = tv({
+	base: "flex items-center",
+	variants: { size: {
+		xs: "gap-0.5",
+		sm: "gap-0.5",
+		md: "gap-1",
+		lg: "gap-1",
+		xl: "gap-1.5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ToolbarGroup = ({ className, size, ...props }) => {
+	const resolvedSize = useToolbarResolvedSize(size);
+	return /* @__PURE__ */ jsx(ToolbarSizeContext.Provider, {
+		value: { size: resolvedSize },
+		children: /* @__PURE__ */ jsx(Toolbar$1.Group, {
+			className: mergeBaseUIClassName(cn(toolbarGroupVariants({ size: resolvedSize })), className),
+			"data-size": resolvedSize,
+			"data-slot": "toolbar-group",
+			...props
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/toolbar/toolbar-input.tsx
+const toolbarInputVariants = tv({
+	base: "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",
+	variants: { size: {
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm",
+		md: "h-9 rounded-md px-3 text-base md:text-sm",
+		lg: "h-10 rounded-md px-3 text-base md:text-sm",
+		xl: "h-11 rounded-md px-4 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ToolbarInput = ({ className, htmlSize, size, ...props }) => {
+	const resolvedSize = useToolbarResolvedSize(size);
+	return /* @__PURE__ */ jsx(Toolbar$1.Input, {
+		className: mergeBaseUIClassName(cn(toolbarInputVariants({ size: resolvedSize })), className),
+		"data-size": resolvedSize,
+		"data-slot": "toolbar-input",
+		size: htmlSize,
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/toolbar/toolbar-link.tsx
+const toolbarLinkVariants = tv({
+	base: "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",
+	variants: { size: {
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-3 text-sm [&_svg:not([class*='size-'])]:size-3.5",
+		md: "h-9 rounded-lg px-4 text-sm [&_svg:not([class*='size-'])]:size-4",
+		lg: "h-10 rounded-lg px-4 text-sm [&_svg:not([class*='size-'])]:size-4",
+		xl: "h-11 rounded-lg px-5 text-base [&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ToolbarLink = ({ className, size, ...props }) => {
+	const resolvedSize = useToolbarResolvedSize(size);
+	return /* @__PURE__ */ jsx(Toolbar$1.Link, {
+		className: mergeBaseUIClassName(cn(toolbarLinkVariants({ size: resolvedSize })), className),
+		"data-size": resolvedSize,
+		"data-slot": "toolbar-link",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/toolbar/toolbar-separator.tsx
+const toolbarSeparatorVariants = tv({
+	base: "w-px shrink-0 bg-border",
+	variants: { size: {
+		xs: "h-4",
+		sm: "h-5",
+		md: "h-6",
+		lg: "h-7",
+		xl: "h-8"
+	} },
+	defaultVariants: { size: "md" }
+});
+const ToolbarSeparator = ({ className, size, ...props }) => {
+	const resolvedSize = useToolbarResolvedSize(size);
+	return /* @__PURE__ */ jsx(Toolbar$1.Separator, {
+		className: mergeBaseUIClassName(cn(toolbarSeparatorVariants({ size: resolvedSize })), className),
+		"data-size": resolvedSize,
+		"data-slot": "toolbar-separator",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/toolbar/toolbar.tsx
+const toolbarVariants = tv({
+	base: "flex items-center rounded-lg bg-popover shadow-xs outline outline-border",
+	variants: { size: {
+		xs: "gap-0.5 rounded-[min(var(--radius-md),8px)] p-0.5",
+		sm: "gap-0.5 rounded-[min(var(--radius-md),10px)] p-0.5",
+		md: "gap-1 p-1",
+		lg: "gap-1 p-1.5",
+		xl: "gap-1.5 rounded-xl p-2"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Toolbar = ({ className, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(ToolbarSizeContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(Toolbar$1.Root, {
+			className: mergeBaseUIClassName(toolbarVariants({ size }), className),
+			"data-size": size,
+			"data-slot": "toolbar",
+			...props
+		})
+	});
+};
+Toolbar.Button = ToolbarButton;
+Toolbar.Group = ToolbarGroup;
+Toolbar.Input = ToolbarInput;
+Toolbar.Link = ToolbarLink;
+Toolbar.Separator = ToolbarSeparator;
+
+//#endregion
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarSeparator };
+//# sourceMappingURL=toolbar.js.map

package/dist/ui/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":["ToolbarPrimitive","ToolbarPrimitive","ToolbarPrimitive","ToolbarPrimitive","ToolbarPrimitive","ToolbarPrimitive"],"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"],"sourcesContent":["import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type ToolbarSize = UISize;\n\nconst {\n  SizeContext: ToolbarSizeContext,\n  useResolvedSize: useToolbarResolvedSize,\n} = createSizeContext();\n\nexport { ToolbarSizeContext, useToolbarResolvedSize };\n","\"use client\";\n\nimport type { VariantProps } from \"tailwind-variants\";\n\nimport { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { cn } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { buttonVariants } from \"../button/button\";\nimport {\n  useToolbarResolvedSize,\n  type ToolbarSize,\n} from \"./toolbar-size-context\";\n\ntype ToolbarButtonVariantProps = Omit<\n  VariantProps<typeof buttonVariants>,\n  \"size\"\n>;\n\nexport type ToolbarButtonProps = ToolbarPrimitive.Button.Props &\n  ToolbarButtonVariantProps & {\n    size?: ToolbarSize;\n  };\n\nexport const ToolbarButton = ({\n  className,\n  variant = \"ghost\",\n  size,\n  ...props\n}: ToolbarButtonProps) => {\n  const resolvedSize = useToolbarResolvedSize(size);\n\n  return (\n    <ToolbarPrimitive.Button\n      className={mergeBaseUIClassName<ToolbarPrimitive.Button.State>(\n        cn(buttonVariants({ variant, size: resolvedSize }), \"shrink-0\"),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toolbar-button\"\n      {...props}\n    />\n  );\n};\n","\"use client\";\n\nimport { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  ToolbarSizeContext,\n  useToolbarResolvedSize,\n  type ToolbarSize,\n} from \"./toolbar-size-context\";\n\nconst toolbarGroupVariants = tv({\n  base: \"flex items-center\",\n  variants: {\n    size: {\n      xs: \"gap-0.5\",\n      sm: \"gap-0.5\",\n      md: \"gap-1\",\n      lg: \"gap-1\",\n      xl: \"gap-1.5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type ToolbarGroupProps = ToolbarPrimitive.Group.Props &\n  VariantProps<typeof toolbarGroupVariants> & {\n    size?: ToolbarSize;\n  };\n\nconst ToolbarGroup = ({ className, size, ...props }: ToolbarGroupProps) => {\n  const resolvedSize = useToolbarResolvedSize(size);\n\n  return (\n    <ToolbarSizeContext.Provider value={{ size: resolvedSize }}>\n      <ToolbarPrimitive.Group\n        className={mergeBaseUIClassName(\n          cn(toolbarGroupVariants({ size: resolvedSize })),\n          className\n        )}\n        data-size={resolvedSize}\n        data-slot=\"toolbar-group\"\n        {...props}\n      />\n    </ToolbarSizeContext.Provider>\n  );\n};\n\nexport { ToolbarGroup, toolbarGroupVariants };\n","\"use client\";\n\nimport { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  useToolbarResolvedSize,\n  type ToolbarSize,\n} from \"./toolbar-size-context\";\n\nconst toolbarInputVariants = tv({\n  base: \"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\",\n  variants: {\n    size: {\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-2.5 text-sm\",\n      md: \"h-9 rounded-md px-3 text-base md:text-sm\",\n      lg: \"h-10 rounded-md px-3 text-base md:text-sm\",\n      xl: \"h-11 rounded-md px-4 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype NativeToolbarInputProps = ToolbarPrimitive.Input.Props;\ntype NativeToolbarInputSize = NativeToolbarInputProps[\"size\"];\n\nexport type ToolbarInputProps = Omit<NativeToolbarInputProps, \"size\"> &\n  VariantProps<typeof toolbarInputVariants> & {\n    size?: ToolbarSize;\n    htmlSize?: NativeToolbarInputSize;\n  };\n\nconst ToolbarInput = ({\n  className,\n  htmlSize,\n  size,\n  ...props\n}: ToolbarInputProps) => {\n  const resolvedSize = useToolbarResolvedSize(size);\n\n  return (\n    <ToolbarPrimitive.Input\n      className={mergeBaseUIClassName<ToolbarPrimitive.Input.State>(\n        cn(toolbarInputVariants({ size: resolvedSize })),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toolbar-input\"\n      size={htmlSize}\n      {...props}\n    />\n  );\n};\n\nexport { ToolbarInput, toolbarInputVariants };\n","\"use client\";\n\nimport { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  useToolbarResolvedSize,\n  type ToolbarSize,\n} from \"./toolbar-size-context\";\n\nconst toolbarLinkVariants = tv({\n  base: \"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\",\n  variants: {\n    size: {\n      xs: \"h-6 rounded-[min(var(--radius-md),8px)] px-2 text-xs [&_svg:not([class*='size-'])]:size-3\",\n      sm: \"h-8 rounded-[min(var(--radius-md),10px)] px-3 text-sm [&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"h-9 rounded-lg px-4 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      lg: \"h-10 rounded-lg px-4 text-sm [&_svg:not([class*='size-'])]:size-4\",\n      xl: \"h-11 rounded-lg px-5 text-base [&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type ToolbarLinkProps = ToolbarPrimitive.Link.Props &\n  VariantProps<typeof toolbarLinkVariants> & {\n    size?: ToolbarSize;\n  };\n\nconst ToolbarLink = ({ className, size, ...props }: ToolbarLinkProps) => {\n  const resolvedSize = useToolbarResolvedSize(size);\n\n  return (\n    <ToolbarPrimitive.Link\n      className={mergeBaseUIClassName<ToolbarPrimitive.Link.State>(\n        cn(toolbarLinkVariants({ size: resolvedSize })),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toolbar-link\"\n      {...props}\n    />\n  );\n};\n\nexport { ToolbarLink, toolbarLinkVariants };\n","\"use client\";\n\nimport { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport {\n  useToolbarResolvedSize,\n  type ToolbarSize,\n} from \"./toolbar-size-context\";\n\nconst toolbarSeparatorVariants = tv({\n  base: \"w-px shrink-0 bg-border\",\n  variants: {\n    size: {\n      xs: \"h-4\",\n      sm: \"h-5\",\n      md: \"h-6\",\n      lg: \"h-7\",\n      xl: \"h-8\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type ToolbarSeparatorProps = ToolbarPrimitive.Separator.Props &\n  VariantProps<typeof toolbarSeparatorVariants> & {\n    size?: ToolbarSize;\n  };\n\nconst ToolbarSeparator = ({\n  className,\n  size,\n  ...props\n}: ToolbarSeparatorProps) => {\n  const resolvedSize = useToolbarResolvedSize(size);\n\n  return (\n    <ToolbarPrimitive.Separator\n      className={mergeBaseUIClassName(\n        cn(toolbarSeparatorVariants({ size: resolvedSize })),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"toolbar-separator\"\n      {...props}\n    />\n  );\n};\n\nexport { ToolbarSeparator, toolbarSeparatorVariants };\n","import { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { ToolbarButton } from \"./toolbar-button\";\nimport { ToolbarGroup } from \"./toolbar-group\";\nimport { ToolbarInput } from \"./toolbar-input\";\nimport { ToolbarLink } from \"./toolbar-link\";\nimport { ToolbarSeparator } from \"./toolbar-separator\";\nimport { ToolbarSizeContext, type ToolbarSize } from \"./toolbar-size-context\";\n\nconst toolbarVariants = tv({\n  base: \"flex items-center rounded-lg bg-popover shadow-xs outline outline-border\",\n  variants: {\n    size: {\n      xs: \"gap-0.5 rounded-[min(var(--radius-md),8px)] p-0.5\",\n      sm: \"gap-0.5 rounded-[min(var(--radius-md),10px)] p-0.5\",\n      md: \"gap-1 p-1\",\n      lg: \"gap-1 p-1.5\",\n      xl: \"gap-1.5 rounded-xl p-2\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\nexport type ToolbarProps = ToolbarPrimitive.Root.Props &\n  VariantProps<typeof toolbarVariants> & {\n    size?: ToolbarSize;\n  };\n\nconst Toolbar = ({ className, size: providedSize, ...props }: ToolbarProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <ToolbarSizeContext.Provider value={{ size }}>\n      <ToolbarPrimitive.Root\n        className={mergeBaseUIClassName<ToolbarPrimitive.Root.State>(\n          toolbarVariants({ size }),\n          className\n        )}\n        data-size={size}\n        data-slot=\"toolbar\"\n        {...props}\n      />\n    </ToolbarSizeContext.Provider>\n  );\n};\n\nToolbar.Button = ToolbarButton;\nToolbar.Group = ToolbarGroup;\nToolbar.Input = ToolbarInput;\nToolbar.Link = ToolbarLink;\nToolbar.Separator = ToolbarSeparator;\n\nexport type { ToolbarButtonProps } from \"./toolbar-button\";\nexport type { ToolbarGroupProps } from \"./toolbar-group\";\nexport type { ToolbarInputProps } from \"./toolbar-input\";\nexport type { ToolbarLinkProps } from \"./toolbar-link\";\nexport type { ToolbarSize } from \"./toolbar-size-context\";\nexport type { ToolbarSeparatorProps } from \"./toolbar-separator\";\n\nexport {\n  Toolbar,\n  ToolbarButton,\n  ToolbarGroup,\n  ToolbarInput,\n  ToolbarLink,\n  ToolbarSeparator,\n};\n"],"mappings":"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"}