@arolariu/components 1.0.0 → 2.0.0

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-import type { ImperativePanelGroupHandle, ImperativePanelHandle } from "react-resizable-panels";
+import type { GroupImperativeHandle, PanelImperativeHandle } from "react-resizable-panels";
 import * as ResizablePrimitive from "react-resizable-panels";
-export type { ImperativePanelGroupHandle, ImperativePanelHandle };
+export type { GroupImperativeHandle, PanelImperativeHandle };
 /**
  * Props for the {@link ResizablePanelGroup} component.
  */
-export type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.PanelGroup>;
+export type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.Group>;
 /**
  * Props for the {@link ResizablePanel} component.
  */
@@ -15,7 +15,7 @@ export type ResizablePanelProps = React.ComponentProps<typeof ResizablePrimitive
  *
  * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}
  */
-export interface ResizableHandleProps extends React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {
+export interface ResizableHandleProps extends React.ComponentProps<typeof ResizablePrimitive.Separator> {
     /**
      * Renders a visual drag grip inside the resize handle to indicate that adjacent panels can be resized.
      *
@@ -28,19 +28,21 @@ export interface ResizableHandleProps extends React.ComponentProps<typeof Resiza
  * Wraps `react-resizable-panels` panel groups with shared styles.
  *
  * @remarks
- * - Third-party wrapper component
+ * - Third-party wrapper component (v4 API: `Group` with `orientation` prop)
  * - Styling via CSS Modules with `--ac-*` custom properties
  *
  * @example
  * ```tsx
- * <ResizablePanelGroup direction='horizontal'>...</ResizablePanelGroup>
+ * <ResizablePanelGroup orientation='horizontal'>...</ResizablePanelGroup>
  * ```
  *
  * @see {@link ResizablePanelGroupProps} for available props
  * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}
- * @see {@link https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels#readme | react-resizable-panels API reference}
  */
-declare const ResizablePanelGroup: React.ForwardRefExoticComponent<ResizablePanelGroupProps & React.RefAttributes<ImperativePanelGroupHandle>>;
+declare function ResizablePanelGroup({ className, ...props }: Readonly<ResizablePanelGroupProps>): React.JSX.Element;
+declare namespace ResizablePanelGroup {
+    var displayName: string;
+}
 /**
  * Re-exports the underlying resizable panel primitive for consistent composition.
  *
@@ -50,35 +52,18 @@ declare const ResizablePanelGroup: React.ForwardRefExoticComponent<ResizablePane
  *
  * @example
  * ```tsx
- * <ResizablePanel defaultSize={50}>Content</ResizablePanel>
+ * <ResizablePanel defaultSize="50%">Content</ResizablePanel>
  * ```
  *
  * @see {@link ResizablePanelProps} for available props
  * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}
- * @see {@link https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels#readme | react-resizable-panels API reference}
  */
-declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement | HTMLElement | HTMLObjectElement | HTMLAnchorElement | HTMLAreaElement | HTMLAudioElement | HTMLBaseElement | HTMLQuoteElement | HTMLBodyElement | HTMLBRElement | HTMLButtonElement | HTMLCanvasElement | HTMLTableColElement | HTMLDataElement | HTMLDataListElement | HTMLModElement | HTMLDetailsElement | HTMLDialogElement | HTMLDListElement | HTMLEmbedElement | HTMLFieldSetElement | HTMLFormElement | HTMLHeadingElement | HTMLHeadElement | HTMLHRElement | HTMLHtmlElement | HTMLIFrameElement | HTMLImageElement | HTMLInputElement | HTMLLabelElement | HTMLLegendElement | HTMLLIElement | HTMLLinkElement | HTMLMapElement | HTMLMetaElement | HTMLMeterElement | HTMLOListElement | HTMLOptGroupElement | HTMLOptionElement | HTMLOutputElement | HTMLParagraphElement | HTMLPreElement | HTMLProgressElement | HTMLSlotElement | HTMLScriptElement | HTMLSelectElement | HTMLSourceElement | HTMLSpanElement | HTMLStyleElement | HTMLTableElement | HTMLTemplateElement | HTMLTableSectionElement | HTMLTableCellElement | HTMLTextAreaElement | HTMLTimeElement | HTMLTitleElement | HTMLTableRowElement | HTMLTrackElement | HTMLUListElement | HTMLVideoElement | HTMLTableCaptionElement | HTMLMenuElement | HTMLPictureElement>, "id" | "onResize"> & {
-    className?: string;
-    collapsedSize?: number | undefined;
-    collapsible?: boolean | undefined;
-    defaultSize?: number | undefined;
-    id?: string;
-    maxSize?: number | undefined;
-    minSize?: number | undefined;
-    onCollapse?: ResizablePrimitive.PanelOnCollapse;
-    onExpand?: ResizablePrimitive.PanelOnExpand;
-    onResize?: ResizablePrimitive.PanelOnResize;
-    order?: number;
-    style?: object;
-    tagName?: keyof HTMLElementTagNameMap | undefined;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & React.RefAttributes<ImperativePanelHandle>>;
+declare const ResizablePanel: typeof ResizablePrimitive.Panel;
 /**
  * Renders a draggable resize handle between resizable panels.
  *
  * @remarks
- * - Third-party wrapper component
+ * - Third-party wrapper component (v4 API: `Separator`)
  * - Styling via CSS Modules with `--ac-*` custom properties
  *
  * @example
@@ -88,7 +73,6 @@ declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
  *
  * @see {@link ResizableHandleProps} for available props
  * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}
- * @see {@link https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels#readme | react-resizable-panels API reference}
  */
 declare function ResizableHandle({ withHandle, className, children, ...props }: Readonly<ResizableHandleProps>): React.JSX.Element;
 declare namespace ResizableHandle {

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

@@ -1 +1 @@
-{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC;AAC9F,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAM7D,YAAY,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,CAAC;AAElG;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAExF;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC;IAC7G;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,yBAAyB,CAAC,wBAAwB,GAAG,KAAK,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAOjI,CAAC;AAEL;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,cAAc;;;;;;;;;;;;;;;;+CAA2B,CAAC;AAEhD;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,eAAe,CAAC,EAAC,UAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAa/H;kBAbQ,eAAe;;;AAmBxB,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}
+{"version":3,"file":"resizable.d.ts","sourceRoot":"","sources":["../../../src/components/ui/resizable.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAC,qBAAqB,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC;AACzF,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAM7D,YAAY,EAAC,qBAAqB,EAAE,qBAAqB,EAAC,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAE7F;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,CAAC;AAExF;;;;GAIG;AACH,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,SAAS,CAAC;IACrG;;;;;OAKG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,iBAAS,mBAAmB,CAAC,EAAC,SAAS,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,wBAAwB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAOzG;kBAPQ,mBAAmB;;;AAS5B;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,iCAA2B,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,iBAAS,eAAe,CAAC,EAAC,UAAkB,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAa/H;kBAbQ,eAAe;;;AAmBxB,OAAO,EAAC,eAAe,EAAE,cAAc,EAAE,mBAAmB,EAAC,CAAC"}

package/dist/components/ui/resizable.js

@@ -1,18 +1,19 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { GripVertical } from "lucide-react";
-import { forwardRef } from "react";
-import { Panel, PanelGroup, PanelResizeHandle } from "react-resizable-panels";
+import "react";
 import { cn } from "../../lib/utilities.js";
 import resizable_module from "./resizable.module.js";
-const ResizablePanelGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(PanelGroup, {
-        ref: ref,
+import * as __rspack_external_react_resizable_panels_8d5960a0 from "react-resizable-panels";
+function ResizablePanelGroup({ className, ...props }) {
+    return /*#__PURE__*/ jsx(__rspack_external_react_resizable_panels_8d5960a0.Group, {
         className: cn(resizable_module.group, className),
         ...props
-    }));
-const ResizablePanel = Panel;
+    });
+}
+const ResizablePanel = __rspack_external_react_resizable_panels_8d5960a0.Panel;
 function ResizableHandle({ withHandle = false, className, children, ...props }) {
-    return /*#__PURE__*/ jsxs(PanelResizeHandle, {
+    return /*#__PURE__*/ jsxs(__rspack_external_react_resizable_panels_8d5960a0.Separator, {
         className: cn(resizable_module.handle, className),
         ...props,
         children: [

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/resizable.js","sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable react/jsx-handler-names */\r\n\r\nimport {GripVertical} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport type {ImperativePanelGroupHandle, ImperativePanelHandle} from \"react-resizable-panels\";\r\nimport * as ResizablePrimitive from \"react-resizable-panels\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./resizable.module.css\";\r\n\r\nexport type {ImperativePanelGroupHandle, ImperativePanelHandle};\r\n\r\n/**\r\n * Props for the {@link ResizablePanelGroup} component.\r\n */\r\nexport type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.PanelGroup>;\r\n\r\n/**\r\n * Props for the {@link ResizablePanel} component.\r\n */\r\nexport type ResizablePanelProps = React.ComponentProps<typeof ResizablePrimitive.Panel>;\r\n\r\n/**\r\n * Props for the {@link ResizableHandle} component.\r\n *\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n */\r\nexport interface ResizableHandleProps extends React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> {\r\n  /**\r\n   * Renders a visual drag grip inside the resize handle to indicate that adjacent panels can be resized.\r\n   *\r\n   * @default false\r\n   * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n   */\r\n  withHandle?: boolean;\r\n}\r\n\r\n/**\r\n * Wraps `react-resizable-panels` panel groups with shared styles.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <ResizablePanelGroup direction='horizontal'>...</ResizablePanelGroup>\r\n * ```\r\n *\r\n * @see {@link ResizablePanelGroupProps} for available props\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels#readme | react-resizable-panels API reference}\r\n */\r\nconst ResizablePanelGroup: React.ForwardRefExoticComponent<ResizablePanelGroupProps & React.RefAttributes<ImperativePanelGroupHandle>> =\r\n  React.forwardRef<ImperativePanelGroupHandle, ResizablePanelGroupProps>(({className, ...props}, ref) => (\r\n    <ResizablePrimitive.PanelGroup\r\n      ref={ref}\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ));\r\n\r\n/**\r\n * Re-exports the underlying resizable panel primitive for consistent composition.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\r\n * - Styling is applied by parent panel group and handles\r\n *\r\n * @example\r\n * ```tsx\r\n * <ResizablePanel defaultSize={50}>Content</ResizablePanel>\r\n * ```\r\n *\r\n * @see {@link ResizablePanelProps} for available props\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels#readme | react-resizable-panels API reference}\r\n */\r\nconst ResizablePanel = ResizablePrimitive.Panel;\r\n\r\n/**\r\n * Renders a draggable resize handle between resizable panels.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <ResizableHandle withHandle />\r\n * ```\r\n *\r\n * @see {@link ResizableHandleProps} for available props\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels#readme | react-resizable-panels API reference}\r\n */\r\nfunction ResizableHandle({withHandle = false, className, children, ...props}: Readonly<ResizableHandleProps>): React.JSX.Element {\r\n  return (\r\n    <ResizablePrimitive.PanelResizeHandle\r\n      className={cn(styles.handle, className)}\r\n      {...props}>\r\n      {Boolean(withHandle) && (\r\n        <div className={styles.handleGrip}>\r\n          <GripVertical className={styles.handleGripIcon} />\r\n        </div>\r\n      )}\r\n      {children}\r\n    </ResizablePrimitive.PanelResizeHandle>\r\n  );\r\n}\r\n\r\nResizablePanelGroup.displayName = \"ResizablePanelGroup\";\r\nResizablePanel.displayName = \"ResizablePanel\";\r\nResizableHandle.displayName = \"ResizableHandle\";\r\n\r\nexport {ResizableHandle, ResizablePanel, ResizablePanelGroup};\r\n"],"names":["ResizablePanelGroup","React","className","props","ref","ResizablePrimitive","cn","styles","ResizablePanel","ResizableHandle","withHandle","children","Boolean","GripVertical"],"mappings":";;;;;;;AAwDA,MAAMA,sBAAmBA,WAAAA,GACvBC,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7F,IAACC,YAA6B;QAC5B,KAAKD;QACL,WAAWE,GAAGC,iBAAAA,KAAY,EAAEL;QAC3B,GAAGC,KAAK;;AAoBf,MAAMK,iBAAiBH;AAkBvB,SAASI,gBAAgB,EAACC,aAAa,KAAK,EAAER,SAAS,EAAES,QAAQ,EAAE,GAAGR,OAAsC;IAC1G,OAAO,WAAP,GACE,KAACE,mBAAoC;QACnC,WAAWC,GAAGC,iBAAAA,MAAa,EAAEL;QAC5B,GAAGC,KAAK;;YACRS,QAAQF,eAAe,WAAfA,GACP,IAAC;gBAAI,WAAWH,iBAAAA,UAAiB;0BAC/B,kBAACM,cAAYA;oBAAC,WAAWN,iBAAAA,cAAqB;;;YAGjDI;;;AAGP;AAEAX,oBAAoB,WAAW,GAAG;AAClCQ,eAAe,WAAW,GAAG;AAC7BC,gBAAgB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/resizable.js","sources":["../../../src/components/ui/resizable.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable react/jsx-handler-names */\r\n\r\nimport {GripVertical} from \"lucide-react\";\r\nimport * as React from \"react\";\r\nimport type {GroupImperativeHandle, PanelImperativeHandle} from \"react-resizable-panels\";\r\nimport * as ResizablePrimitive from \"react-resizable-panels\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./resizable.module.css\";\r\n\r\nexport type {GroupImperativeHandle, PanelImperativeHandle};\r\n\r\n/**\r\n * Props for the {@link ResizablePanelGroup} component.\r\n */\r\nexport type ResizablePanelGroupProps = React.ComponentProps<typeof ResizablePrimitive.Group>;\r\n\r\n/**\r\n * Props for the {@link ResizablePanel} component.\r\n */\r\nexport type ResizablePanelProps = React.ComponentProps<typeof ResizablePrimitive.Panel>;\r\n\r\n/**\r\n * Props for the {@link ResizableHandle} component.\r\n *\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n */\r\nexport interface ResizableHandleProps extends React.ComponentProps<typeof ResizablePrimitive.Separator> {\r\n  /**\r\n   * Renders a visual drag grip inside the resize handle to indicate that adjacent panels can be resized.\r\n   *\r\n   * @default false\r\n   * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n   */\r\n  withHandle?: boolean;\r\n}\r\n\r\n/**\r\n * Wraps `react-resizable-panels` panel groups with shared styles.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component (v4 API: `Group` with `orientation` prop)\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <ResizablePanelGroup orientation='horizontal'>...</ResizablePanelGroup>\r\n * ```\r\n *\r\n * @see {@link ResizablePanelGroupProps} for available props\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n */\r\nfunction ResizablePanelGroup({className, ...props}: Readonly<ResizablePanelGroupProps>): React.JSX.Element {\r\n  return (\r\n    <ResizablePrimitive.Group\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  );\r\n}\r\n\r\n/**\r\n * Re-exports the underlying resizable panel primitive for consistent composition.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component\r\n * - Styling is applied by parent panel group and handles\r\n *\r\n * @example\r\n * ```tsx\r\n * <ResizablePanel defaultSize=\"50%\">Content</ResizablePanel>\r\n * ```\r\n *\r\n * @see {@link ResizablePanelProps} for available props\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n */\r\nconst ResizablePanel = ResizablePrimitive.Panel;\r\n\r\n/**\r\n * Renders a draggable resize handle between resizable panels.\r\n *\r\n * @remarks\r\n * - Third-party wrapper component (v4 API: `Separator`)\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <ResizableHandle withHandle />\r\n * ```\r\n *\r\n * @see {@link ResizableHandleProps} for available props\r\n * @see {@link https://github.com/bvaughn/react-resizable-panels | react-resizable-panels docs}\r\n */\r\nfunction ResizableHandle({withHandle = false, className, children, ...props}: Readonly<ResizableHandleProps>): React.JSX.Element {\r\n  return (\r\n    <ResizablePrimitive.Separator\r\n      className={cn(styles.handle, className)}\r\n      {...props}>\r\n      {Boolean(withHandle) && (\r\n        <div className={styles.handleGrip}>\r\n          <GripVertical className={styles.handleGripIcon} />\r\n        </div>\r\n      )}\r\n      {children}\r\n    </ResizablePrimitive.Separator>\r\n  );\r\n}\r\n\r\nResizablePanelGroup.displayName = \"ResizablePanelGroup\";\r\nResizablePanel.displayName = \"ResizablePanel\";\r\nResizableHandle.displayName = \"ResizableHandle\";\r\n\r\nexport {ResizableHandle, ResizablePanel, ResizablePanelGroup};\r\n"],"names":["ResizablePanelGroup","className","props","ResizablePrimitive","cn","styles","ResizablePanel","ResizableHandle","withHandle","children","Boolean","GripVertical"],"mappings":";;;;;;;AAuDA,SAASA,oBAAoB,EAACC,SAAS,EAAE,GAAGC,OAA0C;IACpF,OAAO,WAAP,GACE,IAACC,kDAAAA,KAAwB;QACvB,WAAWC,GAAGC,iBAAAA,KAAY,EAAEJ;QAC3B,GAAGC,KAAK;;AAGf;AAiBA,MAAMI,iBAAiBH,kDAAAA,KAAwB;AAiB/C,SAASI,gBAAgB,EAACC,aAAa,KAAK,EAAEP,SAAS,EAAEQ,QAAQ,EAAE,GAAGP,OAAsC;IAC1G,OAAO,WAAP,GACE,KAACC,kDAAAA,SAA4B;QAC3B,WAAWC,GAAGC,iBAAAA,MAAa,EAAEJ;QAC5B,GAAGC,KAAK;;YACRQ,QAAQF,eAAe,WAAfA,GACP,IAAC;gBAAI,WAAWH,iBAAAA,UAAiB;0BAC/B,kBAACM,cAAYA;oBAAC,WAAWN,iBAAAA,cAAqB;;;YAGjDI;;;AAGP;AAEAT,oBAAoB,WAAW,GAAG;AAClCM,eAAe,WAAW,GAAG;AAC7BC,gBAAgB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/resizable.module.css","webpack://./src/components/ui/resizable.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,kCAAkC;EAClC,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,UAAU;EACV,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,WAAW;EACX,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AAEA;EACE,mEAAmE;AACrE;;AAEA;EACE,WAAW;EACX,WAAW;AACb;;AAEA;EACE,WAAW;EACX,cAAc;EACd,MAAM;EACN,OAAO;EACP,2BAA2B;AAC7B;;AAEA;EACE,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,UAAU;EACV,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,YAAY;EACZ,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,wBAAwB;AAC1B;;AAEA;EACE,cAAc;EACd,eAAe;AACjB","sourcesContent":[".group{display:flex;height:100%;width:100%}.group[data-panel-group-direction=vertical]{flex-direction:column}.handle{align-items:center;background-color:var(--ac-border);display:flex;justify-content:center;outline:none;position:relative;width:1px}.handle:after{content:\"\";inset-block:0;left:50%;position:absolute;transform:translateX(-50%);width:.25rem}.handle:focus-visible{box-shadow:0 0 0 1px var(--ac-ring),0 0 0 2px var(--ac-background)}.handle[data-panel-group-direction=vertical]{height:1px;width:100%}.handle[data-panel-group-direction=vertical]:after{height:.25rem;left:0;top:0;transform:translateY(-50%);width:100%}.handleGrip{align-items:center;background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);display:flex;height:1rem;justify-content:center;position:relative;width:.75rem;z-index:1}.handle[data-panel-group-direction=vertical] .handleGrip{transform:rotate(90deg)}.handleGripIcon{height:.625rem;width:.625rem}",".group {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.group[data-panel-group-direction=\"vertical\"] {\n  flex-direction: column;\n}\n\n.handle {\n  background-color: var(--ac-border);\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1px;\n  display: flex;\n  position: relative;\n}\n\n.handle:after {\n  content: \"\";\n  inset-block: 0;\n  width: .25rem;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.handle:focus-visible {\n  box-shadow: 0 0 0 1px var(--ac-ring),0 0 0 2px var(--ac-background);\n}\n\n.handle[data-panel-group-direction=\"vertical\"] {\n  width: 100%;\n  height: 1px;\n}\n\n.handle[data-panel-group-direction=\"vertical\"]:after {\n  width: 100%;\n  height: .25rem;\n  top: 0;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.handleGrip {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-sm);\n  z-index: 1;\n  justify-content: center;\n  align-items: center;\n  width: .75rem;\n  height: 1rem;\n  display: flex;\n  position: relative;\n}\n\n.handle[data-panel-group-direction=\"vertical\"] .handleGrip {\n  transform: rotate(90deg);\n}\n\n.handleGripIcon {\n  width: .625rem;\n  height: .625rem;\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/resizable.module.css","webpack://./src/components/ui/resizable.module.css"],"names":[],"mappings":"AAAA;ECCE,WAAW;EACX,YAAY;EACZ,aAAa;AACf;;ADJ2C;ECOzC,sBAAsB;AACxB;;ADR6G;ECW3G,kCAAkC;EAClC,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,UAAU;EACV,aAAa;EACb,kBAAkB;AACpB;;ADlBuP;ECqBrP,WAAW;EACX,cAAc;EACd,aAAa;EACb,kBAAkB;EAClB,SAAS;EACT,2BAA2B;AAC7B;;AD3BiW;EC8B/V,mEAAmE;AACrE;;AD/B0b;ECkCxb,WAAW;EACX,WAAW;AACb;;ADpC6f;ECuC3f,WAAW;EACX,cAAc;EACd,MAAM;EACN,OAAO;EACP,2BAA2B;AAC7B;;AD5CinB;EC+C/mB,sCAAsC;EACtC,kCAAkC;EAClC,kCAAkC;EAClC,UAAU;EACV,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,YAAY;EACZ,aAAa;EACb,kBAAkB;AACpB;;ADzDm1B;EC4Dj1B,wBAAwB;AAC1B;;AD7Do6B;ECgEl6B,cAAc;EACd,eAAe;AACjB","sourcesContent":[".group{display:flex;height:100%;width:100%}.group[data-panel-group-direction=vertical]{flex-direction:column}.handle{align-items:center;background-color:var(--ac-border);display:flex;justify-content:center;outline:none;position:relative;width:1px}.handle:after{content:\"\";inset-block:0;left:50%;position:absolute;transform:translateX(-50%);width:.25rem}.handle:focus-visible{box-shadow:0 0 0 1px var(--ac-ring),0 0 0 2px var(--ac-background)}.handle[data-panel-group-direction=vertical]{height:1px;width:100%}.handle[data-panel-group-direction=vertical]:after{height:.25rem;left:0;top:0;transform:translateY(-50%);width:100%}.handleGrip{align-items:center;background-color:var(--ac-background);border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);display:flex;height:1rem;justify-content:center;position:relative;width:.75rem;z-index:1}.handle[data-panel-group-direction=vertical] .handleGrip{transform:rotate(90deg)}.handleGripIcon{height:.625rem;width:.625rem}",".group {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n\n.group[data-panel-group-direction=\"vertical\"] {\n  flex-direction: column;\n}\n\n.handle {\n  background-color: var(--ac-border);\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1px;\n  display: flex;\n  position: relative;\n}\n\n.handle:after {\n  content: \"\";\n  inset-block: 0;\n  width: .25rem;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.handle:focus-visible {\n  box-shadow: 0 0 0 1px var(--ac-ring),0 0 0 2px var(--ac-background);\n}\n\n.handle[data-panel-group-direction=\"vertical\"] {\n  width: 100%;\n  height: 1px;\n}\n\n.handle[data-panel-group-direction=\"vertical\"]:after {\n  width: 100%;\n  height: .25rem;\n  top: 0;\n  left: 0;\n  transform: translateY(-50%);\n}\n\n.handleGrip {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-sm);\n  z-index: 1;\n  justify-content: center;\n  align-items: center;\n  width: .75rem;\n  height: 1rem;\n  display: flex;\n  position: relative;\n}\n\n.handle[data-panel-group-direction=\"vertical\"] .handleGrip {\n  transform: rotate(90deg);\n}\n\n.handleGripIcon {\n  width: .625rem;\n  height: .625rem;\n}\n"],"sourceRoot":""}

package/dist/components/ui/ripple-button.js

@@ -1,24 +1,24 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "motion/react";
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useRef, useState } from "react";
 import { cn } from "../../lib/utilities.js";
 import ripple_button_module from "./ripple-button.module.js";
-const RippleButton = /*#__PURE__*/ forwardRef(({ children, onClick, className, rippleClassName, scale = 10, transition = {
+import * as __rspack_external_react from "react";
+const RippleButton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, onClick, className, rippleClassName, scale = 10, transition = {
     duration: 0.6,
     ease: "easeOut"
 }, ...props }, ref)=>{
     const { key: _ignoredKey, ...restProps } = props;
-    const [ripples, setRipples] = useState([]);
-    const buttonRef = useRef(null);
-    const timeoutIdsRef = useRef([]);
-    useImperativeHandle(ref, ()=>buttonRef.current, []);
-    useEffect(()=>()=>{
+    const [ripples, setRipples] = __rspack_external_react.useState([]);
+    const buttonRef = __rspack_external_react.useRef(null);
+    const timeoutIdsRef = __rspack_external_react.useRef([]);
+    __rspack_external_react.useImperativeHandle(ref, ()=>buttonRef.current, []);
+    __rspack_external_react.useEffect(()=>()=>{
             timeoutIdsRef.current.forEach((timeoutId)=>{
                 globalThis.window.clearTimeout(timeoutId);
             });
         }, []);
-    const createRipple = useCallback((event)=>{
+    const createRipple = __rspack_external_react.useCallback((event)=>{
         const button = buttonRef.current;
         if (!button) return;
         const rect = button.getBoundingClientRect();
@@ -41,7 +41,7 @@ const RippleButton = /*#__PURE__*/ forwardRef(({ children, onClick, className, r
             timeoutId
         ];
     }, []);
-    const handleClick = useCallback((event)=>{
+    const handleClick = __rspack_external_react.useCallback((event)=>{
         createRipple(event);
         onClick?.(event);
     }, [

package/dist/components/ui/ripple-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/ripple-button.js","sources":["../../../src/components/ui/ripple-button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, type HTMLMotionProps, type Transition} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./ripple-button.module.css\";\r\n\r\ninterface Ripple {\r\n  id: number;\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\n/** Props accepted by {@link RippleButton}. */\r\nexport interface RippleButtonProps extends HTMLMotionProps<\"button\"> {\r\n  /** Button contents rendered above the ripple layer. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Additional CSS classes merged with each generated ripple. @default undefined */\r\n  rippleClassName?: string;\r\n  /** Final expansion scale applied to each ripple animation. @default 10 */\r\n  scale?: number;\r\n  /** Motion timing used for each ripple animation. @default {duration: 0.6, ease: \"easeOut\"} */\r\n  transition?: Transition;\r\n}\r\n\r\n/**\r\n * Renders a pressable button that emits animated ripples from the click position.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<button>` 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 * <RippleButton>Click me</RippleButton>\r\n * ```\r\n *\r\n * @see {@link RippleButtonProps} for available props\r\n */\r\nconst RippleButton = React.forwardRef<HTMLButtonElement, RippleButtonProps>(\r\n  ({children, onClick, className, rippleClassName, scale = 10, transition = {duration: 0.6, ease: \"easeOut\"}, ...props}, ref) => {\r\n    // eslint-disable-next-line sonarjs/no-unused-vars -- removing React key avoids implicit key spreading\r\n    const {key: _ignoredKey, ...restProps} = props;\r\n    const [ripples, setRipples] = React.useState<ReadonlyArray<Ripple>>([]);\r\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n    const timeoutIdsRef = React.useRef<ReadonlyArray<number>>([]);\r\n\r\n    React.useImperativeHandle(ref, () => buttonRef.current!, []);\r\n\r\n    React.useEffect(\r\n      () => () => {\r\n        timeoutIdsRef.current.forEach((timeoutId) => {\r\n          globalThis.window.clearTimeout(timeoutId);\r\n        });\r\n      },\r\n      [],\r\n    );\r\n\r\n    const createRipple = React.useCallback((event: React.MouseEvent<HTMLButtonElement>): void => {\r\n      const button = buttonRef.current;\r\n      if (!button) {\r\n        return;\r\n      }\r\n\r\n      const rect = button.getBoundingClientRect();\r\n      const x = event.clientX - rect.left;\r\n      const y = event.clientY - rect.top;\r\n\r\n      const newRipple: Ripple = {\r\n        id: Date.now(),\r\n        x,\r\n        y,\r\n      };\r\n\r\n      setRipples((previousRipples) => [...previousRipples, newRipple]);\r\n\r\n      const timeoutId = globalThis.window.setTimeout(() => {\r\n        setRipples((previousRipples) => previousRipples.filter((ripple) => ripple.id !== newRipple.id));\r\n      }, 600);\r\n\r\n      timeoutIdsRef.current = [...timeoutIdsRef.current, timeoutId];\r\n    }, []);\r\n\r\n    const handleClick = React.useCallback(\r\n      (event: React.MouseEvent<HTMLButtonElement>): void => {\r\n        createRipple(event);\r\n        onClick?.(event);\r\n      },\r\n      [createRipple, onClick],\r\n    );\r\n\r\n    return (\r\n      <motion.button\r\n        ref={buttonRef}\r\n        onClick={handleClick}\r\n        whileTap={{scale: 0.95}}\r\n        whileHover={{scale: 1.05}}\r\n        className={cn(styles.button, className)}\r\n        {...restProps}>\r\n        <span className={styles.content}>{children}</span>\r\n        {ripples.map((ripple) => (\r\n          <motion.span\r\n            key={ripple.id}\r\n            initial={{scale: 0, opacity: 0.5}}\r\n            animate={{scale, opacity: 0}}\r\n            transition={transition}\r\n            className={cn(styles.ripple, rippleClassName)}\r\n            style={{\r\n              top: ripple.y - 10,\r\n              left: ripple.x - 10,\r\n            }}\r\n          />\r\n        ))}\r\n      </motion.button>\r\n    );\r\n  },\r\n);\r\n\r\nRippleButton.displayName = \"RippleButton\";\r\n\r\nexport {RippleButton};\r\n"],"names":["RippleButton","React","children","onClick","className","rippleClassName","scale","transition","props","ref","_ignoredKey","restProps","ripples","setRipples","buttonRef","timeoutIdsRef","timeoutId","globalThis","createRipple","event","button","rect","x","y","newRipple","Date","previousRipples","ripple","handleClick","motion","cn","styles"],"mappings":";;;;;;AA0CA,MAAMA,eAAe,WAAHA,GAAGC,WACnB,CAAC,EAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,eAAe,EAAEC,QAAQ,EAAE,EAAEC,aAAa;IAAC,UAAU;IAAK,MAAM;AAAS,CAAC,EAAE,GAAGC,OAAM,EAAEC;IAErH,MAAM,EAAC,KAAKC,WAAW,EAAE,GAAGC,WAAU,GAAGH;IACzC,MAAM,CAACI,SAASC,WAAW,GAAGZ,SAAsC,EAAE;IACtE,MAAMa,YAAYb,OAAgC;IAClD,MAAMc,gBAAgBd,OAAoC,EAAE;IAE5DA,oBAA0BQ,KAAK,IAAMK,UAAU,OAAO,EAAG,EAAE;IAE3Db,UACE,IAAM;YACJc,cAAc,OAAO,CAAC,OAAO,CAAC,CAACC;gBAC7BC,WAAW,MAAM,CAAC,YAAY,CAACD;YACjC;QACF,GACA,EAAE;IAGJ,MAAME,eAAejB,YAAkB,CAACkB;QACtC,MAAMC,SAASN,UAAU,OAAO;QAChC,IAAI,CAACM,QACH;QAGF,MAAMC,OAAOD,OAAO,qBAAqB;QACzC,MAAME,IAAIH,MAAM,OAAO,GAAGE,KAAK,IAAI;QACnC,MAAME,IAAIJ,MAAM,OAAO,GAAGE,KAAK,GAAG;QAElC,MAAMG,YAAoB;YACxB,IAAIC,KAAK,GAAG;YACZH;YACAC;QACF;QAEAV,WAAW,CAACa,kBAAoB;mBAAIA;gBAAiBF;aAAU;QAE/D,MAAMR,YAAYC,WAAW,MAAM,CAAC,UAAU,CAAC;YAC7CJ,WAAW,CAACa,kBAAoBA,gBAAgB,MAAM,CAAC,CAACC,SAAWA,OAAO,EAAE,KAAKH,UAAU,EAAE;QAC/F,GAAG;QAEHT,cAAc,OAAO,GAAG;eAAIA,cAAc,OAAO;YAAEC;SAAU;IAC/D,GAAG,EAAE;IAEL,MAAMY,cAAc3B,YAClB,CAACkB;QACCD,aAAaC;QACbhB,UAAUgB;IACZ,GACA;QAACD;QAAcf;KAAQ;IAGzB,OAAO,WAAP,GACE,KAAC0B,OAAO,MAAM;QACZ,KAAKf;QACL,SAASc;QACT,UAAU;YAAC,OAAO;QAAI;QACtB,YAAY;YAAC,OAAO;QAAI;QACxB,WAAWE,GAAGC,qBAAAA,MAAa,EAAE3B;QAC5B,GAAGO,SAAS;;0BACb,IAAC;gBAAK,WAAWoB,qBAAAA,OAAc;0BAAG7B;;YACjCU,QAAQ,GAAG,CAAC,CAACe,SAAAA,WAAAA,GACZ,IAACE,OAAO,IAAI;oBAEV,SAAS;wBAAC,OAAO;wBAAG,SAAS;oBAAG;oBAChC,SAAS;wBAACvB;wBAAO,SAAS;oBAAC;oBAC3B,YAAYC;oBACZ,WAAWuB,GAAGC,qBAAAA,MAAa,EAAE1B;oBAC7B,OAAO;wBACL,KAAKsB,OAAO,CAAC,GAAG;wBAChB,MAAMA,OAAO,CAAC,GAAG;oBACnB;mBARKA,OAAO,EAAE;;;AAaxB;AAGF3B,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/ripple-button.js","sources":["../../../src/components/ui/ripple-button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, type HTMLMotionProps, type Transition} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./ripple-button.module.css\";\r\n\r\ninterface Ripple {\r\n  id: number;\r\n  x: number;\r\n  y: number;\r\n}\r\n\r\n/** Props accepted by {@link RippleButton}. */\r\nexport interface RippleButtonProps extends HTMLMotionProps<\"button\"> {\r\n  /** Button contents rendered above the ripple layer. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Additional CSS classes merged with each generated ripple. @default undefined */\r\n  rippleClassName?: string;\r\n  /** Final expansion scale applied to each ripple animation. @default 10 */\r\n  scale?: number;\r\n  /** Motion timing used for each ripple animation. @default {duration: 0.6, ease: \"easeOut\"} */\r\n  transition?: Transition;\r\n}\r\n\r\n/**\r\n * Renders a pressable button that emits animated ripples from the click position.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<button>` 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 * <RippleButton>Click me</RippleButton>\r\n * ```\r\n *\r\n * @see {@link RippleButtonProps} for available props\r\n */\r\nconst RippleButton = React.forwardRef<HTMLButtonElement, RippleButtonProps>(\r\n  ({children, onClick, className, rippleClassName, scale = 10, transition = {duration: 0.6, ease: \"easeOut\"}, ...props}, ref) => {\r\n    // eslint-disable-next-line sonarjs/no-unused-vars -- removing React key avoids implicit key spreading\r\n    const {key: _ignoredKey, ...restProps} = props;\r\n    const [ripples, setRipples] = React.useState<ReadonlyArray<Ripple>>([]);\r\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\r\n    const timeoutIdsRef = React.useRef<ReadonlyArray<number>>([]);\r\n\r\n    React.useImperativeHandle(ref, () => buttonRef.current!, []);\r\n\r\n    React.useEffect(\r\n      () => () => {\r\n        timeoutIdsRef.current.forEach((timeoutId) => {\r\n          globalThis.window.clearTimeout(timeoutId);\r\n        });\r\n      },\r\n      [],\r\n    );\r\n\r\n    const createRipple = React.useCallback((event: React.MouseEvent<HTMLButtonElement>): void => {\r\n      const button = buttonRef.current;\r\n      if (!button) {\r\n        return;\r\n      }\r\n\r\n      const rect = button.getBoundingClientRect();\r\n      const x = event.clientX - rect.left;\r\n      const y = event.clientY - rect.top;\r\n\r\n      const newRipple: Ripple = {\r\n        id: Date.now(),\r\n        x,\r\n        y,\r\n      };\r\n\r\n      setRipples((previousRipples) => [...previousRipples, newRipple]);\r\n\r\n      const timeoutId = globalThis.window.setTimeout(() => {\r\n        setRipples((previousRipples) => previousRipples.filter((ripple) => ripple.id !== newRipple.id));\r\n      }, 600);\r\n\r\n      timeoutIdsRef.current = [...timeoutIdsRef.current, timeoutId];\r\n    }, []);\r\n\r\n    const handleClick = React.useCallback(\r\n      (event: React.MouseEvent<HTMLButtonElement>): void => {\r\n        createRipple(event);\r\n        onClick?.(event);\r\n      },\r\n      [createRipple, onClick],\r\n    );\r\n\r\n    return (\r\n      <motion.button\r\n        ref={buttonRef}\r\n        onClick={handleClick}\r\n        whileTap={{scale: 0.95}}\r\n        whileHover={{scale: 1.05}}\r\n        className={cn(styles.button, className)}\r\n        {...restProps}>\r\n        <span className={styles.content}>{children}</span>\r\n        {ripples.map((ripple) => (\r\n          <motion.span\r\n            key={ripple.id}\r\n            initial={{scale: 0, opacity: 0.5}}\r\n            animate={{scale, opacity: 0}}\r\n            transition={transition}\r\n            className={cn(styles.ripple, rippleClassName)}\r\n            style={{\r\n              top: ripple.y - 10,\r\n              left: ripple.x - 10,\r\n            }}\r\n          />\r\n        ))}\r\n      </motion.button>\r\n    );\r\n  },\r\n);\r\n\r\nRippleButton.displayName = \"RippleButton\";\r\n\r\nexport {RippleButton};\r\n"],"names":["RippleButton","React","children","onClick","className","rippleClassName","scale","transition","props","ref","_ignoredKey","restProps","ripples","setRipples","buttonRef","timeoutIdsRef","timeoutId","globalThis","createRipple","event","button","rect","x","y","newRipple","Date","previousRipples","ripple","handleClick","motion","cn","styles"],"mappings":";;;;;;AA0CA,MAAMA,eAAe,WAAHA,GAAGC,wBAAAA,UAAgB,CACnC,CAAC,EAACC,QAAQ,EAAEC,OAAO,EAAEC,SAAS,EAAEC,eAAe,EAAEC,QAAQ,EAAE,EAAEC,aAAa;IAAC,UAAU;IAAK,MAAM;AAAS,CAAC,EAAE,GAAGC,OAAM,EAAEC;IAErH,MAAM,EAAC,KAAKC,WAAW,EAAE,GAAGC,WAAU,GAAGH;IACzC,MAAM,CAACI,SAASC,WAAW,GAAGZ,wBAAAA,QAAc,CAAwB,EAAE;IACtE,MAAMa,YAAYb,wBAAAA,MAAY,CAAoB;IAClD,MAAMc,gBAAgBd,wBAAAA,MAAY,CAAwB,EAAE;IAE5DA,wBAAAA,mBAAyB,CAACQ,KAAK,IAAMK,UAAU,OAAO,EAAG,EAAE;IAE3Db,wBAAAA,SAAe,CACb,IAAM;YACJc,cAAc,OAAO,CAAC,OAAO,CAAC,CAACC;gBAC7BC,WAAW,MAAM,CAAC,YAAY,CAACD;YACjC;QACF,GACA,EAAE;IAGJ,MAAME,eAAejB,wBAAAA,WAAiB,CAAC,CAACkB;QACtC,MAAMC,SAASN,UAAU,OAAO;QAChC,IAAI,CAACM,QACH;QAGF,MAAMC,OAAOD,OAAO,qBAAqB;QACzC,MAAME,IAAIH,MAAM,OAAO,GAAGE,KAAK,IAAI;QACnC,MAAME,IAAIJ,MAAM,OAAO,GAAGE,KAAK,GAAG;QAElC,MAAMG,YAAoB;YACxB,IAAIC,KAAK,GAAG;YACZH;YACAC;QACF;QAEAV,WAAW,CAACa,kBAAoB;mBAAIA;gBAAiBF;aAAU;QAE/D,MAAMR,YAAYC,WAAW,MAAM,CAAC,UAAU,CAAC;YAC7CJ,WAAW,CAACa,kBAAoBA,gBAAgB,MAAM,CAAC,CAACC,SAAWA,OAAO,EAAE,KAAKH,UAAU,EAAE;QAC/F,GAAG;QAEHT,cAAc,OAAO,GAAG;eAAIA,cAAc,OAAO;YAAEC;SAAU;IAC/D,GAAG,EAAE;IAEL,MAAMY,cAAc3B,wBAAAA,WAAiB,CACnC,CAACkB;QACCD,aAAaC;QACbhB,UAAUgB;IACZ,GACA;QAACD;QAAcf;KAAQ;IAGzB,OAAO,WAAP,GACE,KAAC0B,OAAO,MAAM;QACZ,KAAKf;QACL,SAASc;QACT,UAAU;YAAC,OAAO;QAAI;QACtB,YAAY;YAAC,OAAO;QAAI;QACxB,WAAWE,GAAGC,qBAAAA,MAAa,EAAE3B;QAC5B,GAAGO,SAAS;;0BACb,IAAC;gBAAK,WAAWoB,qBAAAA,OAAc;0BAAG7B;;YACjCU,QAAQ,GAAG,CAAC,CAACe,SAAAA,WAAAA,GACZ,IAACE,OAAO,IAAI;oBAEV,SAAS;wBAAC,OAAO;wBAAG,SAAS;oBAAG;oBAChC,SAAS;wBAACvB;wBAAO,SAAS;oBAAC;oBAC3B,YAAYC;oBACZ,WAAWuB,GAAGC,qBAAAA,MAAa,EAAE1B;oBAC7B,OAAO;wBACL,KAAKsB,OAAO,CAAC,GAAG;wBAChB,MAAMA,OAAO,CAAC,GAAG;oBACnB;mBARKA,OAAO,EAAE;;;AAaxB;AAGF3B,aAAa,WAAW,GAAG"}

package/dist/components/ui/ripple-button_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/ripple-button.module.css","webpack://./src/components/ui/ripple-button.module.css"],"names":[],"mappings":"AADA;ECEE,6BAA6B;EAC7B,kCAAkC;EAClC,mCAAmC;EACnC,eAAe;EACf,4BAA4B;EAC5B,SAAS;EACT,uBAAuB;EACvB,mBAAmB;EACnB,cAAc;EACd,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,UAAU;EACV,kBAAkB;AACpB;;AAEA;EACE,wCAAwC;EACxC,oBAAoB;EACpB,qBAAqB;EACrB,cAAc;EACd,eAAe;EACf,kBAAkB;AACpB","sourcesContent":[".button{align-items:center;background:var(--ac-primary);border:0;border-radius:var(--ac-radius-lg);color:var(--ac-primary-foreground);cursor:pointer;display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;height:2.5rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative}.button:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.content{position:relative;z-index:1}.ripple{background:var(--ac-primary-foreground);border-radius:9999px;height:1.25rem;pointer-events:none;position:absolute;width:1.25rem}",".button {\n  background: var(--ac-primary);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-primary-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  border: 0;\n  justify-content: center;\n  align-items: center;\n  height: 2.5rem;\n  padding: .5rem 1rem;\n  font-weight: 500;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.content {\n  z-index: 1;\n  position: relative;\n}\n\n.ripple {\n  background: var(--ac-primary-foreground);\n  pointer-events: none;\n  border-radius: 9999px;\n  width: 1.25rem;\n  height: 1.25rem;\n  position: absolute;\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/ripple-button.module.css","webpack://./src/components/ui/ripple-button.module.css"],"names":[],"mappings":"AAAA;ECCE,6BAA6B;EAC7B,kCAAkC;EAClC,mCAAmC;EACnC,eAAe;EACf,4BAA4B;EAC5B,SAAS;EACT,uBAAuB;EACvB,mBAAmB;EACnB,cAAc;EACd,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;EAClB,gBAAgB;AAClB;;ADf+S;ECkB7S,iCAAiC;EACjC,mBAAmB;AACrB;;ADpByX;ECuBvX,UAAU;EACV,kBAAkB;AACpB;;ADzB8Z;EC4B5Z,wCAAwC;EACxC,oBAAoB;EACpB,qBAAqB;EACrB,cAAc;EACd,eAAe;EACf,kBAAkB;AACpB","sourcesContent":[".button{align-items:center;background:var(--ac-primary);border:0;border-radius:var(--ac-radius-lg);color:var(--ac-primary-foreground);cursor:pointer;display:inline-flex;font-size:var(--ac-text-sm);font-weight:500;height:2.5rem;justify-content:center;overflow:hidden;padding:.5rem 1rem;position:relative}.button:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.content{position:relative;z-index:1}.ripple{background:var(--ac-primary-foreground);border-radius:9999px;height:1.25rem;pointer-events:none;position:absolute;width:1.25rem}",".button {\n  background: var(--ac-primary);\n  border-radius: var(--ac-radius-lg);\n  color: var(--ac-primary-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  border: 0;\n  justify-content: center;\n  align-items: center;\n  height: 2.5rem;\n  padding: .5rem 1rem;\n  font-weight: 500;\n  display: inline-flex;\n  position: relative;\n  overflow: hidden;\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.content {\n  z-index: 1;\n  position: relative;\n}\n\n.ripple {\n  background: var(--ac-primary-foreground);\n  pointer-events: none;\n  border-radius: 9999px;\n  width: 1.25rem;\n  height: 1.25rem;\n  position: absolute;\n}\n"],"sourceRoot":""}

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

@@ -32,5 +32,5 @@ export interface ScratcherProps {
  *
  * @see {@link ScratcherProps} for available props
  */
-export declare const Scratcher: React.FC<ScratcherProps>;
+export declare const Scratcher: React.ForwardRefExoticComponent<ScratcherProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=scratcher.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"scratcher.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scratcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,2CAA2C;AAC3C,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uGAAuG;IACvG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3C;AAKD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqJ9C,CAAC"}
+{"version":3,"file":"scratcher.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scratcher.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAKzD,2CAA2C;AAC3C,MAAM,WAAW,cAAc;IAC7B,+EAA+E;IAC/E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sEAAsE;IACtE,KAAK,EAAE,MAAM,CAAC;IACd,uEAAuE;IACvE,MAAM,EAAE,MAAM,CAAC;IACf,iFAAiF;IACjF,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,wFAAwF;IACxF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,uGAAuG;IACvG,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3C;AAKD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,SAAS,uFAiJpB,CAAC"}

package/dist/components/ui/scratcher.js

@@ -10,7 +10,7 @@ const defaultGradientColors = [
     "#FDCC92"
 ];
 const ignoreAnimationError = ()=>null;
-const Scratcher = ({ width, height, minScratchPercentage = 50, onComplete, children, className, gradientColors = defaultGradientColors })=>{
+const scratcher_Scratcher = /*#__PURE__*/ react.forwardRef(function({ width, height, minScratchPercentage = 50, onComplete, children, className, gradientColors = defaultGradientColors }, forwardedRef) {
     const canvasRef = useRef(null);
     const [isScratching, setIsScratching] = useState(false);
     const [isComplete, setIsComplete] = useState(false);
@@ -119,6 +119,7 @@ const Scratcher = ({ width, height, minScratchPercentage = 50, onComplete, child
         scratch
     ]);
     return /*#__PURE__*/ jsxs(motion.div, {
+        ref: forwardedRef,
         className: cn(scratcher_module.root, className),
         style: {
             width,
@@ -138,8 +139,8 @@ const Scratcher = ({ width, height, minScratchPercentage = 50, onComplete, child
             children
         ]
     });
-};
-Scratcher.displayName = "Scratcher";
-export { Scratcher };
+});
+scratcher_Scratcher.displayName = "Scratcher";
+export { scratcher_Scratcher as Scratcher };
 
 //# sourceMappingURL=scratcher.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/scratcher.js","sources":["../../../src/components/ui/scratcher.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, useAnimation} from \"motion/react\";\r\nimport React, {useEffect, useRef, useState} from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./scratcher.module.css\";\r\n\r\n/** Props accepted by {@link Scratcher}. */\r\nexport interface ScratcherProps {\r\n  /** Content revealed after the overlay is scratched away. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Width of the scratch card surface in pixels. @default undefined */\r\n  width: number;\r\n  /** Height of the scratch card surface in pixels. @default undefined */\r\n  height: number;\r\n  /** Percentage of cleared pixels required before completion fires. @default 50 */\r\n  minScratchPercentage?: number;\r\n  /** Additional CSS classes merged with the scratch card container. @default undefined */\r\n  className?: string;\r\n  /** Callback invoked once the scratch completion threshold is reached. @default undefined */\r\n  onComplete?: () => void;\r\n  /** Three-stop gradient used for the scratchable overlay. @default [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"] */\r\n  gradientColors?: [string, string, string];\r\n}\r\n\r\nconst defaultGradientColors: [string, string, string] = [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"];\r\nconst ignoreAnimationError = (): null => null;\r\n\r\n/**\r\n * Renders a scratch-card reveal surface with animated completion feedback.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\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 * <Scratcher width={320} height={180}>Prize unlocked</Scratcher>\r\n * ```\r\n *\r\n * @see {@link ScratcherProps} for available props\r\n */\r\nexport const Scratcher: React.FC<ScratcherProps> = ({\r\n  width,\r\n  height,\r\n  minScratchPercentage = 50,\r\n  onComplete,\r\n  children,\r\n  className,\r\n  gradientColors = defaultGradientColors,\r\n}): React.JSX.Element => {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const [isScratching, setIsScratching] = useState(false);\r\n  const [isComplete, setIsComplete] = useState(false);\r\n\r\n  const controls = useAnimation();\r\n\r\n  useEffect(() => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    context.fillStyle = \"#ccc\";\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);\r\n    gradient.addColorStop(0, gradientColors[0]);\r\n    gradient.addColorStop(0.5, gradientColors[1]);\r\n    gradient.addColorStop(1, gradientColors[2]);\r\n    context.fillStyle = gradient;\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n  }, [gradientColors]);\r\n\r\n  const scratch = React.useCallback((clientX: number, clientY: number): void => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const rect = canvas.getBoundingClientRect();\r\n    const x = clientX - rect.left + 16;\r\n    const y = clientY - rect.top + 16;\r\n    context.globalCompositeOperation = \"destination-out\";\r\n    context.beginPath();\r\n    context.arc(x, y, 30, 0, Math.PI * 2);\r\n    context.fill();\r\n  }, []);\r\n\r\n  const startAnimation = React.useCallback(async (): Promise<void> => {\r\n    await controls.start({\r\n      scale: [1, 1.5, 1],\r\n      rotate: [0, 10, -10, 10, -10, 0],\r\n      transition: {duration: 0.5},\r\n    });\r\n\r\n    onComplete?.();\r\n  }, [controls, onComplete]);\r\n\r\n  const checkCompletion = React.useCallback((): void => {\r\n    if (isComplete) {\r\n      return;\r\n    }\r\n\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const imageData = context.getImageData(0, 0, canvas.width, canvas.height);\r\n    const pixels = imageData.data;\r\n    const totalPixels = pixels.length / 4;\r\n    let clearPixels = 0;\r\n\r\n    for (let index = 3; index < pixels.length; index += 4) {\r\n      if (pixels[index] === 0) {\r\n        clearPixels += 1;\r\n      }\r\n    }\r\n\r\n    const percentage = (clearPixels / totalPixels) * 100;\r\n    if (percentage >= minScratchPercentage) {\r\n      setIsComplete(true);\r\n      context.clearRect(0, 0, canvas.width, canvas.height);\r\n      startAnimation().catch(ignoreAnimationError);\r\n    }\r\n  }, [isComplete, minScratchPercentage, startAnimation]);\r\n\r\n  useEffect(() => {\r\n    const handleDocumentMouseMove = (event: MouseEvent): void => {\r\n      if (isScratching) {\r\n        scratch(event.clientX, event.clientY);\r\n      }\r\n    };\r\n\r\n    const handleDocumentTouchMove = (event: TouchEvent): void => {\r\n      if (!isScratching) {\r\n        return;\r\n      }\r\n\r\n      const [touch] = event.touches;\r\n      if (!touch) {\r\n        return;\r\n      }\r\n\r\n      scratch(touch.clientX, touch.clientY);\r\n    };\r\n\r\n    const handleDocumentPointerEnd = (): void => {\r\n      setIsScratching(false);\r\n      checkCompletion();\r\n    };\r\n\r\n    globalThis.document.addEventListener(\"mousemove\", handleDocumentMouseMove);\r\n    globalThis.document.addEventListener(\"touchmove\", handleDocumentTouchMove);\r\n    globalThis.document.addEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchend\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n\r\n    return () => {\r\n      globalThis.document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\r\n      globalThis.document.removeEventListener(\"touchmove\", handleDocumentTouchMove);\r\n      globalThis.document.removeEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchend\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n    };\r\n  }, [checkCompletion, isScratching, scratch]);\r\n\r\n  return (\r\n    <motion.div\r\n      className={cn(styles.root, className)}\r\n      style={{\r\n        width,\r\n        height,\r\n        cursor:\r\n          \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto\",\r\n      }}\r\n      animate={controls}>\r\n      <canvas\r\n        ref={canvasRef}\r\n        width={width}\r\n        height={height}\r\n        className={styles.canvas}\r\n        onMouseDown={() => setIsScratching(true)}\r\n        onTouchStart={() => setIsScratching(true)}\r\n      />\r\n      {children}\r\n    </motion.div>\r\n  );\r\n};\r\n\r\nScratcher.displayName = \"Scratcher\";\r\n"],"names":["defaultGradientColors","ignoreAnimationError","Scratcher","width","height","minScratchPercentage","onComplete","children","className","gradientColors","canvasRef","useRef","isScratching","setIsScratching","useState","isComplete","setIsComplete","controls","useAnimation","useEffect","canvas","context","gradient","scratch","React","clientX","clientY","rect","x","y","Math","startAnimation","checkCompletion","imageData","pixels","totalPixels","clearPixels","index","percentage","handleDocumentMouseMove","event","handleDocumentTouchMove","touch","handleDocumentPointerEnd","globalThis","motion","cn","styles"],"mappings":";;;;;;AA0BA,MAAMA,wBAAkD;IAAC;IAAW;IAAW;CAAU;AACzF,MAAMC,uBAAuB,IAAY;AAkBlC,MAAMC,YAAsC,CAAC,EAClDC,KAAK,EACLC,MAAM,EACNC,uBAAuB,EAAE,EACzBC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,iBAAiBT,qBAAqB,EACvC;IACC,MAAMU,YAAYC,OAA0B;IAC5C,MAAM,CAACC,cAAcC,gBAAgB,GAAGC,SAAS;IACjD,MAAM,CAACC,YAAYC,cAAc,GAAGF,SAAS;IAE7C,MAAMG,WAAWC;IAEjBC,UAAU;QACR,MAAMC,SAASV,UAAU,OAAO;QAChC,MAAMW,UAAUD,QAAQ,WAAW;QACnC,IAAI,CAACA,UAAU,CAACC,SACd;QAGFA,QAAQ,SAAS,GAAG;QACpBA,QAAQ,QAAQ,CAAC,GAAG,GAAGD,OAAO,KAAK,EAAEA,OAAO,MAAM;QAClD,MAAME,WAAWD,QAAQ,oBAAoB,CAAC,GAAG,GAAGD,OAAO,KAAK,EAAEA,OAAO,MAAM;QAC/EE,SAAS,YAAY,CAAC,GAAGb,cAAc,CAAC,EAAE;QAC1Ca,SAAS,YAAY,CAAC,KAAKb,cAAc,CAAC,EAAE;QAC5Ca,SAAS,YAAY,CAAC,GAAGb,cAAc,CAAC,EAAE;QAC1CY,QAAQ,SAAS,GAAGC;QACpBD,QAAQ,QAAQ,CAAC,GAAG,GAAGD,OAAO,KAAK,EAAEA,OAAO,MAAM;IACpD,GAAG;QAACX;KAAe;IAEnB,MAAMc,UAAUC,MAAAA,WAAiB,CAAC,CAACC,SAAiBC;QAClD,MAAMN,SAASV,UAAU,OAAO;QAChC,MAAMW,UAAUD,QAAQ,WAAW;QACnC,IAAI,CAACA,UAAU,CAACC,SACd;QAGF,MAAMM,OAAOP,OAAO,qBAAqB;QACzC,MAAMQ,IAAIH,UAAUE,KAAK,IAAI,GAAG;QAChC,MAAME,IAAIH,UAAUC,KAAK,GAAG,GAAG;QAC/BN,QAAQ,wBAAwB,GAAG;QACnCA,QAAQ,SAAS;QACjBA,QAAQ,GAAG,CAACO,GAAGC,GAAG,IAAI,GAAGC,AAAU,IAAVA,KAAK,EAAE;QAChCT,QAAQ,IAAI;IACd,GAAG,EAAE;IAEL,MAAMU,iBAAiBP,MAAAA,WAAiB,CAAC;QACvC,MAAMP,SAAS,KAAK,CAAC;YACnB,OAAO;gBAAC;gBAAG;gBAAK;aAAE;YAClB,QAAQ;gBAAC;gBAAG;gBAAI;gBAAK;gBAAI;gBAAK;aAAE;YAChC,YAAY;gBAAC,UAAU;YAAG;QAC5B;QAEAX;IACF,GAAG;QAACW;QAAUX;KAAW;IAEzB,MAAM0B,kBAAkBR,MAAAA,WAAiB,CAAC;QACxC,IAAIT,YACF;QAGF,MAAMK,SAASV,UAAU,OAAO;QAChC,MAAMW,UAAUD,QAAQ,WAAW;QACnC,IAAI,CAACA,UAAU,CAACC,SACd;QAGF,MAAMY,YAAYZ,QAAQ,YAAY,CAAC,GAAG,GAAGD,OAAO,KAAK,EAAEA,OAAO,MAAM;QACxE,MAAMc,SAASD,UAAU,IAAI;QAC7B,MAAME,cAAcD,OAAO,MAAM,GAAG;QACpC,IAAIE,cAAc;QAElB,IAAK,IAAIC,QAAQ,GAAGA,QAAQH,OAAO,MAAM,EAAEG,SAAS,EAClD,IAAIH,AAAkB,MAAlBA,MAAM,CAACG,MAAM,EACfD,eAAe;QAInB,MAAME,aAAcF,cAAcD,cAAe;QACjD,IAAIG,cAAcjC,sBAAsB;YACtCW,cAAc;YACdK,QAAQ,SAAS,CAAC,GAAG,GAAGD,OAAO,KAAK,EAAEA,OAAO,MAAM;YACnDW,iBAAiB,KAAK,CAAC9B;QACzB;IACF,GAAG;QAACc;QAAYV;QAAsB0B;KAAe;IAErDZ,UAAU;QACR,MAAMoB,0BAA0B,CAACC;YAC/B,IAAI5B,cACFW,QAAQiB,MAAM,OAAO,EAAEA,MAAM,OAAO;QAExC;QAEA,MAAMC,0BAA0B,CAACD;YAC/B,IAAI,CAAC5B,cACH;YAGF,MAAM,CAAC8B,MAAM,GAAGF,MAAM,OAAO;YAC7B,IAAI,CAACE,OACH;YAGFnB,QAAQmB,MAAM,OAAO,EAAEA,MAAM,OAAO;QACtC;QAEA,MAAMC,2BAA2B;YAC/B9B,gBAAgB;YAChBmB;QACF;QAEAY,WAAW,QAAQ,CAAC,gBAAgB,CAAC,aAAaL;QAClDK,WAAW,QAAQ,CAAC,gBAAgB,CAAC,aAAaH;QAClDG,WAAW,QAAQ,CAAC,gBAAgB,CAAC,WAAWD;QAChDC,WAAW,QAAQ,CAAC,gBAAgB,CAAC,YAAYD;QACjDC,WAAW,QAAQ,CAAC,gBAAgB,CAAC,eAAeD;QAEpD,OAAO;YACLC,WAAW,QAAQ,CAAC,mBAAmB,CAAC,aAAaL;YACrDK,WAAW,QAAQ,CAAC,mBAAmB,CAAC,aAAaH;YACrDG,WAAW,QAAQ,CAAC,mBAAmB,CAAC,WAAWD;YACnDC,WAAW,QAAQ,CAAC,mBAAmB,CAAC,YAAYD;YACpDC,WAAW,QAAQ,CAAC,mBAAmB,CAAC,eAAeD;QACzD;IACF,GAAG;QAACX;QAAiBpB;QAAcW;KAAQ;IAE3C,OAAO,WAAP,GACE,KAACsB,OAAO,GAAG;QACT,WAAWC,GAAGC,iBAAAA,IAAW,EAAEvC;QAC3B,OAAO;YACLL;YACAC;YACA,QACE;QACJ;QACA,SAASa;;0BACT,IAAC;gBACC,KAAKP;gBACL,OAAOP;gBACP,QAAQC;gBACR,WAAW2C,iBAAAA,MAAa;gBACxB,aAAa,IAAMlC,gBAAgB;gBACnC,cAAc,IAAMA,gBAAgB;;YAErCN;;;AAGP;AAEAL,UAAU,WAAW,GAAG"}
+{"version":3,"file":"components/ui/scratcher.js","sources":["../../../src/components/ui/scratcher.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, useAnimation} from \"motion/react\";\r\nimport React, {useEffect, useRef, useState} from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./scratcher.module.css\";\r\n\r\n/** Props accepted by {@link Scratcher}. */\r\nexport interface ScratcherProps {\r\n  /** Content revealed after the overlay is scratched away. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Width of the scratch card surface in pixels. @default undefined */\r\n  width: number;\r\n  /** Height of the scratch card surface in pixels. @default undefined */\r\n  height: number;\r\n  /** Percentage of cleared pixels required before completion fires. @default 50 */\r\n  minScratchPercentage?: number;\r\n  /** Additional CSS classes merged with the scratch card container. @default undefined */\r\n  className?: string;\r\n  /** Callback invoked once the scratch completion threshold is reached. @default undefined */\r\n  onComplete?: () => void;\r\n  /** Three-stop gradient used for the scratchable overlay. @default [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"] */\r\n  gradientColors?: [string, string, string];\r\n}\r\n\r\nconst defaultGradientColors: [string, string, string] = [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"];\r\nconst ignoreAnimationError = (): null => null;\r\n\r\n/**\r\n * Renders a scratch-card reveal surface with animated completion feedback.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\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 * <Scratcher width={320} height={180}>Prize unlocked</Scratcher>\r\n * ```\r\n *\r\n * @see {@link ScratcherProps} for available props\r\n */\r\nexport const Scratcher = React.forwardRef<HTMLDivElement, ScratcherProps>(function Scratcher(\r\n  {width, height, minScratchPercentage = 50, onComplete, children, className, gradientColors = defaultGradientColors},\r\n  forwardedRef,\r\n) {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const [isScratching, setIsScratching] = useState(false);\r\n  const [isComplete, setIsComplete] = useState(false);\r\n\r\n  const controls = useAnimation();\r\n\r\n  useEffect(() => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    context.fillStyle = \"#ccc\";\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);\r\n    gradient.addColorStop(0, gradientColors[0]);\r\n    gradient.addColorStop(0.5, gradientColors[1]);\r\n    gradient.addColorStop(1, gradientColors[2]);\r\n    context.fillStyle = gradient;\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n  }, [gradientColors]);\r\n\r\n  const scratch = React.useCallback((clientX: number, clientY: number): void => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const rect = canvas.getBoundingClientRect();\r\n    const x = clientX - rect.left + 16;\r\n    const y = clientY - rect.top + 16;\r\n    context.globalCompositeOperation = \"destination-out\";\r\n    context.beginPath();\r\n    context.arc(x, y, 30, 0, Math.PI * 2);\r\n    context.fill();\r\n  }, []);\r\n\r\n  const startAnimation = React.useCallback(async (): Promise<void> => {\r\n    await controls.start({\r\n      scale: [1, 1.5, 1],\r\n      rotate: [0, 10, -10, 10, -10, 0],\r\n      transition: {duration: 0.5},\r\n    });\r\n\r\n    onComplete?.();\r\n  }, [controls, onComplete]);\r\n\r\n  const checkCompletion = React.useCallback((): void => {\r\n    if (isComplete) {\r\n      return;\r\n    }\r\n\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const imageData = context.getImageData(0, 0, canvas.width, canvas.height);\r\n    const pixels = imageData.data;\r\n    const totalPixels = pixels.length / 4;\r\n    let clearPixels = 0;\r\n\r\n    for (let index = 3; index < pixels.length; index += 4) {\r\n      if (pixels[index] === 0) {\r\n        clearPixels += 1;\r\n      }\r\n    }\r\n\r\n    const percentage = (clearPixels / totalPixels) * 100;\r\n    if (percentage >= minScratchPercentage) {\r\n      setIsComplete(true);\r\n      context.clearRect(0, 0, canvas.width, canvas.height);\r\n      startAnimation().catch(ignoreAnimationError);\r\n    }\r\n  }, [isComplete, minScratchPercentage, startAnimation]);\r\n\r\n  useEffect(() => {\r\n    const handleDocumentMouseMove = (event: MouseEvent): void => {\r\n      if (isScratching) {\r\n        scratch(event.clientX, event.clientY);\r\n      }\r\n    };\r\n\r\n    const handleDocumentTouchMove = (event: TouchEvent): void => {\r\n      if (!isScratching) {\r\n        return;\r\n      }\r\n\r\n      const [touch] = event.touches;\r\n      if (!touch) {\r\n        return;\r\n      }\r\n\r\n      scratch(touch.clientX, touch.clientY);\r\n    };\r\n\r\n    const handleDocumentPointerEnd = (): void => {\r\n      setIsScratching(false);\r\n      checkCompletion();\r\n    };\r\n\r\n    globalThis.document.addEventListener(\"mousemove\", handleDocumentMouseMove);\r\n    globalThis.document.addEventListener(\"touchmove\", handleDocumentTouchMove);\r\n    globalThis.document.addEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchend\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n\r\n    return () => {\r\n      globalThis.document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\r\n      globalThis.document.removeEventListener(\"touchmove\", handleDocumentTouchMove);\r\n      globalThis.document.removeEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchend\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n    };\r\n  }, [checkCompletion, isScratching, scratch]);\r\n\r\n  return (\r\n    <motion.div\r\n      ref={forwardedRef}\r\n      className={cn(styles.root, className)}\r\n      style={{\r\n        width,\r\n        height,\r\n        cursor:\r\n          \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto\",\r\n      }}\r\n      animate={controls}>\r\n      <canvas\r\n        ref={canvasRef}\r\n        width={width}\r\n        height={height}\r\n        className={styles.canvas}\r\n        onMouseDown={() => setIsScratching(true)}\r\n        onTouchStart={() => setIsScratching(true)}\r\n      />\r\n      {children}\r\n    </motion.div>\r\n  );\r\n});\r\n\r\nScratcher.displayName = \"Scratcher\";\r\n"],"names":["defaultGradientColors","ignoreAnimationError","Scratcher","React","width","height","minScratchPercentage","onComplete","children","className","gradientColors","forwardedRef","canvasRef","useRef","isScratching","setIsScratching","useState","isComplete","setIsComplete","controls","useAnimation","useEffect","canvas","context","gradient","scratch","clientX","clientY","rect","x","y","Math","startAnimation","checkCompletion","imageData","pixels","totalPixels","clearPixels","index","percentage","handleDocumentMouseMove","event","handleDocumentTouchMove","touch","handleDocumentPointerEnd","globalThis","motion","cn","styles"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/scratcher.module.css","webpack://./src/components/ui/scratcher.module.css"],"names":[],"mappings":"AADA;ECEE,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{position:relative;user-select:none}.canvas{inset:0;position:absolute}",".root {\n  -webkit-user-select: none;\n  user-select: none;\n  position: relative;\n}\n\n.canvas {\n  position: absolute;\n  inset: 0;\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/scratcher.module.css","webpack://./src/components/ui/scratcher.module.css"],"names":[],"mappings":"AAAA;ECCE,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;AACpB;;ADJyC;ECOvC,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{position:relative;user-select:none}.canvas{inset:0;position:absolute}",".root {\n  -webkit-user-select: none;\n  user-select: none;\n  position: relative;\n}\n\n.canvas {\n  position: absolute;\n  inset: 0;\n}\n"],"sourceRoot":""}

package/dist/components/ui/scroll-area.d.ts

@@ -1,7 +1,5 @@
 import { ScrollArea as BaseScrollArea } from "@base-ui/react/scroll-area";
 import * as React from "react";
-type ScrollAreaProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Root>;
-type ScrollBarProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>;
 /**
  * Coordinates scroll area layout and scrolling behavior.
  *
@@ -38,11 +36,11 @@ declare namespace ScrollBar {
     var displayName: string;
 }
 declare namespace ScrollArea {
-    type Props = ScrollAreaProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseScrollArea.Root>;
     type State = BaseScrollArea.Root.State;
 }
 declare namespace ScrollBar {
-    type Props = ScrollBarProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>;
     type State = BaseScrollArea.Scrollbar.State;
 }
 export { ScrollArea, ScrollBar };

package/dist/components/ui/scroll-area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,IAAI,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAExE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,eAAe,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;AAC/E,KAAK,cAAc,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,CAAC;AAEnF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,qLAqBf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAoBvE;kBApBQ,SAAS;;;AAuBlB,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;CAC/C;AAGD,kBAAU,SAAS,CAAC;IAClB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC;CACpD;AAKD,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC"}
+{"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../src/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,UAAU,IAAI,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAExE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,qLAqBf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAoBvE;kBApBQ,SAAS;;;AAuBlB,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,CAAC;IAC5E,KAAY,KAAK,GAAG,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC;CAC/C;AAGD,kBAAU,SAAS,CAAC;IAClB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,cAAc,CAAC,SAAS,CAAC,CAAC;IACjF,KAAY,KAAK,GAAG,cAAc,CAAC,SAAS,CAAC,KAAK,CAAC;CACpD;AAKD,OAAO,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/ui/scroll-area.js

@@ -3,10 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { ScrollArea } from "@base-ui/react/scroll-area";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import scroll_area_module from "./scroll-area.module.js";
-const scroll_area_ScrollArea = /*#__PURE__*/ forwardRef((props, ref)=>{
+import * as __rspack_external_react from "react";
+const scroll_area_ScrollArea = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsxs(ScrollArea.Root, {
         ref: ref,

package/dist/components/ui/scroll-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/scroll-area.js","sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {ScrollArea as BaseScrollArea} from \"@base-ui/react/scroll-area\";\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 \"./scroll-area.module.css\";\r\n\r\ntype ScrollAreaProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Root>;\r\ntype ScrollBarProps = React.ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>;\r\n\r\n/**\r\n * Coordinates scroll area layout and scrolling behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/scroll-area | Base UI Scroll Area}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ScrollArea>Content</ScrollArea>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/scroll-area | Base UI Documentation}\r\n */\r\nconst ScrollArea = React.forwardRef<React.ComponentRef<typeof BaseScrollArea.Root>, ScrollArea.Props>(\r\n  (props: Readonly<ScrollArea.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseScrollArea.Root\r\n        ref={ref}\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        <BaseScrollArea.Viewport className={styles.viewport}>\r\n          <BaseScrollArea.Content className={styles.content}>{children}</BaseScrollArea.Content>\r\n        </BaseScrollArea.Viewport>\r\n        <ScrollBar />\r\n        <BaseScrollArea.Corner className={styles.corner} />\r\n      </BaseScrollArea.Root>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the scroll bar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/scroll-area | Base UI Scroll Area}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ScrollBar>Content</ScrollBar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/scroll-area | Base UI Documentation}\r\n */\r\nfunction ScrollBar(props: Readonly<ScrollBar.Props>): React.ReactElement {\r\n  const {className, orientation = \"vertical\", render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseScrollArea.Scrollbar\r\n      orientation={orientation}\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps(\r\n          {\r\n            className: cn(styles.scrollbar, orientation === \"vertical\" ? styles.vertical : styles.horizontal, className),\r\n          },\r\n          {},\r\n        ),\r\n      })}>\r\n      <BaseScrollArea.Thumb className={styles.thumb} />\r\n    </BaseScrollArea.Scrollbar>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ScrollArea {\r\n  export type Props = ScrollAreaProps;\r\n  export type State = BaseScrollArea.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ScrollBar {\r\n  export type Props = ScrollBarProps;\r\n  export type State = BaseScrollArea.Scrollbar.State;\r\n}\r\n\r\nScrollArea.displayName = \"ScrollArea\";\r\nScrollBar.displayName = \"ScrollBar\";\r\n\r\nexport {ScrollArea, ScrollBar};\r\n"],"names":["ScrollArea","React","props","ref","className","children","render","otherProps","BaseScrollArea","useRender","mergeProps","cn","styles","ScrollBar","orientation"],"mappings":";;;;;;;;AA4BA,MAAMA,yBAAa,WAAHA,GAAGC,WACjB,CAACC,OAAmCC;IAClC,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,KAACM,WAAAA,IAAmB;QAClB,KAAKL;QACJ,GAAGI,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;;0BACA,IAACI,WAAAA,QAAuB;gBAAC,WAAWI,mBAAAA,QAAe;0BACjD,kBAACJ,WAAAA,OAAsB;oBAAC,WAAWI,mBAAAA,OAAc;8BAAGP;;;0BAEtD,IAACQ,WAASA,CAAAA;0BACV,IAACL,WAAAA,MAAqB;gBAAC,WAAWI,mBAAAA,MAAa;;;;AAGrD;AAkBF,SAASC,UAAUX,KAAgC;IACjD,MAAM,EAACE,SAAS,EAAEU,cAAc,UAAU,EAAER,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErE,OAAO,WAAP,GACE,IAACM,WAAAA,SAAwB;QACvB,aAAaM;QACZ,GAAGP,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WACL;gBACE,WAAWC,GAAGC,mBAAAA,SAAgB,EAAEE,AAAgB,eAAhBA,cAA6BF,mBAAAA,QAAe,GAAGA,mBAAAA,UAAiB,EAAER;YACpG,GACA,CAAC;QAEL;kBACA,kBAACI,WAAAA,KAAoB;YAAC,WAAWI,mBAAAA,KAAY;;;AAGnD;AAcAZ,uBAAW,WAAW,GAAG;AACzBa,UAAU,WAAW,GAAG"}
+{"version":3,"file":"components/ui/scroll-area.js","sources":["../../../src/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {ScrollArea as BaseScrollArea} from \"@base-ui/react/scroll-area\";\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 \"./scroll-area.module.css\";\r\n\r\n/**\r\n * Coordinates scroll area layout and scrolling behavior.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/scroll-area | Base UI Scroll Area}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ScrollArea>Content</ScrollArea>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/scroll-area | Base UI Documentation}\r\n */\r\nconst ScrollArea = React.forwardRef<React.ComponentRef<typeof BaseScrollArea.Root>, ScrollArea.Props>(\r\n  (props: Readonly<ScrollArea.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseScrollArea.Root\r\n        ref={ref}\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        <BaseScrollArea.Viewport className={styles.viewport}>\r\n          <BaseScrollArea.Content className={styles.content}>{children}</BaseScrollArea.Content>\r\n        </BaseScrollArea.Viewport>\r\n        <ScrollBar />\r\n        <BaseScrollArea.Corner className={styles.corner} />\r\n      </BaseScrollArea.Root>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the scroll bar.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/scroll-area | Base UI Scroll Area}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <ScrollBar>Content</ScrollBar>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/scroll-area | Base UI Documentation}\r\n */\r\nfunction ScrollBar(props: Readonly<ScrollBar.Props>): React.ReactElement {\r\n  const {className, orientation = \"vertical\", render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseScrollArea.Scrollbar\r\n      orientation={orientation}\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps(\r\n          {\r\n            className: cn(styles.scrollbar, orientation === \"vertical\" ? styles.vertical : styles.horizontal, className),\r\n          },\r\n          {},\r\n        ),\r\n      })}>\r\n      <BaseScrollArea.Thumb className={styles.thumb} />\r\n    </BaseScrollArea.Scrollbar>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ScrollArea {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseScrollArea.Root>;\r\n  export type State = BaseScrollArea.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace ScrollBar {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseScrollArea.Scrollbar>;\r\n  export type State = BaseScrollArea.Scrollbar.State;\r\n}\r\n\r\nScrollArea.displayName = \"ScrollArea\";\r\nScrollBar.displayName = \"ScrollBar\";\r\n\r\nexport {ScrollArea, ScrollBar};\r\n"],"names":["ScrollArea","React","props","ref","className","children","render","otherProps","BaseScrollArea","useRender","mergeProps","cn","styles","ScrollBar","orientation"],"mappings":";;;;;;;;AAyBA,MAAMA,yBAAa,WAAHA,GAAGC,wBAAAA,UAAgB,CACjC,CAACC,OAAmCC;IAClC,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErD,OAAO,WAAP,GACE,KAACM,WAAAA,IAAmB;QAClB,KAAKL;QACJ,GAAGI,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;;0BACA,IAACI,WAAAA,QAAuB;gBAAC,WAAWI,mBAAAA,QAAe;0BACjD,kBAACJ,WAAAA,OAAsB;oBAAC,WAAWI,mBAAAA,OAAc;8BAAGP;;;0BAEtD,IAACQ,WAASA,CAAAA;0BACV,IAACL,WAAAA,MAAqB;gBAAC,WAAWI,mBAAAA,MAAa;;;;AAGrD;AAkBF,SAASC,UAAUX,KAAgC;IACjD,MAAM,EAACE,SAAS,EAAEU,cAAc,UAAU,EAAER,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAErE,OAAO,WAAP,GACE,IAACM,WAAAA,SAAwB;QACvB,aAAaM;QACZ,GAAGP,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WACL;gBACE,WAAWC,GAAGC,mBAAAA,SAAgB,EAAEE,AAAgB,eAAhBA,cAA6BF,mBAAAA,QAAe,GAAGA,mBAAAA,UAAiB,EAAER;YACpG,GACA,CAAC;QAEL;kBACA,kBAACI,WAAAA,KAAoB;YAAC,WAAWI,mBAAAA,KAAY;;;AAGnD;AAcAZ,uBAAW,WAAW,GAAG;AACzBa,UAAU,WAAW,GAAG"}

package/dist/components/ui/scroll-area_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/scroll-area.module.css","webpack://./src/components/ui/scroll-area.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;EACtB,WAAW;EACX,YAAY;AACd;;AAEA;EACE,eAAe;AACjB;;AAEA;EACE,kBAAkB;EAClB,sDAAsD;EACtD,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;AACf;;AAEA;EACE,4BAA4B;EAC5B,cAAc;EACd,YAAY;EACZ,YAAY;AACd;;AAEA;EACE,2BAA2B;EAC3B,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,YAAY;AACd;;AAEA;EACE,kCAAkC;EAClC,oBAAoB;EACpB,OAAO;EACP,kBAAkB;AACpB;;AAEA;EACE,uBAAuB;AACzB","sourcesContent":[".root{overflow:hidden;position:relative}.viewport{border-radius:inherit;height:100%;width:100%}.content{min-width:100%}.scrollbar{display:flex;touch-action:none;transition:background-color var(--ac-transition-fast);user-select:none}.vertical{border-left:1px solid transparent;height:100%;padding:1px;width:.625rem}.horizontal{border-top:1px solid transparent;flex-direction:column;height:.625rem;padding:1px;width:100%}.thumb{background-color:var(--ac-border);border-radius:999px;flex:1;position:relative}.corner{background-color:transparent}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.viewport {\n  border-radius: inherit;\n  width: 100%;\n  height: 100%;\n}\n\n.content {\n  min-width: 100%;\n}\n\n.scrollbar {\n  touch-action: none;\n  transition: background-color var(--ac-transition-fast);\n  -webkit-user-select: none;\n  user-select: none;\n  display: flex;\n}\n\n.vertical {\n  border-left: 1px solid #0000;\n  width: .625rem;\n  height: 100%;\n  padding: 1px;\n}\n\n.horizontal {\n  border-top: 1px solid #0000;\n  flex-direction: column;\n  width: 100%;\n  height: .625rem;\n  padding: 1px;\n}\n\n.thumb {\n  background-color: var(--ac-border);\n  border-radius: 999px;\n  flex: 1;\n  position: relative;\n}\n\n.corner {\n  background-color: #0000;\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/scroll-area.module.css","webpack://./src/components/ui/scroll-area.module.css"],"names":[],"mappings":"AAAA;ECCE,kBAAkB;EAClB,gBAAgB;AAClB;;ADHwC;ECMtC,sBAAsB;EACtB,WAAW;EACX,YAAY;AACd;;ADT+F;ECY7F,eAAe;AACjB;;ADbuH;ECgBrH,kBAAkB;EAClB,sDAAsD;EACtD,yBAAyB;EACzB,iBAAiB;EACjB,aAAa;AACf;;ADrBwO;ECwBtO,4BAA4B;EAC5B,cAAc;EACd,YAAY;EACZ,YAAY;AACd;;AD5B0T;EC+BxT,2BAA2B;EAC3B,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,YAAY;AACd;;ADpCma;ECuCja,kCAAkC;EAClC,oBAAoB;EACpB,OAAO;EACP,kBAAkB;AACpB;;AD3Cyf;EC8Cvf,uBAAuB;AACzB","sourcesContent":[".root{overflow:hidden;position:relative}.viewport{border-radius:inherit;height:100%;width:100%}.content{min-width:100%}.scrollbar{display:flex;touch-action:none;transition:background-color var(--ac-transition-fast);user-select:none}.vertical{border-left:1px solid transparent;height:100%;padding:1px;width:.625rem}.horizontal{border-top:1px solid transparent;flex-direction:column;height:.625rem;padding:1px;width:100%}.thumb{background-color:var(--ac-border);border-radius:999px;flex:1;position:relative}.corner{background-color:transparent}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.viewport {\n  border-radius: inherit;\n  width: 100%;\n  height: 100%;\n}\n\n.content {\n  min-width: 100%;\n}\n\n.scrollbar {\n  touch-action: none;\n  transition: background-color var(--ac-transition-fast);\n  -webkit-user-select: none;\n  user-select: none;\n  display: flex;\n}\n\n.vertical {\n  border-left: 1px solid #0000;\n  width: .625rem;\n  height: 100%;\n  padding: 1px;\n}\n\n.horizontal {\n  border-top: 1px solid #0000;\n  flex-direction: column;\n  width: 100%;\n  height: .625rem;\n  padding: 1px;\n}\n\n.thumb {\n  background-color: var(--ac-border);\n  border-radius: 999px;\n  flex: 1;\n  position: relative;\n}\n\n.corner {\n  background-color: #0000;\n}\n"],"sourceRoot":""}

package/dist/components/ui/select.js

@@ -4,12 +4,12 @@ import { mergeProps } from "@base-ui/react/merge-props";
 import { Select } from "@base-ui/react/select";
 import { useRender } from "@base-ui/react/use-render";
 import { Check, ChevronDown, ChevronUp } from "lucide-react";
-import { forwardRef, useCallback } from "react";
 import { cn } from "../../lib/utilities.js";
 import select_module from "./select.module.js";
+import * as __rspack_external_react from "react";
 function select_Select(props) {
     const { onValueChange, ...otherProps } = props;
-    const handleChange = useCallback((value)=>{
+    const handleChange = __rspack_external_react.useCallback((value)=>{
         if (onValueChange && "string" == typeof value) onValueChange(value);
     }, [
         onValueChange
@@ -24,7 +24,7 @@ const SelectGroup = Select.Group;
 SelectGroup.displayName = "SelectGroup";
 const SelectValue = Select.Value;
 SelectValue.displayName = "SelectValue";
-const SelectTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+const SelectTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, ...otherProps } = props;
     return /*#__PURE__*/ jsxs(Select.Trigger, {
         ref: ref,
@@ -82,7 +82,7 @@ function SelectScrollDownButton(props) {
     });
 }
 SelectScrollDownButton.displayName = "SelectScrollDownButton";
-const SelectContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+const SelectContent = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, sideOffset = 4, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Select.Portal, {
         children: /*#__PURE__*/ jsx(Select.Positioner, {