@kuzenbo/core 0.0.1-alpha.4 → 0.0.1

package/dist/toolbar-separator-B2h6uLOE.d.ts

@@ -0,0 +1,169 @@
+import { t as UISize } from "./size-system-CMU68sQY.js";
+import { buttonVariants } from "./button.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Toolbar } 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.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.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.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.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.Separator.Props & VariantProps<typeof toolbarSeparatorVariants> & {
+  size?: ToolbarSize;
+};
+declare const ToolbarSeparator: ({
+  className,
+  size,
+  ...props
+}: ToolbarSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ToolbarInput as a, ToolbarGroupProps as c, ToolbarSize as d, ToolbarLinkProps as i, ToolbarButton as l, ToolbarSeparatorProps as n, ToolbarInputProps as o, ToolbarLink as r, ToolbarGroup as s, ToolbarSeparator as t, ToolbarButtonProps as u };
+//# sourceMappingURL=toolbar-separator-B2h6uLOE.d.ts.map

package/dist/toolbar-separator-B2h6uLOE.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-separator-B2h6uLOE.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"],"mappings":";;;;;;;;;KAIY,WAAA,GAAc,MAAA;;;KCUrB,yBAAA,GAA4B,IAAA,CAC/B,YAAA,QAAoB,cAAA;AAAA,KAIV,kBAAA,GAAqB,OAAA,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,OAAA,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,OAAA,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,OAAA,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,OAAA,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"}

package/dist/toolbar-separator-DenKrCUv.js

@@ -0,0 +1,124 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { buttonVariants } from "./button.js";
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx } from "react/jsx-runtime";
+import { Toolbar } 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.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.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.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.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.Separator, {
+		className: mergeBaseUIClassName(cn(toolbarSeparatorVariants({ size: resolvedSize })), className),
+		"data-size": resolvedSize,
+		"data-slot": "toolbar-separator",
+		...props
+	});
+};
+
+//#endregion
+export { ToolbarButton as a, ToolbarGroup as i, ToolbarLink as n, ToolbarSizeContext as o, ToolbarInput as r, ToolbarSeparator as t };
+//# sourceMappingURL=toolbar-separator-DenKrCUv.js.map

package/dist/toolbar-separator-DenKrCUv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar-separator-DenKrCUv.js","names":["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"],"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"],"mappings":";;;;;;;;AAMA,MAAM,EACJ,aAAa,oBACb,iBAAiB,2BACf,mBAAmB;;;;ACevB,MAAa,iBAAiB,EAC5B,WACA,UAAU,SACV,MACA,GAAG,YACqB;CACxB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACA,QAAiB;EAChB,WAAW,qBACT,GAAG,eAAe;GAAE;GAAS,MAAM;GAAc,CAAC,EAAE,WAAW,EAC/D,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC7BN,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAAC,mBAAmB;EAAS,OAAO,EAAE,MAAM,cAAc;YACxD,oBAACC,QAAiB;GAChB,WAAW,qBACT,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,CAAC,EAChD,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC0B;;;;;ACpClC,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,gBAAgB,EACpB,WACA,UACA,MACA,GAAG,YACoB;CACvB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB;EAChB,WAAW,qBACT,GAAG,qBAAqB,EAAE,MAAM,cAAc,CAAC,CAAC,EAChD,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAM;EACN,GAAI;GACJ;;;;;AC3CN,MAAM,sBAAsB,GAAG;CAC7B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,eAAe,EAAE,WAAW,MAAM,GAAG,YAA8B;CACvE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB;EAChB,WAAW,qBACT,GAAG,oBAAoB,EAAE,MAAM,cAAc,CAAC,CAAC,EAC/C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;ACjCN,MAAM,2BAA2B,GAAG;CAClC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,oBAAoB,EACxB,WACA,MACA,GAAG,YACwB;CAC3B,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB;EAChB,WAAW,qBACT,GAAG,yBAAyB,EAAE,MAAM,cAAc,CAAC,CAAC,EACpD,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ"}

package/dist/toolbar.d.ts

@@ -1,12 +1,43 @@
-import { a as ToolbarInput, c as ToolbarGroupProps, i as ToolbarLinkProps, l as ToolbarButton, n as ToolbarSeparatorProps, o as ToolbarInputProps, r as ToolbarLink, s as ToolbarGroup, t as ToolbarSeparator, u as ToolbarButtonProps } from "./toolbar-separator-DbkRIfIA.js";
+import "./size-context-CPoCTRTV.js";
+import { a as ToolbarInput, c as ToolbarGroupProps, d as ToolbarSize, i as ToolbarLinkProps, l as ToolbarButton, n as ToolbarSeparatorProps, o as ToolbarInputProps, r as ToolbarLink, s as ToolbarGroup, t as ToolbarSeparator, u as ToolbarButtonProps } from "./toolbar-separator-B2h6uLOE.js";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
 
 //#region src/ui/toolbar/toolbar.d.ts
-type ToolbarProps = Toolbar$1.Root.Props;
+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: ({
@@ -17,18 +48,26 @@ declare const Toolbar: {
   }: ToolbarButtonProps) => react_jsx_runtime0.JSX.Element;
   Group: ({
     className,
+    size,
     ...props
   }: ToolbarGroupProps) => react_jsx_runtime0.JSX.Element;
-  Input: (props: ToolbarInputProps) => 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 };
+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/toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.d.ts","names":[],"sources":["../src/ui/toolbar/toolbar.tsx"],"mappings":";;;;;KASY,YAAA,GAAe,SAAA,CAAiB,IAAA,CAAK,KAAA;AAAA,cAE3C,OAAA;EAAA;;;KAAoC,YAAA,GAAY,kBAAA,CAAA,GAAA,CAAA,OAAA"}
+{"version":3,"file":"toolbar.d.ts","names":[],"sources":["../src/ui/toolbar/toolbar.tsx"],"mappings":";;;;;;;;cAYM,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/toolbar.js

@@ -1,14 +1,34 @@
-import { a as ToolbarButton, i as ToolbarGroup, n as ToolbarLink, r as ToolbarInput, t as ToolbarSeparator } from "./toolbar-separator-D5v-xesm.js";
-import { cn } from "tailwind-variants";
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { a as useComponentSize } from "./size-provider-D2Fy00Ky.js";
+import { a as ToolbarButton, i as ToolbarGroup, n as ToolbarLink, o as ToolbarSizeContext, r as ToolbarInput, t as ToolbarSeparator } from "./toolbar-separator-DenKrCUv.js";
+import { tv } from "tailwind-variants";
 import { jsx } from "react/jsx-runtime";
 import { Toolbar as Toolbar$1 } from "@base-ui/react/toolbar";
 
 //#region src/ui/toolbar/toolbar.tsx
-const Toolbar = ({ className, ...props }) => /* @__PURE__ */ jsx(Toolbar$1.Root, {
-	className: cn("flex items-center gap-1 rounded-lg bg-popover p-1 shadow-xs outline outline-border", className),
-	"data-slot": "toolbar",
-	...props
+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;

package/dist/toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"toolbar.js","names":["ToolbarPrimitive"],"sources":["../src/ui/toolbar/toolbar.tsx"],"sourcesContent":["import { Toolbar as ToolbarPrimitive } from \"@base-ui/react/toolbar\";\nimport { cn } from \"tailwind-variants\";\n\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\";\n\nexport type ToolbarProps = ToolbarPrimitive.Root.Props;\n\nconst Toolbar = ({ className, ...props }: ToolbarProps) => (\n  <ToolbarPrimitive.Root\n    className={cn(\n      \"flex items-center gap-1 rounded-lg bg-popover p-1 shadow-xs outline outline-border\",\n      className\n    )}\n    data-slot=\"toolbar\"\n    {...props}\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 { ToolbarSeparatorProps } from \"./toolbar-separator\";\n\nexport {\n  Toolbar,\n  ToolbarButton,\n  ToolbarGroup,\n  ToolbarInput,\n  ToolbarLink,\n  ToolbarSeparator,\n};\n"],"mappings":";;;;;;AAWA,MAAM,WAAW,EAAE,WAAW,GAAG,YAC/B,oBAACA,UAAiB;CAChB,WAAW,GACT,sFACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;AAGJ,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,OAAO;AACf,QAAQ,YAAY"}
+{"version":3,"file":"toolbar.js","names":["ToolbarPrimitive"],"sources":["../src/ui/toolbar/toolbar.tsx"],"sourcesContent":["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":";;;;;;;;AAYA,MAAM,kBAAkB,GAAG;CACzB,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAOF,MAAM,WAAW,EAAE,WAAW,MAAM,cAAc,GAAG,YAA0B;CAC7E,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,mBAAmB;EAAS,OAAO,EAAE,MAAM;YAC1C,oBAACA,UAAiB;GAChB,WAAW,qBACT,gBAAgB,EAAE,MAAM,CAAC,EACzB,UACD;GACD,aAAW;GACX,aAAU;GACV,GAAI;IACJ;GAC0B;;AAIlC,QAAQ,SAAS;AACjB,QAAQ,QAAQ;AAChB,QAAQ,QAAQ;AAChB,QAAQ,OAAO;AACf,QAAQ,YAAY"}

package/dist/tooltip-trigger-Bh-4uwB1.js

@@ -0,0 +1,101 @@
+import { t as mergeBaseUIClassName } from "./merge-base-ui-class-name-u6eS5MaQ.js";
+import { t as createSizeContext } from "./size-context-rJNE33WZ.js";
+import { cn, tv } from "tailwind-variants";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/ui/tooltip/tooltip-arrow.tsx
+const TooltipArrow = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Arrow, {
+	className: cn("z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5", className),
+	"data-slot": "tooltip-arrow",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-size-context.ts
+const { SizeContext: TooltipSizeContext, useResolvedSize: useResolvedTooltipSize } = createSizeContext();
+
+//#endregion
+//#region src/ui/tooltip/tooltip-popup.tsx
+const tooltipPopupVariants = tv({
+	base: "z-50 w-fit origin-(--transform-origin) bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+	variants: { size: {
+		xs: "max-w-40 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs",
+		sm: "max-w-48 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs",
+		md: "max-w-xs rounded-md px-3 py-1.5 text-xs",
+		lg: "max-w-sm rounded-md px-3.5 py-2 text-sm",
+		xl: "max-w-md rounded-md px-4 py-2.5 text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const TooltipPopup = ({ className, size, ...props }) => {
+	const resolvedSize = useResolvedTooltipSize(size);
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		className: mergeBaseUIClassName(tooltipPopupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "tooltip-popup",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/tooltip/tooltip-portal.tsx
+const TooltipPortal = ({ ...props }) => /* @__PURE__ */ jsx(Tooltip.Portal, {
+	"data-slot": "tooltip-portal",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-positioner.tsx
+const TooltipPositioner = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Positioner, {
+	className: cn("isolate z-50 h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", className),
+	"data-slot": "tooltip-positioner",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-viewport.tsx
+const TooltipViewport = ({ ...props }) => /* @__PURE__ */ jsx(Tooltip.Viewport, {
+	"data-slot": "tooltip-viewport",
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-content.tsx
+const TooltipContent = ({ className, side = "top", sideOffset = 4, size, align = "center", alignOffset = 0, children, ...props }) => {
+	const resolvedSize = useResolvedTooltipSize(size);
+	return /* @__PURE__ */ jsx(TooltipPortal, { children: /* @__PURE__ */ jsx(TooltipPositioner, {
+		align,
+		alignOffset,
+		side,
+		sideOffset,
+		children: /* @__PURE__ */ jsxs(TooltipPopup, {
+			className,
+			"data-size": resolvedSize,
+			"data-slot": "tooltip-content",
+			size: resolvedSize,
+			...props,
+			children: [/* @__PURE__ */ jsx(TooltipViewport, { children }), /* @__PURE__ */ jsx(TooltipArrow, {})]
+		})
+	}) });
+};
+
+//#endregion
+//#region src/ui/tooltip/tooltip-provider.tsx
+const TooltipProvider = ({ delay = 0, ...props }) => /* @__PURE__ */ jsx(Tooltip.Provider, {
+	"data-slot": "tooltip-provider",
+	delay,
+	...props
+});
+
+//#endregion
+//#region src/ui/tooltip/tooltip-trigger.tsx
+const TooltipTrigger = ({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip.Trigger, {
+	className: cn("cursor-pointer", className),
+	"data-slot": "tooltip-trigger",
+	...props
+});
+
+//#endregion
+export { TooltipPositioner as a, TooltipSizeContext as c, TooltipViewport as i, TooltipArrow as l, TooltipProvider as n, TooltipPortal as o, TooltipContent as r, TooltipPopup as s, TooltipTrigger as t };
+//# sourceMappingURL=tooltip-trigger-Bh-4uwB1.js.map

package/dist/tooltip-trigger-Bh-4uwB1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip-trigger-Bh-4uwB1.js","names":["TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive","TooltipPrimitive"],"sources":["../src/ui/tooltip/tooltip-arrow.tsx","../src/ui/tooltip/tooltip-size-context.ts","../src/ui/tooltip/tooltip-popup.tsx","../src/ui/tooltip/tooltip-portal.tsx","../src/ui/tooltip/tooltip-positioner.tsx","../src/ui/tooltip/tooltip-viewport.tsx","../src/ui/tooltip/tooltip-content.tsx","../src/ui/tooltip/tooltip-provider.tsx","../src/ui/tooltip/tooltip-trigger.tsx"],"sourcesContent":["\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TooltipArrowProps = TooltipPrimitive.Arrow.Props;\n\nconst TooltipArrow = ({ className, ...props }: TooltipArrowProps) => (\n  <TooltipPrimitive.Arrow\n    className={cn(\n      \"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground data-[side=bottom]:top-1 data-[side=left]:top-1/2! data-[side=left]:-right-1 data-[side=left]:-translate-y-1/2 data-[side=right]:top-1/2! data-[side=right]:-left-1 data-[side=right]:-translate-y-1/2 data-[side=top]:-bottom-2.5\",\n      className\n    )}\n    data-slot=\"tooltip-arrow\"\n    {...props}\n  />\n);\n\nexport { TooltipArrow };\n","import type { UISize } from \"../shared/size/size-system\";\n\nimport { createSizeContext } from \"../shared/size/size-context\";\n\nexport type TooltipSize = UISize;\n\nconst {\n  SizeContext: TooltipSizeContext,\n  useResolvedSize: useResolvedTooltipSize,\n} = createSizeContext();\n\nexport { TooltipSizeContext, useResolvedTooltipSize };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { TooltipSize } from \"./tooltip-size-context\";\n\nimport { mergeBaseUIClassName } from \"../../utils/merge-base-ui-class-name\";\nimport { useResolvedTooltipSize } from \"./tooltip-size-context\";\n\nconst tooltipPopupVariants = tv({\n  base: \"z-50 w-fit origin-(--transform-origin) bg-foreground text-background data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 data-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-starting-style:animate-in data-starting-style:fade-in-0 data-starting-style:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\",\n  variants: {\n    size: {\n      xs: \"max-w-40 rounded-[min(var(--radius-md),8px)] px-2 py-1 text-xs\",\n      sm: \"max-w-48 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-xs\",\n      md: \"max-w-xs rounded-md px-3 py-1.5 text-xs\",\n      lg: \"max-w-sm rounded-md px-3.5 py-2 text-sm\",\n      xl: \"max-w-md rounded-md px-4 py-2.5 text-base\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype TooltipPopupVariantProps = Omit<\n  VariantProps<typeof tooltipPopupVariants>,\n  \"size\"\n> & {\n  size?: TooltipSize;\n};\n\nexport type TooltipPopupProps = TooltipPrimitive.Popup.Props &\n  TooltipPopupVariantProps;\n\nconst TooltipPopup = ({ className, size, ...props }: TooltipPopupProps) => {\n  const resolvedSize = useResolvedTooltipSize(size);\n\n  return (\n    <TooltipPrimitive.Popup\n      className={mergeBaseUIClassName<TooltipPrimitive.Popup.State>(\n        tooltipPopupVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"tooltip-popup\"\n      {...props}\n    />\n  );\n};\n\nexport { TooltipPopup };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nexport type TooltipPortalProps = TooltipPrimitive.Portal.Props;\n\nconst TooltipPortal = ({ ...props }: TooltipPortalProps) => (\n  <TooltipPrimitive.Portal data-slot=\"tooltip-portal\" {...props} />\n);\n\nexport { TooltipPortal };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"tailwind-variants\";\n\nexport type TooltipPositionerProps = TooltipPrimitive.Positioner.Props;\n\nconst TooltipPositioner = ({ className, ...props }: TooltipPositionerProps) => (\n  <TooltipPrimitive.Positioner\n    className={cn(\n      \"isolate z-50 h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]\",\n      className\n    )}\n    data-slot=\"tooltip-positioner\"\n    {...props}\n  />\n);\n\nexport { TooltipPositioner };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nexport type TooltipViewportProps = TooltipPrimitive.Viewport.Props;\n\nconst TooltipViewport = ({ ...props }: TooltipViewportProps) => (\n  <TooltipPrimitive.Viewport data-slot=\"tooltip-viewport\" {...props} />\n);\n\nexport { TooltipViewport };\n","\"use client\";\n\nimport type { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\n\nimport { TooltipArrow } from \"./tooltip-arrow\";\nimport { TooltipPopup } from \"./tooltip-popup\";\nimport { TooltipPortal } from \"./tooltip-portal\";\nimport { TooltipPositioner } from \"./tooltip-positioner\";\nimport {\n  useResolvedTooltipSize,\n  type TooltipSize,\n} from \"./tooltip-size-context\";\nimport { TooltipViewport } from \"./tooltip-viewport\";\nexport type TooltipContentProps = TooltipPrimitive.Popup.Props &\n  Pick<\n    TooltipPrimitive.Positioner.Props,\n    \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n  > & {\n    size?: TooltipSize;\n  };\n\nconst TooltipContent = ({\n  className,\n  side = \"top\",\n  sideOffset = 4,\n  size,\n  align = \"center\",\n  alignOffset = 0,\n  children,\n  ...props\n}: TooltipContentProps) => {\n  const resolvedSize = useResolvedTooltipSize(size);\n\n  return (\n    <TooltipPortal>\n      <TooltipPositioner\n        align={align}\n        alignOffset={alignOffset}\n        side={side}\n        sideOffset={sideOffset}\n      >\n        <TooltipPopup\n          className={className}\n          data-size={resolvedSize}\n          data-slot=\"tooltip-content\"\n          size={resolvedSize}\n          {...props}\n        >\n          <TooltipViewport>{children}</TooltipViewport>\n          <TooltipArrow />\n        </TooltipPopup>\n      </TooltipPositioner>\n    </TooltipPortal>\n  );\n};\n\nexport { TooltipContent };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nexport type TooltipProviderProps = TooltipPrimitive.Provider.Props;\n\nconst TooltipProvider = ({ delay = 0, ...props }: TooltipProviderProps) => (\n  <TooltipPrimitive.Provider\n    data-slot=\"tooltip-provider\"\n    delay={delay}\n    {...props}\n  />\n);\n\nexport { TooltipProvider };\n","\"use client\";\n\nimport { Tooltip as TooltipPrimitive } from \"@base-ui/react/tooltip\";\nimport { cn } from \"tailwind-variants\";\nexport type TooltipTriggerProps = TooltipPrimitive.Trigger.Props;\n\nconst TooltipTrigger = ({ className, ...props }: TooltipTriggerProps) => (\n  <TooltipPrimitive.Trigger\n    className={cn(\"cursor-pointer\", className)}\n    data-slot=\"tooltip-trigger\"\n    {...props}\n  />\n);\n\nexport { TooltipTrigger };\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,EAAE,WAAW,GAAG,YACpC,oBAACA,QAAiB;CAChB,WAAW,GACT,yUACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,EACJ,aAAa,oBACb,iBAAiB,2BACf,mBAAmB;;;;ACCvB,MAAM,uBAAuB,GAAG;CAC9B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAYF,MAAM,gBAAgB,EAAE,WAAW,MAAM,GAAG,YAA+B;CACzE,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAACC,QAAiB;EAChB,WAAW,qBACT,qBAAqB,EAAE,MAAM,cAAc,CAAC,EAC5C,UACD;EACD,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC1CN,MAAM,iBAAiB,EAAE,GAAG,YAC1B,oBAACC,QAAiB;CAAO,aAAU;CAAiB,GAAI;EAAS;;;;ACAnE,MAAM,qBAAqB,EAAE,WAAW,GAAG,YACzC,oBAACC,QAAiB;CAChB,WAAW,GACT,wGACA,UACD;CACD,aAAU;CACV,GAAI;EACJ;;;;ACTJ,MAAM,mBAAmB,EAAE,GAAG,YAC5B,oBAACC,QAAiB;CAAS,aAAU;CAAmB,GAAI;EAAS;;;;ACcvE,MAAM,kBAAkB,EACtB,WACA,OAAO,OACP,aAAa,GACb,MACA,QAAQ,UACR,cAAc,GACd,UACA,GAAG,YACsB;CACzB,MAAM,eAAe,uBAAuB,KAAK;AAEjD,QACE,oBAAC,2BACC,oBAAC;EACQ;EACM;EACP;EACM;YAEZ,qBAAC;GACY;GACX,aAAW;GACX,aAAU;GACV,MAAM;GACN,GAAI;cAEJ,oBAAC,mBAAiB,WAA2B,EAC7C,oBAAC,iBAAe;IACH;GACG,GACN;;;;;AC/CpB,MAAM,mBAAmB,EAAE,QAAQ,GAAG,GAAG,YACvC,oBAACC,QAAiB;CAChB,aAAU;CACH;CACP,GAAI;EACJ;;;;ACJJ,MAAM,kBAAkB,EAAE,WAAW,GAAG,YACtC,oBAACC,QAAiB;CAChB,WAAW,GAAG,kBAAkB,UAAU;CAC1C,aAAU;CACV,GAAI;EACJ"}