@arolariu/components 1.0.0 → 2.0.0

package/dist/components/ui/toolbar.js

@@ -1,15 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { Toolbar } from "@base-ui/react/toolbar";
+import { Toolbar as toolbar_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) {
+import * as __rspack_external_react from "react";
+const ui_toolbar_Toolbar = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Toolbar.Root, {
+    return /*#__PURE__*/ jsx(toolbar_Toolbar.Root, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -19,11 +20,12 @@ function toolbar_Toolbar(props) {
         }),
         children: children
     });
-}
-function ToolbarButton(props) {
+});
+const toolbar_ToolbarButton = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Toolbar.Button, {
+    return /*#__PURE__*/ jsx(toolbar_Toolbar.Button, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "button",
             render: render,
@@ -33,11 +35,12 @@ function ToolbarButton(props) {
         }),
         children: children
     });
-}
-function ToolbarGroup(props) {
+});
+const toolbar_ToolbarGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Toolbar.Group, {
+    return /*#__PURE__*/ jsx(toolbar_Toolbar.Group, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -47,11 +50,12 @@ function ToolbarGroup(props) {
         }),
         children: children
     });
-}
-function ToolbarSeparator(props) {
+});
+const toolbar_ToolbarSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Toolbar.Separator, {
+    return /*#__PURE__*/ jsx(toolbar_Toolbar.Separator, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -60,11 +64,12 @@ function ToolbarSeparator(props) {
             }, {})
         })
     });
-}
-function ToolbarLink(props) {
+});
+const toolbar_ToolbarLink = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, children, render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Toolbar.Link, {
+    return /*#__PURE__*/ jsx(toolbar_Toolbar.Link, {
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "a",
             render: render,
@@ -74,12 +79,12 @@ function ToolbarLink(props) {
         }),
         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 };
+});
+ui_toolbar_Toolbar.displayName = "Toolbar";
+toolbar_ToolbarButton.displayName = "ToolbarButton";
+toolbar_ToolbarGroup.displayName = "ToolbarGroup";
+toolbar_ToolbarSeparator.displayName = "ToolbarSeparator";
+toolbar_ToolbarLink.displayName = "ToolbarLink";
+export { toolbar_ToolbarButton as ToolbarButton, toolbar_ToolbarGroup as ToolbarGroup, toolbar_ToolbarLink as ToolbarLink, toolbar_ToolbarSeparator as ToolbarSeparator, ui_toolbar_Toolbar as Toolbar };
 
 //# sourceMappingURL=toolbar.js.map

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

@@ -1 +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"}
+{"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\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\nconst Toolbar = React.forwardRef<HTMLDivElement, Toolbar.Props>(function Toolbar(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Root\r\n      {...otherProps}\r\n      ref={forwardedRef}\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\nconst ToolbarButton = React.forwardRef<HTMLButtonElement, ToolbarButton.Props>(function ToolbarButton(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Button\r\n      {...otherProps}\r\n      ref={forwardedRef}\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\nconst ToolbarGroup = React.forwardRef<HTMLDivElement, ToolbarGroup.Props>(function ToolbarGroup(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Group\r\n      {...otherProps}\r\n      ref={forwardedRef}\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\nconst ToolbarSeparator = React.forwardRef<HTMLDivElement, ToolbarSeparator.Props>(function ToolbarSeparator(props, forwardedRef) {\r\n  const {className, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Separator\r\n      {...otherProps}\r\n      ref={forwardedRef}\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\nconst ToolbarLink = React.forwardRef<HTMLAnchorElement, ToolbarLink.Props>(function ToolbarLink(props, forwardedRef) {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseToolbar.Link\r\n      {...otherProps}\r\n      ref={forwardedRef}\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 = React.ComponentPropsWithRef<typeof BaseToolbar.Root>;\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 = React.ComponentPropsWithRef<typeof BaseToolbar.Button>;\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 = React.ComponentPropsWithRef<typeof BaseToolbar.Group>;\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 = React.ComponentPropsWithRef<typeof BaseToolbar.Separator>;\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 = React.ComponentPropsWithRef<typeof BaseToolbar.Link>;\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","React","props","forwardedRef","className","children","render","otherProps","BaseToolbar","useRender","mergeProps","cn","styles","ToolbarButton","ToolbarGroup","ToolbarSeparator","ToolbarLink"],"mappings":";;;;;;;;AA4BA,MAAMA,qBAAU,WAAHA,GAAGC,wBAAAA,UAAgB,CAAgC,SAAiBC,KAAK,EAAEC,YAAY;IAClG,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AAiBA,MAAMQ,wBAAgB,WAAHA,GAAGZ,wBAAAA,UAAgB,CAAyC,SAAuBC,KAAK,EAAEC,YAAY;IACvH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,MAAkB;QAChB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,MAAa,EAAER;YAAU,GAAG,CAAC;QAC7E;kBACCC;;AAGP;AAmBA,MAAMS,uBAAe,WAAHA,GAAGb,wBAAAA,UAAgB,CAAqC,SAAsBC,KAAK,EAAEC,YAAY;IACjH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,KAAiB;QACf,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAgBA,MAAMU,2BAAmB,WAAHA,GAAGd,wBAAAA,UAAgB,CAAyC,SAA0BC,KAAK,EAAEC,YAAY;IAC7H,MAAM,EAACC,SAAS,EAAEE,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAE3C,OAAO,WAAP,GACE,IAACM,gBAAAA,SAAqB;QACnB,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,SAAgB,EAAER;YAAU,GAAG,CAAC;QACnE;;AAGN;AAgBA,MAAMY,sBAAc,WAAHA,GAAGf,wBAAAA,UAAgB,CAAuC,SAAqBC,KAAK,EAAEC,YAAY;IACjH,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,IAACM,gBAAAA,IAAgB;QACd,GAAGD,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,eAAAA,IAAW,EAAEA,eAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC3E;kBACCC;;AAGP;AAgCAL,mBAAQ,WAAW,GAAG;AACtBa,sBAAc,WAAW,GAAG;AAC5BC,qBAAa,WAAW,GAAG;AAC3BC,yBAAiB,WAAW,GAAG;AAC/BC,oBAAY,WAAW,GAAG"}

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

@@ -1 +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":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/toolbar.module.css","webpack://./src/components/ui/toolbar.module.css"],"names":[],"mappings":"AAAA;ECCE,gCAAgC;EAChC,kCAAkC;EAClC,8CAA8C;EAC9C,gCAAgC;EAChC,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;EACpB,+BAA+B;;EDTmP;ICYhR,sBAAsB;IACtB,oBAAoB;EACtB;;EDdyV;ICiBvV,WAAW;EACb;AACF;;ADnBwX;ECsBtX,mBAAmB;EACnB,sBAAsB;EACtB,oBAAoB;;EDxBsa;IC2Bxb,sBAAsB;IACtB,oBAAoB;EACtB;;ED7BigB;ICgC/f,WAAW;EACb;AACF;;ADlCgiB;ECqC9hB,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;;EDpD09B;ICuD5+B,kCAAkC;IAClC,0CAA0C;IAC1C,kCAAkC;EACpC;;ED1D4mC;IC6D1mC,WAAW;IACX,oBAAoB;EACtB;;ED/D4pC;ICkE1pC,cAAc;IACd,cAAc;IACd,eAAe;EACjB;AACF;;ADtEgtC;ECyE9sC,eAAe;EACf,uBAAuB;EACvB,SAAS;;ED3EkwC;IAAqB;MC+E5xC,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;ADnFq4C;EAAM;IAAqB;MCwF15C,kCAAkC;MAClC,kCAAkC;IACpC;EACF;AACF;;AD5F8+C;EC+F5+C,kCAAkC;EAClC,cAAc;EACd,mBAAmB;;EDjGuiD;ICoGxjD,WAAW;IACX,WAAW;IACX,eAAe;EACjB;;EDvG8nD;IC0G5nD,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.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { Tooltip } from "@base-ui/react/tooltip";
-import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
 import tooltip_module from "./tooltip.module.js";
+import * as __rspack_external_react from "react";
 const TooltipProvider = ({ children })=>children;
 TooltipProvider.displayName = "TooltipProvider";
 function tooltip_Tooltip(props) {
@@ -17,9 +17,9 @@ function tooltip_Tooltip(props) {
     });
 }
 tooltip_Tooltip.displayName = "Tooltip";
-const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+const TooltipTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { asChild = false, children, className, ...otherProps } = props;
-    if (asChild && /*#__PURE__*/ isValidElement(children)) return /*#__PURE__*/ jsx(Tooltip.Trigger, {
+    if (asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children)) return /*#__PURE__*/ jsx(Tooltip.Trigger, {
         ref: ref,
         className: cn(tooltip_module.trigger, className),
         render: children,
@@ -33,7 +33,7 @@ const TooltipTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
     });
 });
 TooltipTrigger.displayName = "TooltipTrigger";
-const TooltipContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+const TooltipContent = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, side = "top", sideOffset = 4, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Tooltip.Portal, {
         children: /*#__PURE__*/ jsx(Tooltip.Positioner, {

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 {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"}
+{"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,wBAAAA,UAAgB,CACrC,CAACP,OAAuCQ;IAEtC,MAAM,EAACC,UAAU,KAAK,EAAEX,QAAQ,EAAEY,SAAS,EAAE,GAAGR,YAAW,GAAGF;IAE9D,IAAIS,WAAW,WAAXA,GAAWF,wBAAAA,cAAoB,CAACT,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,wBAAAA,UAAgB,CACrC,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.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/tooltip.module.css","webpack://./src/components/ui/tooltip.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,oBAAoB;AACtB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,4CAA4C;EAC5C,yCAAyC;EACzC,iFAAiF;EACjF,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,+BAA+B;;EAE/B;IACE,cAAc;IACd,uBAAuB;EACzB;;EAEA;IACE,UAAU;IACV,qBAAqB;EACvB;AACF","sourcesContent":[".trigger{display:inline-flex;max-width:max-content}.positioner{z-index:50}.popup{background-color:var(--ac-foreground);border-radius:var(--ac-radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--ac-background);font-size:var(--ac-text-xs);line-height:1.5;overflow:hidden;padding:var(--ac-space-1) var(--ac-space-2);position:relative;transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-fast),transform var(--ac-transition-fast);& *{background-color:transparent;color:inherit}&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.96)}}",".trigger {\n  max-width: max-content;\n  display: inline-flex;\n}\n\n.positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-foreground);\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-background);\n  font-size: var(--ac-text-xs);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-fast),transform var(--ac-transition-fast);\n  line-height: 1.5;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 2px 8px #0000001f;\n\n  & * {\n    color: inherit;\n    background-color: #0000;\n  }\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n    transform: scale(.96);\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/tooltip.module.css","webpack://./src/components/ui/tooltip.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,oBAAoB;AACtB;;ADHmD;ECMjD,WAAW;AACb;;ADP0E;ECUxE,sCAAsC;EACtC,kCAAkC;EAClC,2BAA2B;EAC3B,4BAA4B;EAC5B,4CAA4C;EAC5C,yCAAyC;EACzC,iFAAiF;EACjF,gBAAgB;EAChB,kBAAkB;EAClB,gBAAgB;EAChB,+BAA+B;;EDpB4a;ICuBzc,cAAc;IACd,uBAAuB;EACzB;;EDzB0f;IC4Bxf,UAAU;IACV,qBAAqB;EACvB;AACF","sourcesContent":[".trigger{display:inline-flex;max-width:max-content}.positioner{z-index:50}.popup{background-color:var(--ac-foreground);border-radius:var(--ac-radius-sm);box-shadow:0 2px 8px rgba(0,0,0,.12);color:var(--ac-background);font-size:var(--ac-text-xs);line-height:1.5;overflow:hidden;padding:var(--ac-space-1) var(--ac-space-2);position:relative;transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-fast),transform var(--ac-transition-fast);& *{background-color:transparent;color:inherit}&[data-ending-style],&[data-starting-style]{opacity:0;transform:scale(.96)}}",".trigger {\n  max-width: max-content;\n  display: inline-flex;\n}\n\n.positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-foreground);\n  border-radius: var(--ac-radius-sm);\n  color: var(--ac-background);\n  font-size: var(--ac-text-xs);\n  padding: var(--ac-space-1) var(--ac-space-2);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-fast),transform var(--ac-transition-fast);\n  line-height: 1.5;\n  position: relative;\n  overflow: hidden;\n  box-shadow: 0 2px 8px #0000001f;\n\n  & * {\n    color: inherit;\n    background-color: #0000;\n  }\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n    transform: scale(.96);\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/typewriter.js

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion, stagger, useAnimate, useInView } from "motion/react";
-import { forwardRef, useEffect } from "react";
 import { cn } from "../../lib/utilities.js";
 import typewriter_module from "./typewriter.module.js";
-const TypewriterText = /*#__PURE__*/ forwardRef(({ words, className, cursorClassName }, ref)=>{
+import * as __rspack_external_react from "react";
+const TypewriterText = /*#__PURE__*/ __rspack_external_react.forwardRef(({ words, className, cursorClassName }, ref)=>{
     const wordsArray = words.map((word)=>({
             ...word,
             text: [
@@ -13,7 +13,7 @@ const TypewriterText = /*#__PURE__*/ forwardRef(({ words, className, cursorClass
         }));
     const [scope, animate] = useAnimate();
     const isInView = useInView(scope);
-    useEffect(()=>{
+    __rspack_external_react.useEffect(()=>{
         if (!isInView) return;
         animate("span", {
             display: "inline-block",
@@ -65,7 +65,7 @@ const TypewriterText = /*#__PURE__*/ forwardRef(({ words, className, cursorClass
     });
 });
 TypewriterText.displayName = "TypewriterText";
-const TypewriterTextSmooth = /*#__PURE__*/ forwardRef(({ words, className, cursorClassName }, ref)=>{
+const TypewriterTextSmooth = /*#__PURE__*/ __rspack_external_react.forwardRef(({ words, className, cursorClassName }, ref)=>{
     const wordsArray = words.map((word)=>({
             ...word,
             text: [

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/typewriter.js","sources":["../../../src/components/ui/typewriter.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, stagger, useAnimate, useInView} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./typewriter.module.css\";\r\n\r\n/** Single word definition consumed by the typewriter components. */\r\nexport interface TypewriterWord {\r\n  /** Word content split into animated characters at render time. @default undefined */\r\n  text: string;\r\n  /** Additional CSS classes merged with each rendered character. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/** Props accepted by {@link TypewriterText} and {@link TypewriterTextSmooth}. */\r\nexport interface TypewriterTextProps {\r\n  /** Ordered list of words rendered by the typewriter animation. @default undefined */\r\n  words: ReadonlyArray<TypewriterWord>;\r\n  /** Additional CSS classes merged with the outer container. @default undefined */\r\n  className?: string;\r\n  /** Additional CSS classes merged with the blinking cursor element. @default undefined */\r\n  cursorClassName?: string;\r\n}\r\n\r\n/**\r\n * Reveals text one character at a time with a stepped typewriter animation.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <TypewriterText words={[{text: \"Hello\"}, {text: \"world\"}]} />\r\n * ```\r\n *\r\n * @see {@link TypewriterTextProps} for available props\r\n */\r\nconst TypewriterText = React.forwardRef<HTMLDivElement, TypewriterTextProps>(\r\n  ({words, className, cursorClassName}: Readonly<TypewriterTextProps>, ref): React.JSX.Element => {\r\n    const wordsArray = words.map((word) => ({\r\n      ...word,\r\n      text: [...word.text],\r\n    }));\r\n\r\n    const [scope, animate] = useAnimate();\r\n    const isInView = useInView(scope);\r\n\r\n    React.useEffect(() => {\r\n      if (!isInView) {\r\n        return;\r\n      }\r\n\r\n      animate(\r\n        \"span\",\r\n        {\r\n          display: \"inline-block\",\r\n          opacity: 1,\r\n          width: \"fit-content\",\r\n        },\r\n        {\r\n          duration: 0.3,\r\n          delay: stagger(0.1),\r\n          ease: \"easeInOut\",\r\n        },\r\n      );\r\n    }, [animate, isInView]);\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.root, className)}>\r\n        <motion.div\r\n          ref={scope}\r\n          className={styles.inline}>\r\n          {wordsArray.map((word, wordIndex) => (\r\n            <div\r\n              key={`word-${wordIndex}`}\r\n              className={styles.word}>\r\n              {word.text.map((character, characterIndex) => (\r\n                <motion.span\r\n                  initial={{}}\r\n                  key={`char-${characterIndex}`}\r\n                  className={cn(styles.hiddenCharacter, word.className)}>\r\n                  {character}\r\n                </motion.span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          ))}\r\n        </motion.div>\r\n        <motion.span\r\n          initial={{opacity: 0}}\r\n          animate={{opacity: 1}}\r\n          transition={{duration: 0.8, repeat: Infinity, repeatType: \"reverse\"}}\r\n          className={cn(styles.cursor, cursorClassName)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTypewriterText.displayName = \"TypewriterText\";\r\n\r\n/**\r\n * Reveals text with a continuous width-based typewriter sweep animation.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <TypewriterTextSmooth words={[{text: \"Smooth\"}, {text: \"typing\"}]} />\r\n * ```\r\n *\r\n * @see {@link TypewriterTextProps} for available props\r\n */\r\nconst TypewriterTextSmooth = React.forwardRef<HTMLDivElement, TypewriterTextProps>(\r\n  ({words, className, cursorClassName}: Readonly<TypewriterTextProps>, ref): React.JSX.Element => {\r\n    const wordsArray = words.map((word) => ({\r\n      ...word,\r\n      text: [...word.text],\r\n    }));\r\n\r\n    const renderWords = (): React.JSX.Element => {\r\n      return (\r\n        <div>\r\n          {wordsArray.map((word, wordIndex) => (\r\n            <div\r\n              key={`word-${wordIndex}`}\r\n              className={styles.word}>\r\n              {word.text.map((character, characterIndex) => (\r\n                <span\r\n                  key={`char-${characterIndex}`}\r\n                  className={cn(styles.visibleCharacter, word.className)}>\r\n                  {character}\r\n                </span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          ))}\r\n        </div>\r\n      );\r\n    };\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.smoothRoot, className)}>\r\n        <motion.div\r\n          className={styles.smoothViewport}\r\n          initial={{width: \"0%\"}}\r\n          whileInView={{width: \"fit-content\"}}\r\n          transition={{duration: 2, ease: \"linear\", delay: 1}}>\r\n          <div className={styles.smoothText}>{renderWords()}</div>\r\n        </motion.div>\r\n        <motion.span\r\n          initial={{opacity: 0}}\r\n          animate={{opacity: 1}}\r\n          transition={{duration: 0.8, repeat: Infinity, repeatType: \"reverse\"}}\r\n          className={cn(styles.smoothCursor, cursorClassName)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTypewriterTextSmooth.displayName = \"TypewriterTextSmooth\";\r\n\r\nexport {TypewriterText, TypewriterTextSmooth};\r\n"],"names":["TypewriterText","React","words","className","cursorClassName","ref","wordsArray","word","scope","animate","useAnimate","isInView","useInView","stagger","cn","styles","motion","wordIndex","character","characterIndex","Infinity","TypewriterTextSmooth","renderWords"],"mappings":";;;;;;AA0CA,MAAMA,iBAAiB,WAAHA,GAAGC,WACrB,CAAC,EAACC,KAAK,EAAEC,SAAS,EAAEC,eAAe,EAAgC,EAAEC;IACnE,MAAMC,aAAaJ,MAAM,GAAG,CAAC,CAACK,OAAU;YACtC,GAAGA,IAAI;YACP,MAAM;mBAAIA,KAAK,IAAI;aAAC;QACtB;IAEA,MAAM,CAACC,OAAOC,QAAQ,GAAGC;IACzB,MAAMC,WAAWC,UAAUJ;IAE3BP,UAAgB;QACd,IAAI,CAACU,UACH;QAGFF,QACE,QACA;YACE,SAAS;YACT,SAAS;YACT,OAAO;QACT,GACA;YACE,UAAU;YACV,OAAOI,QAAQ;YACf,MAAM;QACR;IAEJ,GAAG;QAACJ;QAASE;KAAS;IAEtB,OAAO,WAAP,GACE,KAAC;QACC,KAAKN;QACL,WAAWS,GAAGC,kBAAAA,IAAW,EAAEZ;;0BAC3B,IAACa,OAAO,GAAG;gBACT,KAAKR;gBACL,WAAWO,kBAAAA,MAAa;0BACvBT,WAAW,GAAG,CAAC,CAACC,MAAMU,YAAAA,WAAAA,GACrB,KAAC;wBAEC,WAAWF,kBAAAA,IAAW;;4BACrBR,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,WAAWC,iBAAAA,WAAAA,GACzB,IAACH,OAAO,IAAI;oCACV,SAAS,CAAC;oCAEV,WAAWF,GAAGC,kBAAAA,eAAsB,EAAER,KAAK,SAAS;8CACnDW;mCAFI,CAAC,KAAK,EAAEC,gBAAgB;4BAI9B;;uBATE,CAAC,KAAK,EAAEF,WAAW;;0BAc9B,IAACD,OAAO,IAAI;gBACV,SAAS;oBAAC,SAAS;gBAAC;gBACpB,SAAS;oBAAC,SAAS;gBAAC;gBACpB,YAAY;oBAAC,UAAU;oBAAK,QAAQI;oBAAU,YAAY;gBAAS;gBACnE,WAAWN,GAAGC,kBAAAA,MAAa,EAAEX;;;;AAIrC;AAEFJ,eAAe,WAAW,GAAG;AAkB7B,MAAMqB,uBAAuB,WAAHA,GAAGpB,WAC3B,CAAC,EAACC,KAAK,EAAEC,SAAS,EAAEC,eAAe,EAAgC,EAAEC;IACnE,MAAMC,aAAaJ,MAAM,GAAG,CAAC,CAACK,OAAU;YACtC,GAAGA,IAAI;YACP,MAAM;mBAAIA,KAAK,IAAI;aAAC;QACtB;IAEA,MAAMe,cAAc,IACX,WAAP,GACE,IAAC;sBACEhB,WAAW,GAAG,CAAC,CAACC,MAAMU,YAAAA,WAAAA,GACrB,KAAC;oBAEC,WAAWF,kBAAAA,IAAW;;wBACrBR,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,WAAWC,iBAAAA,WAAAA,GACzB,IAAC;gCAEC,WAAWL,GAAGC,kBAAAA,gBAAuB,EAAER,KAAK,SAAS;0CACpDW;+BAFI,CAAC,KAAK,EAAEC,gBAAgB;wBAI9B;;mBARE,CAAC,KAAK,EAAEF,WAAW;;IAgBlC,OAAO,WAAP,GACE,KAAC;QACC,KAAKZ;QACL,WAAWS,GAAGC,kBAAAA,UAAiB,EAAEZ;;0BACjC,IAACa,OAAO,GAAG;gBACT,WAAWD,kBAAAA,cAAqB;gBAChC,SAAS;oBAAC,OAAO;gBAAI;gBACrB,aAAa;oBAAC,OAAO;gBAAa;gBAClC,YAAY;oBAAC,UAAU;oBAAG,MAAM;oBAAU,OAAO;gBAAC;0BAClD,kBAAC;oBAAI,WAAWA,kBAAAA,UAAiB;8BAAGO;;;0BAEtC,IAACN,OAAO,IAAI;gBACV,SAAS;oBAAC,SAAS;gBAAC;gBACpB,SAAS;oBAAC,SAAS;gBAAC;gBACpB,YAAY;oBAAC,UAAU;oBAAK,QAAQI;oBAAU,YAAY;gBAAS;gBACnE,WAAWN,GAAGC,kBAAAA,YAAmB,EAAEX;;;;AAI3C;AAEFiB,qBAAqB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/typewriter.js","sources":["../../../src/components/ui/typewriter.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, stagger, useAnimate, useInView} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./typewriter.module.css\";\r\n\r\n/** Single word definition consumed by the typewriter components. */\r\nexport interface TypewriterWord {\r\n  /** Word content split into animated characters at render time. @default undefined */\r\n  text: string;\r\n  /** Additional CSS classes merged with each rendered character. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/** Props accepted by {@link TypewriterText} and {@link TypewriterTextSmooth}. */\r\nexport interface TypewriterTextProps {\r\n  /** Ordered list of words rendered by the typewriter animation. @default undefined */\r\n  words: ReadonlyArray<TypewriterWord>;\r\n  /** Additional CSS classes merged with the outer container. @default undefined */\r\n  className?: string;\r\n  /** Additional CSS classes merged with the blinking cursor element. @default undefined */\r\n  cursorClassName?: string;\r\n}\r\n\r\n/**\r\n * Reveals text one character at a time with a stepped typewriter animation.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <TypewriterText words={[{text: \"Hello\"}, {text: \"world\"}]} />\r\n * ```\r\n *\r\n * @see {@link TypewriterTextProps} for available props\r\n */\r\nconst TypewriterText = React.forwardRef<HTMLDivElement, TypewriterTextProps>(\r\n  ({words, className, cursorClassName}: Readonly<TypewriterTextProps>, ref): React.JSX.Element => {\r\n    const wordsArray = words.map((word) => ({\r\n      ...word,\r\n      text: [...word.text],\r\n    }));\r\n\r\n    const [scope, animate] = useAnimate();\r\n    const isInView = useInView(scope);\r\n\r\n    React.useEffect(() => {\r\n      if (!isInView) {\r\n        return;\r\n      }\r\n\r\n      animate(\r\n        \"span\",\r\n        {\r\n          display: \"inline-block\",\r\n          opacity: 1,\r\n          width: \"fit-content\",\r\n        },\r\n        {\r\n          duration: 0.3,\r\n          delay: stagger(0.1),\r\n          ease: \"easeInOut\",\r\n        },\r\n      );\r\n    }, [animate, isInView]);\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.root, className)}>\r\n        <motion.div\r\n          ref={scope}\r\n          className={styles.inline}>\r\n          {wordsArray.map((word, wordIndex) => (\r\n            <div\r\n              key={`word-${wordIndex}`}\r\n              className={styles.word}>\r\n              {word.text.map((character, characterIndex) => (\r\n                <motion.span\r\n                  initial={{}}\r\n                  key={`char-${characterIndex}`}\r\n                  className={cn(styles.hiddenCharacter, word.className)}>\r\n                  {character}\r\n                </motion.span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          ))}\r\n        </motion.div>\r\n        <motion.span\r\n          initial={{opacity: 0}}\r\n          animate={{opacity: 1}}\r\n          transition={{duration: 0.8, repeat: Infinity, repeatType: \"reverse\"}}\r\n          className={cn(styles.cursor, cursorClassName)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTypewriterText.displayName = \"TypewriterText\";\r\n\r\n/**\r\n * Reveals text with a continuous width-based typewriter sweep animation.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <TypewriterTextSmooth words={[{text: \"Smooth\"}, {text: \"typing\"}]} />\r\n * ```\r\n *\r\n * @see {@link TypewriterTextProps} for available props\r\n */\r\nconst TypewriterTextSmooth = React.forwardRef<HTMLDivElement, TypewriterTextProps>(\r\n  ({words, className, cursorClassName}: Readonly<TypewriterTextProps>, ref): React.JSX.Element => {\r\n    const wordsArray = words.map((word) => ({\r\n      ...word,\r\n      text: [...word.text],\r\n    }));\r\n\r\n    const renderWords = (): React.JSX.Element => {\r\n      return (\r\n        <div>\r\n          {wordsArray.map((word, wordIndex) => (\r\n            <div\r\n              key={`word-${wordIndex}`}\r\n              className={styles.word}>\r\n              {word.text.map((character, characterIndex) => (\r\n                <span\r\n                  key={`char-${characterIndex}`}\r\n                  className={cn(styles.visibleCharacter, word.className)}>\r\n                  {character}\r\n                </span>\r\n              ))}\r\n              &nbsp;\r\n            </div>\r\n          ))}\r\n        </div>\r\n      );\r\n    };\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        className={cn(styles.smoothRoot, className)}>\r\n        <motion.div\r\n          className={styles.smoothViewport}\r\n          initial={{width: \"0%\"}}\r\n          whileInView={{width: \"fit-content\"}}\r\n          transition={{duration: 2, ease: \"linear\", delay: 1}}>\r\n          <div className={styles.smoothText}>{renderWords()}</div>\r\n        </motion.div>\r\n        <motion.span\r\n          initial={{opacity: 0}}\r\n          animate={{opacity: 1}}\r\n          transition={{duration: 0.8, repeat: Infinity, repeatType: \"reverse\"}}\r\n          className={cn(styles.smoothCursor, cursorClassName)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\nTypewriterTextSmooth.displayName = \"TypewriterTextSmooth\";\r\n\r\nexport {TypewriterText, TypewriterTextSmooth};\r\n"],"names":["TypewriterText","React","words","className","cursorClassName","ref","wordsArray","word","scope","animate","useAnimate","isInView","useInView","stagger","cn","styles","motion","wordIndex","character","characterIndex","Infinity","TypewriterTextSmooth","renderWords"],"mappings":";;;;;;AA0CA,MAAMA,iBAAiB,WAAHA,GAAGC,wBAAAA,UAAgB,CACrC,CAAC,EAACC,KAAK,EAAEC,SAAS,EAAEC,eAAe,EAAgC,EAAEC;IACnE,MAAMC,aAAaJ,MAAM,GAAG,CAAC,CAACK,OAAU;YACtC,GAAGA,IAAI;YACP,MAAM;mBAAIA,KAAK,IAAI;aAAC;QACtB;IAEA,MAAM,CAACC,OAAOC,QAAQ,GAAGC;IACzB,MAAMC,WAAWC,UAAUJ;IAE3BP,wBAAAA,SAAe,CAAC;QACd,IAAI,CAACU,UACH;QAGFF,QACE,QACA;YACE,SAAS;YACT,SAAS;YACT,OAAO;QACT,GACA;YACE,UAAU;YACV,OAAOI,QAAQ;YACf,MAAM;QACR;IAEJ,GAAG;QAACJ;QAASE;KAAS;IAEtB,OAAO,WAAP,GACE,KAAC;QACC,KAAKN;QACL,WAAWS,GAAGC,kBAAAA,IAAW,EAAEZ;;0BAC3B,IAACa,OAAO,GAAG;gBACT,KAAKR;gBACL,WAAWO,kBAAAA,MAAa;0BACvBT,WAAW,GAAG,CAAC,CAACC,MAAMU,YAAAA,WAAAA,GACrB,KAAC;wBAEC,WAAWF,kBAAAA,IAAW;;4BACrBR,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,WAAWC,iBAAAA,WAAAA,GACzB,IAACH,OAAO,IAAI;oCACV,SAAS,CAAC;oCAEV,WAAWF,GAAGC,kBAAAA,eAAsB,EAAER,KAAK,SAAS;8CACnDW;mCAFI,CAAC,KAAK,EAAEC,gBAAgB;4BAI9B;;uBATE,CAAC,KAAK,EAAEF,WAAW;;0BAc9B,IAACD,OAAO,IAAI;gBACV,SAAS;oBAAC,SAAS;gBAAC;gBACpB,SAAS;oBAAC,SAAS;gBAAC;gBACpB,YAAY;oBAAC,UAAU;oBAAK,QAAQI;oBAAU,YAAY;gBAAS;gBACnE,WAAWN,GAAGC,kBAAAA,MAAa,EAAEX;;;;AAIrC;AAEFJ,eAAe,WAAW,GAAG;AAkB7B,MAAMqB,uBAAuB,WAAHA,GAAGpB,wBAAAA,UAAgB,CAC3C,CAAC,EAACC,KAAK,EAAEC,SAAS,EAAEC,eAAe,EAAgC,EAAEC;IACnE,MAAMC,aAAaJ,MAAM,GAAG,CAAC,CAACK,OAAU;YACtC,GAAGA,IAAI;YACP,MAAM;mBAAIA,KAAK,IAAI;aAAC;QACtB;IAEA,MAAMe,cAAc,IACX,WAAP,GACE,IAAC;sBACEhB,WAAW,GAAG,CAAC,CAACC,MAAMU,YAAAA,WAAAA,GACrB,KAAC;oBAEC,WAAWF,kBAAAA,IAAW;;wBACrBR,KAAK,IAAI,CAAC,GAAG,CAAC,CAACW,WAAWC,iBAAAA,WAAAA,GACzB,IAAC;gCAEC,WAAWL,GAAGC,kBAAAA,gBAAuB,EAAER,KAAK,SAAS;0CACpDW;+BAFI,CAAC,KAAK,EAAEC,gBAAgB;wBAI9B;;mBARE,CAAC,KAAK,EAAEF,WAAW;;IAgBlC,OAAO,WAAP,GACE,KAAC;QACC,KAAKZ;QACL,WAAWS,GAAGC,kBAAAA,UAAiB,EAAEZ;;0BACjC,IAACa,OAAO,GAAG;gBACT,WAAWD,kBAAAA,cAAqB;gBAChC,SAAS;oBAAC,OAAO;gBAAI;gBACrB,aAAa;oBAAC,OAAO;gBAAa;gBAClC,YAAY;oBAAC,UAAU;oBAAG,MAAM;oBAAU,OAAO;gBAAC;0BAClD,kBAAC;oBAAI,WAAWA,kBAAAA,UAAiB;8BAAGO;;;0BAEtC,IAACN,OAAO,IAAI;gBACV,SAAS;oBAAC,SAAS;gBAAC;gBACpB,SAAS;oBAAC,SAAS;gBAAC;gBACpB,YAAY;oBAAC,UAAU;oBAAK,QAAQI;oBAAU,YAAY;gBAAS;gBACnE,WAAWN,GAAGC,kBAAAA,YAAmB,EAAEX;;;;AAI3C;AAEFiB,qBAAqB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/typewriter.module.css","webpack://./src/components/ui/typewriter.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,UAAU;EACV,aAAa;AACf;;AAEA;EACE,2BAA2B;AAC7B;;AAEA;EACE,kCAAkC;EAClC,mBAAmB;EACnB,UAAU;EACV,qBAAqB;AACvB;;AAEA;EACE,YAAY;AACd;;AAEA;EACE,WAAW;EACX,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,qBAAqB;EACrB,gBAAgB;AAClB;;AAEA;EACE,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;AAClB;;AAEA;EACE,YAAY;EACZ,cAAc;AAChB;;AAEA;EACE;IACE,kBAAkB;EACpB;;EAEA;IACE,cAAc;EAChB;;EAEA;IACE,eAAe;EACjB;;EAEA;IACE,cAAc;EAChB;AACF;;AAEA;EACE;IACE,mBAAmB;EACrB;AACF;;AAEA;EACE;IACE,eAAe;EACjB;;EAEA;IACE,cAAc;EAChB;AACF;;AAEA;EACE;IACE,eAAe;EACjB;;EAEA;IACE,YAAY;EACd;AACF","sourcesContent":[".root{font-size:1rem;font-weight:700;text-align:center}.inline{display:inline}.word{display:inline-block}.hiddenCharacter{display:none;opacity:0}.hiddenCharacter,.visibleCharacter{color:var(--ac-foreground)}.cursor,.smoothCursor{background:#3b82f6;border-radius:var(--ac-radius-xs);display:inline-block;width:4px}.cursor{height:1rem}.smoothRoot{display:flex;gap:.25rem;margin:1.5rem 0}.smoothViewport{overflow:hidden;padding-bottom:.5rem}.smoothText{font-size:.75rem;font-weight:700;white-space:nowrap}.smoothCursor{display:block;height:1rem}@media (min-width:640px){.root{font-size:1.25rem}.cursor{height:1.5rem}.smoothText{font-size:1rem}.smoothCursor{height:1.5rem}}@media (min-width:768px){.root{font-size:1.875rem}}@media (min-width:1024px){.root{font-size:3rem}.cursor{height:2.5rem}}@media (min-width:1280px){.smoothText{font-size:3rem}.smoothCursor{height:3rem}}",".root {\n  text-align: center;\n  font-size: 1rem;\n  font-weight: 700;\n}\n\n.inline {\n  display: inline;\n}\n\n.word {\n  display: inline-block;\n}\n\n.hiddenCharacter {\n  opacity: 0;\n  display: none;\n}\n\n.hiddenCharacter, .visibleCharacter {\n  color: var(--ac-foreground);\n}\n\n.cursor, .smoothCursor {\n  border-radius: var(--ac-radius-xs);\n  background: #3b82f6;\n  width: 4px;\n  display: inline-block;\n}\n\n.cursor {\n  height: 1rem;\n}\n\n.smoothRoot {\n  gap: .25rem;\n  margin: 1.5rem 0;\n  display: flex;\n}\n\n.smoothViewport {\n  padding-bottom: .5rem;\n  overflow: hidden;\n}\n\n.smoothText {\n  white-space: nowrap;\n  font-size: .75rem;\n  font-weight: 700;\n}\n\n.smoothCursor {\n  height: 1rem;\n  display: block;\n}\n\n@media (width >= 640px) {\n  .root {\n    font-size: 1.25rem;\n  }\n\n  .cursor {\n    height: 1.5rem;\n  }\n\n  .smoothText {\n    font-size: 1rem;\n  }\n\n  .smoothCursor {\n    height: 1.5rem;\n  }\n}\n\n@media (width >= 768px) {\n  .root {\n    font-size: 1.875rem;\n  }\n}\n\n@media (width >= 1024px) {\n  .root {\n    font-size: 3rem;\n  }\n\n  .cursor {\n    height: 2.5rem;\n  }\n}\n\n@media (width >= 1280px) {\n  .smoothText {\n    font-size: 3rem;\n  }\n\n  .smoothCursor {\n    height: 3rem;\n  }\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/typewriter.module.css","webpack://./src/components/ui/typewriter.module.css"],"names":[],"mappings":"AAAA;ECCE,kBAAkB;EAClB,eAAe;EACf,gBAAgB;AAClB;;ADJuD;ECOrD,eAAe;AACjB;;ADR8E;ECW5E,qBAAqB;AACvB;;ADZyG;ECevG,UAAU;EACV,aAAa;AACf;;ADjBiJ;ECoB/I,2BAA2B;AAC7B;;ADrB+M;ECwB7M,kCAAkC;EAClC,mBAAmB;EACnB,UAAU;EACV,qBAAqB;AACvB;;AD5ByT;EC+BvT,YAAY;AACd;;ADhC6U;ECmC3U,WAAW;EACX,gBAAgB;EAChB,aAAa;AACf;;ADtCiY;ECyC/X,qBAAqB;EACrB,gBAAgB;AAClB;;AD3Csb;EC8Cpb,mBAAmB;EACnB,iBAAiB;EACjB,gBAAgB;AAClB;;ADjDsf;ECoDpf,YAAY;EACZ,cAAc;AAChB;;ADtD8hB;EAAyB;IC0DnjB,kBAAkB;EACpB;;ED3D6kB;IC8D3kB,cAAc;EAChB;;ED/DmmB;ICkEjmB,eAAe;EACjB;;EDnE8nB;ICsE5nB,cAAc;EAChB;AACF;;ADxE6pB;EAAyB;IC4ElrB,mBAAmB;EACrB;AACF;;AD9EgtB;EAA0B;ICkFtuB,eAAe;EACjB;;EDnF6vB;ICsF3vB,cAAc;EAChB;AACF;;ADxFsxB;EAA0B;IC4F5yB,eAAe;EACjB;;ED7Fy0B;ICgGv0B,YAAY;EACd;AACF","sourcesContent":[".root{font-size:1rem;font-weight:700;text-align:center}.inline{display:inline}.word{display:inline-block}.hiddenCharacter{display:none;opacity:0}.hiddenCharacter,.visibleCharacter{color:var(--ac-foreground)}.cursor,.smoothCursor{background:#3b82f6;border-radius:var(--ac-radius-xs);display:inline-block;width:4px}.cursor{height:1rem}.smoothRoot{display:flex;gap:.25rem;margin:1.5rem 0}.smoothViewport{overflow:hidden;padding-bottom:.5rem}.smoothText{font-size:.75rem;font-weight:700;white-space:nowrap}.smoothCursor{display:block;height:1rem}@media (min-width:640px){.root{font-size:1.25rem}.cursor{height:1.5rem}.smoothText{font-size:1rem}.smoothCursor{height:1.5rem}}@media (min-width:768px){.root{font-size:1.875rem}}@media (min-width:1024px){.root{font-size:3rem}.cursor{height:2.5rem}}@media (min-width:1280px){.smoothText{font-size:3rem}.smoothCursor{height:3rem}}",".root {\n  text-align: center;\n  font-size: 1rem;\n  font-weight: 700;\n}\n\n.inline {\n  display: inline;\n}\n\n.word {\n  display: inline-block;\n}\n\n.hiddenCharacter {\n  opacity: 0;\n  display: none;\n}\n\n.hiddenCharacter, .visibleCharacter {\n  color: var(--ac-foreground);\n}\n\n.cursor, .smoothCursor {\n  border-radius: var(--ac-radius-xs);\n  background: #3b82f6;\n  width: 4px;\n  display: inline-block;\n}\n\n.cursor {\n  height: 1rem;\n}\n\n.smoothRoot {\n  gap: .25rem;\n  margin: 1.5rem 0;\n  display: flex;\n}\n\n.smoothViewport {\n  padding-bottom: .5rem;\n  overflow: hidden;\n}\n\n.smoothText {\n  white-space: nowrap;\n  font-size: .75rem;\n  font-weight: 700;\n}\n\n.smoothCursor {\n  height: 1rem;\n  display: block;\n}\n\n@media (width >= 640px) {\n  .root {\n    font-size: 1.25rem;\n  }\n\n  .cursor {\n    height: 1.5rem;\n  }\n\n  .smoothText {\n    font-size: 1rem;\n  }\n\n  .smoothCursor {\n    height: 1.5rem;\n  }\n}\n\n@media (width >= 768px) {\n  .root {\n    font-size: 1.875rem;\n  }\n}\n\n@media (width >= 1024px) {\n  .root {\n    font-size: 3rem;\n  }\n\n  .cursor {\n    height: 2.5rem;\n  }\n}\n\n@media (width >= 1280px) {\n  .smoothText {\n    font-size: 3rem;\n  }\n\n  .smoothCursor {\n    height: 3rem;\n  }\n}\n"],"sourceRoot":""}

package/dist/components/ui/visually-hidden.js

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import visually_hidden_module from "./visually-hidden.module.js";
-const VisuallyHidden = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
+import * as __rspack_external_react from "react";
+const VisuallyHidden = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("span", {
         ref: ref,
         className: cn(visually_hidden_module.visuallyHidden, className),
         ...props

package/dist/components/ui/visually-hidden.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/visually-hidden.js","sources":["../../../src/components/ui/visually-hidden.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./visually-hidden.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link VisuallyHidden} component.\r\n *\r\n * @remarks\r\n * Extends native `<span>` attributes so hidden assistive text can carry ARIA metadata,\r\n * testing hooks, and composed class overrides while remaining available to screen readers.\r\n */\r\ninterface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  /**\r\n   * Content that is hidden visually but remains accessible to assistive technology.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Hides content visually while keeping it accessible to screen readers.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a `<span>` that uses the classic clipping technique to remove content from the\r\n * visual flow without removing it from the accessibility tree. Use it to provide labels\r\n * for icon-only controls, clarify status changes, or add extra context for assistive tech.\r\n *\r\n * @example\r\n * ```tsx\r\n * <button type=\"button\">\r\n *   <TrashIcon aria-hidden=\"true\" />\r\n *   <VisuallyHidden>Delete item</VisuallyHidden>\r\n * </button>\r\n * ```\r\n *\r\n * @see {@link https://www.w3.org/WAI/tutorials/forms/labels/#note-on-hiding-elements | W3C hiding elements guidance}\r\n */\r\nconst VisuallyHidden = React.forwardRef<HTMLSpanElement, VisuallyHiddenProps>(({className, ...props}, ref) => (\r\n  <span\r\n    ref={ref}\r\n    className={cn(styles.visuallyHidden, className)}\r\n    {...props}\r\n  />\r\n));\r\nVisuallyHidden.displayName = \"VisuallyHidden\";\r\n\r\nexport {VisuallyHidden};\r\nexport type {VisuallyHiddenProps};\r\n"],"names":["VisuallyHidden","React","className","props","ref","cn","styles"],"mappings":";;;;AAuCA,MAAMA,iBAAiB,WAAHA,GAAGC,WAAuD,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACpG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,uBAAAA,cAAqB,EAAEJ;QACpC,GAAGC,KAAK;;AAGbH,eAAe,WAAW,GAAG"}
+{"version":3,"file":"components/ui/visually-hidden.js","sources":["../../../src/components/ui/visually-hidden.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./visually-hidden.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link VisuallyHidden} component.\r\n *\r\n * @remarks\r\n * Extends native `<span>` attributes so hidden assistive text can carry ARIA metadata,\r\n * testing hooks, and composed class overrides while remaining available to screen readers.\r\n */\r\ninterface VisuallyHiddenProps extends React.HTMLAttributes<HTMLSpanElement> {\r\n  /**\r\n   * Content that is hidden visually but remains accessible to assistive technology.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\n/**\r\n * Hides content visually while keeping it accessible to screen readers.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Renders a `<span>` that uses the classic clipping technique to remove content from the\r\n * visual flow without removing it from the accessibility tree. Use it to provide labels\r\n * for icon-only controls, clarify status changes, or add extra context for assistive tech.\r\n *\r\n * @example\r\n * ```tsx\r\n * <button type=\"button\">\r\n *   <TrashIcon aria-hidden=\"true\" />\r\n *   <VisuallyHidden>Delete item</VisuallyHidden>\r\n * </button>\r\n * ```\r\n *\r\n * @see {@link https://www.w3.org/WAI/tutorials/forms/labels/#note-on-hiding-elements | W3C hiding elements guidance}\r\n */\r\nconst VisuallyHidden = React.forwardRef<HTMLSpanElement, VisuallyHiddenProps>(({className, ...props}, ref) => (\r\n  <span\r\n    ref={ref}\r\n    className={cn(styles.visuallyHidden, className)}\r\n    {...props}\r\n  />\r\n));\r\nVisuallyHidden.displayName = \"VisuallyHidden\";\r\n\r\nexport {VisuallyHidden};\r\nexport type {VisuallyHiddenProps};\r\n"],"names":["VisuallyHidden","React","className","props","ref","cn","styles"],"mappings":";;;;AAuCA,MAAMA,iBAAiB,WAAHA,GAAGC,wBAAAA,UAAgB,CAAuC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACpG,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,uBAAAA,cAAqB,EAAEJ;QACpC,GAAGC,KAAK;;AAGbH,eAAe,WAAW,GAAG"}

package/dist/components/ui/visually-hidden_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/visually-hidden.module.css","webpack://./src/components/ui/visually-hidden.module.css"],"names":[],"mappings":"AADA;ECEE,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".visuallyHidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}",".visuallyHidden {\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/visually-hidden.module.css","webpack://./src/components/ui/visually-hidden.module.css"],"names":[],"mappings":"AAAA;ECCE,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".visuallyHidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}",".visuallyHidden {\n  clip: rect(0,0,0,0);\n  white-space: nowrap;\n  border: 0;\n  width: 1px;\n  height: 1px;\n  margin: -1px;\n  padding: 0;\n  position: absolute;\n  overflow: hidden;\n}\n"],"sourceRoot":""}

package/dist/hooks/useAnnounce.js

@@ -1,9 +1,9 @@
 "use client";
-import { useCallback, useEffect, useRef } from "react";
+import * as __rspack_external_react from "react";
 function useAnnounce() {
-    const politeRef = useRef(null);
-    const assertiveRef = useRef(null);
-    useEffect(()=>{
+    const politeRef = __rspack_external_react.useRef(null);
+    const assertiveRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useEffect(()=>{
         const createRegion = (politeness)=>{
             const element = document.createElement("div");
             element.setAttribute("role", "status");
@@ -32,7 +32,7 @@ function useAnnounce() {
             assertiveRef.current = null;
         };
     }, []);
-    return useCallback((message, politeness = "polite")=>{
+    return __rspack_external_react.useCallback((message, politeness = "polite")=>{
         const region = "assertive" === politeness ? assertiveRef.current : politeRef.current;
         if (!region) return;
         region.textContent = "";

package/dist/hooks/useAnnounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks/useAnnounce.js","sources":["../../src/hooks/useAnnounce.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\ntype Politeness = \"polite\" | \"assertive\";\r\n\r\n/**\r\n * Creates off-screen ARIA live regions and returns an announcement function for screen readers.\r\n *\r\n * @returns A callback that announces a message using the requested politeness level.\r\n *\r\n * @example\r\n * ```tsx\r\n * const announce = useAnnounce();\r\n *\r\n * announce(\"Item deleted successfully\");\r\n * announce(\"Error: invalid input\", \"assertive\");\r\n * ```\r\n */\r\nexport function useAnnounce(): (message: string, politeness?: Politeness) => void {\r\n  const politeRef = React.useRef<HTMLDivElement | null>(null);\r\n  const assertiveRef = React.useRef<HTMLDivElement | null>(null);\r\n\r\n  React.useEffect(() => {\r\n    const createRegion = (politeness: Politeness): HTMLDivElement => {\r\n      const element = document.createElement(\"div\");\r\n\r\n      element.setAttribute(\"role\", \"status\");\r\n      element.setAttribute(\"aria-live\", politeness);\r\n      element.setAttribute(\"aria-atomic\", \"true\");\r\n\r\n      Object.assign(element.style, {\r\n        position: \"absolute\",\r\n        width: \"1px\",\r\n        height: \"1px\",\r\n        padding: \"0\",\r\n        margin: \"-1px\",\r\n        overflow: \"hidden\",\r\n        clip: \"rect(0,0,0,0)\",\r\n        whiteSpace: \"nowrap\",\r\n        border: \"0\",\r\n      });\r\n\r\n      document.body.append(element);\r\n\r\n      return element;\r\n    };\r\n\r\n    politeRef.current = createRegion(\"polite\");\r\n    assertiveRef.current = createRegion(\"assertive\");\r\n\r\n    return () => {\r\n      politeRef.current?.remove();\r\n      assertiveRef.current?.remove();\r\n      politeRef.current = null;\r\n      assertiveRef.current = null;\r\n    };\r\n  }, []);\r\n\r\n  return React.useCallback((message: string, politeness: Politeness = \"polite\") => {\r\n    const region = politeness === \"assertive\" ? assertiveRef.current : politeRef.current;\r\n\r\n    if (!region) {\r\n      return;\r\n    }\r\n\r\n    region.textContent = \"\";\r\n\r\n    requestAnimationFrame(() => {\r\n      region.textContent = message;\r\n    });\r\n  }, []);\r\n}\r\n"],"names":["useAnnounce","politeRef","React","assertiveRef","createRegion","politeness","element","document","Object","message","region","requestAnimationFrame"],"mappings":";;AAmBO,SAASA;IACd,MAAMC,YAAYC,OAAoC;IACtD,MAAMC,eAAeD,OAAoC;IAEzDA,UAAgB;QACd,MAAME,eAAe,CAACC;YACpB,MAAMC,UAAUC,SAAS,aAAa,CAAC;YAEvCD,QAAQ,YAAY,CAAC,QAAQ;YAC7BA,QAAQ,YAAY,CAAC,aAAaD;YAClCC,QAAQ,YAAY,CAAC,eAAe;YAEpCE,OAAO,MAAM,CAACF,QAAQ,KAAK,EAAE;gBAC3B,UAAU;gBACV,OAAO;gBACP,QAAQ;gBACR,SAAS;gBACT,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,YAAY;gBACZ,QAAQ;YACV;YAEAC,SAAS,IAAI,CAAC,MAAM,CAACD;YAErB,OAAOA;QACT;QAEAL,UAAU,OAAO,GAAGG,aAAa;QACjCD,aAAa,OAAO,GAAGC,aAAa;QAEpC,OAAO;YACLH,UAAU,OAAO,EAAE;YACnBE,aAAa,OAAO,EAAE;YACtBF,UAAU,OAAO,GAAG;YACpBE,aAAa,OAAO,GAAG;QACzB;IACF,GAAG,EAAE;IAEL,OAAOD,YAAkB,CAACO,SAAiBJ,aAAyB,QAAQ;QAC1E,MAAMK,SAASL,AAAe,gBAAfA,aAA6BF,aAAa,OAAO,GAAGF,UAAU,OAAO;QAEpF,IAAI,CAACS,QACH;QAGFA,OAAO,WAAW,GAAG;QAErBC,sBAAsB;YACpBD,OAAO,WAAW,GAAGD;QACvB;IACF,GAAG,EAAE;AACP"}
+{"version":3,"file":"hooks/useAnnounce.js","sources":["../../src/hooks/useAnnounce.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\ntype Politeness = \"polite\" | \"assertive\";\r\n\r\n/**\r\n * Creates off-screen ARIA live regions and returns an announcement function for screen readers.\r\n *\r\n * @returns A callback that announces a message using the requested politeness level.\r\n *\r\n * @example\r\n * ```tsx\r\n * const announce = useAnnounce();\r\n *\r\n * announce(\"Item deleted successfully\");\r\n * announce(\"Error: invalid input\", \"assertive\");\r\n * ```\r\n */\r\nexport function useAnnounce(): (message: string, politeness?: Politeness) => void {\r\n  const politeRef = React.useRef<HTMLDivElement | null>(null);\r\n  const assertiveRef = React.useRef<HTMLDivElement | null>(null);\r\n\r\n  React.useEffect(() => {\r\n    const createRegion = (politeness: Politeness): HTMLDivElement => {\r\n      const element = document.createElement(\"div\");\r\n\r\n      element.setAttribute(\"role\", \"status\");\r\n      element.setAttribute(\"aria-live\", politeness);\r\n      element.setAttribute(\"aria-atomic\", \"true\");\r\n\r\n      Object.assign(element.style, {\r\n        position: \"absolute\",\r\n        width: \"1px\",\r\n        height: \"1px\",\r\n        padding: \"0\",\r\n        margin: \"-1px\",\r\n        overflow: \"hidden\",\r\n        clip: \"rect(0,0,0,0)\",\r\n        whiteSpace: \"nowrap\",\r\n        border: \"0\",\r\n      });\r\n\r\n      document.body.append(element);\r\n\r\n      return element;\r\n    };\r\n\r\n    politeRef.current = createRegion(\"polite\");\r\n    assertiveRef.current = createRegion(\"assertive\");\r\n\r\n    return () => {\r\n      politeRef.current?.remove();\r\n      assertiveRef.current?.remove();\r\n      politeRef.current = null;\r\n      assertiveRef.current = null;\r\n    };\r\n  }, []);\r\n\r\n  return React.useCallback((message: string, politeness: Politeness = \"polite\") => {\r\n    const region = politeness === \"assertive\" ? assertiveRef.current : politeRef.current;\r\n\r\n    if (!region) {\r\n      return;\r\n    }\r\n\r\n    region.textContent = \"\";\r\n\r\n    requestAnimationFrame(() => {\r\n      region.textContent = message;\r\n    });\r\n  }, []);\r\n}\r\n"],"names":["useAnnounce","politeRef","React","assertiveRef","createRegion","politeness","element","document","Object","message","region","requestAnimationFrame"],"mappings":";;AAmBO,SAASA;IACd,MAAMC,YAAYC,wBAAAA,MAAY,CAAwB;IACtD,MAAMC,eAAeD,wBAAAA,MAAY,CAAwB;IAEzDA,wBAAAA,SAAe,CAAC;QACd,MAAME,eAAe,CAACC;YACpB,MAAMC,UAAUC,SAAS,aAAa,CAAC;YAEvCD,QAAQ,YAAY,CAAC,QAAQ;YAC7BA,QAAQ,YAAY,CAAC,aAAaD;YAClCC,QAAQ,YAAY,CAAC,eAAe;YAEpCE,OAAO,MAAM,CAACF,QAAQ,KAAK,EAAE;gBAC3B,UAAU;gBACV,OAAO;gBACP,QAAQ;gBACR,SAAS;gBACT,QAAQ;gBACR,UAAU;gBACV,MAAM;gBACN,YAAY;gBACZ,QAAQ;YACV;YAEAC,SAAS,IAAI,CAAC,MAAM,CAACD;YAErB,OAAOA;QACT;QAEAL,UAAU,OAAO,GAAGG,aAAa;QACjCD,aAAa,OAAO,GAAGC,aAAa;QAEpC,OAAO;YACLH,UAAU,OAAO,EAAE;YACnBE,aAAa,OAAO,EAAE;YACtBF,UAAU,OAAO,GAAG;YACpBE,aAAa,OAAO,GAAG;QACzB;IACF,GAAG,EAAE;IAEL,OAAOD,wBAAAA,WAAiB,CAAC,CAACO,SAAiBJ,aAAyB,QAAQ;QAC1E,MAAMK,SAASL,AAAe,gBAAfA,aAA6BF,aAAa,OAAO,GAAGF,UAAU,OAAO;QAEpF,IAAI,CAACS,QACH;QAGFA,OAAO,WAAW,GAAG;QAErBC,sBAAsB;YACpBD,OAAO,WAAW,GAAGD;QACvB;IACF,GAAG,EAAE;AACP"}

package/dist/hooks/useClipboard.d.ts

@@ -0,0 +1,77 @@
+/**
+ * Options for the `useClipboard` hook.
+ */
+export interface UseClipboardOptions {
+    /**
+     * The duration in milliseconds after which the `copied` state resets to `false`.
+     *
+     * @defaultValue 2000
+     */
+    timeout?: number;
+}
+/**
+ * Return type for the `useClipboard` hook.
+ */
+export interface UseClipboardReturn {
+    /**
+     * Whether the text was successfully copied to the clipboard.
+     */
+    copied: boolean;
+    /**
+     * Copies the provided text to the clipboard.
+     *
+     * @param text - The text to copy.
+     * @returns A promise that resolves when the copy operation completes.
+     */
+    copy: (text: string) => Promise<void>;
+    /**
+     * The error that occurred during the copy operation, or `null` if no error occurred.
+     */
+    error: Error | null;
+}
+/**
+ * Copies text to the clipboard with success/error state management.
+ *
+ * @remarks
+ * This hook provides a simple interface for copying text to the clipboard using
+ * the Clipboard API. It manages the `copied` state that automatically resets
+ * after a configurable timeout, and handles errors gracefully when the Clipboard
+ * API is unavailable or the operation fails.
+ *
+ * The hook is SSR-safe and will handle the case where `navigator.clipboard` is
+ * not available (e.g., in non-secure contexts or older browsers).
+ *
+ * @param options - Configuration options for the hook.
+ * @returns An object containing the copied state, copy function, and any error.
+ *
+ * @example
+ * ```tsx
+ * function CopyButton({textToCopy}: {textToCopy: string}) {
+ *   const {copied, copy, error} = useClipboard({timeout: 3000});
+ *
+ *   return (
+ *     <div>
+ *       <button onClick={() => copy(textToCopy)}>
+ *         {copied ? "Copied!" : "Copy to clipboard"}
+ *       </button>
+ *       {error && <span>Failed to copy: {error.message}</span>}
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * @example
+ * ```tsx
+ * function ShareLink({url}: {url: string}) {
+ *   const {copied, copy} = useClipboard();
+ *
+ *   return (
+ *     <button onClick={() => copy(url)} disabled={copied}>
+ *       {copied ? "✓ Copied" : "Share link"}
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+export declare function useClipboard(options?: UseClipboardOptions): UseClipboardReturn;
+//# sourceMappingURL=useClipboard.d.ts.map

package/dist/hooks/useClipboard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useClipboard.d.ts","sourceRoot":"","sources":["../../src/hooks/useClipboard.tsx"],"names":[],"mappings":"AAIA;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtC;;OAEG;IACH,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,wBAAgB,YAAY,CAAC,OAAO,GAAE,mBAAwB,GAAG,kBAAkB,CAqDlF"}

package/dist/hooks/useClipboard.js

@@ -0,0 +1,42 @@
+"use client";
+import * as __rspack_external_react from "react";
+function useClipboard(options = {}) {
+    const { timeout = 2000 } = options;
+    const [copied, setCopied] = __rspack_external_react.useState(false);
+    const [error, setError] = __rspack_external_react.useState(null);
+    const timeoutRef = __rspack_external_react.useRef(null);
+    const copy = __rspack_external_react.useCallback(async (text)=>{
+        if (null !== timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setError(null);
+        try {
+            if (void 0 === globalThis.navigator || !globalThis.navigator.clipboard) throw new Error("Clipboard API is not available");
+            await globalThis.navigator.clipboard.writeText(text);
+            setCopied(true);
+            timeoutRef.current = setTimeout(()=>{
+                setCopied(false);
+                timeoutRef.current = null;
+            }, timeout);
+        } catch (err) {
+            const errorMessage = err instanceof Error ? err : new Error("Failed to copy to clipboard");
+            setError(errorMessage);
+            setCopied(false);
+            console.error("Copy to clipboard failed:", errorMessage);
+        }
+    }, [
+        timeout
+    ]);
+    __rspack_external_react.useEffect(()=>()=>{
+            if (null !== timeoutRef.current) clearTimeout(timeoutRef.current);
+        }, []);
+    return {
+        copied,
+        copy,
+        error
+    };
+}
+export { useClipboard };
+
+//# sourceMappingURL=useClipboard.js.map

package/dist/hooks/useClipboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks/useClipboard.js","sources":["../../src/hooks/useClipboard.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\n/**\r\n * Options for the `useClipboard` hook.\r\n */\r\nexport interface UseClipboardOptions {\r\n  /**\r\n   * The duration in milliseconds after which the `copied` state resets to `false`.\r\n   *\r\n   * @defaultValue 2000\r\n   */\r\n  timeout?: number;\r\n}\r\n\r\n/**\r\n * Return type for the `useClipboard` hook.\r\n */\r\nexport interface UseClipboardReturn {\r\n  /**\r\n   * Whether the text was successfully copied to the clipboard.\r\n   */\r\n  copied: boolean;\r\n\r\n  /**\r\n   * Copies the provided text to the clipboard.\r\n   *\r\n   * @param text - The text to copy.\r\n   * @returns A promise that resolves when the copy operation completes.\r\n   */\r\n  copy: (text: string) => Promise<void>;\r\n\r\n  /**\r\n   * The error that occurred during the copy operation, or `null` if no error occurred.\r\n   */\r\n  error: Error | null;\r\n}\r\n\r\n/**\r\n * Copies text to the clipboard with success/error state management.\r\n *\r\n * @remarks\r\n * This hook provides a simple interface for copying text to the clipboard using\r\n * the Clipboard API. It manages the `copied` state that automatically resets\r\n * after a configurable timeout, and handles errors gracefully when the Clipboard\r\n * API is unavailable or the operation fails.\r\n *\r\n * The hook is SSR-safe and will handle the case where `navigator.clipboard` is\r\n * not available (e.g., in non-secure contexts or older browsers).\r\n *\r\n * @param options - Configuration options for the hook.\r\n * @returns An object containing the copied state, copy function, and any error.\r\n *\r\n * @example\r\n * ```tsx\r\n * function CopyButton({textToCopy}: {textToCopy: string}) {\r\n *   const {copied, copy, error} = useClipboard({timeout: 3000});\r\n *\r\n *   return (\r\n *     <div>\r\n *       <button onClick={() => copy(textToCopy)}>\r\n *         {copied ? \"Copied!\" : \"Copy to clipboard\"}\r\n *       </button>\r\n *       {error && <span>Failed to copy: {error.message}</span>}\r\n *     </div>\r\n *   );\r\n * }\r\n * ```\r\n *\r\n * @example\r\n * ```tsx\r\n * function ShareLink({url}: {url: string}) {\r\n *   const {copied, copy} = useClipboard();\r\n *\r\n *   return (\r\n *     <button onClick={() => copy(url)} disabled={copied}>\r\n *       {copied ? \"✓ Copied\" : \"Share link\"}\r\n *     </button>\r\n *   );\r\n * }\r\n * ```\r\n */\r\nexport function useClipboard(options: UseClipboardOptions = {}): UseClipboardReturn {\r\n  const {timeout = 2000} = options;\r\n\r\n  const [copied, setCopied] = React.useState(false);\r\n  const [error, setError] = React.useState<Error | null>(null);\r\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\r\n\r\n  const copy = React.useCallback(\r\n    async (text: string): Promise<void> => {\r\n      // Clear any existing timeout\r\n      if (timeoutRef.current !== null) {\r\n        clearTimeout(timeoutRef.current);\r\n        timeoutRef.current = null;\r\n      }\r\n\r\n      // Reset error state\r\n      setError(null);\r\n\r\n      try {\r\n        // Check if Clipboard API is available\r\n        if (typeof globalThis.navigator === \"undefined\" || !globalThis.navigator.clipboard) {\r\n          throw new Error(\"Clipboard API is not available\");\r\n        }\r\n\r\n        await globalThis.navigator.clipboard.writeText(text);\r\n        setCopied(true);\r\n\r\n        // Reset copied state after timeout\r\n        timeoutRef.current = setTimeout(() => {\r\n          setCopied(false);\r\n          timeoutRef.current = null;\r\n        }, timeout);\r\n      } catch (err) {\r\n        const errorMessage = err instanceof Error ? err : new Error(\"Failed to copy to clipboard\");\r\n\r\n        setError(errorMessage);\r\n        setCopied(false);\r\n        console.error(\"Copy to clipboard failed:\", errorMessage);\r\n      }\r\n    },\r\n    [timeout],\r\n  );\r\n\r\n  // Cleanup timeout on unmount\r\n  React.useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current !== null) {\r\n        clearTimeout(timeoutRef.current);\r\n      }\r\n    };\r\n  }, []);\r\n\r\n  return {copied, copy, error};\r\n}\r\n"],"names":["useClipboard","options","timeout","copied","setCopied","React","error","setError","timeoutRef","copy","text","clearTimeout","globalThis","Error","setTimeout","err","errorMessage","console"],"mappings":";;AAmFO,SAASA,aAAaC,UAA+B,CAAC,CAAC;IAC5D,MAAM,EAACC,UAAU,IAAI,EAAC,GAAGD;IAEzB,MAAM,CAACE,QAAQC,UAAU,GAAGC,wBAAAA,QAAc,CAAC;IAC3C,MAAM,CAACC,OAAOC,SAAS,GAAGF,wBAAAA,QAAc,CAAe;IACvD,MAAMG,aAAaH,wBAAAA,MAAY,CAAuC;IAEtE,MAAMI,OAAOJ,wBAAAA,WAAiB,CAC5B,OAAOK;QAEL,IAAIF,AAAuB,SAAvBA,WAAW,OAAO,EAAW;YAC/BG,aAAaH,WAAW,OAAO;YAC/BA,WAAW,OAAO,GAAG;QACvB;QAGAD,SAAS;QAET,IAAI;YAEF,IAAI,AAAgC,WAAzBK,WAAW,SAAS,IAAoB,CAACA,WAAW,SAAS,CAAC,SAAS,EAChF,MAAM,IAAIC,MAAM;YAGlB,MAAMD,WAAW,SAAS,CAAC,SAAS,CAAC,SAAS,CAACF;YAC/CN,UAAU;YAGVI,WAAW,OAAO,GAAGM,WAAW;gBAC9BV,UAAU;gBACVI,WAAW,OAAO,GAAG;YACvB,GAAGN;QACL,EAAE,OAAOa,KAAK;YACZ,MAAMC,eAAeD,eAAeF,QAAQE,MAAM,IAAIF,MAAM;YAE5DN,SAASS;YACTZ,UAAU;YACVa,QAAQ,KAAK,CAAC,6BAA6BD;QAC7C;IACF,GACA;QAACd;KAAQ;IAIXG,wBAAAA,SAAe,CAAC,IACP;YACL,IAAIG,AAAuB,SAAvBA,WAAW,OAAO,EACpBG,aAAaH,WAAW,OAAO;QAEnC,GACC,EAAE;IAEL,OAAO;QAACL;QAAQM;QAAMH;IAAK;AAC7B"}