@nocoo/basalt 2.0.2 → 2.1.0

package/dist/components/toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.js","names":[],"sources":["../../src/components/toast.tsx"],"sourcesContent":["import { Check, CircleAlert, Info, TriangleAlert, X } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { Toaster as Sonner, toast as sonnerToast } from \"sonner\";\n\nexport type ToastVariant = \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport type ToastOptions = {\n\tdescription?: ReactNode;\n\ticon?: ReactNode | false;\n\tclose?: boolean;\n\tduration?: number;\n\tid?: string | number;\n\taction?: {\n\t\tlabel: string;\n\t\tonClick: () => void;\n\t};\n};\n\nconst VARIANT_CLASS: Record<ToastVariant, string> = {\n\tdefault: \"bg-basalt-popover\",\n\tsuccess:\n\t\t\"bg-basalt-heatmap-green-1 [&_[data-icon]]:text-basalt-heatmap-green-4 [&_[data-title]]:text-basalt-heatmap-green-4\",\n\terror:\n\t\t\"bg-basalt-danger-tint [&_[data-icon]]:text-basalt-danger [&_[data-title]]:text-basalt-danger\",\n\twarning:\n\t\t\"bg-basalt-warning-tint [&_[data-icon]]:text-basalt-warning [&_[data-title]]:text-basalt-warning\",\n\tinfo: \"bg-basalt-info-tint [&_[data-icon]]:text-basalt-info [&_[data-title]]:text-basalt-info\",\n};\n\nconst VARIANT_ICON: Record<ToastVariant, ReactNode> = {\n\tdefault: null,\n\tsuccess: <Check className=\"size-4\" />,\n\terror: <CircleAlert className=\"size-4\" />,\n\twarning: <TriangleAlert className=\"size-4\" />,\n\tinfo: <Info className=\"size-4\" />,\n};\n\nfunction resolveIcon(variant: ToastVariant, icon: ToastOptions[\"icon\"]) {\n\tif (icon === false) {\n\t\treturn false;\n\t}\n\tif (icon != null) {\n\t\treturn icon;\n\t}\n\treturn VARIANT_ICON[variant] ?? undefined;\n}\n\nfunction show(message: ReactNode, options: ToastOptions & { variant?: ToastVariant } = {}) {\n\tconst { variant = \"default\", icon, close = true, ...rest } = options;\n\tconst payload = {\n\t\t...rest,\n\t\tcloseButton: close,\n\t\tclassName: VARIANT_CLASS[variant],\n\t\ticon: resolveIcon(variant, icon),\n\t};\n\tif (variant === \"success\") {\n\t\treturn sonnerToast.success(message, payload);\n\t}\n\tif (variant === \"error\") {\n\t\treturn sonnerToast.error(message, payload);\n\t}\n\tif (variant === \"warning\") {\n\t\treturn sonnerToast.warning(message, payload);\n\t}\n\tif (variant === \"info\") {\n\t\treturn sonnerToast.info(message, payload);\n\t}\n\treturn sonnerToast(message, payload);\n}\n\nexport const toast = Object.assign(show, {\n\tsuccess: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"success\" }),\n\terror: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"error\" }),\n\twarning: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"warning\" }),\n\tinfo: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"info\" }),\n\tdismiss: sonnerToast.dismiss,\n});\n\nexport function Toaster({ closeButton = true, ...props }: ComponentProps<typeof Sonner>) {\n\treturn (\n\t\t<Sonner\n\t\t\tcloseButton={closeButton}\n\t\t\ticons={{\n\t\t\t\tsuccess: <Check className=\"size-4\" />,\n\t\t\t\terror: <CircleAlert className=\"size-4\" />,\n\t\t\t\twarning: <TriangleAlert className=\"size-4\" />,\n\t\t\t\tinfo: <Info className=\"size-4\" />,\n\t\t\t\tclose: <X className=\"size-3.5\" />,\n\t\t\t}}\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttoast: \"border border-basalt-border text-basalt-foreground shadow-lg\",\n\t\t\t\t\ttitle: \"text-sm font-medium\",\n\t\t\t\t\tdescription: \"text-sm text-basalt-muted-foreground\",\n\t\t\t\t\tcloseButton:\n\t\t\t\t\t\t\"border-basalt-border bg-basalt-popover text-basalt-muted-foreground hover:text-basalt-foreground\",\n\t\t\t\t\ticon: \"size-4\",\n\t\t\t\t\tsuccess: VARIANT_CLASS.success,\n\t\t\t\t\terror: VARIANT_CLASS.error,\n\t\t\t\t\twarning: VARIANT_CLASS.warning,\n\t\t\t\t\tinfo: VARIANT_CLASS.info,\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport const Toast = Toaster;\n"],"mappings":";;;;;AAkBA,IAAM,IAA8C;CACnD,SAAS;CACT,SACC;CACD,OACC;CACD,SACC;CACD,MAAM;AACP,GAEM,IAAgD;CACrD,SAAS;CACT,SAAS,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;CACpC,OAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA;CACxC,SAAS,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;CAC5C,MAAM,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;AACjC;AAEA,SAAS,EAAY,GAAuB,GAA4B;CAOvE,OANI,MAAS,KACL,KAEJ,KAGG,EAAa,MAAY,KAAA;AACjC;AAEA,SAAS,EAAK,GAAoB,IAAqD,CAAC,GAAG;CAC1F,IAAM,EAAE,aAAU,WAAW,SAAM,WAAQ,IAAM,GAAG,MAAS,GACvD,IAAU;EACf,GAAG;EACH,aAAa;EACb,WAAW,EAAc;EACzB,MAAM,EAAY,GAAS,CAAI;CAChC;CAaA,OAZI,MAAY,YACR,EAAY,QAAQ,GAAS,CAAO,IAExC,MAAY,UACR,EAAY,MAAM,GAAS,CAAO,IAEtC,MAAY,YACR,EAAY,QAAQ,GAAS,CAAO,IAExC,MAAY,SACR,EAAY,KAAK,GAAS,CAAO,IAElC,EAAY,GAAS,CAAO;AACpC;AAEA,IAAa,IAAQ,OAAO,OAAO,GAAM;CACxC,UAAU,GAAoB,MAC7B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAU,CAAC;CACjD,QAAQ,GAAoB,MAC3B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAQ,CAAC;CAC/C,UAAU,GAAoB,MAC7B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAU,CAAC;CACjD,OAAO,GAAoB,MAC1B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAO,CAAC;CAC9C,SAAS,EAAY;AACtB,CAAC;AAED,SAAgB,EAAQ,EAAE,iBAAc,IAAM,GAAG,KAAwC;CACxF,OACC,kBAAC,GAAD;EACc;EACb,OAAO;GACN,SAAS,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;GACpC,OAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA;GACxC,SAAS,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;GAC5C,MAAM,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;GAChC,OAAO,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;EACjC;EACA,cAAc,EACb,YAAY;GACX,OAAO;GACP,OAAO;GACP,aAAa;GACb,aACC;GACD,MAAM;GACN,SAAS,EAAc;GACvB,OAAO,EAAc;GACrB,SAAS,EAAc;GACvB,MAAM,EAAc;EACrB,EACD;EACA,GAAI;CACJ,CAAA;AAEH;AAEA,IAAa,IAAQ"}
+{"version":3,"file":"toast.js","names":[],"sources":["../../src/components/toast.tsx"],"sourcesContent":["import { Check, CircleAlert, Info, TriangleAlert, X } from \"lucide-react\";\nimport type { ComponentProps, ReactNode } from \"react\";\nimport { Toaster as Sonner, toast as sonnerToast } from \"sonner\";\n\nexport type ToastVariant = \"default\" | \"success\" | \"error\" | \"warning\" | \"info\";\n\nexport type ToastOptions = {\n\t/**\n\t * Secondary supporting text or node displayed below the main message.\n\t */\n\tdescription?: ReactNode;\n\t/**\n\t * Custom icon override. When set to `false`, suppresses default status or notification icons.\n\t */\n\ticon?: ReactNode | false;\n\t/**\n\t * Whether a close button is displayed on this individual toast notification.\n\t * @default true\n\t */\n\tclose?: boolean;\n\t/**\n\t * Visibility duration in milliseconds before auto-dismissal. Resolved as `toast.duration || (Toaster.toastOptions.duration ?? Toaster.duration) || 4000`. Infinity disables auto-closing. Setting to 0 treats it as falsy and falls back through container duration before defaulting to 4000ms.\n\t * @default \"inherited from container, finally 4000ms\"\n\t */\n\tduration?: number;\n\t/**\n\t * Unique identifier for this toast notification. Can be used with `toast.dismiss(id)` to manually dismiss this specific toast.\n\t */\n\tid?: string | number;\n\t/**\n\t * Optional action button configuration with label and onClick handler.\n\t */\n\taction?: {\n\t\tlabel: string;\n\t\tonClick: () => void;\n\t};\n};\n\n/**\n * Options accepted by the root `toast(message, options)` dispatch function, extending `ToastOptions` with an optional `variant`.\n */\nexport type ToastCallOptions = ToastOptions & {\n\t/**\n\t * Visual status variant style for this toast.\n\t * @default \"default\"\n\t */\n\tvariant?: ToastVariant;\n};\n\nconst VARIANT_CLASS: Record<ToastVariant, string> = {\n\tdefault: \"bg-basalt-popover\",\n\tsuccess:\n\t\t\"bg-basalt-heatmap-green-1 [&_[data-icon]]:text-basalt-heatmap-green-4 [&_[data-title]]:text-basalt-heatmap-green-4\",\n\terror:\n\t\t\"bg-basalt-danger-tint [&_[data-icon]]:text-basalt-danger [&_[data-title]]:text-basalt-danger\",\n\twarning:\n\t\t\"bg-basalt-warning-tint [&_[data-icon]]:text-basalt-warning [&_[data-title]]:text-basalt-warning\",\n\tinfo: \"bg-basalt-info-tint [&_[data-icon]]:text-basalt-info [&_[data-title]]:text-basalt-info\",\n};\n\nconst VARIANT_ICON: Record<ToastVariant, ReactNode> = {\n\tdefault: null,\n\tsuccess: <Check className=\"size-4\" />,\n\terror: <CircleAlert className=\"size-4\" />,\n\twarning: <TriangleAlert className=\"size-4\" />,\n\tinfo: <Info className=\"size-4\" />,\n};\n\nfunction resolveIcon(variant: ToastVariant, icon: ToastOptions[\"icon\"]) {\n\tif (icon === false) {\n\t\treturn null;\n\t}\n\tif (icon != null) {\n\t\treturn icon;\n\t}\n\treturn VARIANT_ICON[variant] ?? undefined;\n}\n\n/**\n * Dispatches a toast notification with the given message and options.\n * @param message Main notification content or React node.\n * @param options Notification customization options including optional variant.\n * @returns The unique toast identifier (string or number).\n */\nfunction show(message: ReactNode, options: ToastCallOptions = {}) {\n\tconst { variant = \"default\", icon, close = true, ...rest } = options;\n\tconst payload = {\n\t\t...rest,\n\t\tcloseButton: close,\n\t\tclassName: VARIANT_CLASS[variant],\n\t\ticon: resolveIcon(variant, icon),\n\t};\n\tif (variant === \"success\") {\n\t\treturn sonnerToast.success(message, payload);\n\t}\n\tif (variant === \"error\") {\n\t\treturn sonnerToast.error(message, payload);\n\t}\n\tif (variant === \"warning\") {\n\t\treturn sonnerToast.warning(message, payload);\n\t}\n\tif (variant === \"info\") {\n\t\treturn sonnerToast.info(message, payload);\n\t}\n\treturn sonnerToast(message, payload);\n}\n\n/**\n * Imperative notification dispatcher. Directly callable as `toast(message, options)` to display a default notification, with helper methods for status variants (`success`, `error`, `warning`, `info`) and dismissal (`dismiss`).\n */\nexport const toast = Object.assign(show, {\n\t/**\n\t * Dispatches a success status toast notification.\n\t * @param message Main notification content or React node.\n\t * @param options Notification customization options.\n\t * @returns The unique toast identifier (string or number).\n\t */\n\tsuccess: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"success\" }),\n\t/**\n\t * Dispatches an error status toast notification.\n\t * @param message Main notification content or React node.\n\t * @param options Notification customization options.\n\t * @returns The unique toast identifier (string or number).\n\t */\n\terror: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"error\" }),\n\t/**\n\t * Dispatches a warning status toast notification.\n\t * @param message Main notification content or React node.\n\t * @param options Notification customization options.\n\t * @returns The unique toast identifier (string or number).\n\t */\n\twarning: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"warning\" }),\n\t/**\n\t * Dispatches an info status toast notification.\n\t * @param message Main notification content or React node.\n\t * @param options Notification customization options.\n\t * @returns The unique toast identifier (string or number).\n\t */\n\tinfo: (message: ReactNode, options?: ToastOptions) =>\n\t\tshow(message, { ...options, variant: \"info\" }),\n\t/**\n\t * Dismisses an active toast by its identifier, or dismisses all toasts when called without arguments. Note: Calling without arguments returns `undefined` at runtime; calling with `id` returns the dismissed `id`.\n\t * @param id Optional identifier of the toast to dismiss. When omitted, all toasts are dismissed.\n\t * @returns The dismissed toast identifier if provided, or undefined if dismissed without arguments.\n\t */\n\tdismiss: sonnerToast.dismiss,\n});\n\ntype SonnerComponentProps = ComponentProps<typeof Sonner>;\n\nexport type ToasterToastOptions = NonNullable<SonnerComponentProps[\"toastOptions\"]>;\nexport type ToasterIcons = NonNullable<SonnerComponentProps[\"icons\"]>;\nexport type ToasterSwipeDirection = NonNullable<SonnerComponentProps[\"swipeDirections\"]>[number];\n\nexport interface ToasterProps\n\textends Omit<\n\t\tSonnerComponentProps,\n\t\t| \"id\"\n\t\t| \"invert\"\n\t\t| \"theme\"\n\t\t| \"position\"\n\t\t| \"hotkey\"\n\t\t| \"richColors\"\n\t\t| \"expand\"\n\t\t| \"duration\"\n\t\t| \"gap\"\n\t\t| \"visibleToasts\"\n\t\t| \"closeButton\"\n\t\t| \"toastOptions\"\n\t\t| \"className\"\n\t\t| \"style\"\n\t\t| \"offset\"\n\t\t| \"mobileOffset\"\n\t\t| \"dir\"\n\t\t| \"swipeDirections\"\n\t\t| \"icons\"\n\t\t| \"containerAriaLabel\"\n\t\t| \"customAriaLabel\"\n\t> {\n\t/**\n\t * Unique identifier for this toaster instance. When set, only toasts dispatched with a matching toasterId will display here. Basalt standard toast options do not expose toasterId, so global un-identified mounting is recommended.\n\t */\n\tid?: SonnerComponentProps[\"id\"];\n\t/**\n\t * Invert toast foreground and background colors.\n\t * @default false\n\t */\n\tinvert?: SonnerComponentProps[\"invert\"];\n\t/**\n\t * Color scheme theme override for toast notifications.\n\t * @default \"light\"\n\t */\n\ttheme?: SonnerComponentProps[\"theme\"];\n\t/**\n\t * Screen positioning for the toast viewport stack.\n\t * @default \"bottom-right\"\n\t */\n\tposition?: SonnerComponentProps[\"position\"];\n\t/**\n\t * Keyboard hotkey combination to expand and focus the toast viewport.\n\t * @default [\"altKey\", \"KeyT\"]\n\t */\n\thotkey?: SonnerComponentProps[\"hotkey\"];\n\t/**\n\t * Whether rich semantic colors should be applied to default notification styles.\n\t * @default false\n\t */\n\trichColors?: SonnerComponentProps[\"richColors\"];\n\t/**\n\t * Whether toasts should be expanded by default rather than collapsed into a stacked pile.\n\t * @default false\n\t */\n\texpand?: SonnerComponentProps[\"expand\"];\n\t/**\n\t * Default visibility duration in milliseconds before auto-dismissal. Resolved as `toast.duration || (Toaster.toastOptions.duration ?? Toaster.duration) || 4000`. Passing Infinity prevents auto-closing. When `toastOptions.duration === 0`, it is treated as falsy and bypasses `Toaster.duration`, falling back to 4000.\n\t * @default 4000\n\t */\n\tduration?: SonnerComponentProps[\"duration\"];\n\t/**\n\t * Pixel gap between stacked toasts.\n\t * @default 14\n\t */\n\tgap?: SonnerComponentProps[\"gap\"];\n\t/**\n\t * Maximum number of toasts visible simultaneously in the stack.\n\t * @default 3\n\t */\n\tvisibleToasts?: SonnerComponentProps[\"visibleToasts\"];\n\t/**\n\t * Whether a close button is displayed on each toast notification. Basalt enables this by default (`closeButton = true`), and Basalt single-toast calls also default to `close: true`, overriding `Toaster.closeButton = false`. To hide the close button on an individual toast, pass `close: false` in the dispatch options.\n\t * @default true\n\t */\n\tcloseButton?: SonnerComponentProps[\"closeButton\"];\n\t/**\n\t * Default options and custom class names applied to all rendered toasts. Passing a custom `toastOptions` object will override Basalt default styling rather than deep-merging.\n\t */\n\ttoastOptions?: ToasterToastOptions;\n\t/**\n\t * Additional CSS class name applied to each rendered ordered list (`ol`) toast viewport.\n\t */\n\tclassName?: SonnerComponentProps[\"className\"];\n\t/**\n\t * Inline style properties applied to each rendered ordered list (`ol`) toast viewport.\n\t */\n\tstyle?: SonnerComponentProps[\"style\"];\n\t/**\n\t * Viewport offset margin from screen edges on desktop screens.\n\t * @default \"24px\"\n\t */\n\toffset?: SonnerComponentProps[\"offset\"];\n\t/**\n\t * Viewport offset margin from screen edges on mobile devices.\n\t * @default \"16px\"\n\t */\n\tmobileOffset?: SonnerComponentProps[\"mobileOffset\"];\n\t/**\n\t * Layout direction of the notification viewport ('ltr', 'rtl', or document direction when unspecified).\n\t * @default document direction\n\t */\n\tdir?: SonnerComponentProps[\"dir\"];\n\t/**\n\t * Allowed swipe directions to dismiss toasts. Defaults based on position orientation (e.g. ['bottom', 'right'] for bottom-right).\n\t */\n\tswipeDirections?: ToasterSwipeDirection[];\n\t/**\n\t * Custom icon overrides for toast status variants. Basalt preconfigures Lucide icons; passing an `icons` object replaces defaults rather than deep-merging. Basalt status variant dispatches (`toast.success`, `error`, `warning`, `info`) supply default status icons directly, which take precedence over `Toaster.icons`; custom individual toast icons should be passed via `options.icon`.\n\t */\n\ticons?: ToasterIcons;\n\t/**\n\t * Accessible label for the notification region container.\n\t * @default \"Notifications\"\n\t */\n\tcontainerAriaLabel?: SonnerComponentProps[\"containerAriaLabel\"];\n\t/**\n\t * Custom accessible label overriding both containerAriaLabel and hotkey text on the section wrapper.\n\t */\n\tcustomAriaLabel?: SonnerComponentProps[\"customAriaLabel\"];\n}\n\nexport function Toaster({ closeButton = true, ...props }: ToasterProps) {\n\treturn (\n\t\t<Sonner\n\t\t\tcloseButton={closeButton}\n\t\t\ticons={{\n\t\t\t\tsuccess: <Check className=\"size-4\" />,\n\t\t\t\terror: <CircleAlert className=\"size-4\" />,\n\t\t\t\twarning: <TriangleAlert className=\"size-4\" />,\n\t\t\t\tinfo: <Info className=\"size-4\" />,\n\t\t\t\tclose: <X className=\"size-3.5\" />,\n\t\t\t}}\n\t\t\ttoastOptions={{\n\t\t\t\tclassNames: {\n\t\t\t\t\ttoast: \"border border-basalt-border text-basalt-foreground shadow-lg\",\n\t\t\t\t\ttitle: \"text-sm font-medium\",\n\t\t\t\t\tdescription: \"text-sm text-basalt-muted-foreground\",\n\t\t\t\t\tcloseButton:\n\t\t\t\t\t\t\"border-basalt-border bg-basalt-popover text-basalt-muted-foreground hover:text-basalt-foreground\",\n\t\t\t\t\ticon: \"size-4\",\n\t\t\t\t\tsuccess: VARIANT_CLASS.success,\n\t\t\t\t\terror: VARIANT_CLASS.error,\n\t\t\t\t\twarning: VARIANT_CLASS.warning,\n\t\t\t\t\tinfo: VARIANT_CLASS.info,\n\t\t\t\t},\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport const Toast = Toaster;\n"],"mappings":";;;;;AAiDA,IAAM,IAA8C;CACnD,SAAS;CACT,SACC;CACD,OACC;CACD,SACC;CACD,MAAM;AACP,GAEM,IAAgD;CACrD,SAAS;CACT,SAAS,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;CACpC,OAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA;CACxC,SAAS,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;CAC5C,MAAM,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;AACjC;AAEA,SAAS,EAAY,GAAuB,GAA4B;CAOvE,OANI,MAAS,KACL,OAEJ,KAGG,EAAa,MAAY,KAAA;AACjC;AAQA,SAAS,EAAK,GAAoB,IAA4B,CAAC,GAAG;CACjE,IAAM,EAAE,aAAU,WAAW,SAAM,WAAQ,IAAM,GAAG,MAAS,GACvD,IAAU;EACf,GAAG;EACH,aAAa;EACb,WAAW,EAAc;EACzB,MAAM,EAAY,GAAS,CAAI;CAChC;CAaA,OAZI,MAAY,YACR,EAAY,QAAQ,GAAS,CAAO,IAExC,MAAY,UACR,EAAY,MAAM,GAAS,CAAO,IAEtC,MAAY,YACR,EAAY,QAAQ,GAAS,CAAO,IAExC,MAAY,SACR,EAAY,KAAK,GAAS,CAAO,IAElC,EAAY,GAAS,CAAO;AACpC;AAKA,IAAa,IAAQ,OAAO,OAAO,GAAM;CAOxC,UAAU,GAAoB,MAC7B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAU,CAAC;CAOjD,QAAQ,GAAoB,MAC3B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAQ,CAAC;CAO/C,UAAU,GAAoB,MAC7B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAU,CAAC;CAOjD,OAAO,GAAoB,MAC1B,EAAK,GAAS;EAAE,GAAG;EAAS,SAAS;CAAO,CAAC;CAM9C,SAAS,EAAY;AACtB,CAAC;AAqID,SAAgB,EAAQ,EAAE,iBAAc,IAAM,GAAG,KAAuB;CACvE,OACC,kBAAC,GAAD;EACc;EACb,OAAO;GACN,SAAS,kBAAC,GAAD,EAAO,WAAU,SAAU,CAAA;GACpC,OAAO,kBAAC,GAAD,EAAa,WAAU,SAAU,CAAA;GACxC,SAAS,kBAAC,GAAD,EAAe,WAAU,SAAU,CAAA;GAC5C,MAAM,kBAAC,GAAD,EAAM,WAAU,SAAU,CAAA;GAChC,OAAO,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;EACjC;EACA,cAAc,EACb,YAAY;GACX,OAAO;GACP,OAAO;GACP,aAAa;GACb,aACC;GACD,MAAM;GACN,SAAS,EAAc;GACvB,OAAO,EAAc;GACrB,SAAS,EAAc;GACvB,MAAM,EAAc;EACrB,EACD;EACA,GAAI;CACJ,CAAA;AAEH;AAEA,IAAa,IAAQ"}

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

@@ -1,4 +1,90 @@
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as React from "react";
-export declare const ToggleGroup: React.ForwardRefExoticComponent<(Omit<ToggleGroupPrimitive.ToggleGroupMultipleProps & React.RefAttributes<HTMLDivElement>, "ref"> | Omit<ToggleGroupPrimitive.ToggleGroupSingleProps & React.RefAttributes<HTMLDivElement>, "ref">) & React.RefAttributes<HTMLDivElement>>;
-export declare const ToggleGroupItem: React.ForwardRefExoticComponent<Omit<ToggleGroupPrimitive.ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+type RadixToggleGroupSingleProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
+    type: "single";
+};
+type RadixToggleGroupMultipleProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root> & {
+    type: "multiple";
+};
+type RadixToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;
+export interface ToggleGroupSingleProps extends Omit<RadixToggleGroupSingleProps, "type" | "value" | "defaultValue" | "onValueChange" | "disabled" | "rovingFocus" | "orientation"> {
+    /**
+     * Single-selection mode.
+     */
+    type: "single";
+    /**
+     * Controlled string value in single mode. Root forwards ref to HTMLDivElement.
+     */
+    value?: RadixToggleGroupSingleProps["value"];
+    /**
+     * Default string value in single mode when initially rendered.
+     * @default ""
+     */
+    defaultValue?: RadixToggleGroupSingleProps["defaultValue"];
+    /**
+     * Callback invoked when single selected value changes.
+     */
+    onValueChange?: RadixToggleGroupSingleProps["onValueChange"];
+    /**
+     * Whether all toggle group items are disabled.
+     * @default false
+     */
+    disabled?: RadixToggleGroupSingleProps["disabled"];
+    /**
+     * Whether keyboard navigation uses roving tabindex.
+     * @default true
+     */
+    rovingFocus?: RadixToggleGroupSingleProps["rovingFocus"];
+    /**
+     * Constrains keyboard navigation axis; does not alter horizontal CSS layout.
+     */
+    orientation?: RadixToggleGroupSingleProps["orientation"];
+}
+export interface ToggleGroupMultipleProps extends Omit<RadixToggleGroupMultipleProps, "type" | "value" | "defaultValue" | "onValueChange" | "disabled" | "rovingFocus" | "orientation"> {
+    /**
+     * Multiple-selection mode.
+     */
+    type: "multiple";
+    /**
+     * Controlled array in multiple mode. Root forwards ref to HTMLDivElement.
+     */
+    value?: RadixToggleGroupMultipleProps["value"];
+    /**
+     * Default string array in multiple mode when initially rendered.
+     * @default []
+     */
+    defaultValue?: RadixToggleGroupMultipleProps["defaultValue"];
+    /**
+     * Callback invoked when multiple selected values change.
+     */
+    onValueChange?: RadixToggleGroupMultipleProps["onValueChange"];
+    /**
+     * Whether all toggle group items are disabled.
+     * @default false
+     */
+    disabled?: RadixToggleGroupMultipleProps["disabled"];
+    /**
+     * Whether keyboard navigation uses roving tabindex.
+     * @default true
+     */
+    rovingFocus?: RadixToggleGroupMultipleProps["rovingFocus"];
+    /**
+     * Constrains keyboard navigation axis; does not alter horizontal CSS layout.
+     */
+    orientation?: RadixToggleGroupMultipleProps["orientation"];
+}
+export type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;
+export declare const ToggleGroup: React.ForwardRefExoticComponent<ToggleGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface ToggleGroupItemProps extends Omit<RadixToggleGroupItemProps, "value" | "disabled"> {
+    /**
+     * Unique item value within the group. Forwards ref to HTMLButtonElement.
+     */
+    value: RadixToggleGroupItemProps["value"];
+    /**
+     * Whether this toggle item is disabled.
+     * @default false
+     */
+    disabled?: RadixToggleGroupItemProps["disabled"];
+}
+export declare const ToggleGroupItem: React.ForwardRefExoticComponent<ToggleGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/toggle-group.js

@@ -1,48 +1,49 @@
 "use client";
 import { cn as e } from "../utils/cn.js";
-import { FOCUS_RING as t } from "./overlay.js";
-import { useSelectionIndicator as n } from "../utils/selection-indicator.js";
-import * as r from "react";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-toggle-group";
+import { BASALT_UI_CLASS as t } from "../utils/control-surface.js";
+import { FOCUS_RING as n } from "./overlay.js";
+import { useSelectionIndicator as r } from "../utils/selection-indicator.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import * as s from "@radix-ui/react-toggle-group";
 //#region src/components/toggle-group.tsx
-var s = r.createContext("single"), c = r.forwardRef(({ className: t, children: r, ...c }, l) => {
-	let u = c.type === "single", { ref: d, state: f, motionClassName: p } = n({
+var c = i.createContext("single"), l = i.forwardRef(({ className: n, children: i, ...l }, u) => {
+	let d = l.type === "single", { ref: f, state: p, motionClassName: m } = r({
 		itemSelector: "[data-state=\"on\"]",
-		enabled: u,
-		ref: l
+		enabled: d,
+		ref: u
 	});
-	return /* @__PURE__ */ i(s.Provider, {
-		value: c.type,
-		children: /* @__PURE__ */ a(o.Root, {
-			ref: d,
-			className: e("relative inline-flex h-8 shrink-0 items-center gap-0.5 rounded-full bg-basalt-muted p-0.5 ring-1 ring-basalt-border/70", t),
-			...c,
-			children: [u ? /* @__PURE__ */ i("span", {
+	return /* @__PURE__ */ a(c.Provider, {
+		value: l.type,
+		children: /* @__PURE__ */ o(s.Root, {
+			ref: f,
+			className: e(t, "relative inline-flex h-8 shrink-0 items-center gap-0.5 rounded-full bg-basalt-muted p-0.5 ring-1 ring-basalt-border/70", n),
+			...l,
+			children: [d ? /* @__PURE__ */ a("span", {
 				"aria-hidden": "true",
 				"data-slot": "selection-indicator",
-				className: e("pointer-events-none absolute rounded-full bg-basalt-primary shadow-sm", p),
+				className: e("pointer-events-none absolute rounded-full bg-basalt-primary shadow-sm", m),
 				style: {
-					left: f.left,
-					width: f.visible ? f.width : 0,
-					top: f.top,
-					height: f.visible ? f.height : 0
+					left: p.left,
+					width: p.visible ? p.width : 0,
+					top: p.top,
+					height: p.visible ? p.height : 0
 				}
-			}) : null, r]
+			}) : null, i]
 		})
 	});
 });
-c.displayName = o.Root.displayName;
-var l = r.forwardRef(({ className: n, ...a }, c) => {
-	let l = r.useContext(s);
-	return /* @__PURE__ */ i(o.Item, {
-		ref: c,
-		className: e("relative inline-flex h-7 items-center rounded-full px-2.5 text-[11px] font-semibold tracking-wide text-basalt-muted-foreground transition-colors", "hover:text-basalt-foreground", t, "data-[state=on]:text-basalt-primary-foreground", l === "multiple" && "data-[state=on]:bg-basalt-primary data-[state=on]:shadow-sm", "disabled:pointer-events-none disabled:opacity-50", n),
-		...a
+l.displayName = s.Root.displayName;
+var u = i.forwardRef(({ className: t, ...r }, o) => {
+	let l = i.useContext(c);
+	return /* @__PURE__ */ a(s.Item, {
+		ref: o,
+		className: e("relative inline-flex h-7 items-center rounded-full px-2.5 text-[11px] font-semibold tracking-wide text-basalt-muted-foreground transition-colors", "hover:text-basalt-foreground", n, "data-[state=on]:text-basalt-primary-foreground", l === "multiple" && "data-[state=on]:bg-basalt-primary data-[state=on]:shadow-sm", "disabled:pointer-events-none disabled:opacity-50", t),
+		...r
 	});
 });
-l.displayName = o.Item.displayName;
+u.displayName = s.Item.displayName;
 //#endregion
-export { c as ToggleGroup, l as ToggleGroupItem };
+export { l as ToggleGroup, u as ToggleGroupItem };
 
 //# sourceMappingURL=toggle-group.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toggle-group.js","names":[],"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { useSelectionIndicator } from \"../utils/selection-indicator\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst ToggleGroupMode = React.createContext<\"single\" | \"multiple\">(\"single\");\n\nexport const ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Root>\n>(({ className, children, ...props }, ref) => {\n\tconst sliding = props.type === \"single\";\n\tconst {\n\t\tref: rootRef,\n\t\tstate,\n\t\tmotionClassName,\n\t} = useSelectionIndicator({\n\t\titemSelector: '[data-state=\"on\"]',\n\t\tenabled: sliding,\n\t\tref,\n\t});\n\n\treturn (\n\t\t<ToggleGroupMode.Provider value={props.type}>\n\t\t\t<ToggleGroupPrimitive.Root\n\t\t\t\tref={rootRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"relative inline-flex h-8 shrink-0 items-center gap-0.5 rounded-full bg-basalt-muted p-0.5 ring-1 ring-basalt-border/70\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{sliding ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-slot=\"selection-indicator\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"pointer-events-none absolute rounded-full bg-basalt-primary shadow-sm\",\n\t\t\t\t\t\t\tmotionClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: state.left,\n\t\t\t\t\t\t\twidth: state.visible ? state.width : 0,\n\t\t\t\t\t\t\ttop: state.top,\n\t\t\t\t\t\t\theight: state.visible ? state.height : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{children}\n\t\t\t</ToggleGroupPrimitive.Root>\n\t\t</ToggleGroupMode.Provider>\n\t);\n});\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nexport const ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tReact.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>\n>(({ className, ...props }, ref) => {\n\tconst mode = React.useContext(ToggleGroupMode);\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative inline-flex h-7 items-center rounded-full px-2.5 text-[11px] font-semibold tracking-wide text-basalt-muted-foreground transition-colors\",\n\t\t\t\t\"hover:text-basalt-foreground\",\n\t\t\t\tFOCUS_RING,\n\t\t\t\t\"data-[state=on]:text-basalt-primary-foreground\",\n\t\t\t\tmode === \"multiple\" && \"data-[state=on]:bg-basalt-primary data-[state=on]:shadow-sm\",\n\t\t\t\t\"disabled:pointer-events-none disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAkB,EAAM,cAAqC,QAAQ,GAE9D,IAAc,EAAM,YAG9B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC7C,IAAM,IAAU,EAAM,SAAS,UACzB,EACL,KAAK,GACL,UACA,uBACG,EAAsB;EACzB,cAAc;EACd,SAAS;EACT;CACD,CAAC;CAED,OACC,kBAAC,EAAgB,UAAjB;EAA0B,OAAO,EAAM;EACtC,UAAA,kBAAC,EAAqB,MAAtB;GACC,KAAK;GACL,WAAW,EACV,0HACA,CACD;GACA,GAAI;GANL,UAAA,CAQE,IACA,kBAAC,QAAD;IACC,eAAY;IACZ,aAAU;IACV,WAAW,EACV,yEACA,CACD;IACA,OAAO;KACN,MAAM,EAAM;KACZ,OAAO,EAAM,UAAU,EAAM,QAAQ;KACrC,KAAK,EAAM;KACX,QAAQ,EAAM,UAAU,EAAM,SAAS;IACxC;GACA,CAAA,IACE,MACH,CACyB;;CACF,CAAA;AAE5B,CAAC;AACD,EAAY,cAAc,EAAqB,KAAK;AAEpD,IAAa,IAAkB,EAAM,YAGlC,EAAE,cAAW,GAAG,KAAS,MAAQ;CACnC,IAAM,IAAO,EAAM,WAAW,CAAe;CAC7C,OACC,kBAAC,EAAqB,MAAtB;EACM;EACL,WAAW,EACV,oJACA,gCACA,GACA,kDACA,MAAS,cAAc,+DACvB,oDACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAgB,cAAc,EAAqB,KAAK"}
+{"version":3,"file":"toggle-group.js","names":[],"sources":["../../src/components/toggle-group.tsx"],"sourcesContent":["import * as ToggleGroupPrimitive from \"@radix-ui/react-toggle-group\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\nimport { useSelectionIndicator } from \"../utils/selection-indicator\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst ToggleGroupMode = React.createContext<\"single\" | \"multiple\">(\"single\");\n\ntype RadixToggleGroupSingleProps = React.ComponentPropsWithoutRef<\n\ttypeof ToggleGroupPrimitive.Root\n> & { type: \"single\" };\ntype RadixToggleGroupMultipleProps = React.ComponentPropsWithoutRef<\n\ttypeof ToggleGroupPrimitive.Root\n> & { type: \"multiple\" };\ntype RadixToggleGroupItemProps = React.ComponentPropsWithoutRef<typeof ToggleGroupPrimitive.Item>;\n\nexport interface ToggleGroupSingleProps\n\textends Omit<\n\t\tRadixToggleGroupSingleProps,\n\t\t\"type\" | \"value\" | \"defaultValue\" | \"onValueChange\" | \"disabled\" | \"rovingFocus\" | \"orientation\"\n\t> {\n\t/**\n\t * Single-selection mode.\n\t */\n\ttype: \"single\";\n\t/**\n\t * Controlled string value in single mode. Root forwards ref to HTMLDivElement.\n\t */\n\tvalue?: RadixToggleGroupSingleProps[\"value\"];\n\t/**\n\t * Default string value in single mode when initially rendered.\n\t * @default \"\"\n\t */\n\tdefaultValue?: RadixToggleGroupSingleProps[\"defaultValue\"];\n\t/**\n\t * Callback invoked when single selected value changes.\n\t */\n\tonValueChange?: RadixToggleGroupSingleProps[\"onValueChange\"];\n\t/**\n\t * Whether all toggle group items are disabled.\n\t * @default false\n\t */\n\tdisabled?: RadixToggleGroupSingleProps[\"disabled\"];\n\t/**\n\t * Whether keyboard navigation uses roving tabindex.\n\t * @default true\n\t */\n\trovingFocus?: RadixToggleGroupSingleProps[\"rovingFocus\"];\n\t/**\n\t * Constrains keyboard navigation axis; does not alter horizontal CSS layout.\n\t */\n\torientation?: RadixToggleGroupSingleProps[\"orientation\"];\n}\n\nexport interface ToggleGroupMultipleProps\n\textends Omit<\n\t\tRadixToggleGroupMultipleProps,\n\t\t\"type\" | \"value\" | \"defaultValue\" | \"onValueChange\" | \"disabled\" | \"rovingFocus\" | \"orientation\"\n\t> {\n\t/**\n\t * Multiple-selection mode.\n\t */\n\ttype: \"multiple\";\n\t/**\n\t * Controlled array in multiple mode. Root forwards ref to HTMLDivElement.\n\t */\n\tvalue?: RadixToggleGroupMultipleProps[\"value\"];\n\t/**\n\t * Default string array in multiple mode when initially rendered.\n\t * @default []\n\t */\n\tdefaultValue?: RadixToggleGroupMultipleProps[\"defaultValue\"];\n\t/**\n\t * Callback invoked when multiple selected values change.\n\t */\n\tonValueChange?: RadixToggleGroupMultipleProps[\"onValueChange\"];\n\t/**\n\t * Whether all toggle group items are disabled.\n\t * @default false\n\t */\n\tdisabled?: RadixToggleGroupMultipleProps[\"disabled\"];\n\t/**\n\t * Whether keyboard navigation uses roving tabindex.\n\t * @default true\n\t */\n\trovingFocus?: RadixToggleGroupMultipleProps[\"rovingFocus\"];\n\t/**\n\t * Constrains keyboard navigation axis; does not alter horizontal CSS layout.\n\t */\n\torientation?: RadixToggleGroupMultipleProps[\"orientation\"];\n}\n\nexport type ToggleGroupProps = ToggleGroupSingleProps | ToggleGroupMultipleProps;\n\nexport const ToggleGroup = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Root>,\n\tToggleGroupProps\n>(({ className, children, ...props }, ref) => {\n\tconst sliding = props.type === \"single\";\n\tconst {\n\t\tref: rootRef,\n\t\tstate,\n\t\tmotionClassName,\n\t} = useSelectionIndicator({\n\t\titemSelector: '[data-state=\"on\"]',\n\t\tenabled: sliding,\n\t\tref,\n\t});\n\n\treturn (\n\t\t<ToggleGroupMode.Provider value={props.type}>\n\t\t\t<ToggleGroupPrimitive.Root\n\t\t\t\tref={rootRef}\n\t\t\t\tclassName={cn(\n\t\t\t\t\tBASALT_UI_CLASS,\n\t\t\t\t\t\"relative inline-flex h-8 shrink-0 items-center gap-0.5 rounded-full bg-basalt-muted p-0.5 ring-1 ring-basalt-border/70\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{sliding ? (\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tdata-slot=\"selection-indicator\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"pointer-events-none absolute rounded-full bg-basalt-primary shadow-sm\",\n\t\t\t\t\t\t\tmotionClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tleft: state.left,\n\t\t\t\t\t\t\twidth: state.visible ? state.width : 0,\n\t\t\t\t\t\t\ttop: state.top,\n\t\t\t\t\t\t\theight: state.visible ? state.height : 0,\n\t\t\t\t\t\t}}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t\t{children}\n\t\t\t</ToggleGroupPrimitive.Root>\n\t\t</ToggleGroupMode.Provider>\n\t);\n});\nToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;\n\nexport interface ToggleGroupItemProps\n\textends Omit<RadixToggleGroupItemProps, \"value\" | \"disabled\"> {\n\t/**\n\t * Unique item value within the group. Forwards ref to HTMLButtonElement.\n\t */\n\tvalue: RadixToggleGroupItemProps[\"value\"];\n\t/**\n\t * Whether this toggle item is disabled.\n\t * @default false\n\t */\n\tdisabled?: RadixToggleGroupItemProps[\"disabled\"];\n}\n\nexport const ToggleGroupItem = React.forwardRef<\n\tReact.ElementRef<typeof ToggleGroupPrimitive.Item>,\n\tToggleGroupItemProps\n>(({ className, ...props }, ref) => {\n\tconst mode = React.useContext(ToggleGroupMode);\n\treturn (\n\t\t<ToggleGroupPrimitive.Item\n\t\t\tref={ref}\n\t\t\tclassName={cn(\n\t\t\t\t\"relative inline-flex h-7 items-center rounded-full px-2.5 text-[11px] font-semibold tracking-wide text-basalt-muted-foreground transition-colors\",\n\t\t\t\t\"hover:text-basalt-foreground\",\n\t\t\t\tFOCUS_RING,\n\t\t\t\t\"data-[state=on]:text-basalt-primary-foreground\",\n\t\t\t\tmode === \"multiple\" && \"data-[state=on]:bg-basalt-primary data-[state=on]:shadow-sm\",\n\t\t\t\t\"disabled:pointer-events-none disabled:opacity-50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n});\nToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;\n"],"mappings":";;;;;;;;;AAOA,IAAM,IAAkB,EAAM,cAAqC,QAAQ,GAwF9D,IAAc,EAAM,YAG9B,EAAE,cAAW,aAAU,GAAG,KAAS,MAAQ;CAC7C,IAAM,IAAU,EAAM,SAAS,UACzB,EACL,KAAK,GACL,UACA,uBACG,EAAsB;EACzB,cAAc;EACd,SAAS;EACT;CACD,CAAC;CAED,OACC,kBAAC,EAAgB,UAAjB;EAA0B,OAAO,EAAM;EACtC,UAAA,kBAAC,EAAqB,MAAtB;GACC,KAAK;GACL,WAAW,EACV,GACA,0HACA,CACD;GACA,GAAI;GAPL,UAAA,CASE,IACA,kBAAC,QAAD;IACC,eAAY;IACZ,aAAU;IACV,WAAW,EACV,yEACA,CACD;IACA,OAAO;KACN,MAAM,EAAM;KACZ,OAAO,EAAM,UAAU,EAAM,QAAQ;KACrC,KAAK,EAAM;KACX,QAAQ,EAAM,UAAU,EAAM,SAAS;IACxC;GACA,CAAA,IACE,MACH,CACyB;;CACF,CAAA;AAE5B,CAAC;AACD,EAAY,cAAc,EAAqB,KAAK;AAepD,IAAa,IAAkB,EAAM,YAGlC,EAAE,cAAW,GAAG,KAAS,MAAQ;CACnC,IAAM,IAAO,EAAM,WAAW,CAAe;CAC7C,OACC,kBAAC,EAAqB,MAAtB;EACM;EACL,WAAW,EACV,oJACA,gCACA,GACA,kDACA,MAAS,cAAc,+DACvB,oDACA,CACD;EACA,GAAI;CACJ,CAAA;AAEH,CAAC;AACD,EAAgB,cAAc,EAAqB,KAAK"}

package/dist/components/toggle.d.ts

@@ -1,7 +1,40 @@
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-export declare const Toggle: React.ForwardRefExoticComponent<Omit<TogglePrimitive.ToggleProps & React.RefAttributes<HTMLButtonElement>, "ref"> & VariantProps<(props?: ({
+declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
     size?: "default" | "lg" | "sm" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string> & React.RefAttributes<HTMLButtonElement>>;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type RadixToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>;
+export interface ToggleProps extends Omit<RadixToggleProps, "pressed" | "defaultPressed" | "onPressedChange" | "disabled">, Omit<VariantProps<typeof toggleVariants>, "variant" | "size"> {
+    /**
+     * Visual style variant.
+     * @default "default"
+     */
+    variant?: VariantProps<typeof toggleVariants>["variant"];
+    /**
+     * Sizing preset.
+     * @default "default"
+     */
+    size?: VariantProps<typeof toggleVariants>["size"];
+    /**
+     * Controlled pressed state of the toggle. Forwards ref to HTMLButtonElement.
+     */
+    pressed?: RadixToggleProps["pressed"];
+    /**
+     * Uncontrolled pressed state when initially rendered.
+     * @default false
+     */
+    defaultPressed?: RadixToggleProps["defaultPressed"];
+    /**
+     * Callback invoked when pressed state changes.
+     */
+    onPressedChange?: RadixToggleProps["onPressedChange"];
+    /**
+     * Whether the toggle is disabled from user interaction.
+     * @default false
+     */
+    disabled?: RadixToggleProps["disabled"];
+}
+export declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
+export {};

package/dist/components/toggle.js

@@ -1,12 +1,13 @@
 "use client";
 import { cn as e } from "../utils/cn.js";
-import { FOCUS_RING as t } from "./overlay.js";
-import * as n from "react";
-import { cva as r } from "class-variance-authority";
-import { jsx as i } from "react/jsx-runtime";
-import * as a from "@radix-ui/react-toggle";
+import { BASALT_UI_CLASS as t } from "../utils/control-surface.js";
+import { FOCUS_RING as n } from "./overlay.js";
+import * as r from "react";
+import { cva as i } from "class-variance-authority";
+import { jsx as a } from "react/jsx-runtime";
+import * as o from "@radix-ui/react-toggle";
 //#region src/components/toggle.tsx
-var o = r(`inline-flex items-center justify-center rounded-basalt-md text-sm font-medium transition-colors hover:bg-basalt-accent data-[state=on]:bg-basalt-accent ${t}`, {
+var s = i(`${t} inline-flex items-center justify-center rounded-basalt-md text-sm font-medium transition-colors hover:bg-basalt-accent data-[state=on]:bg-basalt-accent ${n}`, {
 	variants: {
 		variant: {
 			default: "bg-basalt-muted text-basalt-foreground",
@@ -22,16 +23,16 @@ var o = r(`inline-flex items-center justify-center rounded-basalt-md text-sm fon
 		variant: "default",
 		size: "default"
 	}
-}), s = n.forwardRef(({ className: t, variant: n, size: r, ...s }, c) => /* @__PURE__ */ i(a.Root, {
+}), c = r.forwardRef(({ className: t, variant: n, size: r, ...i }, c) => /* @__PURE__ */ a(o.Root, {
 	ref: c,
-	className: e(o({
+	className: e(s({
 		variant: n,
 		size: r
 	}), t),
-	...s
+	...i
 }));
-s.displayName = a.Root.displayName;
+c.displayName = o.Root.displayName;
 //#endregion
-export { s as Toggle };
+export { c as Toggle };
 
 //# sourceMappingURL=toggle.js.map

package/dist/components/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","names":[],"sources":["../../src/components/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst toggleVariants = cva(\n\t`inline-flex items-center justify-center rounded-basalt-md text-sm font-medium transition-colors hover:bg-basalt-accent data-[state=on]:bg-basalt-accent ${FOCUS_RING}`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-basalt-muted text-basalt-foreground\",\n\t\t\t\toutline: \"border border-basalt-border bg-basalt-secondary\",\n\t\t\t},\n\t\t\tsize: { default: \"h-9 px-3\", sm: \"h-8 px-2 text-xs\", lg: \"h-10 px-4\" },\n\t\t},\n\t\tdefaultVariants: { variant: \"default\", size: \"default\" },\n\t},\n);\n\nexport const Toggle = React.forwardRef<\n\tReact.ElementRef<typeof TogglePrimitive.Root>,\n\tReact.ComponentPropsWithoutRef<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>\n>(({ className, variant, size, ...props }, ref) => (\n\t<TogglePrimitive.Root\n\t\tref={ref}\n\t\tclassName={cn(toggleVariants({ variant, size }), className)}\n\t\t{...props}\n\t/>\n));\nToggle.displayName = TogglePrimitive.Root.displayName;\n"],"mappings":";;;;;;;;AAMA,IAAM,IAAiB,EACtB,2JAA2J,KAC3J;CACC,UAAU;EACT,SAAS;GACR,SAAS;GACT,SAAS;EACV;EACA,MAAM;GAAE,SAAS;GAAY,IAAI;GAAoB,IAAI;EAAY;CACtE;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACxD,CACD,GAEa,IAAS,EAAM,YAGzB,EAAE,cAAW,YAAS,SAAM,GAAG,KAAS,MAC1C,kBAAC,EAAgB,MAAjB;CACM;CACL,WAAW,EAAG,EAAe;EAAE;EAAS;CAAK,CAAC,GAAG,CAAS;CAC1D,GAAI;AACJ,CAAA,CACD;AACD,EAAO,cAAc,EAAgB,KAAK"}
+{"version":3,"file":"toggle.js","names":[],"sources":["../../src/components/toggle.tsx"],"sourcesContent":["import * as TogglePrimitive from \"@radix-ui/react-toggle\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { BASALT_UI_CLASS } from \"../utils/control-surface\";\nimport { FOCUS_RING } from \"./overlay\";\n\nconst toggleVariants = cva(\n\t`${BASALT_UI_CLASS} inline-flex items-center justify-center rounded-basalt-md text-sm font-medium transition-colors hover:bg-basalt-accent data-[state=on]:bg-basalt-accent ${FOCUS_RING}`,\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-basalt-muted text-basalt-foreground\",\n\t\t\t\toutline: \"border border-basalt-border bg-basalt-secondary\",\n\t\t\t},\n\t\t\tsize: { default: \"h-9 px-3\", sm: \"h-8 px-2 text-xs\", lg: \"h-10 px-4\" },\n\t\t},\n\t\tdefaultVariants: { variant: \"default\", size: \"default\" },\n\t},\n);\n\ntype RadixToggleProps = React.ComponentPropsWithoutRef<typeof TogglePrimitive.Root>;\n\nexport interface ToggleProps\n\textends Omit<RadixToggleProps, \"pressed\" | \"defaultPressed\" | \"onPressedChange\" | \"disabled\">,\n\t\tOmit<VariantProps<typeof toggleVariants>, \"variant\" | \"size\"> {\n\t/**\n\t * Visual style variant.\n\t * @default \"default\"\n\t */\n\tvariant?: VariantProps<typeof toggleVariants>[\"variant\"];\n\t/**\n\t * Sizing preset.\n\t * @default \"default\"\n\t */\n\tsize?: VariantProps<typeof toggleVariants>[\"size\"];\n\t/**\n\t * Controlled pressed state of the toggle. Forwards ref to HTMLButtonElement.\n\t */\n\tpressed?: RadixToggleProps[\"pressed\"];\n\t/**\n\t * Uncontrolled pressed state when initially rendered.\n\t * @default false\n\t */\n\tdefaultPressed?: RadixToggleProps[\"defaultPressed\"];\n\t/**\n\t * Callback invoked when pressed state changes.\n\t */\n\tonPressedChange?: RadixToggleProps[\"onPressedChange\"];\n\t/**\n\t * Whether the toggle is disabled from user interaction.\n\t * @default false\n\t */\n\tdisabled?: RadixToggleProps[\"disabled\"];\n}\n\nexport const Toggle = React.forwardRef<React.ElementRef<typeof TogglePrimitive.Root>, ToggleProps>(\n\t({ className, variant, size, ...props }, ref) => (\n\t\t<TogglePrimitive.Root\n\t\t\tref={ref}\n\t\t\tclassName={cn(toggleVariants({ variant, size }), className)}\n\t\t\t{...props}\n\t\t/>\n\t),\n);\nToggle.displayName = TogglePrimitive.Root.displayName;\n"],"mappings":";;;;;;;;;AAOA,IAAM,IAAiB,EACtB,GAAG,EAAgB,2JAA2J,KAC9K;CACC,UAAU;EACT,SAAS;GACR,SAAS;GACT,SAAS;EACV;EACA,MAAM;GAAE,SAAS;GAAY,IAAI;GAAoB,IAAI;EAAY;CACtE;CACA,iBAAiB;EAAE,SAAS;EAAW,MAAM;CAAU;AACxD,CACD,GAqCa,IAAS,EAAM,YAC1B,EAAE,cAAW,YAAS,SAAM,GAAG,KAAS,MACxC,kBAAC,EAAgB,MAAjB;CACM;CACL,WAAW,EAAG,EAAe;EAAE;EAAS;CAAK,CAAC,GAAG,CAAS;CAC1D,GAAI;AACJ,CAAA,CAEH;AACA,EAAO,cAAc,EAAgB,KAAK"}

package/dist/components/tooltip.d.ts

@@ -1,13 +1,151 @@
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 import * as React from "react";
-export type TooltipProps = Omit<React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>, "delayDuration"> & {
+type RadixTooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;
+type RadixTooltipProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;
+type RadixTooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;
+type RadixTooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;
+export interface TooltipProviderProps extends Omit<RadixTooltipProviderProps, "children" | "delayDuration" | "skipDelayDuration" | "disableHoverableContent"> {
     /**
-     * Delay before the tooltip opens, in milliseconds.
+     * Application or component tree wrapped by the tooltip provider context.
+     */
+    children: React.ReactNode;
+    /**
+     * Default delay before tooltips open when pointer enters a trigger, in milliseconds.
+     * Can be overridden per tooltip instance via Tooltip.
      * @default 700
      */
-    delayDuration?: number;
-};
-export declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
+    delayDuration?: RadixTooltipProviderProps["delayDuration"];
+    /**
+     * Duration in milliseconds a user has to enter another trigger without incurring the opening delay again.
+     * @default 300
+     */
+    skipDelayDuration?: RadixTooltipProviderProps["skipDelayDuration"];
+    /**
+     * When true, moving pointer into tooltip content closes the tooltip as pointer leaves trigger.
+     * @default false
+     */
+    disableHoverableContent?: RadixTooltipProviderProps["disableHoverableContent"];
+}
+export declare const TooltipProvider: React.FC<TooltipProviderProps>;
+export interface TooltipProps extends Omit<RadixTooltipProps, "children" | "open" | "defaultOpen" | "onOpenChange" | "delayDuration" | "disableHoverableContent"> {
+    /**
+     * Content elements rendered within the tooltip root, typically a TooltipTrigger and TooltipContent.
+     */
+    children?: React.ReactNode;
+    /**
+     * Controlled open state of the tooltip.
+     */
+    open?: RadixTooltipProps["open"];
+    /**
+     * Uncontrolled initial open state of the tooltip.
+     * @default false
+     */
+    defaultOpen?: RadixTooltipProps["defaultOpen"];
+    /**
+     * Callback called when the open state changes.
+     */
+    onOpenChange?: RadixTooltipProps["onOpenChange"];
+    /**
+     * Delay before the tooltip opens, in milliseconds. Overrides TooltipProvider delayDuration.
+     * Defaults to provider value (typically 700ms).
+     */
+    delayDuration?: RadixTooltipProps["delayDuration"];
+    /**
+     * When true, moving pointer into tooltip content closes the tooltip as pointer leaves trigger.
+     * Overrides TooltipProvider setting.
+     */
+    disableHoverableContent?: RadixTooltipProps["disableHoverableContent"];
+}
 export declare const Tooltip: React.FC<TooltipProps>;
+export interface TooltipTriggerProps extends Omit<RadixTooltipTriggerProps, "asChild"> {
+    /**
+     * Change the default rendered button element to the child element, merging props and behavior.
+     * TooltipTrigger forwards ref to HTMLButtonElement and inherits native button attributes.
+     * @default false
+     */
+    asChild?: RadixTooltipTriggerProps["asChild"];
+}
 export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export interface TooltipContentProps extends Omit<RadixTooltipContentProps, "aria-label" | "onEscapeKeyDown" | "onPointerDownOutside" | "side" | "sideOffset" | "align" | "alignOffset" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "arrowPadding" | "sticky" | "hideWhenDetached" | "updatePositionStrategy" | "forceMount" | "asChild"> {
+    /**
+     * A more descriptive accessible label announced by screen readers.
+     */
+    "aria-label"?: RadixTooltipContentProps["aria-label"];
+    /**
+     * Callback fired when the Escape key is down on the tooltip content layer. Can be prevented.
+     */
+    onEscapeKeyDown?: RadixTooltipContentProps["onEscapeKeyDown"];
+    /**
+     * Callback fired when a pointerdown event happens outside the bounds of the tooltip. Can be prevented.
+     */
+    onPointerDownOutside?: RadixTooltipContentProps["onPointerDownOutside"];
+    /**
+     * Preferred placement side relative to trigger.
+     * @default "top"
+     */
+    side?: RadixTooltipContentProps["side"];
+    /**
+     * Distance in pixels between trigger and floating content panel.
+     * @default 4
+     */
+    sideOffset?: RadixTooltipContentProps["sideOffset"];
+    /**
+     * Preferred alignment along the side axis.
+     * @default "center"
+     */
+    align?: RadixTooltipContentProps["align"];
+    /**
+     * Offset in pixels from the start or end alignment position.
+     * @default 0
+     */
+    alignOffset?: RadixTooltipContentProps["alignOffset"];
+    /**
+     * Whether to reposition content to avoid viewport boundary collisions.
+     * @default true
+     */
+    avoidCollisions?: RadixTooltipContentProps["avoidCollisions"];
+    /**
+     * Element or elements bounding boundary collision calculations.
+     * @default []
+     */
+    collisionBoundary?: RadixTooltipContentProps["collisionBoundary"];
+    /**
+     * Virtual padding from collision boundaries in pixels.
+     * @default 0
+     */
+    collisionPadding?: RadixTooltipContentProps["collisionPadding"];
+    /**
+     * Padding in pixels between popper arrow and floating panel edge.
+     * @default 0
+     */
+    arrowPadding?: RadixTooltipContentProps["arrowPadding"];
+    /**
+     * Sticky positioning behavior along the align axis when overflowing.
+     * @default "partial"
+     */
+    sticky?: RadixTooltipContentProps["sticky"];
+    /**
+     * Whether to hide content completely when trigger is fully occluded.
+     * @default false
+     */
+    hideWhenDetached?: RadixTooltipContentProps["hideWhenDetached"];
+    /**
+     * Strategy used to calculate and update popper position.
+     * @default "optimized"
+     */
+    updatePositionStrategy?: RadixTooltipContentProps["updatePositionStrategy"];
+    /**
+     * Force mounting content in DOM for external animation controls.
+     * When forceMount is true, the content remains mounted even when closed.
+     * The caller is responsible for visibility transitions and unmounting after animation completes.
+     */
+    forceMount?: true;
+    /**
+     * Change the default rendered div element to the child element, merging props and behavior.
+     * TooltipContent forwards ref to HTMLDivElement and inherits native div attributes.
+     * @default false
+     */
+    asChild?: RadixTooltipContentProps["asChild"];
+}
+export declare const TooltipContent: React.ForwardRefExoticComponent<TooltipContentProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/components/tooltip.js

@@ -5,12 +5,15 @@ import * as r from "react";
 import { jsx as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-tooltip";
 //#region src/components/tooltip.tsx
-var o = a.Provider, s = a.Root, c = a.Trigger, l = r.forwardRef(({ className: r, sideOffset: o = 4, ...s }, c) => /* @__PURE__ */ i(a.Portal, { children: /* @__PURE__ */ i(a.Content, {
-	ref: c,
-	sideOffset: o,
-	className: e(t, n, "overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover px-3 py-1.5 text-sm text-basalt-popover-foreground shadow-md", r),
-	...s
-}) }));
+var o = a.Provider, s = a.Root, c = a.Trigger, l = r.forwardRef(({ className: r, sideOffset: o = 4, ...s }, c) => /* @__PURE__ */ i(a.Portal, {
+	forceMount: s.forceMount,
+	children: /* @__PURE__ */ i(a.Content, {
+		ref: c,
+		sideOffset: o,
+		className: e(t, n, "overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover px-3 py-1.5 text-sm text-basalt-popover-foreground shadow-md", r),
+		...s
+	})
+}));
 l.displayName = a.Content.displayName;
 //#endregion
 export { s as Tooltip, l as TooltipContent, o as TooltipProvider, c as TooltipTrigger };

package/dist/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\nexport type TooltipProps = Omit<\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>,\n\t\"delayDuration\"\n> & {\n\t/**\n\t * Delay before the tooltip opens, in milliseconds.\n\t * @default 700\n\t */\n\tdelayDuration?: number;\n};\n\nexport const TooltipProvider = TooltipPrimitive.Provider;\nexport const Tooltip: React.FC<TooltipProps> = TooltipPrimitive.Root;\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport const TooltipContent = React.forwardRef<\n\tReact.ElementRef<typeof TooltipPrimitive.Content>,\n\tReact.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal>\n\t\t<TooltipPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\tOVERLAY_LAYER,\n\t\t\t\tOVERLAY_MOTION,\n\t\t\t\t\"overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover px-3 py-1.5 text-sm text-basalt-popover-foreground shadow-md\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n"],"mappings":";;;;;;;AAgBA,IAAa,IAAkB,EAAiB,UACnC,IAAkC,EAAiB,MACnD,IAAiB,EAAiB,SAElC,IAAiB,EAAM,YAGjC,EAAE,cAAW,gBAAa,GAAG,GAAG,KAAS,MAC3C,kBAAC,EAAiB,QAAlB,EAAA,UACC,kBAAC,EAAiB,SAAlB;CACM;CACO;CACZ,WAAW,EACV,GACA,GACA,gJACA,CACD;CACA,GAAI;AACJ,CAAA,EACuB,CAAA,CACzB;AACD,EAAe,cAAc,EAAiB,QAAQ"}
+{"version":3,"file":"tooltip.js","names":[],"sources":["../../src/components/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\nimport * as React from \"react\";\nimport { cn } from \"../utils/cn\";\nimport { OVERLAY_LAYER, OVERLAY_MOTION } from \"./overlay\";\n\ntype RadixTooltipProviderProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Provider>;\ntype RadixTooltipProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Root>;\ntype RadixTooltipTriggerProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Trigger>;\ntype RadixTooltipContentProps = React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>;\n\nexport interface TooltipProviderProps\n\textends Omit<\n\t\tRadixTooltipProviderProps,\n\t\t\"children\" | \"delayDuration\" | \"skipDelayDuration\" | \"disableHoverableContent\"\n\t> {\n\t/**\n\t * Application or component tree wrapped by the tooltip provider context.\n\t */\n\tchildren: React.ReactNode;\n\t/**\n\t * Default delay before tooltips open when pointer enters a trigger, in milliseconds.\n\t * Can be overridden per tooltip instance via Tooltip.\n\t * @default 700\n\t */\n\tdelayDuration?: RadixTooltipProviderProps[\"delayDuration\"];\n\t/**\n\t * Duration in milliseconds a user has to enter another trigger without incurring the opening delay again.\n\t * @default 300\n\t */\n\tskipDelayDuration?: RadixTooltipProviderProps[\"skipDelayDuration\"];\n\t/**\n\t * When true, moving pointer into tooltip content closes the tooltip as pointer leaves trigger.\n\t * @default false\n\t */\n\tdisableHoverableContent?: RadixTooltipProviderProps[\"disableHoverableContent\"];\n}\n\nexport const TooltipProvider: React.FC<TooltipProviderProps> = TooltipPrimitive.Provider;\n\nexport interface TooltipProps\n\textends Omit<\n\t\tRadixTooltipProps,\n\t\t| \"children\"\n\t\t| \"open\"\n\t\t| \"defaultOpen\"\n\t\t| \"onOpenChange\"\n\t\t| \"delayDuration\"\n\t\t| \"disableHoverableContent\"\n\t> {\n\t/**\n\t * Content elements rendered within the tooltip root, typically a TooltipTrigger and TooltipContent.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * Controlled open state of the tooltip.\n\t */\n\topen?: RadixTooltipProps[\"open\"];\n\t/**\n\t * Uncontrolled initial open state of the tooltip.\n\t * @default false\n\t */\n\tdefaultOpen?: RadixTooltipProps[\"defaultOpen\"];\n\t/**\n\t * Callback called when the open state changes.\n\t */\n\tonOpenChange?: RadixTooltipProps[\"onOpenChange\"];\n\t/**\n\t * Delay before the tooltip opens, in milliseconds. Overrides TooltipProvider delayDuration.\n\t * Defaults to provider value (typically 700ms).\n\t */\n\tdelayDuration?: RadixTooltipProps[\"delayDuration\"];\n\t/**\n\t * When true, moving pointer into tooltip content closes the tooltip as pointer leaves trigger.\n\t * Overrides TooltipProvider setting.\n\t */\n\tdisableHoverableContent?: RadixTooltipProps[\"disableHoverableContent\"];\n}\n\nexport const Tooltip: React.FC<TooltipProps> = TooltipPrimitive.Root;\n\nexport interface TooltipTriggerProps extends Omit<RadixTooltipTriggerProps, \"asChild\"> {\n\t/**\n\t * Change the default rendered button element to the child element, merging props and behavior.\n\t * TooltipTrigger forwards ref to HTMLButtonElement and inherits native button attributes.\n\t * @default false\n\t */\n\tasChild?: RadixTooltipTriggerProps[\"asChild\"];\n}\n\nexport const TooltipTrigger = TooltipPrimitive.Trigger;\n\nexport interface TooltipContentProps\n\textends Omit<\n\t\tRadixTooltipContentProps,\n\t\t| \"aria-label\"\n\t\t| \"onEscapeKeyDown\"\n\t\t| \"onPointerDownOutside\"\n\t\t| \"side\"\n\t\t| \"sideOffset\"\n\t\t| \"align\"\n\t\t| \"alignOffset\"\n\t\t| \"avoidCollisions\"\n\t\t| \"collisionBoundary\"\n\t\t| \"collisionPadding\"\n\t\t| \"arrowPadding\"\n\t\t| \"sticky\"\n\t\t| \"hideWhenDetached\"\n\t\t| \"updatePositionStrategy\"\n\t\t| \"forceMount\"\n\t\t| \"asChild\"\n\t> {\n\t/**\n\t * A more descriptive accessible label announced by screen readers.\n\t */\n\t\"aria-label\"?: RadixTooltipContentProps[\"aria-label\"];\n\t/**\n\t * Callback fired when the Escape key is down on the tooltip content layer. Can be prevented.\n\t */\n\tonEscapeKeyDown?: RadixTooltipContentProps[\"onEscapeKeyDown\"];\n\t/**\n\t * Callback fired when a pointerdown event happens outside the bounds of the tooltip. Can be prevented.\n\t */\n\tonPointerDownOutside?: RadixTooltipContentProps[\"onPointerDownOutside\"];\n\t/**\n\t * Preferred placement side relative to trigger.\n\t * @default \"top\"\n\t */\n\tside?: RadixTooltipContentProps[\"side\"];\n\t/**\n\t * Distance in pixels between trigger and floating content panel.\n\t * @default 4\n\t */\n\tsideOffset?: RadixTooltipContentProps[\"sideOffset\"];\n\t/**\n\t * Preferred alignment along the side axis.\n\t * @default \"center\"\n\t */\n\talign?: RadixTooltipContentProps[\"align\"];\n\t/**\n\t * Offset in pixels from the start or end alignment position.\n\t * @default 0\n\t */\n\talignOffset?: RadixTooltipContentProps[\"alignOffset\"];\n\t/**\n\t * Whether to reposition content to avoid viewport boundary collisions.\n\t * @default true\n\t */\n\tavoidCollisions?: RadixTooltipContentProps[\"avoidCollisions\"];\n\t/**\n\t * Element or elements bounding boundary collision calculations.\n\t * @default []\n\t */\n\tcollisionBoundary?: RadixTooltipContentProps[\"collisionBoundary\"];\n\t/**\n\t * Virtual padding from collision boundaries in pixels.\n\t * @default 0\n\t */\n\tcollisionPadding?: RadixTooltipContentProps[\"collisionPadding\"];\n\t/**\n\t * Padding in pixels between popper arrow and floating panel edge.\n\t * @default 0\n\t */\n\tarrowPadding?: RadixTooltipContentProps[\"arrowPadding\"];\n\t/**\n\t * Sticky positioning behavior along the align axis when overflowing.\n\t * @default \"partial\"\n\t */\n\tsticky?: RadixTooltipContentProps[\"sticky\"];\n\t/**\n\t * Whether to hide content completely when trigger is fully occluded.\n\t * @default false\n\t */\n\thideWhenDetached?: RadixTooltipContentProps[\"hideWhenDetached\"];\n\t/**\n\t * Strategy used to calculate and update popper position.\n\t * @default \"optimized\"\n\t */\n\tupdatePositionStrategy?: RadixTooltipContentProps[\"updatePositionStrategy\"];\n\t/**\n\t * Force mounting content in DOM for external animation controls.\n\t * When forceMount is true, the content remains mounted even when closed.\n\t * The caller is responsible for visibility transitions and unmounting after animation completes.\n\t */\n\tforceMount?: true;\n\t/**\n\t * Change the default rendered div element to the child element, merging props and behavior.\n\t * TooltipContent forwards ref to HTMLDivElement and inherits native div attributes.\n\t * @default false\n\t */\n\tasChild?: RadixTooltipContentProps[\"asChild\"];\n}\n\nexport const TooltipContent = React.forwardRef<\n\tReact.ElementRef<typeof TooltipPrimitive.Content>,\n\tTooltipContentProps\n>(({ className, sideOffset = 4, ...props }, ref) => (\n\t<TooltipPrimitive.Portal forceMount={props.forceMount}>\n\t\t<TooltipPrimitive.Content\n\t\t\tref={ref}\n\t\t\tsideOffset={sideOffset}\n\t\t\tclassName={cn(\n\t\t\t\tOVERLAY_LAYER,\n\t\t\t\tOVERLAY_MOTION,\n\t\t\t\t\"overflow-hidden rounded-basalt-md border border-basalt-border bg-basalt-popover px-3 py-1.5 text-sm text-basalt-popover-foreground shadow-md\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t</TooltipPrimitive.Portal>\n));\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\n"],"mappings":";;;;;;;AAqCA,IAAa,IAAkD,EAAiB,UAyCnE,IAAkC,EAAiB,MAWnD,IAAiB,EAAiB,SAuGlC,IAAiB,EAAM,YAGjC,EAAE,cAAW,gBAAa,GAAG,GAAG,KAAS,MAC3C,kBAAC,EAAiB,QAAlB;CAAyB,YAAY,EAAM;CAC1C,UAAA,kBAAC,EAAiB,SAAlB;EACM;EACO;EACZ,WAAW,EACV,GACA,GACA,gJACA,CACD;EACA,GAAI;CACJ,CAAA;AACuB,CAAA,CACzB;AACD,EAAe,cAAc,EAAiB,QAAQ"}