@arolariu/components 1.1.0 → 2.0.0

package/dist/components/ui/pagination.js

@@ -1,40 +1,40 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { ChevronLeft, ChevronRight, MoreHorizontal } from "lucide-react";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import button_module from "./button.module.js";
 import pagination_module from "./pagination.module.js";
+import * as __rspack_external_react from "react";
 const buttonSizeStyles = {
     default: button_module.sizeDefault,
     icon: button_module.sizeIcon,
     lg: button_module.sizeLg,
     sm: button_module.sizeSm
 };
-const Pagination = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
+const Pagination = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("nav", {
         ref: ref,
         role: "navigation",
         "aria-label": "pagination",
         className: cn(pagination_module.root, className),
         ...props
     }));
-const PaginationContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
+const PaginationContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("ul", {
         ref: ref,
         className: cn(pagination_module.content, className),
         ...props
     }));
-const PaginationItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
+const PaginationItem = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("li", {
         ref: ref,
         className: cn(pagination_module.item, className),
         ...props
     }));
-const PaginationLink = /*#__PURE__*/ forwardRef(({ className, isActive = false, size = "icon", ...props }, ref)=>/*#__PURE__*/ jsx("a", {
+const PaginationLink = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, isActive = false, size = "icon", ...props }, ref)=>/*#__PURE__*/ jsx("a", {
         ref: ref,
         "aria-current": isActive ? "page" : void 0,
         className: cn(button_module.button, isActive ? button_module.outline : button_module.ghost, buttonSizeStyles[size], pagination_module.link, className),
         ...props
     }));
-const PaginationPrevious = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(PaginationLink, {
+const PaginationPrevious = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(PaginationLink, {
         ref: ref,
         "aria-label": "Go to previous page",
         size: "default",
@@ -47,7 +47,7 @@ const PaginationPrevious = /*#__PURE__*/ forwardRef(({ className, ...props }, re
             })
         ]
     }));
-const PaginationNext = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(PaginationLink, {
+const PaginationNext = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs(PaginationLink, {
         ref: ref,
         "aria-label": "Go to next page",
         size: "default",
@@ -60,7 +60,7 @@ const PaginationNext = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>
             /*#__PURE__*/ jsx(ChevronRight, {})
         ]
     }));
-const PaginationEllipsis = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
+const PaginationEllipsis = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsxs("span", {
         ref: ref,
         "aria-hidden": "true",
         className: cn(pagination_module.ellipsis, className),

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/anchor-has-content */\r\n\r\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport type {ButtonProps} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport buttonStyles from \"./button.module.css\";\r\nimport styles from \"./pagination.module.css\";\r\n\r\n/**\r\n * Props for the {@link Pagination} component.\r\n */\r\nexport type PaginationProps = React.ComponentPropsWithoutRef<\"nav\">;\r\n\r\n/**\r\n * Props for the {@link PaginationContent} component.\r\n */\r\nexport type PaginationContentProps = React.ComponentPropsWithoutRef<\"ul\">;\r\n\r\n/**\r\n * Props for the {@link PaginationItem} component.\r\n */\r\nexport type PaginationItemProps = React.ComponentPropsWithoutRef<\"li\">;\r\n\r\n/**\r\n * Props for the {@link PaginationLink} component.\r\n */\r\nexport interface PaginationLinkProps extends Pick<ButtonProps, \"size\">, React.ComponentPropsWithoutRef<\"a\"> {\r\n  /** Marks the link as the current active page. @default false */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Props for the {@link PaginationPrevious} component.\r\n */\r\nexport type PaginationPreviousProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;\r\n\r\n/**\r\n * Props for the {@link PaginationNext} component.\r\n */\r\nexport type PaginationNextProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;\r\n\r\n/**\r\n * Props for the {@link PaginationEllipsis} component.\r\n */\r\nexport type PaginationEllipsisProps = React.ComponentPropsWithoutRef<\"span\">;\r\n\r\nconst buttonSizeStyles: Record<NonNullable<ButtonProps[\"size\"]>, string> = {\r\n  default: buttonStyles.sizeDefault,\r\n  icon: buttonStyles.sizeIcon,\r\n  lg: buttonStyles.sizeLg,\r\n  sm: buttonStyles.sizeSm,\r\n};\r\n\r\n/**\r\n * Provides semantic navigation for paginated content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<nav>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Pagination>\r\n *   <PaginationContent />\r\n * </Pagination>\r\n * ```\r\n *\r\n * @see {@link PaginationProps} for available props\r\n */\r\nconst Pagination = React.forwardRef<HTMLElement, PaginationProps>(\r\n  ({className, ...props}: Readonly<PaginationProps>, ref): React.JSX.Element => (\r\n    <nav\r\n      ref={ref}\r\n      role='navigation'\r\n      aria-label='pagination'\r\n      className={cn(styles.root, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps pagination items in a flex-based list container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<ul>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationContent>\r\n *   <PaginationItem />\r\n * </PaginationContent>\r\n * ```\r\n *\r\n * @see {@link PaginationContentProps} for available props\r\n */\r\nconst PaginationContent = React.forwardRef<HTMLUListElement, PaginationContentProps>(\r\n  ({className, ...props}: Readonly<PaginationContentProps>, ref): React.JSX.Element => (\r\n    <ul\r\n      ref={ref}\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps an individual pagination control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<li>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationItem>\r\n *   <PaginationLink href='?page=1'>1</PaginationLink>\r\n * </PaginationItem>\r\n * ```\r\n *\r\n * @see {@link PaginationItemProps} for available props\r\n */\r\nconst PaginationItem = React.forwardRef<HTMLLIElement, PaginationItemProps>(\r\n  ({className, ...props}: Readonly<PaginationItemProps>, ref): React.JSX.Element => (\r\n    <li\r\n      ref={ref}\r\n      className={cn(styles.item, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders an anchor styled to match pagination controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationLink href='?page=2' isActive>\r\n *   2\r\n * </PaginationLink>\r\n * ```\r\n *\r\n * @see {@link PaginationLinkProps} for available props\r\n */\r\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\r\n  ({className, isActive = false, size = \"icon\", ...props}: Readonly<PaginationLinkProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <a\r\n        ref={ref}\r\n        aria-current={isActive ? \"page\" : undefined}\r\n        className={cn(\r\n          buttonStyles.button,\r\n          isActive ? buttonStyles.outline : buttonStyles.ghost,\r\n          buttonSizeStyles[size],\r\n          styles.link,\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the pagination control for navigating to the previous page.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element through {@link PaginationLink}\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationPrevious href='?page=1' />\r\n * ```\r\n *\r\n * @see {@link PaginationPreviousProps} for available props\r\n */\r\nconst PaginationPrevious = React.forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\r\n  ({className, ...props}: Readonly<PaginationPreviousProps>, ref): React.JSX.Element => (\r\n    <PaginationLink\r\n      ref={ref}\r\n      aria-label='Go to previous page'\r\n      size='default'\r\n      className={cn(styles.previous, className)}\r\n      {...props}>\r\n      <ChevronLeft />\r\n      <span>Previous</span>\r\n    </PaginationLink>\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the pagination control for navigating to the next page.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element through {@link PaginationLink}\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationNext href='?page=3' />\r\n * ```\r\n *\r\n * @see {@link PaginationNextProps} for available props\r\n */\r\nconst PaginationNext = React.forwardRef<HTMLAnchorElement, PaginationNextProps>(\r\n  ({className, ...props}: Readonly<PaginationNextProps>, ref): React.JSX.Element => (\r\n    <PaginationLink\r\n      ref={ref}\r\n      aria-label='Go to next page'\r\n      size='default'\r\n      className={cn(styles.next, className)}\r\n      {...props}>\r\n      <span>Next</span>\r\n      <ChevronRight />\r\n    </PaginationLink>\r\n  ),\r\n);\r\n\r\n/**\r\n * Indicates truncated page ranges within pagination.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<span>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationEllipsis />\r\n * ```\r\n *\r\n * @see {@link PaginationEllipsisProps} for available props\r\n */\r\nconst PaginationEllipsis = React.forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\r\n  ({className, ...props}: Readonly<PaginationEllipsisProps>, ref): React.JSX.Element => (\r\n    <span\r\n      ref={ref}\r\n      aria-hidden='true'\r\n      className={cn(styles.ellipsis, className)}\r\n      {...props}>\r\n      <MoreHorizontal />\r\n      <span className={styles.srOnly}>More pages</span>\r\n    </span>\r\n  ),\r\n);\r\n\r\nPagination.displayName = \"Pagination\";\r\nPaginationContent.displayName = \"PaginationContent\";\r\nPaginationItem.displayName = \"PaginationItem\";\r\nPaginationLink.displayName = \"PaginationLink\";\r\nPaginationPrevious.displayName = \"PaginationPrevious\";\r\nPaginationNext.displayName = \"PaginationNext\";\r\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["buttonSizeStyles","buttonStyles","Pagination","React","className","props","ref","cn","styles","PaginationContent","PaginationItem","PaginationLink","isActive","size","undefined","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;;;AAkDA,MAAMA,mBAAqE;IACzE,SAASC,cAAAA,WAAwB;IACjC,MAAMA,cAAAA,QAAqB;IAC3B,IAAIA,cAAAA,MAAmB;IACvB,IAAIA,cAAAA,MAAmB;AACzB;AAmBA,MAAMC,aAAa,WAAHA,GAAGC,WACjB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAW;QACX,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAsBf,MAAMI,oBAAoB,WAAHA,GAAGN,WACxB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAwC,EAAEC,MAAAA,WAAAA,GACxD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAsBf,MAAMK,iBAAiB,WAAHA,GAAGP,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAsBf,MAAMM,iBAAiB,WAAHA,GAAGR,WACrB,CAAC,EAACC,SAAS,EAAEQ,WAAW,KAAK,EAAEC,OAAO,MAAM,EAAE,GAAGR,OAAqC,EAAEC,MAC/E,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAcM,WAAW,SAASE;QAClC,WAAWP,GACTN,cAAAA,MAAmB,EACnBW,WAAWX,cAAAA,OAAoB,GAAGA,cAAAA,KAAkB,EACpDD,gBAAgB,CAACa,KAAK,EACtBL,kBAAAA,IAAW,EACXJ;QAED,GAAGC,KAAK;;AAqBjB,MAAMU,qBAAqB,WAAHA,GAAGZ,WACzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAACK,gBAAcA;QACb,KAAKL;QACL,cAAW;QACX,MAAK;QACL,WAAWC,GAAGC,kBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;0BACT,IAACW,aAAWA,CAAAA;0BACZ,IAAC;0BAAK;;;;AAoBZ,MAAMC,iBAAiB,WAAHA,GAAGd,WACrB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,KAACK,gBAAcA;QACb,KAAKL;QACL,cAAW;QACX,MAAK;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;0BACT,IAAC;0BAAK;;0BACN,IAACa,cAAYA,CAAAA;;;AAoBnB,MAAMC,qBAAqB,WAAHA,GAAGhB,WACzB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAAC;QACC,KAAKA;QACL,eAAY;QACZ,WAAWC,GAAGC,kBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;0BACT,IAACe,gBAAcA,CAAAA;0BACf,IAAC;gBAAK,WAAWZ,kBAAAA,MAAa;0BAAE;;;;AAKtCN,WAAW,WAAW,GAAG;AACzBO,kBAAkB,WAAW,GAAG;AAChCC,eAAe,WAAW,GAAG;AAC7BC,eAAe,WAAW,GAAG;AAC7BI,mBAAmB,WAAW,GAAG;AACjCE,eAAe,WAAW,GAAG;AAC7BE,mBAAmB,WAAW,GAAG"}
+{"version":3,"file":"components/ui/pagination.js","sources":["../../../src/components/ui/pagination.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/anchor-has-content */\r\n\r\nimport {ChevronLeft, ChevronRight, MoreHorizontal} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport type {ButtonProps} from \"@/components/ui/button\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport buttonStyles from \"./button.module.css\";\r\nimport styles from \"./pagination.module.css\";\r\n\r\n/**\r\n * Props for the {@link Pagination} component.\r\n */\r\nexport type PaginationProps = React.ComponentPropsWithoutRef<\"nav\">;\r\n\r\n/**\r\n * Props for the {@link PaginationContent} component.\r\n */\r\nexport type PaginationContentProps = React.ComponentPropsWithoutRef<\"ul\">;\r\n\r\n/**\r\n * Props for the {@link PaginationItem} component.\r\n */\r\nexport type PaginationItemProps = React.ComponentPropsWithoutRef<\"li\">;\r\n\r\n/**\r\n * Props for the {@link PaginationLink} component.\r\n */\r\nexport interface PaginationLinkProps extends Pick<ButtonProps, \"size\">, React.ComponentPropsWithoutRef<\"a\"> {\r\n  /** Marks the link as the current active page. @default false */\r\n  isActive?: boolean;\r\n}\r\n\r\n/**\r\n * Props for the {@link PaginationPrevious} component.\r\n */\r\nexport type PaginationPreviousProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;\r\n\r\n/**\r\n * Props for the {@link PaginationNext} component.\r\n */\r\nexport type PaginationNextProps = React.ComponentPropsWithoutRef<typeof PaginationLink>;\r\n\r\n/**\r\n * Props for the {@link PaginationEllipsis} component.\r\n */\r\nexport type PaginationEllipsisProps = React.ComponentPropsWithoutRef<\"span\">;\r\n\r\nconst buttonSizeStyles: Record<NonNullable<ButtonProps[\"size\"]>, string> = {\r\n  default: buttonStyles.sizeDefault,\r\n  icon: buttonStyles.sizeIcon,\r\n  lg: buttonStyles.sizeLg,\r\n  sm: buttonStyles.sizeSm,\r\n};\r\n\r\n/**\r\n * Provides semantic navigation for paginated content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<nav>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Pagination>\r\n *   <PaginationContent />\r\n * </Pagination>\r\n * ```\r\n *\r\n * @see {@link PaginationProps} for available props\r\n */\r\nconst Pagination = React.forwardRef<HTMLElement, PaginationProps>(\r\n  ({className, ...props}: Readonly<PaginationProps>, ref): React.JSX.Element => (\r\n    <nav\r\n      ref={ref}\r\n      role='navigation'\r\n      aria-label='pagination'\r\n      className={cn(styles.root, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps pagination items in a flex-based list container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<ul>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationContent>\r\n *   <PaginationItem />\r\n * </PaginationContent>\r\n * ```\r\n *\r\n * @see {@link PaginationContentProps} for available props\r\n */\r\nconst PaginationContent = React.forwardRef<HTMLUListElement, PaginationContentProps>(\r\n  ({className, ...props}: Readonly<PaginationContentProps>, ref): React.JSX.Element => (\r\n    <ul\r\n      ref={ref}\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps an individual pagination control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<li>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationItem>\r\n *   <PaginationLink href='?page=1'>1</PaginationLink>\r\n * </PaginationItem>\r\n * ```\r\n *\r\n * @see {@link PaginationItemProps} for available props\r\n */\r\nconst PaginationItem = React.forwardRef<HTMLLIElement, PaginationItemProps>(\r\n  ({className, ...props}: Readonly<PaginationItemProps>, ref): React.JSX.Element => (\r\n    <li\r\n      ref={ref}\r\n      className={cn(styles.item, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders an anchor styled to match pagination controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationLink href='?page=2' isActive>\r\n *   2\r\n * </PaginationLink>\r\n * ```\r\n *\r\n * @see {@link PaginationLinkProps} for available props\r\n */\r\nconst PaginationLink = React.forwardRef<HTMLAnchorElement, PaginationLinkProps>(\r\n  ({className, isActive = false, size = \"icon\", ...props}: Readonly<PaginationLinkProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <a\r\n        ref={ref}\r\n        aria-current={isActive ? \"page\" : undefined}\r\n        className={cn(\r\n          buttonStyles.button,\r\n          isActive ? buttonStyles.outline : buttonStyles.ghost,\r\n          buttonSizeStyles[size],\r\n          styles.link,\r\n          className,\r\n        )}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the pagination control for navigating to the previous page.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element through {@link PaginationLink}\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationPrevious href='?page=1' />\r\n * ```\r\n *\r\n * @see {@link PaginationPreviousProps} for available props\r\n */\r\nconst PaginationPrevious = React.forwardRef<HTMLAnchorElement, PaginationPreviousProps>(\r\n  ({className, ...props}: Readonly<PaginationPreviousProps>, ref): React.JSX.Element => (\r\n    <PaginationLink\r\n      ref={ref}\r\n      aria-label='Go to previous page'\r\n      size='default'\r\n      className={cn(styles.previous, className)}\r\n      {...props}>\r\n      <ChevronLeft />\r\n      <span>Previous</span>\r\n    </PaginationLink>\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the pagination control for navigating to the next page.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders an `<a>` element through {@link PaginationLink}\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationNext href='?page=3' />\r\n * ```\r\n *\r\n * @see {@link PaginationNextProps} for available props\r\n */\r\nconst PaginationNext = React.forwardRef<HTMLAnchorElement, PaginationNextProps>(\r\n  ({className, ...props}: Readonly<PaginationNextProps>, ref): React.JSX.Element => (\r\n    <PaginationLink\r\n      ref={ref}\r\n      aria-label='Go to next page'\r\n      size='default'\r\n      className={cn(styles.next, className)}\r\n      {...props}>\r\n      <span>Next</span>\r\n      <ChevronRight />\r\n    </PaginationLink>\r\n  ),\r\n);\r\n\r\n/**\r\n * Indicates truncated page ranges within pagination.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<span>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <PaginationEllipsis />\r\n * ```\r\n *\r\n * @see {@link PaginationEllipsisProps} for available props\r\n */\r\nconst PaginationEllipsis = React.forwardRef<HTMLSpanElement, PaginationEllipsisProps>(\r\n  ({className, ...props}: Readonly<PaginationEllipsisProps>, ref): React.JSX.Element => (\r\n    <span\r\n      ref={ref}\r\n      aria-hidden='true'\r\n      className={cn(styles.ellipsis, className)}\r\n      {...props}>\r\n      <MoreHorizontal />\r\n      <span className={styles.srOnly}>More pages</span>\r\n    </span>\r\n  ),\r\n);\r\n\r\nPagination.displayName = \"Pagination\";\r\nPaginationContent.displayName = \"PaginationContent\";\r\nPaginationItem.displayName = \"PaginationItem\";\r\nPaginationLink.displayName = \"PaginationLink\";\r\nPaginationPrevious.displayName = \"PaginationPrevious\";\r\nPaginationNext.displayName = \"PaginationNext\";\r\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\r\n\r\nexport {Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious};\r\n"],"names":["buttonSizeStyles","buttonStyles","Pagination","React","className","props","ref","cn","styles","PaginationContent","PaginationItem","PaginationLink","isActive","size","undefined","PaginationPrevious","ChevronLeft","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;;;;AAkDA,MAAMA,mBAAqE;IACzE,SAASC,cAAAA,WAAwB;IACjC,MAAMA,cAAAA,QAAqB;IAC3B,IAAIA,cAAAA,MAAmB;IACvB,IAAIA,cAAAA,MAAmB;AACzB;AAmBA,MAAMC,aAAa,WAAHA,GAAGC,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,MAAK;QACL,cAAW;QACX,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAsBf,MAAMI,oBAAoB,WAAHA,GAAGN,wBAAAA,UAAgB,CACxC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAwC,EAAEC,MAAAA,WAAAA,GACxD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,OAAc,EAAEJ;QAC7B,GAAGC,KAAK;;AAsBf,MAAMK,iBAAiB,WAAHA,GAAGP,wBAAAA,UAAgB,CACrC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;AAsBf,MAAMM,iBAAiB,WAAHA,GAAGR,wBAAAA,UAAgB,CACrC,CAAC,EAACC,SAAS,EAAEQ,WAAW,KAAK,EAAEC,OAAO,MAAM,EAAE,GAAGR,OAAqC,EAAEC,MAC/E,WAAP,GACE,IAAC;QACC,KAAKA;QACL,gBAAcM,WAAW,SAASE;QAClC,WAAWP,GACTN,cAAAA,MAAmB,EACnBW,WAAWX,cAAAA,OAAoB,GAAGA,cAAAA,KAAkB,EACpDD,gBAAgB,CAACa,KAAK,EACtBL,kBAAAA,IAAW,EACXJ;QAED,GAAGC,KAAK;;AAqBjB,MAAMU,qBAAqB,WAAHA,GAAGZ,wBAAAA,UAAgB,CACzC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAACK,gBAAcA;QACb,KAAKL;QACL,cAAW;QACX,MAAK;QACL,WAAWC,GAAGC,kBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;0BACT,IAACW,aAAWA,CAAAA;0BACZ,IAAC;0BAAK;;;;AAoBZ,MAAMC,iBAAiB,WAAHA,GAAGd,wBAAAA,UAAgB,CACrC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GACrD,KAACK,gBAAcA;QACb,KAAKL;QACL,cAAW;QACX,MAAK;QACL,WAAWC,GAAGC,kBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;0BACT,IAAC;0BAAK;;0BACN,IAACa,cAAYA,CAAAA;;;AAoBnB,MAAMC,qBAAqB,WAAHA,GAAGhB,wBAAAA,UAAgB,CACzC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAyC,EAAEC,MAAAA,WAAAA,GACzD,KAAC;QACC,KAAKA;QACL,eAAY;QACZ,WAAWC,GAAGC,kBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;0BACT,IAACe,gBAAcA,CAAAA;0BACf,IAAC;gBAAK,WAAWZ,kBAAAA,MAAa;0BAAE;;;;AAKtCN,WAAW,WAAW,GAAG;AACzBO,kBAAkB,WAAW,GAAG;AAChCC,eAAe,WAAW,GAAG;AAC7BC,eAAe,WAAW,GAAG;AAC7BI,mBAAmB,WAAW,GAAG;AACjCE,eAAe,WAAW,GAAG;AAC7BE,mBAAmB,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/pagination.module.css","webpack://./src/components/ui/pagination.module.css"],"names":[],"mappings":"AADA;ECEE,uBAAuB;EACvB,WAAW;EACX,aAAa;AACf;;AAEA;EACE,mBAAmB;EACnB,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,gBAAgB;AAClB;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,iCAAiC;EACjC,qBAAqB;AACvB;;AAEA;EACE,+CAA+C;AACjD;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,gDAAgD;AAClD;;AAEA;EACE,iCAAiC;EACjC,8BAA8B;EAC9B,6BAA6B;EAC7B,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,cAAc;EACd,WAAW;EACX,YAAY;AACd;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".root{display:flex;justify-content:center;width:100%}.content{align-items:center;flex-direction:row;gap:var(--ac-space-1);list-style:none;margin:0;padding:0}.content,.item{display:flex}.link{min-width:var(--ac-size-default);text-decoration:none}.previous{padding-left:calc(var(--ac-space-3) - .125rem)}.next,.previous{gap:var(--ac-space-1)}.next{padding-right:calc(var(--ac-space-3) - .125rem)}.ellipsis{align-items:center;color:var(--ac-muted-foreground);display:inline-flex;height:var(--ac-size-default);justify-content:center;position:relative;width:var(--ac-size-default)}.ellipsis>svg,.next>svg,.previous>svg{flex-shrink:0;height:1rem;width:1rem}.srOnly{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}",".root {\n  justify-content: center;\n  width: 100%;\n  display: flex;\n}\n\n.content {\n  align-items: center;\n  gap: var(--ac-space-1);\n  flex-direction: row;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.content, .item {\n  display: flex;\n}\n\n.link {\n  min-width: var(--ac-size-default);\n  text-decoration: none;\n}\n\n.previous {\n  padding-left: calc(var(--ac-space-3) - .125rem);\n}\n\n.next, .previous {\n  gap: var(--ac-space-1);\n}\n\n.next {\n  padding-right: calc(var(--ac-space-3) - .125rem);\n}\n\n.ellipsis {\n  color: var(--ac-muted-foreground);\n  height: var(--ac-size-default);\n  width: var(--ac-size-default);\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n}\n\n.ellipsis > svg, .next > svg, .previous > svg {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.srOnly {\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/pagination.module.css","webpack://./src/components/ui/pagination.module.css"],"names":[],"mappings":"AAAA;ECCE,uBAAuB;EACvB,WAAW;EACX,aAAa;AACf;;ADJqD;ECOnD,mBAAmB;EACnB,sBAAsB;EACtB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,gBAAgB;AAClB;;ADb6J;ECgB3J,aAAa;AACf;;ADjByL;ECoBvL,iCAAiC;EACjC,qBAAqB;AACvB;;ADtBqP;ECyBnP,+CAA+C;AACjD;;AD1B8S;EC6B5S,sBAAsB;AACxB;;AD9BoV;ECiClV,gDAAgD;AAClD;;ADlC0Y;ECqCxY,iCAAiC;EACjC,8BAA8B;EAC9B,6BAA6B;EAC7B,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;EACpB,kBAAkB;AACpB;;AD5CgkB;EC+C9jB,cAAc;EACd,WAAW;EACX,YAAY;AACd;;ADlD2oB;ECqDzoB,mBAAmB;EACnB,mBAAmB;EACnB,SAAS;EACT,UAAU;EACV,WAAW;EACX,YAAY;EACZ,UAAU;EACV,kBAAkB;EAClB,gBAAgB;AAClB","sourcesContent":[".root{display:flex;justify-content:center;width:100%}.content{align-items:center;flex-direction:row;gap:var(--ac-space-1);list-style:none;margin:0;padding:0}.content,.item{display:flex}.link{min-width:var(--ac-size-default);text-decoration:none}.previous{padding-left:calc(var(--ac-space-3) - .125rem)}.next,.previous{gap:var(--ac-space-1)}.next{padding-right:calc(var(--ac-space-3) - .125rem)}.ellipsis{align-items:center;color:var(--ac-muted-foreground);display:inline-flex;height:var(--ac-size-default);justify-content:center;position:relative;width:var(--ac-size-default)}.ellipsis>svg,.next>svg,.previous>svg{flex-shrink:0;height:1rem;width:1rem}.srOnly{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}",".root {\n  justify-content: center;\n  width: 100%;\n  display: flex;\n}\n\n.content {\n  align-items: center;\n  gap: var(--ac-space-1);\n  flex-direction: row;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}\n\n.content, .item {\n  display: flex;\n}\n\n.link {\n  min-width: var(--ac-size-default);\n  text-decoration: none;\n}\n\n.previous {\n  padding-left: calc(var(--ac-space-3) - .125rem);\n}\n\n.next, .previous {\n  gap: var(--ac-space-1);\n}\n\n.next {\n  padding-right: calc(var(--ac-space-3) - .125rem);\n}\n\n.ellipsis {\n  color: var(--ac-muted-foreground);\n  height: var(--ac-size-default);\n  width: var(--ac-size-default);\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n  position: relative;\n}\n\n.ellipsis > svg, .next > svg, .previous > svg {\n  flex-shrink: 0;\n  width: 1rem;\n  height: 1rem;\n}\n\n.srOnly {\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/components/ui/popover.js

@@ -3,17 +3,17 @@ import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
 import { Popover } from "@base-ui/react/popover";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef, isValidElement } from "react";
 import { cn } from "../../lib/utilities.js";
 import popover_module from "./popover.module.js";
+import * as __rspack_external_react from "react";
 function popover_Popover(props) {
     return /*#__PURE__*/ jsx(Popover.Root, {
         ...props
     });
 }
-const PopoverTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+const PopoverTrigger = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { asChild = false, children, className, render, ...otherProps } = props;
-    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const renderProp = asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children) ? children : render;
     return /*#__PURE__*/ jsx(Popover.Trigger, {
         ref: ref,
         ...otherProps,
@@ -29,7 +29,7 @@ const PopoverTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
 });
 function PopoverAnchor(props) {
     const { asChild = false, children, className, render, ...otherProps } = props;
-    const renderProp = asChild && /*#__PURE__*/ isValidElement(children) ? children : render;
+    const renderProp = asChild && /*#__PURE__*/ __rspack_external_react.isValidElement(children) ? children : render;
     return useRender({
         defaultTagName: "div",
         render: renderProp,
@@ -40,7 +40,7 @@ function PopoverAnchor(props) {
         })
     });
 }
-const PopoverContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+const PopoverContent = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, children, render, sideOffset = 4, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Popover.Portal, {
         children: /*#__PURE__*/ jsx(Popover.Positioner, {

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/popover.js","sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Popover as BasePopover} from \"@base-ui/react/popover\";\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 \"./popover.module.css\";\r\n\r\ninterface PopoverProps extends React.ComponentPropsWithRef<typeof BasePopover.Root> {}\r\n\r\ninterface PopoverTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BasePopover.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface PopoverAnchorProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface PopoverContentProps extends Omit<React.ComponentPropsWithRef<typeof BasePopover.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Offsets the floating content from its anchor in pixels.\r\n   * @default 4\r\n   */\r\n  sideOffset?: number;\r\n}\r\n\r\n/**\r\n * Coordinates popover state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Popover>Content</Popover>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nfunction Popover(props: Readonly<Popover.Props>): React.ReactElement {\r\n  return <BasePopover.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the popover trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <PopoverTrigger>Content</PopoverTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTrigger.Props>(\r\n  (props: Readonly<PopoverTrigger.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, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BasePopover.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BasePopover.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the popover anchor.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <PopoverAnchor>Content</PopoverAnchor>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nfunction PopoverAnchor(props: Readonly<PopoverAnchor.Props>): 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, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.anchor, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the popover content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <PopoverContent>Content</PopoverContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof BasePopover.Popup>, PopoverContent.Props>(\r\n  (props: Readonly<PopoverContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BasePopover.Portal>\r\n        <BasePopover.Positioner\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BasePopover.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BasePopover.Popup>\r\n        </BasePopover.Positioner>\r\n      </BasePopover.Portal>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Popover {\r\n  export type Props = PopoverProps;\r\n  export type State = BasePopover.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace PopoverTrigger {\r\n  export type Props = PopoverTriggerProps;\r\n  export type State = BasePopover.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace PopoverAnchor {\r\n  export type Props = PopoverAnchorProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace PopoverContent {\r\n  export type Props = PopoverContentProps;\r\n  export type State = BasePopover.Popup.State;\r\n}\r\n\r\nPopover.displayName = \"Popover\";\r\nPopoverTrigger.displayName = \"PopoverTrigger\";\r\nPopoverAnchor.displayName = \"PopoverAnchor\";\r\nPopoverContent.displayName = \"PopoverContent\";\r\n\r\nexport {Popover, PopoverAnchor, PopoverContent, PopoverTrigger};\r\n"],"names":["Popover","props","BasePopover","PopoverTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","PopoverAnchor","cn","styles","PopoverContent","sideOffset"],"mappings":";;;;;;;;AAyEA,SAASA,gBAAQC,KAA8B;IAC7C,OAAO,WAAP,GAAO,IAACC,QAAAA,IAAgB;QAAE,GAAGD,KAAK;;AACpC;AAiBA,MAAME,iBAAiB,WAAHA,GAAGC,WACrB,CAACH,OAAuCI;IAEtC,MAAM,EAACC,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGT;IACtE,MAAMU,aAAaL,WAAW,WAAXA,GAAWF,eAAqBG,YAAYA,WAAWE;IAE1E,OAAO,WAAP,GACE,IAACP,QAAAA,OAAmB;QAClB,KAAKG;QACJ,GAAGK,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQD;YACR,OAAOE,WAAW;gBAACL;YAAS,GAAG,CAAC;QAClC;kBACCG,aAAaG,SAAYP;;AAGhC;AAkBF,SAASQ,cAAcd,KAAoC;IAEzD,MAAM,EAACK,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGT;IACtE,MAAMU,aAAaL,WAAW,WAAXA,GAAWF,eAAqBG,YAAYA,WAAWE;IAE1E,OAAOG,UAAU;QACf,gBAAgB;QAChB,QAAQD;QACR,OAAOE,WAAW;YAAC,WAAWG,GAAGC,eAAAA,MAAa,EAAET;QAAU,GAAGE,YAAY;YACvE,UAAUC,aAAaG,SAAYP;QACrC;IACF;AACF;AAiBA,MAAMW,iBAAiB,WAAHA,GAAGd,WACrB,CAACH,OAAuCI;IACtC,MAAM,EAACG,SAAS,EAAED,QAAQ,EAAEE,MAAM,EAAEU,aAAa,CAAC,EAAE,GAAGT,YAAW,GAAGT;IAErE,OAAO,WAAP,GACE,IAACC,QAAAA,MAAkB;kBACjB,kBAACA,QAAAA,UAAsB;YACrB,YAAYiB;YACX,GAAGT,UAAU;YACd,QAAQE,UAAU;gBAChB,gBAAgB;gBAChB,OAAOC,WAAW;oBAAC,WAAWI,eAAAA,UAAiB;gBAAA,GAAG,CAAC;YACrD;sBACA,kBAACf,QAAAA,KAAiB;gBAChB,KAAKG;gBACL,QAAQO,UAAU;oBAChB,gBAAgB;oBAChB,QAAQH;oBACR,OAAOI,WAAW;wBAAC,WAAWG,GAAGC,eAAAA,KAAY,EAAET;oBAAU,GAAG,CAAC;gBAC/D;0BACCD;;;;AAKX;AA2BFP,gBAAQ,WAAW,GAAG;AACtBG,eAAe,WAAW,GAAG;AAC7BY,cAAc,WAAW,GAAG;AAC5BG,eAAe,WAAW,GAAG"}
+{"version":3,"file":"components/ui/popover.js","sources":["../../../src/components/ui/popover.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Popover as BasePopover} from \"@base-ui/react/popover\";\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 \"./popover.module.css\";\r\n\r\ninterface PopoverProps extends React.ComponentPropsWithRef<typeof BasePopover.Root> {}\r\n\r\ninterface PopoverTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BasePopover.Trigger>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface PopoverAnchorProps extends React.ComponentPropsWithRef<\"div\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Overrides the default rendered element while preserving component behavior.\r\n   * @default undefined\r\n   */\r\n  render?: useRender.RenderProp<Record<string, never>>;\r\n  /**\r\n   * Enables child element composition instead of rendering the default wrapper.\r\n   * @default false\r\n   * @deprecated Prefer Base UI's `render` prop.\r\n   */\r\n  asChild?: boolean;\r\n}\r\n\r\ninterface PopoverContentProps extends Omit<React.ComponentPropsWithRef<typeof BasePopover.Positioner>, \"className\"> {\r\n  /**\r\n   * Applies additional CSS classes to the component root element.\r\n   * @default undefined\r\n   */\r\n  className?: string;\r\n  /**\r\n   * Offsets the floating content from its anchor in pixels.\r\n   * @default 4\r\n   */\r\n  sideOffset?: number;\r\n}\r\n\r\n/**\r\n * Coordinates popover state and accessibility behavior.\r\n *\r\n * @remarks\r\n * - Delegates structure and state to the underlying Base UI primitive\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Preserves the underlying primitive API for advanced composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <Popover>Content</Popover>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nfunction Popover(props: Readonly<Popover.Props>): React.ReactElement {\r\n  return <BasePopover.Root {...props} />;\r\n}\r\n\r\n/**\r\n * Renders the popover trigger.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <PopoverTrigger>Content</PopoverTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nconst PopoverTrigger = React.forwardRef<HTMLButtonElement, PopoverTrigger.Props>(\r\n  (props: Readonly<PopoverTrigger.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, render, ...otherProps} = props;\r\n    const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n    return (\r\n      <BasePopover.Trigger\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"button\",\r\n          render: renderProp as never,\r\n          props: mergeProps({className}, {}),\r\n        })}>\r\n        {renderProp ? undefined : children}\r\n      </BasePopover.Trigger>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the popover anchor.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <PopoverAnchor>Content</PopoverAnchor>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nfunction PopoverAnchor(props: Readonly<PopoverAnchor.Props>): 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, render, ...otherProps} = props;\r\n  const renderProp = asChild && React.isValidElement(children) ? children : render;\r\n\r\n  return useRender({\r\n    defaultTagName: \"div\",\r\n    render: renderProp as never,\r\n    props: mergeProps({className: cn(styles.anchor, className)}, otherProps, {\r\n      children: renderProp ? undefined : children,\r\n    }),\r\n  });\r\n}\r\n\r\n/**\r\n * Renders the popover content.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/popover | Base UI Popover}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <PopoverContent>Content</PopoverContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/popover | Base UI Documentation}\r\n */\r\nconst PopoverContent = React.forwardRef<React.ComponentRef<typeof BasePopover.Popup>, PopoverContent.Props>(\r\n  (props: Readonly<PopoverContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, sideOffset = 4, ...otherProps} = props;\r\n\r\n    return (\r\n      <BasePopover.Portal>\r\n        <BasePopover.Positioner\r\n          sideOffset={sideOffset}\r\n          {...otherProps}\r\n          render={useRender({\r\n            defaultTagName: \"div\",\r\n            props: mergeProps({className: styles.positioner}, {}),\r\n          })}>\r\n          <BasePopover.Popup\r\n            ref={ref}\r\n            render={useRender({\r\n              defaultTagName: \"div\",\r\n              render: render as never,\r\n              props: mergeProps({className: cn(styles.popup, className)}, {}),\r\n            })}>\r\n            {children}\r\n          </BasePopover.Popup>\r\n        </BasePopover.Positioner>\r\n      </BasePopover.Portal>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Popover {\r\n  export type Props = PopoverProps;\r\n  export type State = BasePopover.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace PopoverTrigger {\r\n  export type Props = PopoverTriggerProps;\r\n  export type State = BasePopover.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace PopoverAnchor {\r\n  export type Props = PopoverAnchorProps;\r\n  export type State = Record<string, never>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace PopoverContent {\r\n  export type Props = PopoverContentProps;\r\n  export type State = BasePopover.Popup.State;\r\n}\r\n\r\nPopover.displayName = \"Popover\";\r\nPopoverTrigger.displayName = \"PopoverTrigger\";\r\nPopoverAnchor.displayName = \"PopoverAnchor\";\r\nPopoverContent.displayName = \"PopoverContent\";\r\n\r\nexport {Popover, PopoverAnchor, PopoverContent, PopoverTrigger};\r\n"],"names":["Popover","props","BasePopover","PopoverTrigger","React","ref","asChild","children","className","render","otherProps","renderProp","useRender","mergeProps","undefined","PopoverAnchor","cn","styles","PopoverContent","sideOffset"],"mappings":";;;;;;;;AAyEA,SAASA,gBAAQC,KAA8B;IAC7C,OAAO,WAAP,GAAO,IAACC,QAAAA,IAAgB;QAAE,GAAGD,KAAK;;AACpC;AAiBA,MAAME,iBAAiB,WAAHA,GAAGC,wBAAAA,UAAgB,CACrC,CAACH,OAAuCI;IAEtC,MAAM,EAACC,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGT;IACtE,MAAMU,aAAaL,WAAW,WAAXA,GAAWF,wBAAAA,cAAoB,CAACG,YAAYA,WAAWE;IAE1E,OAAO,WAAP,GACE,IAACP,QAAAA,OAAmB;QAClB,KAAKG;QACJ,GAAGK,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQD;YACR,OAAOE,WAAW;gBAACL;YAAS,GAAG,CAAC;QAClC;kBACCG,aAAaG,SAAYP;;AAGhC;AAkBF,SAASQ,cAAcd,KAAoC;IAEzD,MAAM,EAACK,UAAU,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGT;IACtE,MAAMU,aAAaL,WAAW,WAAXA,GAAWF,wBAAAA,cAAoB,CAACG,YAAYA,WAAWE;IAE1E,OAAOG,UAAU;QACf,gBAAgB;QAChB,QAAQD;QACR,OAAOE,WAAW;YAAC,WAAWG,GAAGC,eAAAA,MAAa,EAAET;QAAU,GAAGE,YAAY;YACvE,UAAUC,aAAaG,SAAYP;QACrC;IACF;AACF;AAiBA,MAAMW,iBAAiB,WAAHA,GAAGd,wBAAAA,UAAgB,CACrC,CAACH,OAAuCI;IACtC,MAAM,EAACG,SAAS,EAAED,QAAQ,EAAEE,MAAM,EAAEU,aAAa,CAAC,EAAE,GAAGT,YAAW,GAAGT;IAErE,OAAO,WAAP,GACE,IAACC,QAAAA,MAAkB;kBACjB,kBAACA,QAAAA,UAAsB;YACrB,YAAYiB;YACX,GAAGT,UAAU;YACd,QAAQE,UAAU;gBAChB,gBAAgB;gBAChB,OAAOC,WAAW;oBAAC,WAAWI,eAAAA,UAAiB;gBAAA,GAAG,CAAC;YACrD;sBACA,kBAACf,QAAAA,KAAiB;gBAChB,KAAKG;gBACL,QAAQO,UAAU;oBAChB,gBAAgB;oBAChB,QAAQH;oBACR,OAAOI,WAAW;wBAAC,WAAWG,GAAGC,eAAAA,KAAY,EAAET;oBAAU,GAAG,CAAC;gBAC/D;0BACCD;;;;AAKX;AA2BFP,gBAAQ,WAAW,GAAG;AACtBG,eAAe,WAAW,GAAG;AAC7BY,cAAc,WAAW,GAAG;AAC5BG,eAAe,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/popover.module.css","webpack://./src/components/ui/popover.module.css"],"names":[],"mappings":"AADA;ECEE,iBAAiB;AACnB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,0BAA0B;EAC1B,yCAAyC;EACzC,qFAAqF;EACrF,aAAa;EACb,YAAY;EACZ,uCAAuC;AACzC;;AAEA;EACE,UAAU;EACV,qBAAqB;AACvB","sourcesContent":[".anchor{display:contents}.positioner{z-index:50}.popup{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.3);color:var(--ac-popover-foreground);outline:none;padding:var(--ac-space-4);transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal);width:18rem}.popup[data-ending-style],.popup[data-starting-style]{opacity:0;transform:scale(.96)}",".anchor {\n  display: contents;\n}\n\n.positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  padding: var(--ac-space-4);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  outline: none;\n  width: 18rem;\n  box-shadow: 0 16px 40px -16px #0000004d;\n}\n\n.popup[data-ending-style], .popup[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\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/popover.module.css","webpack://./src/components/ui/popover.module.css"],"names":[],"mappings":"AAAA;ECCE,iBAAiB;AACnB;;ADFyB;ECKvB,WAAW;AACb;;ADNgD;ECS9C,mCAAmC;EACnC,kCAAkC;EAClC,kCAAkC;EAClC,mCAAmC;EACnC,0BAA0B;EAC1B,yCAAyC;EACzC,qFAAqF;EACrF,aAAa;EACb,YAAY;EACZ,uCAAuC;AACzC;;ADnB8Z;ECsB5Z,UAAU;EACV,qBAAqB;AACvB","sourcesContent":[".anchor{display:contents}.positioner{z-index:50}.popup{background-color:var(--ac-popover);border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);box-shadow:0 16px 40px -16px rgba(0,0,0,.3);color:var(--ac-popover-foreground);outline:none;padding:var(--ac-space-4);transform-origin:var(--transform-origin);transition:opacity var(--ac-transition-normal),transform var(--ac-transition-normal);width:18rem}.popup[data-ending-style],.popup[data-starting-style]{opacity:0;transform:scale(.96)}",".anchor {\n  display: contents;\n}\n\n.positioner {\n  z-index: 50;\n}\n\n.popup {\n  background-color: var(--ac-popover);\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  color: var(--ac-popover-foreground);\n  padding: var(--ac-space-4);\n  transform-origin: var(--transform-origin);\n  transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal);\n  outline: none;\n  width: 18rem;\n  box-shadow: 0 16px 40px -16px #0000004d;\n}\n\n.popup[data-ending-style], .popup[data-starting-style] {\n  opacity: 0;\n  transform: scale(.96);\n}\n"],"sourceRoot":""}

package/dist/components/ui/progress.js

@@ -2,10 +2,10 @@
 import { jsx } from "react/jsx-runtime";
 import { Progress as progress_Progress } from "@base-ui/react/progress";
 import { useRender } from "@base-ui/react/use-render";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import progress_module from "./progress.module.js";
-const ui_progress_Progress = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+import * as __rspack_external_react from "react";
+const ui_progress_Progress = /*#__PURE__*/ __rspack_external_react.forwardRef(function(props, forwardedRef) {
     const { className, render, value = 0, ...otherProps } = props;
     return /*#__PURE__*/ jsx(progress_Progress.Root, {
         value: value,

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/progress.js","sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Progress as BaseProgress} from \"@base-ui/react/progress\";\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 \"./progress.module.css\";\r\n\r\n/**\r\n * Props for the shared progress wrapper.\r\n */\r\nexport interface ProgressProps extends Omit<React.ComponentPropsWithRef<typeof BaseProgress.Root>, \"value\"> {\r\n  /** Additional CSS classes merged with the progress track styles. @default undefined */\r\n  className?: string;\r\n  /** The current completion percentage or normalized value rendered by the progress bar. @default 0 */\r\n  value?: number;\r\n}\r\n\r\n/**\r\n * Visualizes task completion with a styled track and animated indicator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/progress | Base UI Progress}\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 * <Progress value={64} />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/progress | Base UI Documentation}\r\n */\r\nconst Progress = React.forwardRef<HTMLDivElement, Progress.Props>(function Progress(props, forwardedRef) {\r\n  const {className, render, value = 0, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseProgress.Root\r\n      value={value}\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n      })}>\r\n      <BaseProgress.Track className={cn(styles.track, className)}>\r\n        <BaseProgress.Indicator className={styles.indicator} />\r\n      </BaseProgress.Track>\r\n    </BaseProgress.Root>\r\n  );\r\n});\r\nProgress.displayName = \"Progress\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Progress {\r\n  export type Props = ProgressProps;\r\n  export type State = BaseProgress.Root.State;\r\n}\r\n\r\nexport {Progress};\r\n"],"names":["Progress","React","props","forwardedRef","className","render","value","otherProps","BaseProgress","useRender","cn","styles"],"mappings":";;;;;;;AAmCA,MAAMA,uBAAW,WAAHA,GAAGC,WAAiD,SAAkBC,KAAK,EAAEC,YAAY;IACrG,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,CAAC,EAAE,GAAGC,YAAW,GAAGL;IAEtD,OAAO,WAAP,GACE,IAACM,kBAAAA,IAAiB;QAChB,OAAOF;QACN,GAAGC,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQJ;QACV;kBACA,kBAACG,kBAAAA,KAAkB;YAAC,WAAWE,GAAGC,gBAAAA,KAAY,EAAEP;sBAC9C,kBAACI,kBAAAA,SAAsB;gBAAC,WAAWG,gBAAAA,SAAgB;;;;AAI3D;AACAX,qBAAS,WAAW,GAAG"}
+{"version":3,"file":"components/ui/progress.js","sources":["../../../src/components/ui/progress.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Progress as BaseProgress} from \"@base-ui/react/progress\";\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 \"./progress.module.css\";\r\n\r\n/**\r\n * Props for the shared progress wrapper.\r\n */\r\nexport interface ProgressProps extends Omit<React.ComponentPropsWithRef<typeof BaseProgress.Root>, \"value\"> {\r\n  /** Additional CSS classes merged with the progress track styles. @default undefined */\r\n  className?: string;\r\n  /** The current completion percentage or normalized value rendered by the progress bar. @default 0 */\r\n  value?: number;\r\n}\r\n\r\n/**\r\n * Visualizes task completion with a styled track and animated indicator.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/progress | Base UI Progress}\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 * <Progress value={64} />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/progress | Base UI Documentation}\r\n */\r\nconst Progress = React.forwardRef<HTMLDivElement, Progress.Props>(function Progress(props, forwardedRef) {\r\n  const {className, render, value = 0, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseProgress.Root\r\n      value={value}\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n      })}>\r\n      <BaseProgress.Track className={cn(styles.track, className)}>\r\n        <BaseProgress.Indicator className={styles.indicator} />\r\n      </BaseProgress.Track>\r\n    </BaseProgress.Root>\r\n  );\r\n});\r\nProgress.displayName = \"Progress\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Progress {\r\n  export type Props = ProgressProps;\r\n  export type State = BaseProgress.Root.State;\r\n}\r\n\r\nexport {Progress};\r\n"],"names":["Progress","React","props","forwardedRef","className","render","value","otherProps","BaseProgress","useRender","cn","styles"],"mappings":";;;;;;;AAmCA,MAAMA,uBAAW,WAAHA,GAAGC,wBAAAA,UAAgB,CAAiC,SAAkBC,KAAK,EAAEC,YAAY;IACrG,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,CAAC,EAAE,GAAGC,YAAW,GAAGL;IAEtD,OAAO,WAAP,GACE,IAACM,kBAAAA,IAAiB;QAChB,OAAOF;QACN,GAAGC,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQJ;QACV;kBACA,kBAACG,kBAAAA,KAAkB;YAAC,WAAWE,GAAGC,gBAAAA,KAAY,EAAEP;sBAC9C,kBAACI,kBAAAA,SAAsB;gBAAC,WAAWG,gBAAAA,SAAgB;;;;AAI3D;AACAX,qBAAS,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/progress.module.css","webpack://./src/components/ui/progress.module.css"],"names":[],"mappings":"AADA;ECEE,qCAAqC;EACrC,WAAW;EACX,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,qBAAqB;AACvB;;AAEA;EACE,mCAAmC;EACnC,YAAY;EACZ,qBAAqB;AACvB","sourcesContent":[".track{background-color:var(--ac-secondary);height:.5rem;overflow:hidden;position:relative;width:100%}.indicator,.track{border-radius:9999px}.indicator{background-color:var(--ac-primary);height:100%;transition:width .2s ease}",".track {\n  background-color: var(--ac-secondary);\n  width: 100%;\n  height: .5rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.indicator, .track {\n  border-radius: 9999px;\n}\n\n.indicator {\n  background-color: var(--ac-primary);\n  height: 100%;\n  transition: width .2s;\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/progress.module.css","webpack://./src/components/ui/progress.module.css"],"names":[],"mappings":"AAAA;ECCE,qCAAqC;EACrC,WAAW;EACX,aAAa;EACb,kBAAkB;EAClB,gBAAgB;AAClB;;ADNsG;ECSpG,qBAAqB;AACvB;;ADV6I;ECa3I,mCAAmC;EACnC,YAAY;EACZ,qBAAqB;AACvB","sourcesContent":[".track{background-color:var(--ac-secondary);height:.5rem;overflow:hidden;position:relative;width:100%}.indicator,.track{border-radius:9999px}.indicator{background-color:var(--ac-primary);height:100%;transition:width .2s ease}",".track {\n  background-color: var(--ac-secondary);\n  width: 100%;\n  height: .5rem;\n  position: relative;\n  overflow: hidden;\n}\n\n.indicator, .track {\n  border-radius: 9999px;\n}\n\n.indicator {\n  background-color: var(--ac-primary);\n  height: 100%;\n  transition: width .2s;\n}\n"],"sourceRoot":""}

package/dist/components/ui/radio-group.js

@@ -5,10 +5,10 @@ import { Radio } from "@base-ui/react/radio";
 import { RadioGroup } from "@base-ui/react/radio-group";
 import { useRender } from "@base-ui/react/use-render";
 import { Circle } from "lucide-react";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import radio_group_module from "./radio-group.module.js";
-const radio_group_RadioGroup = /*#__PURE__*/ forwardRef((props, ref)=>{
+import * as __rspack_external_react from "react";
+const radio_group_RadioGroup = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(RadioGroup, {
         ref: ref,
@@ -22,7 +22,7 @@ const radio_group_RadioGroup = /*#__PURE__*/ forwardRef((props, ref)=>{
         })
     });
 });
-const RadioGroupItem = /*#__PURE__*/ forwardRef((props, ref)=>{
+const RadioGroupItem = /*#__PURE__*/ __rspack_external_react.forwardRef((props, ref)=>{
     const { className, render, ...otherProps } = props;
     return /*#__PURE__*/ jsx(Radio.Root, {
         ref: ref,

package/dist/components/ui/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/radio-group.js","sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Radio} from \"@base-ui/react/radio\";\r\nimport {RadioGroup as BaseRadioGroup} from \"@base-ui/react/radio-group\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./radio-group.module.css\";\r\n\r\n/**\r\n * Coordinates radio group state and selection 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/radio-group | Base UI Radio Group}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <RadioGroup>Content</RadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/radio-group | Base UI Documentation}\r\n */\r\nconst RadioGroup = React.forwardRef<React.ComponentRef<typeof BaseRadioGroup>, RadioGroup.Props>(\r\n  (props: Readonly<RadioGroup.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseRadioGroup\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.group, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the radio group item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/radio-group | Base UI Radio Group}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <RadioGroupItem>Content</RadioGroupItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/radio-group | Base UI Documentation}\r\n */\r\nconst RadioGroupItem = React.forwardRef<React.ComponentRef<typeof Radio.Root>, RadioGroupItem.Props>(\r\n  (props: Readonly<RadioGroupItem.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <Radio.Root\r\n        ref={ref}\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, className)}, {}),\r\n        })}>\r\n        <Radio.Indicator className={styles.indicator}>\r\n          <Circle className={styles.icon} />\r\n        </Radio.Indicator>\r\n      </Radio.Root>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace RadioGroup {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseRadioGroup>;\r\n  export type State = BaseRadioGroup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace RadioGroupItem {\r\n  export type Props = React.ComponentPropsWithRef<typeof Radio.Root>;\r\n  export type State = Radio.Root.State;\r\n}\r\n\r\nRadioGroup.displayName = \"RadioGroup\";\r\nRadioGroupItem.displayName = \"RadioGroupItem\";\r\n\r\nexport {RadioGroup, RadioGroupItem};\r\n"],"names":["RadioGroup","React","props","ref","className","render","otherProps","BaseRadioGroup","useRender","mergeProps","cn","styles","RadioGroupItem","Radio","Circle"],"mappings":";;;;;;;;;;AA2BA,MAAMA,yBAAa,WAAHA,GAAGC,WACjB,CAACC,OAAmCC;IAClC,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,YAAcA;QACb,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,KAAY,EAAEP;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAkBF,MAAMQ,iBAAiB,WAAHA,GAAGX,WACrB,CAACC,OAAuCC;IACtC,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACW,MAAM,IAAI;QACT,KAAKV;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,IAAW,EAAEP;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACS,MAAM,SAAS;YAAC,WAAWF,mBAAAA,SAAgB;sBAC1C,kBAACG,QAAMA;gBAAC,WAAWH,mBAAAA,IAAW;;;;AAItC;AAeFX,uBAAW,WAAW,GAAG;AACzBY,eAAe,WAAW,GAAG"}
+{"version":3,"file":"components/ui/radio-group.js","sources":["../../../src/components/ui/radio-group.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Radio} from \"@base-ui/react/radio\";\r\nimport {RadioGroup as BaseRadioGroup} from \"@base-ui/react/radio-group\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {Circle} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./radio-group.module.css\";\r\n\r\n/**\r\n * Coordinates radio group state and selection 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/radio-group | Base UI Radio Group}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <RadioGroup>Content</RadioGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/radio-group | Base UI Documentation}\r\n */\r\nconst RadioGroup = React.forwardRef<React.ComponentRef<typeof BaseRadioGroup>, RadioGroup.Props>(\r\n  (props: Readonly<RadioGroup.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseRadioGroup\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.group, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the radio group item.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/radio-group | Base UI Radio Group}\r\n * - Supports the `render` prop for element composition\r\n *\r\n * @example\r\n * ```tsx\r\n * <RadioGroupItem>Content</RadioGroupItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/radio-group | Base UI Documentation}\r\n */\r\nconst RadioGroupItem = React.forwardRef<React.ComponentRef<typeof Radio.Root>, RadioGroupItem.Props>(\r\n  (props: Readonly<RadioGroupItem.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <Radio.Root\r\n        ref={ref}\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, className)}, {}),\r\n        })}>\r\n        <Radio.Indicator className={styles.indicator}>\r\n          <Circle className={styles.icon} />\r\n        </Radio.Indicator>\r\n      </Radio.Root>\r\n    );\r\n  },\r\n);\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace RadioGroup {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseRadioGroup>;\r\n  export type State = BaseRadioGroup.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace RadioGroupItem {\r\n  export type Props = React.ComponentPropsWithRef<typeof Radio.Root>;\r\n  export type State = Radio.Root.State;\r\n}\r\n\r\nRadioGroup.displayName = \"RadioGroup\";\r\nRadioGroupItem.displayName = \"RadioGroupItem\";\r\n\r\nexport {RadioGroup, RadioGroupItem};\r\n"],"names":["RadioGroup","React","props","ref","className","render","otherProps","BaseRadioGroup","useRender","mergeProps","cn","styles","RadioGroupItem","Radio","Circle"],"mappings":";;;;;;;;;;AA2BA,MAAMA,yBAAa,WAAHA,GAAGC,wBAAAA,UAAgB,CACjC,CAACC,OAAmCC;IAClC,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,YAAcA;QACb,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,KAAY,EAAEP;YAAU,GAAG,CAAC;QAC/D;;AAGN;AAkBF,MAAMQ,iBAAiB,WAAHA,GAAGX,wBAAAA,UAAgB,CACrC,CAACC,OAAuCC;IACtC,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACW,MAAM,IAAI;QACT,KAAKV;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,mBAAAA,IAAW,EAAEP;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACS,MAAM,SAAS;YAAC,WAAWF,mBAAAA,SAAgB;sBAC1C,kBAACG,QAAMA;gBAAC,WAAWH,mBAAAA,IAAW;;;;AAItC;AAeFX,uBAAW,WAAW,GAAG;AACzBY,eAAe,WAAW,GAAG"}

package/dist/components/ui/radio-group_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/radio-group.module.css","webpack://./src/components/ui/radio-group.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,sCAAsC;EACtC,mCAAmC;EACnC,wBAAwB;EACxB,eAAe;EACf,YAAY;EACZ,6FAA6F;EAC7F,oBAAoB;EACpB,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;;EAEpB;IACE,iCAAiC;IACjC,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;AACF;;AAEA;EACE,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;AACtB;;AAEA;EACE,kBAAkB;EAClB,cAAc;EACd,eAAe;AACjB","sourcesContent":[".group{display:grid;gap:var(--ac-space-2)}.item{align-items:center;background-color:var(--ac-background);border:1px solid var(--ac-primary);border-radius:999px;color:var(--ac-primary);cursor:pointer;display:inline-flex;height:1rem;justify-content:center;outline:none;transition:border-color var(--ac-transition-fast),background-color var(--ac-transition-fast);width:1rem;&:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;opacity:.5}}.indicator{align-items:center;display:inline-flex;justify-content:center}.icon{fill:currentcolor;height:.625rem;width:.625rem}",".group {\n  gap: var(--ac-space-2);\n  display: grid;\n}\n\n.item {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-primary);\n  color: var(--ac-primary);\n  cursor: pointer;\n  height: 1rem;\n  transition: border-color var(--ac-transition-fast),background-color var(--ac-transition-fast);\n  border-radius: 999px;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  display: inline-flex;\n\n  &:focus-visible {\n    outline: 2px solid var(--ac-ring);\n    outline-offset: 2px;\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n}\n\n.indicator {\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n}\n\n.icon {\n  fill: currentColor;\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/radio-group.module.css","webpack://./src/components/ui/radio-group.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,aAAa;AACf;;ADH0C;ECMxC,sCAAsC;EACtC,mCAAmC;EACnC,wBAAwB;EACxB,eAAe;EACf,YAAY;EACZ,6FAA6F;EAC7F,oBAAoB;EACpB,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,WAAW;EACX,oBAAoB;;EDjB6V;ICoB/W,iCAAiC;IACjC,mBAAmB;EACrB;;EDtBqb;ICyBnb,mBAAmB;IACnB,WAAW;EACb;AACF;;AD5Bue;EC+Bre,uBAAuB;EACvB,mBAAmB;EACnB,oBAAoB;AACtB;;ADlCgjB;ECqC9iB,kBAAkB;EAClB,cAAc;EACd,eAAe;AACjB","sourcesContent":[".group{display:grid;gap:var(--ac-space-2)}.item{align-items:center;background-color:var(--ac-background);border:1px solid var(--ac-primary);border-radius:999px;color:var(--ac-primary);cursor:pointer;display:inline-flex;height:1rem;justify-content:center;outline:none;transition:border-color var(--ac-transition-fast),background-color var(--ac-transition-fast);width:1rem;&:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;opacity:.5}}.indicator{align-items:center;display:inline-flex;justify-content:center}.icon{fill:currentcolor;height:.625rem;width:.625rem}",".group {\n  gap: var(--ac-space-2);\n  display: grid;\n}\n\n.item {\n  background-color: var(--ac-background);\n  border: 1px solid var(--ac-primary);\n  color: var(--ac-primary);\n  cursor: pointer;\n  height: 1rem;\n  transition: border-color var(--ac-transition-fast),background-color var(--ac-transition-fast);\n  border-radius: 999px;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  width: 1rem;\n  display: inline-flex;\n\n  &:focus-visible {\n    outline: 2px solid var(--ac-ring);\n    outline-offset: 2px;\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n}\n\n.indicator {\n  justify-content: center;\n  align-items: center;\n  display: inline-flex;\n}\n\n.icon {\n  fill: currentColor;\n  width: .625rem;\n  height: .625rem;\n}\n"],"sourceRoot":""}

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

@@ -1,11 +1,11 @@
 import * as React from "react";
-import type { ImperativePanelGroupHandle } from "react-resizable-panels";
+import type { GroupImperativeHandle, PanelImperativeHandle } from "react-resizable-panels";
 import * as ResizablePrimitive from "react-resizable-panels";
-export type { ImperativePanelGroupHandle, ImperativePanelHandle } from "react-resizable-panels";
+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<ResizablePrimitive.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,EAAC,MAAM,wBAAwB,CAAC;AACvE,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAM7D,YAAY,EAAC,0BAA0B,EAAE,qBAAqB,EAAC,MAAM,wBAAwB,CAAC;AAE9F;;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;;;;;;;;;;;;;;;;kEAA2B,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} 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} from \"react-resizable-panels\";\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);
     }, [