@arolariu/components 0.4.2 → 1.0.0

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

@@ -0,0 +1,127 @@
+import { Toolbar as BaseToolbar } from "@base-ui/react/toolbar";
+import * as React from "react";
+type ToolbarProps = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;
+type ToolbarButtonProps = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;
+type ToolbarGroupProps = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;
+type ToolbarSeparatorProps = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;
+type ToolbarLinkProps = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;
+/**
+ * Arranges related actions into a keyboard-accessible toolbar.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on Base UI Toolbar primitives
+ * - Supports roving focus and compound toolbar item composition
+ *
+ * @example
+ * ```tsx
+ * <Toolbar aria-label='Text formatting'>
+ *   <ToolbarButton>Bold</ToolbarButton>
+ *   <ToolbarButton>Italic</ToolbarButton>
+ * </Toolbar>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
+ */
+declare function Toolbar(props: Readonly<Toolbar.Props>): React.ReactElement;
+declare namespace Toolbar {
+    var displayName: string;
+}
+/**
+ * Renders an interactive button within a toolbar.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on Base UI Toolbar button behavior
+ * - Applies shared toolbar item spacing and focus styling
+ *
+ * @example
+ * ```tsx
+ * <ToolbarButton aria-label='Bold'>B</ToolbarButton>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
+ */
+declare function ToolbarButton(props: Readonly<ToolbarButton.Props>): React.ReactElement;
+declare namespace ToolbarButton {
+    var displayName: string;
+}
+/**
+ * Groups related toolbar controls into a single visual cluster.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on Base UI Toolbar grouping primitives
+ *
+ * @example
+ * ```tsx
+ * <ToolbarGroup>
+ *   <ToolbarButton>Left</ToolbarButton>
+ *   <ToolbarButton>Center</ToolbarButton>
+ * </ToolbarGroup>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
+ */
+declare function ToolbarGroup(props: Readonly<ToolbarGroup.Props>): React.ReactElement;
+declare namespace ToolbarGroup {
+    var displayName: string;
+}
+/**
+ * Renders a visual separator between toolbar items or groups.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on Base UI Toolbar separator primitives
+ *
+ * @example
+ * ```tsx
+ * <ToolbarSeparator />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
+ */
+declare function ToolbarSeparator(props: Readonly<ToolbarSeparator.Props>): React.ReactElement;
+declare namespace ToolbarSeparator {
+    var displayName: string;
+}
+/**
+ * Renders a link that visually matches toolbar buttons.
+ *
+ * @remarks
+ * - Renders an `<a>` element by default
+ * - Built on Base UI Toolbar link primitives
+ *
+ * @example
+ * ```tsx
+ * <ToolbarLink href='/docs'>Docs</ToolbarLink>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}
+ */
+declare function ToolbarLink(props: Readonly<ToolbarLink.Props>): React.ReactElement;
+declare namespace ToolbarLink {
+    var displayName: string;
+}
+declare namespace Toolbar {
+    type Props = ToolbarProps;
+    type State = BaseToolbar.Root.State;
+}
+declare namespace ToolbarButton {
+    type Props = ToolbarButtonProps;
+    type State = BaseToolbar.Button.State;
+}
+declare namespace ToolbarGroup {
+    type Props = ToolbarGroupProps;
+    type State = BaseToolbar.Group.State;
+}
+declare namespace ToolbarSeparator {
+    type Props = ToolbarSeparatorProps;
+    type State = BaseToolbar.Separator.State;
+}
+declare namespace ToolbarLink {
+    type Props = ToolbarLinkProps;
+    type State = BaseToolbar.Link.State;
+}
+export { Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator };
+//# sourceMappingURL=toolbar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"toolbar.d.ts","sourceRoot":"","sources":["../../../src/components/ui/toolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,YAAY,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AACzE,KAAK,kBAAkB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,MAAM,CAAC,CAAC;AACjF,KAAK,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,CAAC;AAC/E,KAAK,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,SAAS,CAAC,CAAC;AACvF,KAAK,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAE7E;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAcnE;kBAdQ,OAAO;;;AAgBhB;;;;;;;;;;;;;;GAcG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc/E;kBAdQ,aAAa;;;AAgBtB;;;;;;;;;;;;;;;;GAgBG;AACH,iBAAS,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7E;kBAdQ,YAAY;;;AAgBrB;;;;;;;;;;;;;GAaG;AACH,iBAAS,gBAAgB,CAAC,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAarF;kBAbQ,gBAAgB;;;AAezB;;;;;;;;;;;;;GAaG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAiBpB,kBAAU,OAAO,CAAC;IAChB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,aAAa,CAAC;IACtB,KAAY,KAAK,GAAG,kBAAkB,CAAC;IACvC,KAAY,KAAK,GAAG,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC;CAC9C;AAGD,kBAAU,YAAY,CAAC;IACrB,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;CAC7C;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,WAAW,CAAC,SAAS,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAQD,OAAO,EAAC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,WAAW,EAAE,gBAAgB,EAAC,CAAC"}

package/dist/components/ui/toolbar.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Toolbar } from "@base-ui/react/toolbar";
+import { useRender } from "@base-ui/react/use-render";
+import "react";
+import { cn } from "../../lib/utilities.js";
+import toolbar_module from "./toolbar.module.js";
+function toolbar_Toolbar(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Toolbar.Root, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(toolbar_module.root, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function ToolbarButton(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Toolbar.Button, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(toolbar_module.item, toolbar_module.button, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function ToolbarGroup(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Toolbar.Group, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(toolbar_module.group, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+function ToolbarSeparator(props) {
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Toolbar.Separator, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(toolbar_module.separator, className)
+            }, {})
+        })
+    });
+}
+function ToolbarLink(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Toolbar.Link, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "a",
+            render: render,
+            props: mergeProps({
+                className: cn(toolbar_module.item, toolbar_module.link, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+toolbar_Toolbar.displayName = "Toolbar";
+ToolbarButton.displayName = "ToolbarButton";
+ToolbarGroup.displayName = "ToolbarGroup";
+ToolbarSeparator.displayName = "ToolbarSeparator";
+ToolbarLink.displayName = "ToolbarLink";
+export { ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator, toolbar_Toolbar as Toolbar };
+
+//# sourceMappingURL=toolbar.js.map

package/dist/components/ui/toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/toolbar.js","sources":["../../../src/components/ui/toolbar.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Toolbar as BaseToolbar} from \"@base-ui/react/toolbar\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./toolbar.module.css\";\r\n\r\ntype ToolbarProps = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;\r\ntype ToolbarButtonProps = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;\r\ntype ToolbarGroupProps = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;\r\ntype ToolbarSeparatorProps = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;\r\ntype ToolbarLinkProps = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;\r\n\r\n/**\r\n * Arranges related actions into a keyboard-accessible toolbar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar primitives\r\n * - Supports roving focus and compound toolbar item composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Toolbar aria-label='Text formatting'>\r\n *   <ToolbarButton>Bold</ToolbarButton>\r\n *   <ToolbarButton>Italic</ToolbarButton>\r\n * </Toolbar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nfunction Toolbar(props: Readonly<Toolbar.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders an interactive button within a toolbar.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Toolbar button behavior\r\n * - Applies shared toolbar item spacing and focus styling\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarButton aria-label='Bold'>B</ToolbarButton>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nfunction ToolbarButton(props: Readonly<ToolbarButton.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Button\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.button, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Button>\r\n  );\r\n}\r\n\r\n/**\r\n * Groups related toolbar controls into a single visual cluster.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar grouping primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarGroup>\r\n *   <ToolbarButton>Left</ToolbarButton>\r\n *   <ToolbarButton>Center</ToolbarButton>\r\n * </ToolbarGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nfunction ToolbarGroup(props: Readonly<ToolbarGroup.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Group\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.group, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Group>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders a visual separator between toolbar items or groups.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Toolbar separator primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarSeparator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nfunction ToolbarSeparator(props: Readonly<ToolbarSeparator.Props>): React.ReactElement {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Separator\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.separator, className)}, {}),\r\n      })}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Renders a link that visually matches toolbar buttons.\r\n *\r\n * @remarks\r\n * - Renders an `<a>` element by default\r\n * - Built on Base UI Toolbar link primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <ToolbarLink href='/docs'>Docs</ToolbarLink>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/toolbar | Base UI Toolbar Docs}\r\n */\r\nfunction ToolbarLink(props: Readonly<ToolbarLink.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Link\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"a\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, styles.link, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseToolbar.Link>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Toolbar {\r\n  export type Props = ToolbarProps;\r\n  export type State = BaseToolbar.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarButton {\r\n  export type Props = ToolbarButtonProps;\r\n  export type State = BaseToolbar.Button.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarGroup {\r\n  export type Props = ToolbarGroupProps;\r\n  export type State = BaseToolbar.Group.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarSeparator {\r\n  export type Props = ToolbarSeparatorProps;\r\n  export type State = BaseToolbar.Separator.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ToolbarLink {\r\n  export type Props = ToolbarLinkProps;\r\n  export type State = BaseToolbar.Link.State;\r\n}\r\n\r\nToolbar.displayName = \"Toolbar\";\r\nToolbarButton.displayName = \"ToolbarButton\";\r\nToolbarGroup.displayName = \"ToolbarGroup\";\r\nToolbarSeparator.displayName = \"ToolbarSeparator\";\r\nToolbarLink.displayName = \"ToolbarLink\";\r\n\r\nexport {Toolbar, ToolbarButton, ToolbarGroup, ToolbarLink, ToolbarSeparator};\r\n"],"names":["Toolbar","props","className","children","render","otherProps","BaseToolbar","useRender","mergeProps","cn","styles","ToolbarButton","ToolbarGroup","ToolbarSeparator","ToolbarLink"],"mappings":";;;;;;;;AAkCA,SAASA,gBAAQC,KAA8B;IAC7C,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,QAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAiBA,SAASQ,cAAcV,KAAoC;IACzD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,QAAAA,MAAkB;QAChB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,MAAa,EAAER;YAAU,GAAG,CAAC;QAC7E;kBACCC;;AAGP;AAmBA,SAASS,aAAaX,KAAmC;IACvD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,QAAAA,KAAiB;QACf,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAgBA,SAASU,iBAAiBZ,KAAuC;IAC/D,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,QAAAA,SAAqB;QACnB,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;;AAGN;AAgBA,SAASY,YAAYb,KAAkC;IACrD,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,QAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC3E;kBACCC;;AAGP;AAgCAH,gBAAQ,WAAW,GAAG;AACtBW,cAAc,WAAW,GAAG;AAC5BC,aAAa,WAAW,GAAG;AAC3BC,iBAAiB,WAAW,GAAG;AAC/BC,YAAY,WAAW,GAAG"}

package/dist/components/ui/toolbar.module.js

@@ -0,0 +1,12 @@
+import "./toolbar_module.css";
+const toolbar_module = {
+    root: "root-FszbvX",
+    group: "group-dsvVsG",
+    item: "item-LO_xsD",
+    button: "button-D0LUpU",
+    link: "link-Ih65ZC",
+    separator: "separator-WqDqFh"
+};
+export default toolbar_module;
+
+//# sourceMappingURL=toolbar.module.js.map

package/dist/components/ui/toolbar.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/toolbar.module.js","sources":["../../../src/components/ui/toolbar.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./toolbar_module.css\"\nexport default {\"root\":\"root-FszbvX\",\"group\":\"group-dsvVsG\",\"item\":\"item-LO_xsD\",\"button\":\"button-D0LUpU\",\"link\":\"link-Ih65ZC\",\"separator\":\"separator-WqDqFh\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,MAAO;IAAc,OAAQ;IAAe,MAAO;IAAc,QAAS;IAAgB,MAAO;IAAc,WAAY;AAAkB"}

package/dist/components/ui/toolbar_module.css

@@ -0,0 +1,115 @@
+.root-FszbvX {
+  background-color: var(--ac-card);
+  border: 1px solid var(--ac-border);
+  border-radius: calc(var(--ac-radius-md) + 1px);
+  color: var(--ac-card-foreground);
+  align-items: center;
+  gap: var(--ac-space-1);
+  padding: var(--ac-space-1);
+  display: inline-flex;
+  box-shadow: 0 1px 2px #0000000a;
+
+  &[data-orientation="vertical"] {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  &[data-disabled] {
+    opacity: .7;
+  }
+}
+
+.group-dsvVsG {
+  align-items: center;
+  gap: var(--ac-space-1);
+  display: inline-flex;
+
+  &[data-orientation="vertical"] {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  &[data-disabled] {
+    opacity: .7;
+  }
+}
+
+.item-LO_xsD {
+  border-radius: var(--ac-radius-sm);
+  box-sizing: border-box;
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-xs);
+  align-items: center;
+  gap: var(--ac-space-2);
+  min-height: var(--ac-size-md);
+  padding: 0 var(--ac-space-2);
+  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);
+  white-space: nowrap;
+  outline: none;
+  justify-content: center;
+  font-weight: 500;
+  line-height: 1;
+  text-decoration: none;
+  display: inline-flex;
+
+  &:focus-visible {
+    background-color: var(--ac-accent);
+    box-shadow: inset 0 0 0 1px var(--ac-ring);
+    color: var(--ac-accent-foreground);
+  }
+
+  &[data-disabled] {
+    opacity: .5;
+    pointer-events: none;
+  }
+
+  & svg {
+    flex-shrink: 0;
+    width: .875rem;
+    height: .875rem;
+  }
+}
+
+.button-D0LUpU {
+  cursor: pointer;
+  background-color: #0000;
+  border: 0;
+
+  @media (hover: hover) {
+    &:hover:not([data-disabled]) {
+      background-color: var(--ac-accent);
+      color: var(--ac-accent-foreground);
+    }
+  }
+}
+
+.link-Ih65ZC {
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--ac-accent);
+      color: var(--ac-accent-foreground);
+    }
+  }
+}
+
+.separator-WqDqFh {
+  background-color: var(--ac-border);
+  flex-shrink: 0;
+  align-self: stretch;
+
+  &[data-orientation="horizontal"] {
+    width: 100%;
+    height: 1px;
+    min-height: 1px;
+  }
+
+  &[data-orientation="vertical"] {
+    width: 1px;
+    min-width: 1px;
+    height: 1rem;
+    margin-block: auto;
+  }
+}
+
+
+/*# sourceMappingURL=toolbar_module.css.map */

package/dist/components/ui/toolbar_module.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toolbar.module.css","webpack://./src/components/ui/toolbar.module.css"],"names":[],"mappings":"AADA;ECEE,gCAAgC;EAChC,kCAAkC;EAClC,8CAA8C;EAC9C,gCAAgC;EAChC,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,+BAA+B;;EAE/B;IACE,sBAAsB;IACtB,oBAAoB;EACtB;;EAEA;IACE,WAAW;EACb;AACF;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;;EAEpB;IACE,sBAAsB;IACtB,oBAAoB;EACtB;;EAEA;IACE,WAAW;EACb;AACF;;AAEA;EACE,kCAAkC;EAClC,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,6BAA6B;EAC7B,4BAA4B;EAC5B,2HAA2H;EAC3H,mBAAmB;EACnB,aAAa;EACb,uBAAuB;EACvB,gBAAgB;EAChB,cAAc;EACd,qBAAqB;EACrB,oBAAoB;;EAEpB;IACE,kCAAkC;IAClC,0CAA0C;IAC1C,kCAAkC;EACpC;;EAEA;IACE,WAAW;IACX,oBAAoB;EACtB;;EAEA;IACE,cAAc;IACd,cAAc;IACd,eAAe;EACjB;AACF;;AAEA;EACE,eAAe;EACf,uBAAuB;EACvB,SAAS;;EAET;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE;IACE;MACE,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AAEA;EACE,kCAAkC;EAClC,cAAc;EACd,mBAAmB;;EAEnB;IACE,WAAW;IACX,WAAW;IACX,eAAe;EACjB;;EAEA;IACE,UAAU;IACV,cAAc;IACd,YAAY;IACZ,kBAAkB;EACpB;AACF","sourcesContent":[".root{align-items:center;background-color:var(--ac-card);border:1px solid var(--ac-border);border-radius:calc(var(--ac-radius-md) + 1px);box-shadow:0 1px 2px 0 rgba(0,0,0,.04);color:var(--ac-card-foreground);display:inline-flex;gap:var(--ac-space-1);padding:var(--ac-space-1);&[data-orientation=vertical]{align-items:stretch;flex-direction:column}&[data-disabled]{opacity:.7}}.group{align-items:center;display:inline-flex;gap:var(--ac-space-1);&[data-orientation=vertical]{align-items:stretch;flex-direction:column}&[data-disabled]{opacity:.7}}.item{align-items:center;border-radius:var(--ac-radius-sm);box-sizing:border-box;color:var(--ac-foreground);display:inline-flex;font-size:var(--ac-text-xs);font-weight:500;gap:var(--ac-space-2);justify-content:center;line-height:1;min-height:var(--ac-size-md);outline:none;padding:0 var(--ac-space-2);text-decoration:none;transition:background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);white-space:nowrap;&:focus-visible{background-color:var(--ac-accent);box-shadow:inset 0 0 0 1px var(--ac-ring);color:var(--ac-accent-foreground)}&[data-disabled]{opacity:.5;pointer-events:none}& svg{flex-shrink:0;height:.875rem;width:.875rem}}.button{background-color:transparent;border:0;cursor:pointer;@media (hover:hover){&:hover:not([data-disabled]){background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.link{@media (hover:hover){&:hover{background-color:var(--ac-accent);color:var(--ac-accent-foreground)}}}.separator{align-self:stretch;background-color:var(--ac-border);flex-shrink:0;&[data-orientation=horizontal]{height:1px;min-height:1px;width:100%}&[data-orientation=vertical]{height:1rem;margin-block:auto;min-width:1px;width:1px}}",".root {\n  background-color: var(--ac-card);\n  border: 1px solid var(--ac-border);\n  border-radius: calc(var(--ac-radius-md) + 1px);\n  color: var(--ac-card-foreground);\n  align-items: center;\n  gap: var(--ac-space-1);\n  padding: var(--ac-space-1);\n  display: inline-flex;\n  box-shadow: 0 1px 2px #0000000a;\n\n  &[data-orientation=\"vertical\"] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  &[data-disabled] {\n    opacity: .7;\n  }\n}\n\n.group {\n  align-items: center;\n  gap: var(--ac-space-1);\n  display: inline-flex;\n\n  &[data-orientation=\"vertical\"] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n\n  &[data-disabled] {\n    opacity: .7;\n  }\n}\n\n.item {\n  border-radius: var(--ac-radius-sm);\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-xs);\n  align-items: center;\n  gap: var(--ac-space-2);\n  min-height: var(--ac-size-md);\n  padding: 0 var(--ac-space-2);\n  transition: background-color var(--ac-transition-fast),color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  white-space: nowrap;\n  outline: none;\n  justify-content: center;\n  font-weight: 500;\n  line-height: 1;\n  text-decoration: none;\n  display: inline-flex;\n\n  &:focus-visible {\n    background-color: var(--ac-accent);\n    box-shadow: inset 0 0 0 1px var(--ac-ring);\n    color: var(--ac-accent-foreground);\n  }\n\n  &[data-disabled] {\n    opacity: .5;\n    pointer-events: none;\n  }\n\n  & svg {\n    flex-shrink: 0;\n    width: .875rem;\n    height: .875rem;\n  }\n}\n\n.button {\n  cursor: pointer;\n  background-color: #0000;\n  border: 0;\n\n  @media (hover: hover) {\n    &:hover:not([data-disabled]) {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.link {\n  @media (hover: hover) {\n    &:hover {\n      background-color: var(--ac-accent);\n      color: var(--ac-accent-foreground);\n    }\n  }\n}\n\n.separator {\n  background-color: var(--ac-border);\n  flex-shrink: 0;\n  align-self: stretch;\n\n  &[data-orientation=\"horizontal\"] {\n    width: 100%;\n    height: 1px;\n    min-height: 1px;\n  }\n\n  &[data-orientation=\"vertical\"] {\n    width: 1px;\n    min-width: 1px;\n    height: 1rem;\n    margin-block: auto;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/tooltip.d.ts

@@ -1,8 +1,122 @@
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { Tooltip as BaseTooltip } from "@base-ui/react/tooltip";
 import * as React from "react";
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface TooltipProviderProps {
+    /** Tooltip content and triggers managed by the provider. @default undefined */
+    children: React.ReactNode;
+    /** Delay in milliseconds before tooltip content becomes visible. @default undefined */
+    delayDuration?: number;
+}
+interface TooltipProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Root>, "delay"> {
+    /** Delay in milliseconds before tooltip content becomes visible. @default undefined */
+    delayDuration?: number;
+}
+interface TooltipTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Trigger>, "className"> {
+    /** Additional CSS classes merged with the tooltip trigger styles. @default undefined */
+    className?: string;
+    /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */
+    asChild?: boolean;
+}
+interface TooltipContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Popup>, "className"> {
+    /** Additional CSS classes merged with the tooltip popup styles. @default undefined */
+    className?: string;
+    /** The offset in pixels between the trigger and the tooltip popup. @default 4 */
+    sideOffset?: number;
+    /** Preferred side on which the tooltip should appear. @default "top" */
+    side?: "top" | "right" | "bottom" | "left";
+}
+/**
+ * Provides a compatibility wrapper for grouping tooltip triggers and content.
+ *
+ * @remarks
+ * - Renders no DOM element by default and returns its children directly
+ * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
+ * - Does not expose a `render` prop because it is a pass-through provider shim
+ * - Styling via CSS Modules with `--ac-*` custom properties through descendant components
+ *
+ * @example Basic usage
+ * ```tsx
+ * <TooltipProvider>
+ *   <Tooltip>
+ *     <TooltipTrigger>Hover</TooltipTrigger>
+ *     <TooltipContent>Details</TooltipContent>
+ *   </Tooltip>
+ * </TooltipProvider>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}
+ */
+declare const TooltipProvider: {
+    ({ children }: Readonly<TooltipProviderProps>): React.ReactNode;
+    displayName: string;
+};
+/**
+ * Coordinates tooltip timing, open state, and accessibility semantics.
+ *
+ * @remarks
+ * - Renders no DOM element by default and coordinates descendant tooltip parts
+ * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
+ * - Supports composition through descendant `render` props
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Tooltip>
+ *   <TooltipTrigger>Hover</TooltipTrigger>
+ *   <TooltipContent>Details</TooltipContent>
+ * </Tooltip>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}
+ */
+declare function Tooltip(props: Readonly<Tooltip.Props>): React.ReactElement;
+declare namespace Tooltip {
+    var displayName: string;
+}
+/**
+ * Anchors tooltip behavior to an interactive trigger element.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <TooltipTrigger>Hover</TooltipTrigger>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}
+ */
+declare const TooltipTrigger: React.ForwardRefExoticComponent<Omit<TooltipTriggerProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Renders positioned tooltip content inside a portal.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <TooltipContent>Details</TooltipContent>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}
+ */
+declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace Tooltip {
+    type Props = TooltipProps;
+    type State = BaseTooltip.Root.State;
+}
+declare namespace TooltipTrigger {
+    type Props = TooltipTriggerProps;
+    type State = BaseTooltip.Trigger.State;
+}
+declare namespace TooltipContent {
+    type Props = TooltipContentProps;
+    type State = BaseTooltip.Popup.State;
+}
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
 //# sourceMappingURL=tooltip.d.ts.map

package/dist/components/ui/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAelB,CAAC;AAGH,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,MAAM,wBAAwB,CAAC;AAC9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,oBAAoB;IAC5B,+EAA+E;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IAChG,uFAAuF;IACvF,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,OAAO,CAAC,EAAE,WAAW,CAAC;IAC9G,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6IAA6I;IAC7I,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,UAAU,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,WAAW,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IAC5G,sFAAsF;IACtF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iFAAiF;IACjF,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;CAC5C;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,QAAA,MAAM,eAAe;mBAAgB,QAAQ,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,SAAS;;CAAY,CAAC;AAGlG;;;;;;;;;;;;;;;;;;GAkBG;AACH,iBAAS,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAKnE;kBALQ,OAAO;;;AAQhB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,4GAyBnB,CAAC;AAGF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc,yGAoBnB,CAAC;AAIF,kBAAU,OAAO,CAAC;IAChB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;CAC5C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC;CAC/C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;CAC7C;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAC,CAAC"}

package/dist/components/ui/tooltip.js

@@ -1,20 +1,55 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Content, Portal, Provider, Root, Trigger } from "@radix-ui/react-tooltip";
-import { forwardRef } from "react";
+import { Tooltip } from "@base-ui/react/tooltip";
+import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
-const TooltipProvider = Provider;
-const Tooltip = Root;
-const TooltipTrigger = Trigger;
-const TooltipContent = /*#__PURE__*/ forwardRef(({ className, sideOffset = 4, ...props }, ref)=>/*#__PURE__*/ jsx(Portal, {
-        children: /*#__PURE__*/ jsx(Content, {
-            ref: ref,
+import tooltip_module from "./tooltip.module.js";
+const TooltipProvider = ({ children })=>children;
+TooltipProvider.displayName = "TooltipProvider";
+function tooltip_Tooltip(props) {
+    const { delayDuration, ...otherProps } = props;
+    const tooltipProps = void 0 === delayDuration ? otherProps : {
+        ...otherProps,
+        delay: delayDuration
+    };
+    return /*#__PURE__*/ jsx(Tooltip.Root, {
+        ...tooltipProps
+    });
+}
+tooltip_Tooltip.displayName = "Tooltip";
+const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { asChild = false, children, className, ...otherProps } = props;
+    if (asChild && /*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        ref: ref,
+        className: cn(tooltip_module.trigger, className),
+        render: children,
+        ...otherProps
+    });
+    return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+        ref: ref,
+        className: cn(tooltip_module.trigger, className),
+        ...otherProps,
+        children: children
+    });
+});
+TooltipTrigger.displayName = "TooltipTrigger";
+const TooltipContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, side = "top", sideOffset = 4, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Tooltip.Portal, {
+        children: /*#__PURE__*/ jsx(Tooltip.Positioner, {
+            className: tooltip_module.positioner,
+            side: side,
             sideOffset: sideOffset,
-            className: cn("animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-md bg-neutral-900 px-3 py-1.5 text-xs text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900", className),
-            ...props
+            children: /*#__PURE__*/ jsx(Tooltip.Popup, {
+                ref: ref,
+                className: cn(tooltip_module.popup, className),
+                ...otherProps,
+                children: children
+            })
         })
-    }));
-TooltipContent.displayName = Content.displayName;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+    });
+});
+TooltipContent.displayName = "TooltipContent";
+export { TooltipContent, TooltipProvider, TooltipTrigger, tooltip_Tooltip as Tooltip };
 
 //# sourceMappingURL=tooltip.js.map

package/dist/components/ui/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TooltipPrimitive from \"@radix-ui/react-tooltip\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst TooltipProvider = TooltipPrimitive.Provider;\r\n\r\nconst Tooltip = TooltipPrimitive.Root;\r\n\r\nconst TooltipTrigger = TooltipPrimitive.Trigger;\r\n\r\nconst TooltipContent = React.forwardRef<\r\n  React.ComponentRef<typeof TooltipPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>\r\n>(({className, sideOffset = 4, ...props}, ref) => (\r\n  <TooltipPrimitive.Portal>\r\n    <TooltipPrimitive.Content\r\n      ref={ref}\r\n      sideOffset={sideOffset}\r\n      className={cn(\r\n        \"animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 origin-[--radix-tooltip-content-transform-origin] overflow-hidden rounded-md bg-neutral-900 px-3 py-1.5 text-xs text-neutral-50 dark:bg-neutral-50 dark:text-neutral-900\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  </TooltipPrimitive.Portal>\r\n));\r\nTooltipContent.displayName = TooltipPrimitive.Content.displayName;\r\n\r\nexport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger};\r\n"],"names":["TooltipProvider","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","React","className","sideOffset","props","ref","cn"],"mappings":";;;;;AAOA,MAAMA,kBAAkBC;AAExB,MAAMC,UAAUD;AAEhB,MAAME,iBAAiBF;AAEvB,MAAMG,iBAAiB,WAAjBA,GAAiBC,WAGrB,CAAC,EAACC,SAAS,EAAEC,aAAa,CAAC,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxC,IAACR,QAAuB;kBACtB,kBAACA,SAAwB;YACvB,KAAKQ;YACL,YAAYF;YACZ,WAAWG,GACT,4cACAJ;YAED,GAAGE,KAAK;;;AAIfJ,eAAe,WAAW,GAAGH,QAAAA,WAAoC"}
+{"version":3,"file":"components/ui/tooltip.js","sources":["../../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Tooltip as BaseTooltip} from \"@base-ui/react/tooltip\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./tooltip.module.css\";\r\n\r\ninterface TooltipProviderProps {\r\n  /** Tooltip content and triggers managed by the provider. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Delay in milliseconds before tooltip content becomes visible. @default undefined */\r\n  delayDuration?: number;\r\n}\r\n\r\ninterface TooltipProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Root>, \"delay\"> {\r\n  /** Delay in milliseconds before tooltip content becomes visible. @default undefined */\r\n  delayDuration?: number;\r\n}\r\n\r\ninterface TooltipTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Trigger>, \"className\"> {\r\n  /** Additional CSS classes merged with the tooltip trigger styles. @default undefined */\r\n  className?: string;\r\n  /** Backward-compatible child-slot API that maps the child element to `render`. @default false @deprecated Prefer Base UI's `render` prop. */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface TooltipContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseTooltip.Popup>, \"className\"> {\r\n  /** Additional CSS classes merged with the tooltip popup styles. @default undefined */\r\n  className?: string;\r\n  /** The offset in pixels between the trigger and the tooltip popup. @default 4 */\r\n  sideOffset?: number;\r\n  /** Preferred side on which the tooltip should appear. @default \"top\" */\r\n  side?: \"top\" | \"right\" | \"bottom\" | \"left\";\r\n}\r\n\r\n/**\r\n * Provides a compatibility wrapper for grouping tooltip triggers and content.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and returns its children directly\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Does not expose a `render` prop because it is a pass-through provider shim\r\n * - Styling via CSS Modules with `--ac-*` custom properties through descendant components\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipProvider>\r\n *   <Tooltip>\r\n *     <TooltipTrigger>Hover</TooltipTrigger>\r\n *     <TooltipContent>Details</TooltipContent>\r\n *   </Tooltip>\r\n * </TooltipProvider>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipProvider = ({children}: Readonly<TooltipProviderProps>): React.ReactNode => children;\r\nTooltipProvider.displayName = \"TooltipProvider\";\r\n\r\n/**\r\n * Coordinates tooltip timing, open state, and accessibility semantics.\r\n *\r\n * @remarks\r\n * - Renders no DOM element by default and coordinates descendant tooltip parts\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports composition through descendant `render` props\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Tooltip>\r\n *   <TooltipTrigger>Hover</TooltipTrigger>\r\n *   <TooltipContent>Details</TooltipContent>\r\n * </Tooltip>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nfunction Tooltip(props: Readonly<Tooltip.Props>): React.ReactElement {\r\n  const {delayDuration, ...otherProps} = props;\r\n  const tooltipProps = delayDuration === undefined ? otherProps : {...otherProps, delay: delayDuration};\r\n\r\n  return <BaseTooltip.Root {...tooltipProps} />;\r\n}\r\nTooltip.displayName = \"Tooltip\";\r\n\r\n/**\r\n * Anchors tooltip behavior to an interactive trigger element.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipTrigger>Hover</TooltipTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipTrigger = React.forwardRef<HTMLButtonElement, TooltipTrigger.Props>(\r\n  (props: Readonly<TooltipTrigger.Props>, ref): React.ReactElement => {\r\n    // eslint-disable-next-line sonarjs/deprecation -- backward-compatible asChild support is part of the public API.\r\n    const {asChild = false, children, className, ...otherProps} = props;\r\n\r\n    if (asChild && React.isValidElement(children)) {\r\n      return (\r\n        <BaseTooltip.Trigger\r\n          ref={ref}\r\n          className={cn(styles.trigger, className)}\r\n          render={children as React.ReactElement}\r\n          {...otherProps}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <BaseTooltip.Trigger\r\n        ref={ref}\r\n        className={cn(styles.trigger, className)}\r\n        {...otherProps}>\r\n        {children}\r\n      </BaseTooltip.Trigger>\r\n    );\r\n  },\r\n);\r\nTooltipTrigger.displayName = \"TooltipTrigger\";\r\n\r\n/**\r\n * Renders positioned tooltip content inside a portal.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tooltip | Base UI Tooltip}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <TooltipContent>Details</TooltipContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tooltip | Base UI Documentation}\r\n */\r\nconst TooltipContent = React.forwardRef<React.ComponentRef<typeof BaseTooltip.Popup>, TooltipContent.Props>(\r\n  (props: Readonly<TooltipContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, side = \"top\", sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseTooltip.Portal>\r\n        <BaseTooltip.Positioner\r\n          className={styles.positioner}\r\n          side={side}\r\n          sideOffset={sideOffset}>\r\n          <BaseTooltip.Popup\r\n            ref={ref}\r\n            className={cn(styles.popup, className)}\r\n            {...otherProps}>\r\n            {children}\r\n          </BaseTooltip.Popup>\r\n        </BaseTooltip.Positioner>\r\n      </BaseTooltip.Portal>\r\n    );\r\n  },\r\n);\r\nTooltipContent.displayName = \"TooltipContent\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Tooltip {\r\n  export type Props = TooltipProps;\r\n  export type State = BaseTooltip.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TooltipTrigger {\r\n  export type Props = TooltipTriggerProps;\r\n  export type State = BaseTooltip.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TooltipContent {\r\n  export type Props = TooltipContentProps;\r\n  export type State = BaseTooltip.Popup.State;\r\n}\r\n\r\nexport {Tooltip, TooltipContent, TooltipProvider, TooltipTrigger};\r\n"],"names":["TooltipProvider","children","Tooltip","props","delayDuration","otherProps","tooltipProps","undefined","BaseTooltip","TooltipTrigger","React","ref","asChild","className","cn","styles","TooltipContent","side","sideOffset"],"mappings":";;;;;;AAyDA,MAAMA,kBAAkB,CAAC,EAACC,QAAQ,EAAiC,GAAsBA;AACzFD,gBAAgB,WAAW,GAAG;AAqB9B,SAASE,gBAAQC,KAA8B;IAC7C,MAAM,EAACC,aAAa,EAAE,GAAGC,YAAW,GAAGF;IACvC,MAAMG,eAAeF,AAAkBG,WAAlBH,gBAA8BC,aAAa;QAAC,GAAGA,UAAU;QAAE,OAAOD;IAAa;IAEpG,OAAO,WAAP,GAAO,IAACI,QAAAA,IAAgB;QAAE,GAAGF,YAAY;;AAC3C;AACAJ,gBAAQ,WAAW,GAAG;AAkBtB,MAAMO,iBAAiB,WAAHA,GAAGC,WACrB,CAACP,OAAuCQ;IAEtC,MAAM,EAACC,UAAU,KAAK,EAAEX,QAAQ,EAAEY,SAAS,EAAE,GAAGR,YAAW,GAAGF;IAE9D,IAAIS,WAAW,WAAXA,GAAWF,eAAqBT,WAClC,OAAO,WAAP,GACE,IAACO,QAAAA,OAAmB;QAClB,KAAKG;QACL,WAAWG,GAAGC,eAAAA,OAAc,EAAEF;QAC9B,QAAQZ;QACP,GAAGI,UAAU;;IAKpB,OAAO,WAAP,GACE,IAACG,QAAAA,OAAmB;QAClB,KAAKG;QACL,WAAWG,GAAGC,eAAAA,OAAc,EAAEF;QAC7B,GAAGR,UAAU;kBACbJ;;AAGP;AAEFQ,eAAe,WAAW,GAAG;AAkB7B,MAAMO,iBAAiB,WAAHA,GAAGN,WACrB,CAACP,OAAuCQ;IACtC,MAAM,EAACE,SAAS,EAAEZ,QAAQ,EAAEgB,OAAO,KAAK,EAAEC,aAAa,CAAC,EAAE,GAAGb,YAAW,GAAGF;IAE3E,OAAO,WAAP,GACE,IAACK,QAAAA,MAAkB;kBACjB,kBAACA,QAAAA,UAAsB;YACrB,WAAWO,eAAAA,UAAiB;YAC5B,MAAME;YACN,YAAYC;sBACZ,kBAACV,QAAAA,KAAiB;gBAChB,KAAKG;gBACL,WAAWG,GAAGC,eAAAA,KAAY,EAAEF;gBAC3B,GAAGR,UAAU;0BACbJ;;;;AAKX;AAEFe,eAAe,WAAW,GAAG"}

package/dist/components/ui/tooltip.module.js

@@ -0,0 +1,9 @@
+import "./tooltip_module.css";
+const tooltip_module = {
+    trigger: "trigger-GlwNv7",
+    positioner: "positioner-Z9RG3p",
+    popup: "popup-ec3lPB"
+};
+export default tooltip_module;
+
+//# sourceMappingURL=tooltip.module.js.map

package/dist/components/ui/tooltip.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/tooltip.module.js","sources":["../../../src/components/ui/tooltip.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./tooltip_module.css\"\nexport default {\"trigger\":\"trigger-GlwNv7\",\"positioner\":\"positioner-Z9RG3p\",\"popup\":\"popup-ec3lPB\"};"],"names":[],"mappings":";AAEA,uBAAe;IAAC,SAAU;IAAiB,YAAa;IAAoB,OAAQ;AAAc"}