@lglab/compose-ui 0.28.0 → 0.30.0

package/dist/toggle.js

@@ -1,16 +1,23 @@
-"use client";
-import { jsx as s } from "react/jsx-runtime";
-import { Toggle as t } from "@base-ui/react/toggle";
-import { c as a } from "./control-variants-Bwep4n0y.js";
-import { c as g } from "./utils-B6yFEsav.js";
-const l = ({ className: o, variant: r, size: e, ...m }) => /* @__PURE__ */ s(
-  t,
-  {
-    className: g(a({ variant: r, size: e }), o),
-    ...m
-  }
-);
-l.displayName = "Toggle";
-export {
-  l as Toggle
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { controlVariants } from "./lib/control-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Toggle as Toggle$1 } from "@base-ui/react/toggle";
+
+//#region src/components/toggle.tsx
+const Toggle = ({ className, variant, size, ...props }) => {
+	return /* @__PURE__ */ jsx(Toggle$1, {
+		className: cn(controlVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
 };
+Toggle.displayName = "Toggle";
+
+//#endregion
+export { Toggle };
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","names":["BaseToggle"],"sources":["../src/components/toggle.tsx"],"sourcesContent":["'use client'\n\nimport { Toggle as BaseToggle } from '@base-ui/react/toggle'\nimport * as React from 'react'\n\nimport {\n  type ControlSize,\n  type ControlVariant,\n  controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// Toggle\n// ============================================================================\n\ntype ToggleProps = React.ComponentProps<typeof BaseToggle> & {\n  /** Visual style of the toggle */\n  variant?: ControlVariant\n  /** Size of the toggle */\n  size?: ControlSize\n}\n\nconst Toggle = ({ className, variant, size, ...props }: ToggleProps) => {\n  return (\n    <BaseToggle\n      className={cn(controlVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nToggle.displayName = 'Toggle'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport { Toggle }\n\nexport type { ToggleProps }\n"],"mappings":";;;;;;;;;AAuBA,MAAM,UAAU,EAAE,WAAW,SAAS,MAAM,GAAG,YAAyB;AACtE,QACE,oBAACA;EACC,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC5D,GAAI;GACJ;;AAIN,OAAO,cAAc"}

package/dist/toolbar.d.ts

@@ -1,56 +1,64 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Toolbar } from '@base-ui/react/toolbar';
-
-declare type ControlSize = 'sm' | 'default' | 'lg' | 'icon' | 'icon-sm' | 'icon-lg';
-
-declare type ControlVariant = 'default' | 'ghost';
-
-export declare const ToolbarButton: {
-    ({ className, variant, size, ...props }: ToolbarButtonProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToolbarButtonProps = React_2.ComponentProps<typeof Toolbar.Button> & {
-    /** Visual style of the toolbar button */
-    variant?: ControlVariant;
-    /** Size of the toolbar button */
-    size?: ControlSize;
-};
-
-export declare const ToolbarGroup: {
-    ({ className, ...props }: ToolbarGroupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToolbarGroupProps = React_2.ComponentProps<typeof Toolbar.Group>;
-
-export declare const ToolbarInput: {
-    ({ className, ...props }: ToolbarInputProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToolbarInputProps = React_2.ComponentProps<typeof Toolbar.Input>;
-
-export declare const ToolbarLink: {
-    ({ className, ...props }: ToolbarLinkProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToolbarLinkProps = React_2.ComponentProps<typeof Toolbar.Link>;
-
-export declare const ToolbarRoot: {
-    ({ className, ...props }: ToolbarRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToolbarRootProps = React_2.ComponentProps<typeof Toolbar.Root>;
-
-export declare const ToolbarSeparator: {
-    ({ className, ...props }: ToolbarSeparatorProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type ToolbarSeparatorProps = React_2.ComponentProps<typeof Toolbar.Separator>;
-
-export { }
+import { ControlSize, ControlVariant } from "./lib/control-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime137 from "react/jsx-runtime";
+import { Toolbar } from "@base-ui/react/toolbar";
+
+//#region src/components/toolbar.d.ts
+type ToolbarRootProps = React.ComponentProps<typeof Toolbar.Root>;
+declare const ToolbarRoot: {
+  ({
+    className,
+    ...props
+  }: ToolbarRootProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type ToolbarButtonProps = React.ComponentProps<typeof Toolbar.Button> & {
+  /** Visual style of the toolbar button */
+  variant?: ControlVariant;
+  /** Size of the toolbar button */
+  size?: ControlSize;
+};
+declare const ToolbarButton: {
+  ({
+    className,
+    variant,
+    size,
+    ...props
+  }: ToolbarButtonProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type ToolbarLinkProps = React.ComponentProps<typeof Toolbar.Link>;
+declare const ToolbarLink: {
+  ({
+    className,
+    ...props
+  }: ToolbarLinkProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type ToolbarInputProps = React.ComponentProps<typeof Toolbar.Input>;
+declare const ToolbarInput: {
+  ({
+    className,
+    ...props
+  }: ToolbarInputProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type ToolbarGroupProps = React.ComponentProps<typeof Toolbar.Group>;
+declare const ToolbarGroup: {
+  ({
+    className,
+    ...props
+  }: ToolbarGroupProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+type ToolbarSeparatorProps = React.ComponentProps<typeof Toolbar.Separator>;
+declare const ToolbarSeparator: {
+  ({
+    className,
+    ...props
+  }: ToolbarSeparatorProps): react_jsx_runtime137.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { ToolbarButton, type ToolbarButtonProps, ToolbarGroup, type ToolbarGroupProps, ToolbarInput, type ToolbarInputProps, ToolbarLink, type ToolbarLinkProps, ToolbarRoot, type ToolbarRootProps, ToolbarSeparator, type ToolbarSeparatorProps };
+//# sourceMappingURL=toolbar.d.ts.map

package/dist/toolbar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","names":[],"sources":["../src/components/toolbar.tsx"],"sourcesContent":[],"mappings":";;;;;;KAgBK,gBAAA,GAAmB,KAAA,CAAM,sBAAsB,OAAA,CAAY;cAE1D;;;;KAAwC,mBAAgB,oBAAA,CAAA,GAAA,CAAA;EAFzD,WAAA,EAAA,MAAgB;CAAA;KAoBhB,kBAAA,GAAqB,KAAA,CAAM,cApBgC,CAAA,OAoBV,OAAA,CAAY,MApBF,CAAA,GAAA;;EAApB,OAAA,CAAA,EAsBhC,cAtBgC;EAEtC;EAUL,IAAA,CAAA,EAYQ,WAZR;;cAeK,aAzBwC,EAAA;;IAAgB,SAAA;IAAA,OAAA;IAAA,IAAA;IAAA,GAAA;EAAA,CAAA,EA8B3D,kBA9B2D,CAAA,EA8BzC,oBAAA,CAAA,GAAA,CAAA,OA9ByC;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KA6CzD,gBAAA,GAAmB,KAAA,CAAM,cA3BP,CAAA,OA2B6B,OAAA,CAAY,IA3BzC,CAAA;cA6BjB,WA7B4D,EAAA;;IAAxC,SAAM;IAAA,GAAA;EAAA,CAAA,EA6Bc,gBA7Bd,CAAA,EA6B8B,oBAAA,CAAA,GAAA,CAAA,OA7B9B;aAEpB,EAAA,MAAA;;KA6CP,iBAAA,GAAoB,KAAA,CAAM,cA3CX,CAAA,OA2CiC,OAAA,CAAY,KA3C7C,CAAA;AAAA,cA6Cd,YA9BL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EA8B8C,iBA9B9C,CAAA,EA8B+D,oBAAA,CAAA,GAAA,CAAA,OA9B/D;;;KAgDI,iBAAA,GAAoB,KAAA,CAAM,sBAAsB,OAAA,CAAY;cAE3D,YAzDH,EAAA;;IAAkB,SAAA;IAAA,GAAA;EAAA,CAAA,EAyD0B,iBAzD1B,CAAA,EAyD2C,oBAAA,CAAA,GAAA,CAAA,OAzD3C;EAAA,WAAA,EAAA,MAAA;AAAA,CAAA;KAqEhB,qBAAA,GAAwB,KAAA,CAAM,cAtDd,CAAA,OAsDoC,OAAA,CAAY,SAtDhD,CAAA;cAwDf,gBAxD0D,EAAA;;IAAxC,SAAM;IAAA,GAAA;EAAA,CAAA,EAwDqB,qBAxDrB,CAAA,EAwD0C,oBAAA,CAAA,GAAA,CAAA,OAxD1C;EAAc,WAAA,EAAA,MAAA;AAAA,CAAA"}

package/dist/toolbar.js

@@ -1,69 +1,58 @@
-"use client";
-import { jsx as e } from "react/jsx-runtime";
-import { Toolbar as a } from "@base-ui/react/toolbar";
-import { c as l } from "./control-variants-Bwep4n0y.js";
-import { c as t } from "./utils-B6yFEsav.js";
-const m = ({ className: o, ...r }) => /* @__PURE__ */ e(
-  a.Root,
-  {
-    className: t(
-      "flex items-center gap-1 flex-wrap rounded-md border border-border bg-muted p-1",
-      o
-    ),
-    ...r
-  }
-);
-m.displayName = "ToolbarRoot";
-const p = ({
-  className: o,
-  variant: r = "ghost",
-  size: n,
-  ...s
-}) => /* @__PURE__ */ e(
-  a.Button,
-  {
-    className: t(l({ variant: r, size: n }), o),
-    ...s
-  }
-);
-p.displayName = "ToolbarButton";
-const d = ({ className: o, ...r }) => /* @__PURE__ */ e(
-  a.Link,
-  {
-    className: t(
-      "text-sm text-muted-foreground no-underline hover:text-foreground",
-      o
-    ),
-    ...r
-  }
-);
-d.displayName = "ToolbarLink";
-const u = ({ className: o, ...r }) => /* @__PURE__ */ e(
-  a.Input,
-  {
-    className: t(
-      "h-8 rounded-md border border-border bg-background px-2 text-sm outline-none",
-      o
-    ),
-    ...r
-  }
-);
-u.displayName = "ToolbarInput";
-const b = ({ className: o, ...r }) => /* @__PURE__ */ e(a.Group, { className: t("flex items-center gap-1", o), ...r });
-b.displayName = "ToolbarGroup";
-const c = ({ className: o, ...r }) => /* @__PURE__ */ e(
-  a.Separator,
-  {
-    className: t("mx-1 h-4 w-px shrink-0 bg-border", o),
-    ...r
-  }
-);
-c.displayName = "ToolbarSeparator";
-export {
-  p as ToolbarButton,
-  b as ToolbarGroup,
-  u as ToolbarInput,
-  d as ToolbarLink,
-  m as ToolbarRoot,
-  c as ToolbarSeparator
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { controlVariants } from "./lib/control-variants.js";
+import "react";
+import { jsx } from "react/jsx-runtime";
+import { Toolbar } from "@base-ui/react/toolbar";
+
+//#region src/components/toolbar.tsx
+const ToolbarRoot = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toolbar.Root, {
+		className: cn("flex items-center gap-1 flex-wrap rounded-md border border-border bg-muted p-1", className),
+		...props
+	});
 };
+ToolbarRoot.displayName = "ToolbarRoot";
+const ToolbarButton = ({ className, variant = "ghost", size, ...props }) => {
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		className: cn(controlVariants({
+			variant,
+			size
+		}), className),
+		...props
+	});
+};
+ToolbarButton.displayName = "ToolbarButton";
+const ToolbarLink = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toolbar.Link, {
+		className: cn("text-sm text-muted-foreground no-underline hover:text-foreground", className),
+		...props
+	});
+};
+ToolbarLink.displayName = "ToolbarLink";
+const ToolbarInput = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toolbar.Input, {
+		className: cn("h-8 rounded-md border border-border bg-background px-2 text-sm outline-none", className),
+		...props
+	});
+};
+ToolbarInput.displayName = "ToolbarInput";
+const ToolbarGroup = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toolbar.Group, {
+		className: cn("flex items-center gap-1", className),
+		...props
+	});
+};
+ToolbarGroup.displayName = "ToolbarGroup";
+const ToolbarSeparator = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Toolbar.Separator, {
+		className: cn("mx-1 h-4 w-px shrink-0 bg-border", className),
+		...props
+	});
+};
+ToolbarSeparator.displayName = "ToolbarSeparator";
+
+//#endregion
+export { ToolbarButton, ToolbarGroup, ToolbarInput, ToolbarLink, ToolbarRoot, ToolbarSeparator };
+//# sourceMappingURL=toolbar.js.map

package/dist/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.js","names":["BaseToolbar"],"sources":["../src/components/toolbar.tsx"],"sourcesContent":["'use client'\n\nimport { Toolbar as BaseToolbar } from '@base-ui/react/toolbar'\nimport * as React from 'react'\n\nimport {\n  type ControlSize,\n  type ControlVariant,\n  controlVariants,\n} from '../lib/control-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// ToolbarRoot\n// ============================================================================\n\ntype ToolbarRootProps = React.ComponentProps<typeof BaseToolbar.Root>\n\nconst ToolbarRoot = ({ className, ...props }: ToolbarRootProps) => {\n  return (\n    <BaseToolbar.Root\n      className={cn(\n        'flex items-center gap-1 flex-wrap rounded-md border border-border bg-muted p-1',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToolbarRoot.displayName = 'ToolbarRoot'\n\n// ============================================================================\n// ToolbarButton\n// ============================================================================\n\ntype ToolbarButtonProps = React.ComponentProps<typeof BaseToolbar.Button> & {\n  /** Visual style of the toolbar button */\n  variant?: ControlVariant\n  /** Size of the toolbar button */\n  size?: ControlSize\n}\n\nconst ToolbarButton = ({\n  className,\n  variant = 'ghost',\n  size,\n  ...props\n}: ToolbarButtonProps) => {\n  return (\n    <BaseToolbar.Button\n      className={cn(controlVariants({ variant, size }), className)}\n      {...props}\n    />\n  )\n}\n\nToolbarButton.displayName = 'ToolbarButton'\n\n// ============================================================================\n// ToolbarLink\n// ============================================================================\n\ntype ToolbarLinkProps = React.ComponentProps<typeof BaseToolbar.Link>\n\nconst ToolbarLink = ({ className, ...props }: ToolbarLinkProps) => {\n  return (\n    <BaseToolbar.Link\n      className={cn(\n        'text-sm text-muted-foreground no-underline hover:text-foreground',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToolbarLink.displayName = 'ToolbarLink'\n\n// ============================================================================\n// ToolbarInput\n// ============================================================================\n\ntype ToolbarInputProps = React.ComponentProps<typeof BaseToolbar.Input>\n\nconst ToolbarInput = ({ className, ...props }: ToolbarInputProps) => {\n  return (\n    <BaseToolbar.Input\n      className={cn(\n        'h-8 rounded-md border border-border bg-background px-2 text-sm outline-none',\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nToolbarInput.displayName = 'ToolbarInput'\n\n// ============================================================================\n// ToolbarGroup\n// ============================================================================\n\ntype ToolbarGroupProps = React.ComponentProps<typeof BaseToolbar.Group>\n\nconst ToolbarGroup = ({ className, ...props }: ToolbarGroupProps) => {\n  return (\n    <BaseToolbar.Group className={cn('flex items-center gap-1', className)} {...props} />\n  )\n}\n\nToolbarGroup.displayName = 'ToolbarGroup'\n\n// ============================================================================\n// ToolbarSeparator\n// ============================================================================\n\ntype ToolbarSeparatorProps = React.ComponentProps<typeof BaseToolbar.Separator>\n\nconst ToolbarSeparator = ({ className, ...props }: ToolbarSeparatorProps) => {\n  return (\n    <BaseToolbar.Separator\n      className={cn('mx-1 h-4 w-px shrink-0 bg-border', className)}\n      {...props}\n    />\n  )\n}\n\nToolbarSeparator.displayName = 'ToolbarSeparator'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  ToolbarRoot,\n  ToolbarButton,\n  ToolbarLink,\n  ToolbarInput,\n  ToolbarGroup,\n  ToolbarSeparator,\n}\n\nexport type {\n  ToolbarRootProps,\n  ToolbarButtonProps,\n  ToolbarLinkProps,\n  ToolbarInputProps,\n  ToolbarGroupProps,\n  ToolbarSeparatorProps,\n}\n"],"mappings":";;;;;;;;;AAkBA,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,kFACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAa1B,MAAM,iBAAiB,EACrB,WACA,UAAU,SACV,MACA,GAAG,YACqB;AACxB,QACE,oBAACA,QAAY;EACX,WAAW,GAAG,gBAAgB;GAAE;GAAS;GAAM,CAAC,EAAE,UAAU;EAC5D,GAAI;GACJ;;AAIN,cAAc,cAAc;AAQ5B,MAAM,eAAe,EAAE,WAAW,GAAG,YAA8B;AACjE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,oEACA,UACD;EACD,GAAI;GACJ;;AAIN,YAAY,cAAc;AAQ1B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EACX,WAAW,GACT,+EACA,UACD;EACD,GAAI;GACJ;;AAIN,aAAa,cAAc;AAQ3B,MAAM,gBAAgB,EAAE,WAAW,GAAG,YAA+B;AACnE,QACE,oBAACA,QAAY;EAAM,WAAW,GAAG,2BAA2B,UAAU;EAAE,GAAI;GAAS;;AAIzF,aAAa,cAAc;AAQ3B,MAAM,oBAAoB,EAAE,WAAW,GAAG,YAAmC;AAC3E,QACE,oBAACA,QAAY;EACX,WAAW,GAAG,oCAAoC,UAAU;EAC5D,GAAI;GACJ;;AAIN,iBAAiB,cAAc"}

package/dist/tooltip.d.ts

@@ -1,62 +1,67 @@
-import { JSX } from 'react/jsx-runtime';
-import * as React_2 from 'react';
-import { Tooltip } from '@base-ui/react/tooltip';
-
-export declare const TooltipArrow: {
-    ({ className, variant, ...props }: TooltipArrowProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipArrowProps = React_2.ComponentProps<typeof Tooltip.Arrow> & {
-    variant?: TooltipVariant;
-};
-
-export declare const TooltipPopup: {
-    ({ className, variant, ...props }: TooltipPopupProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipPopupProps = React_2.ComponentProps<typeof Tooltip.Popup> & {
-    variant?: TooltipVariant;
-};
-
-export declare const TooltipPortal: {
-    (props: TooltipPortalProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipPortalProps = React_2.ComponentProps<typeof Tooltip.Portal>;
-
-export declare const TooltipPositioner: {
-    ({ className, ...props }: TooltipPositionerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipPositionerProps = React_2.ComponentProps<typeof Tooltip.Positioner>;
-
-export declare const TooltipProvider: {
-    (props: TooltipProviderProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipProviderProps = React_2.ComponentProps<typeof Tooltip.Provider>;
-
-export declare const TooltipRoot: {
-    ({ variant, ...props }: TooltipRootProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipRootProps = React_2.ComponentProps<typeof Tooltip.Root> & {
-    variant?: TooltipVariant;
-};
-
-export declare const TooltipTrigger: {
-    ({ className, ...props }: TooltipTriggerProps): JSX.Element;
-    displayName: string;
-};
-
-export declare type TooltipTriggerProps = React_2.ComponentProps<typeof Tooltip.Trigger>;
-
-declare type TooltipVariant = 'default' | 'secondary' | 'outline';
-
-export { }
+import { TooltipVariant } from "./lib/tooltip-variants.js";
+import * as React from "react";
+import * as react_jsx_runtime143 from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/components/tooltip.d.ts
+type TooltipProviderProps = React.ComponentProps<typeof Tooltip.Provider>;
+declare const TooltipProvider: {
+  (props: TooltipProviderProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+type TooltipRootProps = React.ComponentProps<typeof Tooltip.Root> & {
+  variant?: TooltipVariant;
+};
+declare const TooltipRoot: {
+  ({
+    variant,
+    ...props
+  }: TooltipRootProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+type TooltipTriggerProps = React.ComponentProps<typeof Tooltip.Trigger>;
+declare const TooltipTrigger: {
+  ({
+    className,
+    ...props
+  }: TooltipTriggerProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+type TooltipPortalProps = React.ComponentProps<typeof Tooltip.Portal>;
+declare const TooltipPortal: {
+  (props: TooltipPortalProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+type TooltipPositionerProps = React.ComponentProps<typeof Tooltip.Positioner>;
+declare const TooltipPositioner: {
+  ({
+    className,
+    ...props
+  }: TooltipPositionerProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+type TooltipPopupProps = React.ComponentProps<typeof Tooltip.Popup> & {
+  variant?: TooltipVariant;
+};
+declare const TooltipPopup: {
+  ({
+    className,
+    variant,
+    ...props
+  }: TooltipPopupProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+type TooltipArrowProps = React.ComponentProps<typeof Tooltip.Arrow> & {
+  variant?: TooltipVariant;
+};
+declare const TooltipArrow: {
+  ({
+    className,
+    variant,
+    ...props
+  }: TooltipArrowProps): react_jsx_runtime143.JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { TooltipArrow, type TooltipArrowProps, TooltipPopup, type TooltipPopupProps, TooltipPortal, type TooltipPortalProps, TooltipPositioner, type TooltipPositionerProps, TooltipProvider, type TooltipProviderProps, TooltipRoot, type TooltipRootProps, TooltipTrigger, type TooltipTriggerProps };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","names":[],"sources":["../src/components/tooltip.tsx"],"sourcesContent":[],"mappings":";;;;;;KAuBK,oBAAA,GAAuB,KAAA,CAAM,sBAAsB,OAAA,CAAY;cAE9D;UAA0B,uBAAoB,oBAAA,CAAA,GAAA,CAAA;EAF/C,WAAA,EAAA,MAAA;CAAoB;KAYpB,gBAAA,GAAmB,KAAA,CAAM,cAZsC,CAAA,OAYhB,OAAA,CAAY,IAZI,CAAA,GAAA;SAAxC,CAAA,EAahB,cAbsB;CAAc;AAAA,cAgB1C,WAZL,EAAA;EAAA,CAAA;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EAYuD,gBAZvD,CAAA,EAYuE,oBAAA,CAAA,GAAA,CAAA,OAZvE;aAF+B,EAAA,MAAA;;KA4B3B,mBAAA,GAAsB,KAAA,CAAM,cA5BmB,CAAA,OA4BG,OAAA,CAAY,OA5Bf,CAAA;AAAA,cA8B9C,cApBe,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAoB4B,mBApB5B,CAAA,EAoB+C,oBAAA,CAAA,GAAA,CAAA,OApB/C;aAA2C,EAAA,MAAA;;KA8B3D,kBAAA,GAAqB,KAAA,CAAM,cA7BpB,CAAA,OA6B0C,OAAA,CAAY,MA7BtD,CAAA;cA+BN,aA/BoB,EAAA;EAGpB,CAAA,KAAA,EA4BwB,kBAtB7B,CAAA,EAsB+C,oBAAA,CAAA,GAAA,CAAA,OAtB/C;EAAA,WAAA,EAAA,MAAA;;KAgCI,sBAAA,GAAyB,KAAA,CAAM,cAtCoB,CAAA,OAsCE,OAAA,CAAY,UAtCd,CAAA;cAwClD,iBAxCkE,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,GAAA;EAAA,CAAA,EAwCpB,sBAxCoB,CAAA,EAwCE,oBAAA,CAAA,GAAA,CAAA,OAxCF;EAcnE,WAAA,EAAA,MAAA;CAAmB;KA0CnB,iBAAA,GAAoB,KAAA,CAAM,cA1CoC,CAAA,OA0Cd,OAAA,CAAY,KA1CE,CAAA,GAAA;SAAxC,CAAA,EA2Cf,cA3CqB;CAAc;AAAA,cA8CzC,YA1CL,EAAA;EAAA,CAAA;IAAA,SAAA;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EA0CuD,iBA1CvD,CAAA,EA0CwE,oBAAA,CAAA,GAAA,CAAA,OA1CxE;;;KA4DI,iBAAA,GAAoB,KAAA,CAAM,cA9DqC,CAAA,OA8Df,OAAA,CAAY,KA9DG,CAAA,GAAA;EAAA,OAAA,CAAA,EA+DxD,cA/DwD;AAAA,CAAA;cAkE9D,YAxDiB,EAAA;;IAA+B,SAAY;IAAA,OAAA;IAAA,GAAA;EAAA,CAAA,EAwDV,iBAxDU,CAAA,EAwDO,oBAAA,CAAA,GAAA,CAAA,OAxDP;aAAlC,EAAA,MAAA;CAAc"}

package/dist/tooltip.js

@@ -1,93 +1,68 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import { Tooltip as a } from "@base-ui/react/tooltip";
-import * as l from "react";
-import { A as c } from "./arrow-svg-C6zQTvgS.js";
-import { cva as f } from "class-variance-authority";
-import { c as e } from "./utils-B6yFEsav.js";
-const u = f(
-  [
-    "rounded-md px-2 py-1 text-sm",
-    "origin-(--transform-origin)",
-    "transition-[transform,scale,opacity]",
-    "data-starting-style:scale-90 data-starting-style:opacity-0",
-    "data-ending-style:scale-90 data-ending-style:opacity-0",
-    "data-instant:duration-0"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "bg-foreground text-background",
-        secondary: "bg-secondary text-secondary-foreground",
-        outline: "bg-background text-foreground border border-border shadow-xs"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-), m = {
-  default: {
-    fill: "fill-foreground",
-    stroke: "fill-foreground"
-  },
-  secondary: {
-    fill: "fill-secondary",
-    stroke: "fill-secondary"
-  },
-  outline: {
-    fill: "fill-background",
-    stroke: "fill-border"
-  }
-}, n = l.createContext("default"), g = (t) => /* @__PURE__ */ r(a.Provider, { ...t });
-g.displayName = "TooltipProvider";
-const y = ({ variant: t = "default", ...o }) => /* @__PURE__ */ r(n.Provider, { value: t, children: /* @__PURE__ */ r(a.Root, { ...o }) });
-y.displayName = "TooltipRoot";
-const x = ({ className: t, ...o }) => /* @__PURE__ */ r(a.Trigger, { className: e(t), delay: 200, ...o });
-x.displayName = "TooltipTrigger";
-const T = (t) => /* @__PURE__ */ r(a.Portal, { ...t });
-T.displayName = "TooltipPortal";
-const v = ({ className: t, ...o }) => /* @__PURE__ */ r(
-  a.Positioner,
-  {
-    className: e("z-50 outline-none", t),
-    sideOffset: 8,
-    ...o
-  }
-);
-v.displayName = "TooltipPositioner";
-const P = ({ className: t, variant: o, ...i }) => {
-  const s = l.useContext(n), d = o ?? s;
-  return /* @__PURE__ */ r(
-    a.Popup,
-    {
-      className: e(u({ variant: d }), t),
-      ...i
-    }
-  );
+'use client';
+
+import { cn } from "./lib/utils.js";
+import { ArrowSvg } from "./lib/arrow-svg.js";
+import { tooltipArrowVariants, tooltipPopupVariants } from "./lib/tooltip-variants.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { Tooltip } from "@base-ui/react/tooltip";
+
+//#region src/components/tooltip.tsx
+const TooltipVariantContext = React.createContext("default");
+const TooltipProvider = (props) => {
+	return /* @__PURE__ */ jsx(Tooltip.Provider, { ...props });
 };
-P.displayName = "TooltipPopup";
-const N = ({ className: t, variant: o, ...i }) => {
-  const s = l.useContext(n), p = m[o ?? s];
-  return /* @__PURE__ */ r(
-    a.Arrow,
-    {
-      className: e(
-        "flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180",
-        t
-      ),
-      ...i,
-      children: /* @__PURE__ */ r(c, { fillClassName: p.fill, strokeClassName: p.stroke })
-    }
-  );
+TooltipProvider.displayName = "TooltipProvider";
+const TooltipRoot = ({ variant = "default", ...props }) => {
+	return /* @__PURE__ */ jsx(TooltipVariantContext.Provider, {
+		value: variant,
+		children: /* @__PURE__ */ jsx(Tooltip.Root, { ...props })
+	});
 };
-N.displayName = "TooltipArrow";
-export {
-  N as TooltipArrow,
-  P as TooltipPopup,
-  T as TooltipPortal,
-  v as TooltipPositioner,
-  g as TooltipProvider,
-  y as TooltipRoot,
-  x as TooltipTrigger
+TooltipRoot.displayName = "TooltipRoot";
+const TooltipTrigger = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip.Trigger, {
+		className: cn(className),
+		delay: 200,
+		...props
+	});
 };
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipPortal = (props) => {
+	return /* @__PURE__ */ jsx(Tooltip.Portal, { ...props });
+};
+TooltipPortal.displayName = "TooltipPortal";
+const TooltipPositioner = ({ className, ...props }) => {
+	return /* @__PURE__ */ jsx(Tooltip.Positioner, {
+		className: cn("z-50 outline-none", className),
+		sideOffset: 8,
+		...props
+	});
+};
+TooltipPositioner.displayName = "TooltipPositioner";
+const TooltipPopup = ({ className, variant, ...props }) => {
+	const contextVariant = React.useContext(TooltipVariantContext);
+	const resolvedVariant = variant ?? contextVariant;
+	return /* @__PURE__ */ jsx(Tooltip.Popup, {
+		className: cn(tooltipPopupVariants({ variant: resolvedVariant }), className),
+		...props
+	});
+};
+TooltipPopup.displayName = "TooltipPopup";
+const TooltipArrow = ({ className, variant, ...props }) => {
+	const contextVariant = React.useContext(TooltipVariantContext);
+	const arrowColors = tooltipArrowVariants[variant ?? contextVariant];
+	return /* @__PURE__ */ jsx(Tooltip.Arrow, {
+		className: cn("flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180", className),
+		...props,
+		children: /* @__PURE__ */ jsx(ArrowSvg, {
+			fillClassName: arrowColors.fill,
+			strokeClassName: arrowColors.stroke
+		})
+	});
+};
+TooltipArrow.displayName = "TooltipArrow";
+
+//#endregion
+export { TooltipArrow, TooltipPopup, TooltipPortal, TooltipPositioner, TooltipProvider, TooltipRoot, TooltipTrigger };
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","names":["BaseTooltip"],"sources":["../src/components/tooltip.tsx"],"sourcesContent":["'use client'\n\nimport { Tooltip as BaseTooltip } from '@base-ui/react/tooltip'\nimport * as React from 'react'\n\nimport { ArrowSvg } from '../lib/arrow-svg'\nimport {\n  type TooltipVariant,\n  tooltipArrowVariants,\n  tooltipPopupVariants,\n} from '../lib/tooltip-variants'\nimport { cn } from '../lib/utils'\n\n// ============================================================================\n// TooltipVariantContext\n// ============================================================================\n\nconst TooltipVariantContext = React.createContext<TooltipVariant>('default')\n\n// ============================================================================\n// TooltipProvider\n// ============================================================================\n\ntype TooltipProviderProps = React.ComponentProps<typeof BaseTooltip.Provider>\n\nconst TooltipProvider = (props: TooltipProviderProps) => {\n  return <BaseTooltip.Provider {...props} />\n}\n\nTooltipProvider.displayName = 'TooltipProvider'\n\n// ============================================================================\n// TooltipRoot\n// ============================================================================\n\ntype TooltipRootProps = React.ComponentProps<typeof BaseTooltip.Root> & {\n  variant?: TooltipVariant\n}\n\nconst TooltipRoot = ({ variant = 'default', ...props }: TooltipRootProps) => {\n  return (\n    <TooltipVariantContext.Provider value={variant}>\n      <BaseTooltip.Root {...props} />\n    </TooltipVariantContext.Provider>\n  )\n}\n\nTooltipRoot.displayName = 'TooltipRoot'\n\n// ============================================================================\n// TooltipTrigger\n// ============================================================================\n\ntype TooltipTriggerProps = React.ComponentProps<typeof BaseTooltip.Trigger>\n\nconst TooltipTrigger = ({ className, ...props }: TooltipTriggerProps) => {\n  return <BaseTooltip.Trigger className={cn(className)} delay={200} {...props} />\n}\n\nTooltipTrigger.displayName = 'TooltipTrigger'\n\n// ============================================================================\n// TooltipPortal\n// ============================================================================\n\ntype TooltipPortalProps = React.ComponentProps<typeof BaseTooltip.Portal>\n\nconst TooltipPortal = (props: TooltipPortalProps) => {\n  return <BaseTooltip.Portal {...props} />\n}\n\nTooltipPortal.displayName = 'TooltipPortal'\n\n// ============================================================================\n// TooltipPositioner\n// ============================================================================\n\ntype TooltipPositionerProps = React.ComponentProps<typeof BaseTooltip.Positioner>\n\nconst TooltipPositioner = ({ className, ...props }: TooltipPositionerProps) => {\n  return (\n    <BaseTooltip.Positioner\n      className={cn('z-50 outline-none', className)}\n      sideOffset={8}\n      {...props}\n    />\n  )\n}\n\nTooltipPositioner.displayName = 'TooltipPositioner'\n\n// ============================================================================\n// TooltipPopup\n// ============================================================================\n\ntype TooltipPopupProps = React.ComponentProps<typeof BaseTooltip.Popup> & {\n  variant?: TooltipVariant\n}\n\nconst TooltipPopup = ({ className, variant, ...props }: TooltipPopupProps) => {\n  const contextVariant = React.useContext(TooltipVariantContext)\n  const resolvedVariant = variant ?? contextVariant\n\n  return (\n    <BaseTooltip.Popup\n      className={cn(tooltipPopupVariants({ variant: resolvedVariant }), className)}\n      {...props}\n    />\n  )\n}\n\nTooltipPopup.displayName = 'TooltipPopup'\n\n// ============================================================================\n// TooltipArrow\n// ============================================================================\n\ntype TooltipArrowProps = React.ComponentProps<typeof BaseTooltip.Arrow> & {\n  variant?: TooltipVariant\n}\n\nconst TooltipArrow = ({ className, variant, ...props }: TooltipArrowProps) => {\n  const contextVariant = React.useContext(TooltipVariantContext)\n  const resolvedVariant = variant ?? contextVariant\n  const arrowColors = tooltipArrowVariants[resolvedVariant]\n\n  return (\n    <BaseTooltip.Arrow\n      className={cn(\n        'flex data-[side=bottom]:top-[-8px] data-[side=left]:right-[-13px] data-[side=left]:rotate-90 data-[side=right]:left-[-13px] data-[side=right]:-rotate-90 data-[side=top]:bottom-[-8px] data-[side=top]:rotate-180',\n        className,\n      )}\n      {...props}\n    >\n      <ArrowSvg fillClassName={arrowColors.fill} strokeClassName={arrowColors.stroke} />\n    </BaseTooltip.Arrow>\n  )\n}\n\nTooltipArrow.displayName = 'TooltipArrow'\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nexport {\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipPortal,\n  TooltipPositioner,\n  TooltipPopup,\n  TooltipArrow,\n}\n\nexport type {\n  TooltipProviderProps,\n  TooltipRootProps,\n  TooltipTriggerProps,\n  TooltipPortalProps,\n  TooltipPositionerProps,\n  TooltipPopupProps,\n  TooltipArrowProps,\n}\n"],"mappings":";;;;;;;;;;AAiBA,MAAM,wBAAwB,MAAM,cAA8B,UAAU;AAQ5E,MAAM,mBAAmB,UAAgC;AACvD,QAAO,oBAACA,QAAY,YAAS,GAAI,QAAS;;AAG5C,gBAAgB,cAAc;AAU9B,MAAM,eAAe,EAAE,UAAU,WAAW,GAAG,YAA8B;AAC3E,QACE,oBAAC,sBAAsB;EAAS,OAAO;YACrC,oBAACA,QAAY,QAAK,GAAI,QAAS;GACA;;AAIrC,YAAY,cAAc;AAQ1B,MAAM,kBAAkB,EAAE,WAAW,GAAG,YAAiC;AACvE,QAAO,oBAACA,QAAY;EAAQ,WAAW,GAAG,UAAU;EAAE,OAAO;EAAK,GAAI;GAAS;;AAGjF,eAAe,cAAc;AAQ7B,MAAM,iBAAiB,UAA8B;AACnD,QAAO,oBAACA,QAAY,UAAO,GAAI,QAAS;;AAG1C,cAAc,cAAc;AAQ5B,MAAM,qBAAqB,EAAE,WAAW,GAAG,YAAoC;AAC7E,QACE,oBAACA,QAAY;EACX,WAAW,GAAG,qBAAqB,UAAU;EAC7C,YAAY;EACZ,GAAI;GACJ;;AAIN,kBAAkB,cAAc;AAUhC,MAAM,gBAAgB,EAAE,WAAW,SAAS,GAAG,YAA+B;CAC5E,MAAM,iBAAiB,MAAM,WAAW,sBAAsB;CAC9D,MAAM,kBAAkB,WAAW;AAEnC,QACE,oBAACA,QAAY;EACX,WAAW,GAAG,qBAAqB,EAAE,SAAS,iBAAiB,CAAC,EAAE,UAAU;EAC5E,GAAI;GACJ;;AAIN,aAAa,cAAc;AAU3B,MAAM,gBAAgB,EAAE,WAAW,SAAS,GAAG,YAA+B;CAC5E,MAAM,iBAAiB,MAAM,WAAW,sBAAsB;CAE9D,MAAM,cAAc,qBADI,WAAW;AAGnC,QACE,oBAACA,QAAY;EACX,WAAW,GACT,qNACA,UACD;EACD,GAAI;YAEJ,oBAAC;GAAS,eAAe,YAAY;GAAM,iBAAiB,YAAY;IAAU;GAChE;;AAIxB,aAAa,cAAc"}