@arolariu/components 1.0.0 → 2.0.0

package/dist/components/ui/field.js

@@ -1,9 +1,9 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef, useMemo } from "react";
 import { Separator } from "./separator.js";
 import { cn } from "../../lib/utilities.js";
 import field_module from "./field.module.js";
+import * as __rspack_external_react from "react";
 function getFieldOrientationClass(orientation) {
     switch(orientation){
         case "horizontal":
@@ -14,26 +14,26 @@ function getFieldOrientationClass(orientation) {
             return field_module.vertical;
     }
 }
-const FieldSet = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("fieldset", {
+const FieldSet = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("fieldset", {
         ref: ref,
         "data-slot": "field-set",
         className: cn(field_module.fieldSet, className),
         ...props
     }));
-const FieldLegend = /*#__PURE__*/ forwardRef(({ className, variant = "legend", ...props }, ref)=>/*#__PURE__*/ jsx("legend", {
+const FieldLegend = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, variant = "legend", ...props }, ref)=>/*#__PURE__*/ jsx("legend", {
         ref: ref,
         "data-slot": "field-legend",
         "data-variant": variant,
         className: cn(field_module.legend, "label" === variant ? field_module.legendLabel : field_module.legendDefault, className),
         ...props
     }));
-const FieldGroup = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const FieldGroup = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "field-group",
         className: cn(field_module.group, className),
         ...props
     }));
-const Field = /*#__PURE__*/ forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const Field = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, orientation = "vertical", ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         role: "group",
         "data-slot": "field",
@@ -41,31 +41,31 @@ const Field = /*#__PURE__*/ forwardRef(({ className, orientation = "vertical", .
         className: cn(field_module.field, getFieldOrientationClass(orientation), className),
         ...props
     }));
-const FieldContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const FieldContent = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "field-content",
         className: cn(field_module.content, className),
         ...props
     }));
-const FieldLabel = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("label", {
+const FieldLabel = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("label", {
         ref: ref,
         "data-slot": "field-label",
         className: cn(field_module.label, className),
         ...props
     }));
-const FieldTitle = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+const FieldTitle = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
         ref: ref,
         "data-slot": "field-label",
         className: cn(field_module.title, className),
         ...props
     }));
-const FieldDescription = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
+const FieldDescription = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("p", {
         ref: ref,
         "data-slot": "field-description",
         className: cn(field_module.description, className),
         ...props
     }));
-const FieldSeparator = /*#__PURE__*/ forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+const FieldSeparator = /*#__PURE__*/ __rspack_external_react.forwardRef(({ children, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
         ref: ref,
         "data-slot": "field-separator",
         "data-content": children ? "true" : void 0,
@@ -81,8 +81,8 @@ const FieldSeparator = /*#__PURE__*/ forwardRef(({ children, className, ...props
             }) : null
         ]
     }));
-const FieldError = /*#__PURE__*/ forwardRef(({ className, children, errors, ...props }, ref)=>{
-    const content = useMemo(()=>{
+const FieldError = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, children, errors, ...props }, ref)=>{
+    const content = __rspack_external_react.useMemo(()=>{
         if (children) return /*#__PURE__*/ jsx("span", {
             children: children
         });

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/label-has-associated-control */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./field.module.css\";\r\n\r\n/** Supported layouts for {@link Field}. */\r\nexport type FieldOrientation = \"vertical\" | \"horizontal\" | \"responsive\";\r\n\r\n/** Supported legend render styles for {@link FieldLegend}. */\r\nexport type FieldLegendVariant = \"legend\" | \"label\";\r\n\r\n/** Shape of error objects accepted by {@link FieldError}. */\r\nexport interface FieldErrorItem {\r\n  /** Human-readable validation error message. @default undefined */\r\n  message?: string;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldSet} component.\r\n */\r\nexport type FieldSetProps = React.ComponentPropsWithoutRef<\"fieldset\">;\r\n\r\n/**\r\n * Props for the {@link FieldLegend} component.\r\n */\r\nexport interface FieldLegendProps extends React.ComponentPropsWithoutRef<\"legend\"> {\r\n  /** Visual treatment used for the legend content. @default \"legend\" */\r\n  variant?: FieldLegendVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldGroup} component.\r\n */\r\nexport type FieldGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link Field} component.\r\n */\r\nexport interface FieldProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Layout used to arrange labels and controls. @default \"vertical\" */\r\n  orientation?: FieldOrientation;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldContent} component.\r\n */\r\nexport type FieldContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldLabel} component.\r\n */\r\nexport type FieldLabelProps = React.ComponentPropsWithoutRef<\"label\">;\r\n\r\n/**\r\n * Props for the {@link FieldTitle} component.\r\n */\r\nexport type FieldTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldDescription} component.\r\n */\r\nexport type FieldDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link FieldSeparator} component.\r\n */\r\nexport type FieldSeparatorProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldError} component.\r\n */\r\nexport interface FieldErrorProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Validation errors rendered when children are not provided. @default undefined */\r\n  errors?: Array<FieldErrorItem | undefined>;\r\n}\r\n\r\nfunction getFieldOrientationClass(orientation: FieldOrientation): string {\r\n  switch (orientation) {\r\n    case \"horizontal\": {\r\n      return styles.horizontal;\r\n    }\r\n    case \"responsive\": {\r\n      return styles.responsive;\r\n    }\r\n    default: {\r\n      return styles.vertical;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * Groups related controls within a semantic fieldset.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<fieldset>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSet>\r\n *   <FieldLegend>Preferences</FieldLegend>\r\n * </FieldSet>\r\n * ```\r\n *\r\n * @see {@link FieldSetProps} for available props\r\n */\r\nconst FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\r\n  ({className, ...props}: Readonly<FieldSetProps>, ref): React.JSX.Element => (\r\n    <fieldset\r\n      ref={ref}\r\n      data-slot='field-set'\r\n      className={cn(styles.fieldSet, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Labels a grouped set of controls within {@link FieldSet}.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<legend>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLegend variant='label'>Billing address</FieldLegend>\r\n * ```\r\n *\r\n * @see {@link FieldLegendProps} for available props\r\n */\r\nconst FieldLegend = React.forwardRef<HTMLLegendElement, FieldLegendProps>(\r\n  ({className, variant = \"legend\", ...props}: Readonly<FieldLegendProps>, ref): React.JSX.Element => (\r\n    <legend\r\n      ref={ref}\r\n      data-slot='field-legend'\r\n      data-variant={variant}\r\n      className={cn(styles.legend, variant === \"label\" ? styles.legendLabel : styles.legendDefault, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Stacks multiple field rows under a shared container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldGroup>\r\n *   <Field />\r\n * </FieldGroup>\r\n * ```\r\n *\r\n * @see {@link FieldGroupProps} for available props\r\n */\r\nconst FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\r\n  ({className, ...props}: Readonly<FieldGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Creates a styled field row for labels, descriptions, and controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Field orientation='responsive'>...</Field>\r\n * ```\r\n *\r\n * @see {@link FieldProps} for available props\r\n */\r\nconst Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n  ({className, orientation = \"vertical\", ...props}: Readonly<FieldProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='group'\r\n      data-slot='field'\r\n      data-orientation={orientation}\r\n      className={cn(styles.field, getFieldOrientationClass(orientation), className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps field controls and supporting content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldContent>{control}</FieldContent>\r\n * ```\r\n *\r\n * @see {@link FieldContentProps} for available props\r\n */\r\nconst FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\r\n  ({className, ...props}: Readonly<FieldContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the label associated with a form control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<label>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLabel htmlFor='email'>Email</FieldLabel>\r\n * ```\r\n *\r\n * @see {@link FieldLabelProps} for available props\r\n */\r\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\r\n  ({className, ...props}: Readonly<FieldLabelProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <label\r\n        ref={ref}\r\n        data-slot='field-label'\r\n        className={cn(styles.label, className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Displays the leading title content for a field row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldTitle>Account</FieldTitle>\r\n * ```\r\n *\r\n * @see {@link FieldTitleProps} for available props\r\n */\r\nconst FieldTitle = React.forwardRef<HTMLDivElement, FieldTitleProps>(\r\n  ({className, ...props}: Readonly<FieldTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-label'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supplementary descriptive text for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldDescription>Used for account recovery.</FieldDescription>\r\n * ```\r\n *\r\n * @see {@link FieldDescriptionProps} for available props\r\n */\r\nconst FieldDescription = React.forwardRef<HTMLParagraphElement, FieldDescriptionProps>(\r\n  ({className, ...props}: Readonly<FieldDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='field-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Separates field sections with optional inline content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSeparator>or</FieldSeparator>\r\n * ```\r\n *\r\n * @see {@link FieldSeparatorProps} for available props\r\n */\r\nconst FieldSeparator = React.forwardRef<HTMLDivElement, FieldSeparatorProps>(\r\n  ({children, className, ...props}: Readonly<FieldSeparatorProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-separator'\r\n      data-content={children ? \"true\" : undefined}\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      <Separator className={styles.separatorLine} />\r\n      {children ? <span className={styles.separatorContent}>{children}</span> : null}\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Presents validation feedback for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element when content exists\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldError errors={[{message: \"Required\"}]} />\r\n * ```\r\n *\r\n * @see {@link FieldErrorProps} for available props\r\n */\r\nconst FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\r\n  ({className, children, errors, ...props}: Readonly<FieldErrorProps>, ref): React.JSX.Element | null => {\r\n    const content = React.useMemo((): React.JSX.Element | null => {\r\n      if (children) {\r\n        return <span>{children}</span>;\r\n      }\r\n\r\n      if (!errors) {\r\n        return null;\r\n      }\r\n\r\n      if (errors.length === 1 && errors[0]?.message) {\r\n        return <span>{errors[0].message}</span>;\r\n      }\r\n\r\n      return (\r\n        <ul className={styles.errorList}>{errors.map((error, index) => (error?.message ? <li key={index}>{error.message}</li> : null))}</ul>\r\n      );\r\n    }, [children, errors]);\r\n\r\n    if (!content) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role='alert'\r\n        data-slot='field-error'\r\n        className={cn(styles.error, className)}\r\n        {...props}>\r\n        {content}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFieldSet.displayName = \"FieldSet\";\r\nFieldLegend.displayName = \"FieldLegend\";\r\nFieldGroup.displayName = \"FieldGroup\";\r\nField.displayName = \"Field\";\r\nFieldContent.displayName = \"FieldContent\";\r\nFieldLabel.displayName = \"FieldLabel\";\r\nFieldTitle.displayName = \"FieldTitle\";\r\nFieldDescription.displayName = \"FieldDescription\";\r\nFieldSeparator.displayName = \"FieldSeparator\";\r\nFieldError.displayName = \"FieldError\";\r\n\r\nexport {Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle};\r\n"],"names":["getFieldOrientationClass","orientation","styles","FieldSet","React","className","props","ref","cn","FieldLegend","variant","FieldGroup","Field","FieldContent","FieldLabel","FieldTitle","FieldDescription","FieldSeparator","children","undefined","Separator","FieldError","errors","content","error","index"],"mappings":"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"}
+{"version":3,"file":"components/ui/field.js","sources":["../../../src/components/ui/field.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable jsx-a11y/label-has-associated-control */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {Separator} from \"@/components/ui/separator\";\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./field.module.css\";\r\n\r\n/** Supported layouts for {@link Field}. */\r\nexport type FieldOrientation = \"vertical\" | \"horizontal\" | \"responsive\";\r\n\r\n/** Supported legend render styles for {@link FieldLegend}. */\r\nexport type FieldLegendVariant = \"legend\" | \"label\";\r\n\r\n/** Shape of error objects accepted by {@link FieldError}. */\r\nexport interface FieldErrorItem {\r\n  /** Human-readable validation error message. @default undefined */\r\n  message?: string;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldSet} component.\r\n */\r\nexport type FieldSetProps = React.ComponentPropsWithoutRef<\"fieldset\">;\r\n\r\n/**\r\n * Props for the {@link FieldLegend} component.\r\n */\r\nexport interface FieldLegendProps extends React.ComponentPropsWithoutRef<\"legend\"> {\r\n  /** Visual treatment used for the legend content. @default \"legend\" */\r\n  variant?: FieldLegendVariant;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldGroup} component.\r\n */\r\nexport type FieldGroupProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link Field} component.\r\n */\r\nexport interface FieldProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Layout used to arrange labels and controls. @default \"vertical\" */\r\n  orientation?: FieldOrientation;\r\n}\r\n\r\n/**\r\n * Props for the {@link FieldContent} component.\r\n */\r\nexport type FieldContentProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldLabel} component.\r\n */\r\nexport type FieldLabelProps = React.ComponentPropsWithoutRef<\"label\">;\r\n\r\n/**\r\n * Props for the {@link FieldTitle} component.\r\n */\r\nexport type FieldTitleProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldDescription} component.\r\n */\r\nexport type FieldDescriptionProps = React.ComponentPropsWithoutRef<\"p\">;\r\n\r\n/**\r\n * Props for the {@link FieldSeparator} component.\r\n */\r\nexport type FieldSeparatorProps = React.ComponentPropsWithoutRef<\"div\">;\r\n\r\n/**\r\n * Props for the {@link FieldError} component.\r\n */\r\nexport interface FieldErrorProps extends React.ComponentPropsWithoutRef<\"div\"> {\r\n  /** Validation errors rendered when children are not provided. @default undefined */\r\n  errors?: Array<FieldErrorItem | undefined>;\r\n}\r\n\r\nfunction getFieldOrientationClass(orientation: FieldOrientation): string {\r\n  switch (orientation) {\r\n    case \"horizontal\": {\r\n      return styles.horizontal;\r\n    }\r\n    case \"responsive\": {\r\n      return styles.responsive;\r\n    }\r\n    default: {\r\n      return styles.vertical;\r\n    }\r\n  }\r\n}\r\n\r\n/**\r\n * Groups related controls within a semantic fieldset.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<fieldset>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSet>\r\n *   <FieldLegend>Preferences</FieldLegend>\r\n * </FieldSet>\r\n * ```\r\n *\r\n * @see {@link FieldSetProps} for available props\r\n */\r\nconst FieldSet = React.forwardRef<HTMLFieldSetElement, FieldSetProps>(\r\n  ({className, ...props}: Readonly<FieldSetProps>, ref): React.JSX.Element => (\r\n    <fieldset\r\n      ref={ref}\r\n      data-slot='field-set'\r\n      className={cn(styles.fieldSet, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Labels a grouped set of controls within {@link FieldSet}.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<legend>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLegend variant='label'>Billing address</FieldLegend>\r\n * ```\r\n *\r\n * @see {@link FieldLegendProps} for available props\r\n */\r\nconst FieldLegend = React.forwardRef<HTMLLegendElement, FieldLegendProps>(\r\n  ({className, variant = \"legend\", ...props}: Readonly<FieldLegendProps>, ref): React.JSX.Element => (\r\n    <legend\r\n      ref={ref}\r\n      data-slot='field-legend'\r\n      data-variant={variant}\r\n      className={cn(styles.legend, variant === \"label\" ? styles.legendLabel : styles.legendDefault, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Stacks multiple field rows under a shared container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldGroup>\r\n *   <Field />\r\n * </FieldGroup>\r\n * ```\r\n *\r\n * @see {@link FieldGroupProps} for available props\r\n */\r\nconst FieldGroup = React.forwardRef<HTMLDivElement, FieldGroupProps>(\r\n  ({className, ...props}: Readonly<FieldGroupProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-group'\r\n      className={cn(styles.group, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Creates a styled field row for labels, descriptions, and controls.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Field orientation='responsive'>...</Field>\r\n * ```\r\n *\r\n * @see {@link FieldProps} for available props\r\n */\r\nconst Field = React.forwardRef<HTMLDivElement, FieldProps>(\r\n  ({className, orientation = \"vertical\", ...props}: Readonly<FieldProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      role='group'\r\n      data-slot='field'\r\n      data-orientation={orientation}\r\n      className={cn(styles.field, getFieldOrientationClass(orientation), className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Wraps field controls and supporting content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldContent>{control}</FieldContent>\r\n * ```\r\n *\r\n * @see {@link FieldContentProps} for available props\r\n */\r\nconst FieldContent = React.forwardRef<HTMLDivElement, FieldContentProps>(\r\n  ({className, ...props}: Readonly<FieldContentProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-content'\r\n      className={cn(styles.content, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the label associated with a form control.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<label>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldLabel htmlFor='email'>Email</FieldLabel>\r\n * ```\r\n *\r\n * @see {@link FieldLabelProps} for available props\r\n */\r\nconst FieldLabel = React.forwardRef<HTMLLabelElement, FieldLabelProps>(\r\n  ({className, ...props}: Readonly<FieldLabelProps>, ref): React.JSX.Element => {\r\n    return (\r\n      <label\r\n        ref={ref}\r\n        data-slot='field-label'\r\n        className={cn(styles.label, className)}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Displays the leading title content for a field row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldTitle>Account</FieldTitle>\r\n * ```\r\n *\r\n * @see {@link FieldTitleProps} for available props\r\n */\r\nconst FieldTitle = React.forwardRef<HTMLDivElement, FieldTitleProps>(\r\n  ({className, ...props}: Readonly<FieldTitleProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-label'\r\n      className={cn(styles.title, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders supplementary descriptive text for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<p>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldDescription>Used for account recovery.</FieldDescription>\r\n * ```\r\n *\r\n * @see {@link FieldDescriptionProps} for available props\r\n */\r\nconst FieldDescription = React.forwardRef<HTMLParagraphElement, FieldDescriptionProps>(\r\n  ({className, ...props}: Readonly<FieldDescriptionProps>, ref): React.JSX.Element => (\r\n    <p\r\n      ref={ref}\r\n      data-slot='field-description'\r\n      className={cn(styles.description, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Separates field sections with optional inline content.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldSeparator>or</FieldSeparator>\r\n * ```\r\n *\r\n * @see {@link FieldSeparatorProps} for available props\r\n */\r\nconst FieldSeparator = React.forwardRef<HTMLDivElement, FieldSeparatorProps>(\r\n  ({children, className, ...props}: Readonly<FieldSeparatorProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      data-slot='field-separator'\r\n      data-content={children ? \"true\" : undefined}\r\n      className={cn(styles.separator, className)}\r\n      {...props}>\r\n      <Separator className={styles.separatorLine} />\r\n      {children ? <span className={styles.separatorContent}>{children}</span> : null}\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Presents validation feedback for a field.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<div>` element when content exists\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <FieldError errors={[{message: \"Required\"}]} />\r\n * ```\r\n *\r\n * @see {@link FieldErrorProps} for available props\r\n */\r\nconst FieldError = React.forwardRef<HTMLDivElement, FieldErrorProps>(\r\n  ({className, children, errors, ...props}: Readonly<FieldErrorProps>, ref): React.JSX.Element | null => {\r\n    const content = React.useMemo((): React.JSX.Element | null => {\r\n      if (children) {\r\n        return <span>{children}</span>;\r\n      }\r\n\r\n      if (!errors) {\r\n        return null;\r\n      }\r\n\r\n      if (errors.length === 1 && errors[0]?.message) {\r\n        return <span>{errors[0].message}</span>;\r\n      }\r\n\r\n      return (\r\n        <ul className={styles.errorList}>{errors.map((error, index) => (error?.message ? <li key={index}>{error.message}</li> : null))}</ul>\r\n      );\r\n    }, [children, errors]);\r\n\r\n    if (!content) {\r\n      return null;\r\n    }\r\n\r\n    return (\r\n      <div\r\n        ref={ref}\r\n        role='alert'\r\n        data-slot='field-error'\r\n        className={cn(styles.error, className)}\r\n        {...props}>\r\n        {content}\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFieldSet.displayName = \"FieldSet\";\r\nFieldLegend.displayName = \"FieldLegend\";\r\nFieldGroup.displayName = \"FieldGroup\";\r\nField.displayName = \"Field\";\r\nFieldContent.displayName = \"FieldContent\";\r\nFieldLabel.displayName = \"FieldLabel\";\r\nFieldTitle.displayName = \"FieldTitle\";\r\nFieldDescription.displayName = \"FieldDescription\";\r\nFieldSeparator.displayName = \"FieldSeparator\";\r\nFieldError.displayName = \"FieldError\";\r\n\r\nexport {Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle};\r\n"],"names":["getFieldOrientationClass","orientation","styles","FieldSet","React","className","props","ref","cn","FieldLegend","variant","FieldGroup","Field","FieldContent","FieldLabel","FieldTitle","FieldDescription","FieldSeparator","children","undefined","Separator","FieldError","errors","content","error","index"],"mappings":";;;;;;AAiFA,SAASA,yBAAyBC,WAA6B;IAC7D,OAAQA;QACN,KAAK;YACH,OAAOC,aAAAA,UAAiB;QAE1B,KAAK;YACH,OAAOA,aAAAA,UAAiB;QAE1B;YACE,OAAOA,aAAAA,QAAe;IAE1B;AACF;AAmBA,MAAMC,WAAW,WAAHA,GAAGC,wBAAAA,UAAgB,CAC/B,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,QAAe,EAAEG;QAC9B,GAAGC,KAAK;;AAoBf,MAAMG,cAAc,WAAHA,GAAGL,wBAAAA,UAAgB,CAClC,CAAC,EAACC,SAAS,EAAEK,UAAU,QAAQ,EAAE,GAAGJ,OAAkC,EAAEC,MAAAA,WAAAA,GACtE,IAAC;QACC,KAAKA;QACL,aAAU;QACV,gBAAcG;QACd,WAAWF,GAAGN,aAAAA,MAAa,EAAEQ,AAAY,YAAZA,UAAsBR,aAAAA,WAAkB,GAAGA,aAAAA,aAAoB,EAAEG;QAC7F,GAAGC,KAAK;;AAsBf,MAAMK,aAAa,WAAHA,GAAGP,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,KAAY,EAAEG;QAC3B,GAAGC,KAAK;;AAoBf,MAAMM,QAAQ,WAAHA,GAAGR,wBAAAA,UAAgB,CAC5B,CAAC,EAACC,SAAS,EAAEJ,cAAc,UAAU,EAAE,GAAGK,OAA4B,EAAEC,MAAAA,WAAAA,GACtE,IAAC;QACC,KAAKA;QACL,MAAK;QACL,aAAU;QACV,oBAAkBN;QAClB,WAAWO,GAAGN,aAAAA,KAAY,EAAEF,yBAAyBC,cAAcI;QAClE,GAAGC,KAAK;;AAoBf,MAAMO,eAAe,WAAHA,GAAGT,wBAAAA,UAAgB,CACnC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,OAAc,EAAEG;QAC7B,GAAGC,KAAK;;AAoBf,MAAMQ,aAAa,WAAHA,GAAGV,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAC1C,WAAP,GACE,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,KAAY,EAAEG;QAC3B,GAAGC,KAAK;;AAqBjB,MAAMS,aAAa,WAAHA,GAAGX,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAiC,EAAEC,MAAAA,WAAAA,GACjD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,KAAY,EAAEG;QAC3B,GAAGC,KAAK;;AAoBf,MAAMU,mBAAmB,WAAHA,GAAGZ,wBAAAA,UAAgB,CACvC,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAuC,EAAEC,MAAAA,WAAAA,GACvD,IAAC;QACC,KAAKA;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,WAAkB,EAAEG;QACjC,GAAGC,KAAK;;AAoBf,MAAMW,iBAAiB,WAAHA,GAAGb,wBAAAA,UAAgB,CACrC,CAAC,EAACc,QAAQ,EAAEb,SAAS,EAAE,GAAGC,OAAqC,EAAEC,MAAAA,WAAAA,GAC/D,KAAC;QACC,KAAKA;QACL,aAAU;QACV,gBAAcW,WAAW,SAASC;QAClC,WAAWX,GAAGN,aAAAA,SAAgB,EAAEG;QAC/B,GAAGC,KAAK;;0BACT,IAACc,WAASA;gBAAC,WAAWlB,aAAAA,aAAoB;;YACzCgB,WAAW,WAAXA,GAAW,IAAC;gBAAK,WAAWhB,aAAAA,gBAAuB;0BAAGgB;iBAAmB;;;AAoBhF,MAAMG,aAAa,WAAHA,GAAGjB,wBAAAA,UAAgB,CACjC,CAAC,EAACC,SAAS,EAAEa,QAAQ,EAAEI,MAAM,EAAE,GAAGhB,OAAiC,EAAEC;IACnE,MAAMgB,UAAUnB,wBAAAA,OAAa,CAAC;QAC5B,IAAIc,UACF,OAAO,WAAP,GAAO,IAAC;sBAAMA;;QAGhB,IAAI,CAACI,QACH,OAAO;QAGT,IAAIA,AAAkB,MAAlBA,OAAO,MAAM,IAAUA,MAAM,CAAC,EAAE,EAAE,SACpC,OAAO,WAAP,GAAO,IAAC;sBAAMA,MAAM,CAAC,EAAE,CAAC,OAAO;;QAGjC,OAAO,WAAP,GACE,IAAC;YAAG,WAAWpB,aAAAA,SAAgB;sBAAGoB,OAAO,GAAG,CAAC,CAACE,OAAOC,QAAWD,OAAO,UAAU,WAAV,GAAU,IAAC;8BAAgBA,MAAM,OAAO;mBAArBC,SAA8B;;IAE5H,GAAG;QAACP;QAAUI;KAAO;IAErB,IAAI,CAACC,SACH,OAAO;IAGT,OAAO,WAAP,GACE,IAAC;QACC,KAAKhB;QACL,MAAK;QACL,aAAU;QACV,WAAWC,GAAGN,aAAAA,KAAY,EAAEG;QAC3B,GAAGC,KAAK;kBACRiB;;AAGP;AAGFpB,SAAS,WAAW,GAAG;AACvBM,YAAY,WAAW,GAAG;AAC1BE,WAAW,WAAW,GAAG;AACzBC,MAAM,WAAW,GAAG;AACpBC,aAAa,WAAW,GAAG;AAC3BC,WAAW,WAAW,GAAG;AACzBC,WAAW,WAAW,GAAG;AACzBC,iBAAiB,WAAW,GAAG;AAC/BC,eAAe,WAAW,GAAG;AAC7BI,WAAW,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/field.module.css","webpack://./src/components/ui/field.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,gCAAgC;EAChC,gBAAgB;AAClB;;AAEA;EACE,8BAA8B;AAChC;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,gDAAgD;EAChD,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,mBAAmB;EACnB,mBAAmB;AACrB;;AAEA;EACE,UAAU;AACZ;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE;IACE,mBAAmB;IACnB,mBAAmB;EACrB;;EAEA;IACE,WAAW;EACb;;EAEA;IACE,UAAU;IACV,gBAAgB;EAClB;AACF;;AAEA;EACE,sBAAsB;EACtB,UAAU;EACV,YAAY;AACd;;AAEA;EACE,sBAAsB;EACtB,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,WAAW;AACb;;AAEA;EACE,kCAAkC;EAClC,kCAAkC;EAClC,0BAA0B;EAC1B,sBAAsB;EACtB,WAAW;AACb;;AAEA;EACE,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;AACf;;AAEA;EACE,4BAA4B;AAC9B;;AAEA;EACE,iCAAiC;EACjC,gBAAgB;AAClB;;AAEA;EACE,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AAEA;EACE;IACE,2BAA2B;EAC7B;AACF;;AAEA;EACE,4BAA4B;EAC5B,oCAAoC;EACpC,mBAAmB;EACnB,kBAAkB;AACpB;;AAEA;EACE,kBAAkB;EAClB,iBAAiB;EACjB,2BAA2B;AAC7B;;AAEA;EACE,sCAAsC;EACtC,iCAAiC;EACjC,4BAA4B;EAC5B,kBAAkB;EAClB,cAAc;EACd,cAAc;EACd,kBAAkB;AACpB;;AAEA;EACE,4BAA4B;EAC5B,4BAA4B;AAC9B;;AAEA;EACE,sBAAsB;EACtB,+BAA+B;EAC/B,sBAAsB;EACtB,SAAS;EACT,aAAa;AACf","sourcesContent":[".fieldSet{display:flex;flex-direction:column;gap:var(--ac-space-6)}.legend{color:var(--ac-foreground);font-weight:600;margin-bottom:var(--ac-space-3)}.legendDefault{font-size:var(--ac-text-base)}.legendLabel{font-size:var(--ac-text-sm)}.group{display:flex;flex-direction:column;gap:calc(var(--ac-space-6) + var(--ac-space-1));width:100%}.group>.group{gap:var(--ac-space-4)}.field{display:flex;gap:var(--ac-space-3);width:100%}.field[data-invalid=true]{color:var(--ac-destructive)}.vertical{flex-direction:column}.vertical>*{width:100%}.horizontal{align-items:center;flex-direction:row}.horizontal>[data-slot=field-label]{flex:0 0 auto}.responsive{flex-direction:column}.responsive>*{width:100%}@media (min-width:768px){.responsive{align-items:center;flex-direction:row}.responsive>*{width:auto}.responsive>[data-slot=field-label]{flex:0 0 auto;min-width:10rem}}.content{flex:1 1 auto;flex-direction:column;min-width:0}.content,.label{display:flex;gap:var(--ac-space-2);line-height:1.4}.label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;user-select:none;width:fit-content}.field[data-disabled=true] .label{opacity:.5}.label:has([data-slot=field]){border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);flex-direction:column;padding:var(--ac-space-4);width:100%}.title{align-items:center;color:var(--ac-foreground);display:flex;font-weight:500;gap:var(--ac-space-2);line-height:1.4;width:fit-content}.description,.title{font-size:var(--ac-text-sm)}.description{color:var(--ac-muted-foreground);line-height:1.5}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.separator{font-size:var(--ac-text-sm);margin:calc(var(--ac-space-2)*-1) 0;min-height:1.25rem;position:relative}.separatorLine{inset:50% 0 auto;position:absolute;transform:translateY(-50%)}.separatorContent{background-color:var(--ac-background);color:var(--ac-muted-foreground);display:block;margin:0 auto;padding:0 var(--ac-space-2);position:relative;width:fit-content}.error{color:var(--ac-destructive);font-size:var(--ac-text-sm)}.errorList{display:flex;flex-direction:column;gap:var(--ac-space-1);margin:0;padding-left:var(--ac-space-4)}",".fieldSet {\n  gap: var(--ac-space-6);\n  flex-direction: column;\n  display: flex;\n}\n\n.legend {\n  color: var(--ac-foreground);\n  margin-bottom: var(--ac-space-3);\n  font-weight: 600;\n}\n\n.legendDefault {\n  font-size: var(--ac-text-base);\n}\n\n.legendLabel {\n  font-size: var(--ac-text-sm);\n}\n\n.group {\n  gap: calc(var(--ac-space-6) + var(--ac-space-1));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.group > .group {\n  gap: var(--ac-space-4);\n}\n\n.field {\n  gap: var(--ac-space-3);\n  width: 100%;\n  display: flex;\n}\n\n.field[data-invalid=\"true\"] {\n  color: var(--ac-destructive);\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.vertical > * {\n  width: 100%;\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n}\n\n.horizontal > [data-slot=\"field-label\"] {\n  flex: none;\n}\n\n.responsive {\n  flex-direction: column;\n}\n\n.responsive > * {\n  width: 100%;\n}\n\n@media (width >= 768px) {\n  .responsive {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .responsive > * {\n    width: auto;\n  }\n\n  .responsive > [data-slot=\"field-label\"] {\n    flex: none;\n    min-width: 10rem;\n  }\n}\n\n.content {\n  flex-direction: column;\n  flex: auto;\n  min-width: 0;\n}\n\n.content, .label {\n  gap: var(--ac-space-2);\n  line-height: 1.4;\n  display: flex;\n}\n\n.label {\n  color: var(--ac-foreground);\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  width: fit-content;\n  font-weight: 500;\n}\n\n.field[data-disabled=\"true\"] .label {\n  opacity: .5;\n}\n\n.label:has([data-slot=\"field\"]) {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  padding: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  color: var(--ac-foreground);\n  align-items: center;\n  gap: var(--ac-space-2);\n  width: fit-content;\n  font-weight: 500;\n  line-height: 1.4;\n  display: flex;\n}\n\n.description, .title {\n  font-size: var(--ac-text-sm);\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  line-height: 1.5;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.separator {\n  font-size: var(--ac-text-sm);\n  margin: calc(var(--ac-space-2)*-1) 0;\n  min-height: 1.25rem;\n  position: relative;\n}\n\n.separatorLine {\n  position: absolute;\n  inset: 50% 0 auto;\n  transform: translateY(-50%);\n}\n\n.separatorContent {\n  background-color: var(--ac-background);\n  color: var(--ac-muted-foreground);\n  padding: 0 var(--ac-space-2);\n  width: fit-content;\n  margin: 0 auto;\n  display: block;\n  position: relative;\n}\n\n.error {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-sm);\n}\n\n.errorList {\n  gap: var(--ac-space-1);\n  padding-left: var(--ac-space-4);\n  flex-direction: column;\n  margin: 0;\n  display: flex;\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/field.module.css","webpack://./src/components/ui/field.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;EACtB,sBAAsB;EACtB,aAAa;AACf;;ADJmE;ECOjE,2BAA2B;EAC3B,gCAAgC;EAChC,gBAAgB;AAClB;;ADVsJ;ECapJ,8BAA8B;AAChC;;ADdmM;ECiBjM,4BAA4B;AAC9B;;ADlB4O;ECqB1O,gDAAgD;EAChD,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;ADzBiV;EC4B/U,sBAAsB;AACxB;;AD7BqX;ECgCnX,sBAAsB;EACtB,WAAW;EACX,aAAa;AACf;;ADnC0a;ECsCxa,4BAA4B;AAC9B;;ADvCge;EC0C9d,sBAAsB;AACxB;;AD3CggB;EC8C9f,WAAW;AACb;;AD/CuhB;ECkDrhB,mBAAmB;EACnB,mBAAmB;AACrB;;ADpDykB;ECuDvkB,UAAU;AACZ;;ADxD2nB;EC2DznB,sBAAsB;AACxB;;AD5D6pB;EC+D3pB,WAAW;AACb;;ADhEsrB;EAAyB;ICoE3sB,mBAAmB;IACnB,mBAAmB;EACrB;;EDtE+vB;ICyE7vB,WAAW;EACb;;ED1EwxB;IC6EtxB,UAAU;IACV,gBAAgB;EAClB;AACF;;ADhF61B;ECmF31B,sBAAsB;EACtB,UAAU;EACV,YAAY;AACd;;ADtFs5B;ECyFp5B,sBAAsB;EACtB,gBAAgB;EAChB,aAAa;AACf;;AD5Fy9B;EC+Fv9B,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,yBAAyB;EACzB,iBAAiB;EACjB,kBAAkB;EAClB,gBAAgB;AAClB;;ADtGylC;ECyGvlC,WAAW;AACb;;AD1GsoC;EC6GpoC,kCAAkC;EAClC,kCAAkC;EAClC,0BAA0B;EAC1B,sBAAsB;EACtB,WAAW;AACb;;ADlHmyC;ECqHjyC,2BAA2B;EAC3B,mBAAmB;EACnB,sBAAsB;EACtB,kBAAkB;EAClB,gBAAgB;EAChB,gBAAgB;EAChB,aAAa;AACf;;AD5H66C;EC+H36C,4BAA4B;AAC9B;;ADhI69C;ECmI39C,iCAAiC;EACjC,gBAAgB;AAClB;;ADrI2hD;ECwIzhD,cAAc;EACd,0BAA0B;EAC1B,0BAA0B;AAC5B;;AD3I4mD;EAAqB;IC+I7nD,2BAA2B;EAC7B;AACF;;ADjJkrD;ECoJhrD,4BAA4B;EAC5B,oCAAoC;EACpC,mBAAmB;EACnB,kBAAkB;AACpB;;ADxJkyD;EC2JhyD,kBAAkB;EAClB,iBAAiB;EACjB,2BAA2B;AAC7B;;AD9J+2D;ECiK72D,sCAAsC;EACtC,iCAAiC;EACjC,4BAA4B;EAC5B,kBAAkB;EAClB,cAAc;EACd,cAAc;EACd,kBAAkB;AACpB;;ADxKoiE;EC2KliE,4BAA4B;EAC5B,4BAA4B;AAC9B;;AD7KmmE;ECgLjmE,sBAAsB;EACtB,+BAA+B;EAC/B,sBAAsB;EACtB,SAAS;EACT,aAAa;AACf","sourcesContent":[".fieldSet{display:flex;flex-direction:column;gap:var(--ac-space-6)}.legend{color:var(--ac-foreground);font-weight:600;margin-bottom:var(--ac-space-3)}.legendDefault{font-size:var(--ac-text-base)}.legendLabel{font-size:var(--ac-text-sm)}.group{display:flex;flex-direction:column;gap:calc(var(--ac-space-6) + var(--ac-space-1));width:100%}.group>.group{gap:var(--ac-space-4)}.field{display:flex;gap:var(--ac-space-3);width:100%}.field[data-invalid=true]{color:var(--ac-destructive)}.vertical{flex-direction:column}.vertical>*{width:100%}.horizontal{align-items:center;flex-direction:row}.horizontal>[data-slot=field-label]{flex:0 0 auto}.responsive{flex-direction:column}.responsive>*{width:100%}@media (min-width:768px){.responsive{align-items:center;flex-direction:row}.responsive>*{width:auto}.responsive>[data-slot=field-label]{flex:0 0 auto;min-width:10rem}}.content{flex:1 1 auto;flex-direction:column;min-width:0}.content,.label{display:flex;gap:var(--ac-space-2);line-height:1.4}.label{color:var(--ac-foreground);cursor:default;font-size:var(--ac-text-sm);font-weight:500;user-select:none;width:fit-content}.field[data-disabled=true] .label{opacity:.5}.label:has([data-slot=field]){border:1px solid var(--ac-border);border-radius:var(--ac-radius-md);flex-direction:column;padding:var(--ac-space-4);width:100%}.title{align-items:center;color:var(--ac-foreground);display:flex;font-weight:500;gap:var(--ac-space-2);line-height:1.4;width:fit-content}.description,.title{font-size:var(--ac-text-sm)}.description{color:var(--ac-muted-foreground);line-height:1.5}.description a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media (hover:hover){.description a:hover{color:var(--ac-foreground)}}.separator{font-size:var(--ac-text-sm);margin:calc(var(--ac-space-2)*-1) 0;min-height:1.25rem;position:relative}.separatorLine{inset:50% 0 auto;position:absolute;transform:translateY(-50%)}.separatorContent{background-color:var(--ac-background);color:var(--ac-muted-foreground);display:block;margin:0 auto;padding:0 var(--ac-space-2);position:relative;width:fit-content}.error{color:var(--ac-destructive);font-size:var(--ac-text-sm)}.errorList{display:flex;flex-direction:column;gap:var(--ac-space-1);margin:0;padding-left:var(--ac-space-4)}",".fieldSet {\n  gap: var(--ac-space-6);\n  flex-direction: column;\n  display: flex;\n}\n\n.legend {\n  color: var(--ac-foreground);\n  margin-bottom: var(--ac-space-3);\n  font-weight: 600;\n}\n\n.legendDefault {\n  font-size: var(--ac-text-base);\n}\n\n.legendLabel {\n  font-size: var(--ac-text-sm);\n}\n\n.group {\n  gap: calc(var(--ac-space-6) + var(--ac-space-1));\n  flex-direction: column;\n  width: 100%;\n  display: flex;\n}\n\n.group > .group {\n  gap: var(--ac-space-4);\n}\n\n.field {\n  gap: var(--ac-space-3);\n  width: 100%;\n  display: flex;\n}\n\n.field[data-invalid=\"true\"] {\n  color: var(--ac-destructive);\n}\n\n.vertical {\n  flex-direction: column;\n}\n\n.vertical > * {\n  width: 100%;\n}\n\n.horizontal {\n  flex-direction: row;\n  align-items: center;\n}\n\n.horizontal > [data-slot=\"field-label\"] {\n  flex: none;\n}\n\n.responsive {\n  flex-direction: column;\n}\n\n.responsive > * {\n  width: 100%;\n}\n\n@media (width >= 768px) {\n  .responsive {\n    flex-direction: row;\n    align-items: center;\n  }\n\n  .responsive > * {\n    width: auto;\n  }\n\n  .responsive > [data-slot=\"field-label\"] {\n    flex: none;\n    min-width: 10rem;\n  }\n}\n\n.content {\n  flex-direction: column;\n  flex: auto;\n  min-width: 0;\n}\n\n.content, .label {\n  gap: var(--ac-space-2);\n  line-height: 1.4;\n  display: flex;\n}\n\n.label {\n  color: var(--ac-foreground);\n  cursor: default;\n  font-size: var(--ac-text-sm);\n  -webkit-user-select: none;\n  user-select: none;\n  width: fit-content;\n  font-weight: 500;\n}\n\n.field[data-disabled=\"true\"] .label {\n  opacity: .5;\n}\n\n.label:has([data-slot=\"field\"]) {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-md);\n  padding: var(--ac-space-4);\n  flex-direction: column;\n  width: 100%;\n}\n\n.title {\n  color: var(--ac-foreground);\n  align-items: center;\n  gap: var(--ac-space-2);\n  width: fit-content;\n  font-weight: 500;\n  line-height: 1.4;\n  display: flex;\n}\n\n.description, .title {\n  font-size: var(--ac-text-sm);\n}\n\n.description {\n  color: var(--ac-muted-foreground);\n  line-height: 1.5;\n}\n\n.description a {\n  color: inherit;\n  text-underline-offset: 4px;\n  text-decoration: underline;\n}\n\n@media (hover: hover) {\n  .description a:hover {\n    color: var(--ac-foreground);\n  }\n}\n\n.separator {\n  font-size: var(--ac-text-sm);\n  margin: calc(var(--ac-space-2)*-1) 0;\n  min-height: 1.25rem;\n  position: relative;\n}\n\n.separatorLine {\n  position: absolute;\n  inset: 50% 0 auto;\n  transform: translateY(-50%);\n}\n\n.separatorContent {\n  background-color: var(--ac-background);\n  color: var(--ac-muted-foreground);\n  padding: 0 var(--ac-space-2);\n  width: fit-content;\n  margin: 0 auto;\n  display: block;\n  position: relative;\n}\n\n.error {\n  color: var(--ac-destructive);\n  font-size: var(--ac-text-sm);\n}\n\n.errorList {\n  gap: var(--ac-space-1);\n  padding-left: var(--ac-space-4);\n  flex-direction: column;\n  margin: 0;\n  display: flex;\n}\n"],"sourceRoot":""}

package/dist/components/ui/fireworks-background.js

@@ -1,8 +1,8 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useImperativeHandle, useRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import fireworks_background_module from "./fireworks-background.module.js";
+import * as __rspack_external_react from "react";
 const rand = (min, max)=>Math.random() * (max - min) + min;
 const randInt = (min, max)=>Math.floor(Math.random() * (max - min) + min);
 const randColor = ()=>`hsl(${randInt(0, 360)}, 100%, 50%)`;
@@ -118,7 +118,7 @@ const getColor = (color)=>{
     if ("string" == typeof color) return color;
     return randColor();
 };
-const FireworksBackground = /*#__PURE__*/ forwardRef(({ className, canvasProps, population = 1, color, fireworkSpeed = {
+const FireworksBackground = /*#__PURE__*/ __rspack_external_react.forwardRef(({ className, canvasProps, population = 1, color, fireworkSpeed = {
     min: 4,
     max: 8
 }, fireworkSize = {
@@ -131,10 +131,10 @@ const FireworksBackground = /*#__PURE__*/ forwardRef(({ className, canvasProps,
     min: 1,
     max: 5
 }, ...props }, ref)=>{
-    const canvasRef = useRef(null);
-    const containerRef = useRef(null);
-    useImperativeHandle(ref, ()=>containerRef.current, []);
-    useEffect(()=>{
+    const canvasRef = __rspack_external_react.useRef(null);
+    const containerRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useImperativeHandle(ref, ()=>containerRef.current, []);
+    __rspack_external_react.useEffect(()=>{
         const canvas = canvasRef.current;
         const container = containerRef.current;
         if (!canvas || !container) return;

package/dist/components/ui/fireworks-background.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/fireworks-background.js","sources":["../../../src/components/ui/fireworks-background.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./fireworks-background.module.css\";\r\n\r\nconst rand = (min: number, max: number): number => Math.random() * (max - min) + min;\r\nconst randInt = (min: number, max: number): number => Math.floor(Math.random() * (max - min) + min);\r\nconst randColor = (): string => `hsl(${randInt(0, 360)}, 100%, 50%)`;\r\n\r\ninterface ParticleType {\r\n  x: number;\r\n  y: number;\r\n  color: string;\r\n  speed: number;\r\n  direction: number;\r\n  vx: number;\r\n  vy: number;\r\n  gravity: number;\r\n  friction: number;\r\n  alpha: number;\r\n  decay: number;\r\n  size: number;\r\n  update: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n  isAlive: () => boolean;\r\n}\r\n\r\nconst createParticle = (\r\n  x: number,\r\n  y: number,\r\n  color: string,\r\n  speed: number,\r\n  direction: number,\r\n  gravity: number,\r\n  friction: number,\r\n  size: number,\r\n): ParticleType => {\r\n  const vx = Math.cos(direction) * speed;\r\n  const vy = Math.sin(direction) * speed;\r\n  const alpha = 1;\r\n  const decay = rand(0.005, 0.02);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    color,\r\n    speed,\r\n    direction,\r\n    vx,\r\n    vy,\r\n    gravity,\r\n    friction,\r\n    alpha,\r\n    decay,\r\n    size,\r\n    update() {\r\n      this.vx *= this.friction;\r\n      this.vy *= this.friction;\r\n      this.vy += this.gravity;\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.alpha -= this.decay;\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.globalAlpha = this.alpha;\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fillStyle = this.color;\r\n      ctx.fill();\r\n      ctx.restore();\r\n    },\r\n    isAlive() {\r\n      return this.alpha > 0;\r\n    },\r\n  };\r\n};\r\n\r\ninterface FireworkType {\r\n  x: number;\r\n  y: number;\r\n  targetY: number;\r\n  color: string;\r\n  speed: number;\r\n  size: number;\r\n  angle: number;\r\n  vx: number;\r\n  vy: number;\r\n  trail: Array<{x: number; y: number}>;\r\n  trailLength: number;\r\n  exploded: boolean;\r\n  update: () => boolean;\r\n  explode: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n}\r\n\r\nconst createFirework = (\r\n  x: number,\r\n  y: number,\r\n  targetY: number,\r\n  color: string,\r\n  speed: number,\r\n  size: number,\r\n  particleSpeed: {min: number; max: number} | number,\r\n  particleSize: {min: number; max: number} | number,\r\n  onExplode: (particles: ReadonlyArray<ParticleType>) => void,\r\n): FireworkType => {\r\n  const angle = -Math.PI / 2 + rand(-0.3, 0.3);\r\n  const vx = Math.cos(angle) * speed;\r\n  const vy = Math.sin(angle) * speed;\r\n  const trail: Array<{x: number; y: number}> = [];\r\n  const trailLength = randInt(10, 25);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    targetY,\r\n    color,\r\n    speed,\r\n    size,\r\n    angle,\r\n    vx,\r\n    vy,\r\n    trail,\r\n    trailLength,\r\n    exploded: false,\r\n    update() {\r\n      this.trail.push({x: this.x, y: this.y});\r\n      if (this.trail.length > this.trailLength) {\r\n        this.trail.shift();\r\n      }\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.vy += 0.02;\r\n      if (this.vy >= 0 || this.y <= this.targetY) {\r\n        this.explode();\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    explode() {\r\n      const numberOfParticles = randInt(50, 150);\r\n      const particles: Array<ParticleType> = [];\r\n      for (let index = 0; index < numberOfParticles; index += 1) {\r\n        const particleAngle = rand(0, Math.PI * 2);\r\n        const localParticleSpeed = getValueByRange(particleSpeed);\r\n        const localParticleSize = getValueByRange(particleSize);\r\n        particles.push(createParticle(this.x, this.y, this.color, localParticleSpeed, particleAngle, 0.05, 0.98, localParticleSize));\r\n      }\r\n      onExplode(particles);\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.beginPath();\r\n      if (this.trail.length > 1) {\r\n        ctx.moveTo(this.trail[0]!.x, this.trail[0]!.y);\r\n        for (const point of this.trail) {\r\n          ctx.lineTo(point.x, point.y);\r\n        }\r\n      } else {\r\n        ctx.moveTo(this.x, this.y);\r\n        ctx.lineTo(this.x, this.y);\r\n      }\r\n      ctx.strokeStyle = this.color;\r\n      ctx.lineWidth = this.size;\r\n      ctx.lineCap = \"round\";\r\n      ctx.stroke();\r\n      ctx.restore();\r\n    },\r\n  };\r\n};\r\n\r\nconst getValueByRange = (range: {min: number; max: number} | number): number => {\r\n  if (typeof range === \"number\") {\r\n    return range;\r\n  }\r\n\r\n  return rand(range.min, range.max);\r\n};\r\n\r\nconst getColor = (color: string | ReadonlyArray<string> | undefined): string => {\r\n  if (Array.isArray(color)) {\r\n    return color[randInt(0, color.length)] ?? randColor();\r\n  }\r\n\r\n  if (typeof color === \"string\") {\r\n    return color;\r\n  }\r\n\r\n  return randColor();\r\n};\r\n\r\n/** Props accepted by {@link FireworksBackground}. */\r\nexport interface FireworksBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\"> {\r\n  /** HTML attributes forwarded to the internal `<canvas>` element. @default undefined */\r\n  canvasProps?: React.HTMLAttributes<HTMLCanvasElement>;\r\n  /** Relative launch frequency multiplier for automatic fireworks. @default 1 */\r\n  population?: number;\r\n  /** Fixed color or palette used for generated fireworks and particles. @default undefined */\r\n  color?: string | ReadonlyArray<string>;\r\n  /** Launch velocity or range used for ascending fireworks. @default {min: 4, max: 8} */\r\n  fireworkSpeed?: {min: number; max: number} | number;\r\n  /** Stroke width or range used for the ascending firework trail. @default {min: 2, max: 5} */\r\n  fireworkSize?: {min: number; max: number} | number;\r\n  /** Velocity or range used for explosion particles. @default {min: 2, max: 7} */\r\n  particleSpeed?: {min: number; max: number} | number;\r\n  /** Size or range used for explosion particles. @default {min: 1, max: 5} */\r\n  particleSize?: {min: number; max: number} | number;\r\n}\r\n\r\n/**\r\n * Renders an auto-launching fireworks display inside a clickable background canvas.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <FireworksBackground population={2} />\r\n * ```\r\n *\r\n * @see {@link FireworksBackgroundProps} for available props\r\n */\r\nconst FireworksBackground = React.forwardRef<HTMLDivElement, FireworksBackgroundProps>(\r\n  (\r\n    {\r\n      className,\r\n      canvasProps,\r\n      population = 1,\r\n      color,\r\n      fireworkSpeed = {min: 4, max: 8},\r\n      fireworkSize = {min: 2, max: 5},\r\n      particleSpeed = {min: 2, max: 7},\r\n      particleSize = {min: 1, max: 5},\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const canvasRef = React.useRef<HTMLCanvasElement>(null);\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n    React.useImperativeHandle(ref, () => containerRef.current!, []);\r\n\r\n    React.useEffect(() => {\r\n      const canvas = canvasRef.current;\r\n      const container = containerRef.current;\r\n      if (!canvas || !container) {\r\n        return;\r\n      }\r\n\r\n      const context = canvas.getContext(\"2d\");\r\n      if (!context) {\r\n        return;\r\n      }\r\n\r\n      let maxX = globalThis.window.innerWidth;\r\n      let ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n      let maxY = maxX * ratio;\r\n      let launchTimeoutId = 0;\r\n      canvas.width = maxX;\r\n      canvas.height = maxY;\r\n\r\n      const setCanvasSize = (): void => {\r\n        maxX = globalThis.window.innerWidth;\r\n        ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n        maxY = maxX * ratio;\r\n        canvas.width = maxX;\r\n        canvas.height = maxY;\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"resize\", setCanvasSize);\r\n\r\n      const explosions: Array<ParticleType> = [];\r\n      const fireworks: Array<FireworkType> = [];\r\n\r\n      const handleExplosion = (particles: ReadonlyArray<ParticleType>): void => {\r\n        explosions.push(...particles);\r\n      };\r\n\r\n      const launchFirework = (): void => {\r\n        const x = rand(maxX * 0.1, maxX * 0.9);\r\n        const y = maxY;\r\n        const targetY = rand(maxY * 0.1, maxY * 0.4);\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(createFirework(x, y, targetY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion));\r\n        const timeout = rand(300, 800) / population;\r\n        launchTimeoutId = globalThis.window.setTimeout(launchFirework, timeout);\r\n      };\r\n\r\n      launchFirework();\r\n\r\n      let animationFrameId = 0;\r\n      const animate = (): void => {\r\n        context.clearRect(0, 0, maxX, maxY);\r\n\r\n        for (let index = fireworks.length - 1; index >= 0; index -= 1) {\r\n          const firework = fireworks[index]!;\r\n          if (firework.update()) {\r\n            firework.draw(context);\r\n          } else {\r\n            fireworks.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        for (let index = explosions.length - 1; index >= 0; index -= 1) {\r\n          const particle = explosions[index]!;\r\n          particle.update();\r\n          if (particle.isAlive()) {\r\n            particle.draw(context);\r\n          } else {\r\n            explosions.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        animationFrameId = globalThis.requestAnimationFrame(animate);\r\n      };\r\n\r\n      animate();\r\n\r\n      const handleClick = (event: MouseEvent): void => {\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(\r\n          createFirework(event.clientX, maxY, event.clientY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion),\r\n        );\r\n      };\r\n\r\n      container.addEventListener(\"click\", handleClick);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"resize\", setCanvasSize);\r\n        container.removeEventListener(\"click\", handleClick);\r\n        globalThis.window.clearTimeout(launchTimeoutId);\r\n        globalThis.cancelAnimationFrame(animationFrameId);\r\n      };\r\n    }, [color, fireworkSize, fireworkSpeed, particleSize, particleSpeed, population]);\r\n\r\n    return (\r\n      <div\r\n        ref={containerRef}\r\n        className={cn(styles.root, className)}\r\n        {...props}>\r\n        <canvas\r\n          {...canvasProps}\r\n          ref={canvasRef}\r\n          className={cn(styles.canvas, canvasProps?.className)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFireworksBackground.displayName = \"FireworksBackground\";\r\n\r\nexport {FireworksBackground};\r\n"],"names":["rand","min","max","Math","randInt","randColor","createParticle","x","y","color","speed","direction","gravity","friction","size","vx","vy","alpha","decay","ctx","createFirework","targetY","particleSpeed","particleSize","onExplode","angle","trail","trailLength","numberOfParticles","particles","index","particleAngle","localParticleSpeed","getValueByRange","localParticleSize","point","range","getColor","Array","FireworksBackground","React","className","canvasProps","population","fireworkSpeed","fireworkSize","props","ref","canvasRef","containerRef","canvas","container","context","maxX","globalThis","ratio","maxY","launchTimeoutId","setCanvasSize","explosions","fireworks","handleExplosion","launchFirework","fireworkColor","timeout","animationFrameId","animate","firework","particle","handleClick","event","cn","styles"],"mappings":"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"}
+{"version":3,"file":"components/ui/fireworks-background.js","sources":["../../../src/components/ui/fireworks-background.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./fireworks-background.module.css\";\r\n\r\nconst rand = (min: number, max: number): number => Math.random() * (max - min) + min;\r\nconst randInt = (min: number, max: number): number => Math.floor(Math.random() * (max - min) + min);\r\nconst randColor = (): string => `hsl(${randInt(0, 360)}, 100%, 50%)`;\r\n\r\ninterface ParticleType {\r\n  x: number;\r\n  y: number;\r\n  color: string;\r\n  speed: number;\r\n  direction: number;\r\n  vx: number;\r\n  vy: number;\r\n  gravity: number;\r\n  friction: number;\r\n  alpha: number;\r\n  decay: number;\r\n  size: number;\r\n  update: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n  isAlive: () => boolean;\r\n}\r\n\r\nconst createParticle = (\r\n  x: number,\r\n  y: number,\r\n  color: string,\r\n  speed: number,\r\n  direction: number,\r\n  gravity: number,\r\n  friction: number,\r\n  size: number,\r\n): ParticleType => {\r\n  const vx = Math.cos(direction) * speed;\r\n  const vy = Math.sin(direction) * speed;\r\n  const alpha = 1;\r\n  const decay = rand(0.005, 0.02);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    color,\r\n    speed,\r\n    direction,\r\n    vx,\r\n    vy,\r\n    gravity,\r\n    friction,\r\n    alpha,\r\n    decay,\r\n    size,\r\n    update() {\r\n      this.vx *= this.friction;\r\n      this.vy *= this.friction;\r\n      this.vy += this.gravity;\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.alpha -= this.decay;\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.globalAlpha = this.alpha;\r\n      ctx.beginPath();\r\n      ctx.arc(this.x, this.y, this.size, 0, Math.PI * 2);\r\n      ctx.fillStyle = this.color;\r\n      ctx.fill();\r\n      ctx.restore();\r\n    },\r\n    isAlive() {\r\n      return this.alpha > 0;\r\n    },\r\n  };\r\n};\r\n\r\ninterface FireworkType {\r\n  x: number;\r\n  y: number;\r\n  targetY: number;\r\n  color: string;\r\n  speed: number;\r\n  size: number;\r\n  angle: number;\r\n  vx: number;\r\n  vy: number;\r\n  trail: Array<{x: number; y: number}>;\r\n  trailLength: number;\r\n  exploded: boolean;\r\n  update: () => boolean;\r\n  explode: () => void;\r\n  draw: (ctx: CanvasRenderingContext2D) => void;\r\n}\r\n\r\nconst createFirework = (\r\n  x: number,\r\n  y: number,\r\n  targetY: number,\r\n  color: string,\r\n  speed: number,\r\n  size: number,\r\n  particleSpeed: {min: number; max: number} | number,\r\n  particleSize: {min: number; max: number} | number,\r\n  onExplode: (particles: ReadonlyArray<ParticleType>) => void,\r\n): FireworkType => {\r\n  const angle = -Math.PI / 2 + rand(-0.3, 0.3);\r\n  const vx = Math.cos(angle) * speed;\r\n  const vy = Math.sin(angle) * speed;\r\n  const trail: Array<{x: number; y: number}> = [];\r\n  const trailLength = randInt(10, 25);\r\n\r\n  return {\r\n    x,\r\n    y,\r\n    targetY,\r\n    color,\r\n    speed,\r\n    size,\r\n    angle,\r\n    vx,\r\n    vy,\r\n    trail,\r\n    trailLength,\r\n    exploded: false,\r\n    update() {\r\n      this.trail.push({x: this.x, y: this.y});\r\n      if (this.trail.length > this.trailLength) {\r\n        this.trail.shift();\r\n      }\r\n      this.x += this.vx;\r\n      this.y += this.vy;\r\n      this.vy += 0.02;\r\n      if (this.vy >= 0 || this.y <= this.targetY) {\r\n        this.explode();\r\n        return false;\r\n      }\r\n      return true;\r\n    },\r\n    explode() {\r\n      const numberOfParticles = randInt(50, 150);\r\n      const particles: Array<ParticleType> = [];\r\n      for (let index = 0; index < numberOfParticles; index += 1) {\r\n        const particleAngle = rand(0, Math.PI * 2);\r\n        const localParticleSpeed = getValueByRange(particleSpeed);\r\n        const localParticleSize = getValueByRange(particleSize);\r\n        particles.push(createParticle(this.x, this.y, this.color, localParticleSpeed, particleAngle, 0.05, 0.98, localParticleSize));\r\n      }\r\n      onExplode(particles);\r\n    },\r\n    draw(ctx: CanvasRenderingContext2D) {\r\n      ctx.save();\r\n      ctx.beginPath();\r\n      if (this.trail.length > 1) {\r\n        ctx.moveTo(this.trail[0]!.x, this.trail[0]!.y);\r\n        for (const point of this.trail) {\r\n          ctx.lineTo(point.x, point.y);\r\n        }\r\n      } else {\r\n        ctx.moveTo(this.x, this.y);\r\n        ctx.lineTo(this.x, this.y);\r\n      }\r\n      ctx.strokeStyle = this.color;\r\n      ctx.lineWidth = this.size;\r\n      ctx.lineCap = \"round\";\r\n      ctx.stroke();\r\n      ctx.restore();\r\n    },\r\n  };\r\n};\r\n\r\nconst getValueByRange = (range: {min: number; max: number} | number): number => {\r\n  if (typeof range === \"number\") {\r\n    return range;\r\n  }\r\n\r\n  return rand(range.min, range.max);\r\n};\r\n\r\nconst getColor = (color: string | ReadonlyArray<string> | undefined): string => {\r\n  if (Array.isArray(color)) {\r\n    return color[randInt(0, color.length)] ?? randColor();\r\n  }\r\n\r\n  if (typeof color === \"string\") {\r\n    return color;\r\n  }\r\n\r\n  return randColor();\r\n};\r\n\r\n/** Props accepted by {@link FireworksBackground}. */\r\nexport interface FireworksBackgroundProps extends Omit<React.HTMLAttributes<HTMLDivElement>, \"color\"> {\r\n  /** HTML attributes forwarded to the internal `<canvas>` element. @default undefined */\r\n  canvasProps?: React.HTMLAttributes<HTMLCanvasElement>;\r\n  /** Relative launch frequency multiplier for automatic fireworks. @default 1 */\r\n  population?: number;\r\n  /** Fixed color or palette used for generated fireworks and particles. @default undefined */\r\n  color?: string | ReadonlyArray<string>;\r\n  /** Launch velocity or range used for ascending fireworks. @default {min: 4, max: 8} */\r\n  fireworkSpeed?: {min: number; max: number} | number;\r\n  /** Stroke width or range used for the ascending firework trail. @default {min: 2, max: 5} */\r\n  fireworkSize?: {min: number; max: number} | number;\r\n  /** Velocity or range used for explosion particles. @default {min: 2, max: 7} */\r\n  particleSpeed?: {min: number; max: number} | number;\r\n  /** Size or range used for explosion particles. @default {min: 1, max: 5} */\r\n  particleSize?: {min: number; max: number} | number;\r\n}\r\n\r\n/**\r\n * Renders an auto-launching fireworks display inside a clickable background canvas.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <FireworksBackground population={2} />\r\n * ```\r\n *\r\n * @see {@link FireworksBackgroundProps} for available props\r\n */\r\nconst FireworksBackground = React.forwardRef<HTMLDivElement, FireworksBackgroundProps>(\r\n  (\r\n    {\r\n      className,\r\n      canvasProps,\r\n      population = 1,\r\n      color,\r\n      fireworkSpeed = {min: 4, max: 8},\r\n      fireworkSize = {min: 2, max: 5},\r\n      particleSpeed = {min: 2, max: 7},\r\n      particleSize = {min: 1, max: 5},\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const canvasRef = React.useRef<HTMLCanvasElement>(null);\r\n    const containerRef = React.useRef<HTMLDivElement>(null);\r\n\r\n    React.useImperativeHandle(ref, () => containerRef.current!, []);\r\n\r\n    React.useEffect(() => {\r\n      const canvas = canvasRef.current;\r\n      const container = containerRef.current;\r\n      if (!canvas || !container) {\r\n        return;\r\n      }\r\n\r\n      const context = canvas.getContext(\"2d\");\r\n      if (!context) {\r\n        return;\r\n      }\r\n\r\n      let maxX = globalThis.window.innerWidth;\r\n      let ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n      let maxY = maxX * ratio;\r\n      let launchTimeoutId = 0;\r\n      canvas.width = maxX;\r\n      canvas.height = maxY;\r\n\r\n      const setCanvasSize = (): void => {\r\n        maxX = globalThis.window.innerWidth;\r\n        ratio = container.offsetHeight / Math.max(container.offsetWidth, 1);\r\n        maxY = maxX * ratio;\r\n        canvas.width = maxX;\r\n        canvas.height = maxY;\r\n      };\r\n\r\n      globalThis.window.addEventListener(\"resize\", setCanvasSize);\r\n\r\n      const explosions: Array<ParticleType> = [];\r\n      const fireworks: Array<FireworkType> = [];\r\n\r\n      const handleExplosion = (particles: ReadonlyArray<ParticleType>): void => {\r\n        explosions.push(...particles);\r\n      };\r\n\r\n      const launchFirework = (): void => {\r\n        const x = rand(maxX * 0.1, maxX * 0.9);\r\n        const y = maxY;\r\n        const targetY = rand(maxY * 0.1, maxY * 0.4);\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(createFirework(x, y, targetY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion));\r\n        const timeout = rand(300, 800) / population;\r\n        launchTimeoutId = globalThis.window.setTimeout(launchFirework, timeout);\r\n      };\r\n\r\n      launchFirework();\r\n\r\n      let animationFrameId = 0;\r\n      const animate = (): void => {\r\n        context.clearRect(0, 0, maxX, maxY);\r\n\r\n        for (let index = fireworks.length - 1; index >= 0; index -= 1) {\r\n          const firework = fireworks[index]!;\r\n          if (firework.update()) {\r\n            firework.draw(context);\r\n          } else {\r\n            fireworks.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        for (let index = explosions.length - 1; index >= 0; index -= 1) {\r\n          const particle = explosions[index]!;\r\n          particle.update();\r\n          if (particle.isAlive()) {\r\n            particle.draw(context);\r\n          } else {\r\n            explosions.splice(index, 1);\r\n          }\r\n        }\r\n\r\n        animationFrameId = globalThis.requestAnimationFrame(animate);\r\n      };\r\n\r\n      animate();\r\n\r\n      const handleClick = (event: MouseEvent): void => {\r\n        const fireworkColor = getColor(color);\r\n        const speed = getValueByRange(fireworkSpeed);\r\n        const size = getValueByRange(fireworkSize);\r\n        fireworks.push(\r\n          createFirework(event.clientX, maxY, event.clientY, fireworkColor, speed, size, particleSpeed, particleSize, handleExplosion),\r\n        );\r\n      };\r\n\r\n      container.addEventListener(\"click\", handleClick);\r\n\r\n      return () => {\r\n        globalThis.window.removeEventListener(\"resize\", setCanvasSize);\r\n        container.removeEventListener(\"click\", handleClick);\r\n        globalThis.window.clearTimeout(launchTimeoutId);\r\n        globalThis.cancelAnimationFrame(animationFrameId);\r\n      };\r\n    }, [color, fireworkSize, fireworkSpeed, particleSize, particleSpeed, population]);\r\n\r\n    return (\r\n      <div\r\n        ref={containerRef}\r\n        className={cn(styles.root, className)}\r\n        {...props}>\r\n        <canvas\r\n          {...canvasProps}\r\n          ref={canvasRef}\r\n          className={cn(styles.canvas, canvasProps?.className)}\r\n        />\r\n      </div>\r\n    );\r\n  },\r\n);\r\n\r\nFireworksBackground.displayName = \"FireworksBackground\";\r\n\r\nexport {FireworksBackground};\r\n"],"names":["rand","min","max","Math","randInt","randColor","createParticle","x","y","color","speed","direction","gravity","friction","size","vx","vy","alpha","decay","ctx","createFirework","targetY","particleSpeed","particleSize","onExplode","angle","trail","trailLength","numberOfParticles","particles","index","particleAngle","localParticleSpeed","getValueByRange","localParticleSize","point","range","getColor","Array","FireworksBackground","React","className","canvasProps","population","fireworkSpeed","fireworkSize","props","ref","canvasRef","containerRef","canvas","container","context","maxX","globalThis","ratio","maxY","launchTimeoutId","setCanvasSize","explosions","fireworks","handleExplosion","launchFirework","fireworkColor","timeout","animationFrameId","animate","firework","particle","handleClick","event","cn","styles"],"mappings":"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"}

package/dist/components/ui/fireworks-background_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/fireworks-background.module.css","webpack://./src/components/ui/fireworks-background.module.css"],"names":[],"mappings":"AADA;ECEE,kBAAkB;EAClB,gBAAgB;AAClB;;AAEA;EACE,WAAW;EACX,YAAY;AACd;;AAEA;EACE,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{overflow:hidden;position:relative}.canvas,.root{height:100%;width:100%}.canvas{inset:0;position:absolute}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.canvas, .root {\n  width: 100%;\n  height: 100%;\n}\n\n.canvas {\n  position: absolute;\n  inset: 0;\n}\n"],"sourceRoot":""}
+{"version":3,"sources":["webpack://./../../node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/css-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[1]!builtin:lightningcss-loader??ruleSet[1].rules[1].oneOf[2].use[2]!/home/runner/work/arolariu.ro/arolariu.ro/node_modules/@rslib/core/node_modules/@rsbuild/core/compiled/postcss-loader/index.js??ruleSet[1].rules[1].oneOf[2].use[3]!/home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/fireworks-background.module.css","webpack://./src/components/ui/fireworks-background.module.css"],"names":[],"mappings":"AAAA;ECCE,kBAAkB;EAClB,gBAAgB;AAClB;;ADHwC;ECMtC,WAAW;EACX,YAAY;AACd;;ADR6E;ECW3E,kBAAkB;EAClB,QAAQ;AACV","sourcesContent":[".root{overflow:hidden;position:relative}.canvas,.root{height:100%;width:100%}.canvas{inset:0;position:absolute}",".root {\n  position: relative;\n  overflow: hidden;\n}\n\n.canvas, .root {\n  width: 100%;\n  height: 100%;\n}\n\n.canvas {\n  position: absolute;\n  inset: 0;\n}\n"],"sourceRoot":""}

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

@@ -1,10 +1,10 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { motion } from "motion/react";
-import { forwardRef, useCallback, useMemo } from "react";
 import { cn } from "../../lib/utilities.js";
 import flip_button_module from "./flip-button.module.js";
-const FlipButton = /*#__PURE__*/ forwardRef(({ frontText, backText, transition = {
+import * as __rspack_external_react from "react";
+const FlipButton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ frontText, backText, transition = {
     type: "spring",
     stiffness: 280,
     damping: 20
@@ -14,7 +14,7 @@ const FlipButton = /*#__PURE__*/ forwardRef(({ frontText, backText, transition =
     const rotateAxis = isVertical ? "rotateX" : "rotateY";
     const frontOffset = "top" === from || "left" === from ? "50%" : "-50%";
     const backOffset = "top" === from || "left" === from ? "-50%" : "50%";
-    const buildVariant = useCallback((opacity, rotation, offset = null)=>({
+    const buildVariant = __rspack_external_react.useCallback((opacity, rotation, offset = null)=>({
             opacity,
             [rotateAxis]: rotation,
             ...isVertical && null !== offset ? {
@@ -27,14 +27,14 @@ const FlipButton = /*#__PURE__*/ forwardRef(({ frontText, backText, transition =
         isVertical,
         rotateAxis
     ]);
-    const frontVariants = useMemo(()=>({
+    const frontVariants = __rspack_external_react.useMemo(()=>({
             initial: buildVariant(1, 0, "0%"),
             hover: buildVariant(0, 90, frontOffset)
         }), [
         buildVariant,
         frontOffset
     ]);
-    const backVariants = useMemo(()=>({
+    const backVariants = __rspack_external_react.useMemo(()=>({
             initial: buildVariant(0, 90, backOffset),
             hover: buildVariant(1, 0, "0%")
         }), [

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/flip-button.js","sources":["../../../src/components/ui/flip-button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {type HTMLMotionProps, motion, type Transition, type Variant} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./flip-button.module.css\";\r\n\r\n/** Supported flip origins for the button animation. */\r\nexport type FlipDirection = \"top\" | \"bottom\" | \"left\" | \"righ\";\r\n\r\n/** Props accepted by {@link FlipButton}. */\r\nexport interface FlipButtonProps extends HTMLMotionProps<\"button\"> {\r\n  /** Label rendered on the default face of the button. @default undefined */\r\n  frontText: string;\r\n  /** Label revealed after the flip animation completes. @default undefined */\r\n  backText: string;\r\n  /** Motion transition applied to both button faces. @default {type: \"spring\", stiffness: 280, damping: 20} */\r\n  transition?: Transition;\r\n  /** Additional CSS classes merged with the front face. @default undefined */\r\n  frontClassName?: string;\r\n  /** Additional CSS classes merged with the back face. @default undefined */\r\n  backClassName?: string;\r\n  /** Direction from which the back face flips into view. @default \"top\" */\r\n  from?: FlipDirection;\r\n}\r\n\r\n/**\r\n * Renders a two-sided button that flips between front and back labels on hover.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<button>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <FlipButton frontText=\"Learn more\" backText=\"Open\" />\r\n * ```\r\n *\r\n * @see {@link FlipButtonProps} for available props\r\n */\r\nconst FlipButton = React.forwardRef<HTMLButtonElement, FlipButtonProps>(\r\n  (\r\n    {\r\n      frontText,\r\n      backText,\r\n      transition = {type: \"spring\", stiffness: 280, damping: 20},\r\n      className,\r\n      frontClassName,\r\n      backClassName,\r\n      from = \"top\",\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    // eslint-disable-next-line sonarjs/no-unused-vars -- removing React key avoids implicit key spreading\r\n    const {key: _ignoredKey, ...restProps} = props;\r\n    const isVertical = from === \"top\" || from === \"bottom\";\r\n    const rotateAxis = isVertical ? \"rotateX\" : \"rotateY\";\r\n\r\n    const frontOffset = from === \"top\" || from === \"left\" ? \"50%\" : \"-50%\";\r\n    const backOffset = from === \"top\" || from === \"left\" ? \"-50%\" : \"50%\";\r\n\r\n    const buildVariant = React.useCallback(\r\n      (opacity: number, rotation: number, offset: string | null = null): Variant => ({\r\n        opacity,\r\n        [rotateAxis]: rotation,\r\n        ...(isVertical && offset !== null ? {y: offset} : {}),\r\n        ...(!isVertical && offset !== null ? {x: offset} : {}),\r\n      }),\r\n      [isVertical, rotateAxis],\r\n    );\r\n\r\n    const frontVariants = React.useMemo(\r\n      () => ({\r\n        initial: buildVariant(1, 0, \"0%\"),\r\n        hover: buildVariant(0, 90, frontOffset),\r\n      }),\r\n      [buildVariant, frontOffset],\r\n    );\r\n\r\n    const backVariants = React.useMemo(\r\n      () => ({\r\n        initial: buildVariant(0, 90, backOffset),\r\n        hover: buildVariant(1, 0, \"0%\"),\r\n      }),\r\n      [backOffset, buildVariant],\r\n    );\r\n\r\n    return (\r\n      <motion.button\r\n        ref={ref}\r\n        initial='initial'\r\n        whileHover='hover'\r\n        whileTap={{scale: 0.95}}\r\n        className={cn(styles.button, className)}\r\n        {...restProps}>\r\n        <motion.span\r\n          variants={frontVariants}\r\n          transition={transition}\r\n          className={cn(styles.face, styles.front, frontClassName)}>\r\n          {frontText}\r\n        </motion.span>\r\n        <motion.span\r\n          variants={backVariants}\r\n          transition={transition}\r\n          className={cn(styles.face, styles.back, backClassName)}>\r\n          {backText}\r\n        </motion.span>\r\n        <span className={styles.measure}>{frontText}</span>\r\n      </motion.button>\r\n    );\r\n  },\r\n);\r\n\r\nFlipButton.displayName = \"FlipButton\";\r\n\r\nexport {FlipButton};\r\n"],"names":["FlipButton","React","frontText","backText","transition","className","frontClassName","backClassName","from","props","ref","_ignoredKey","restProps","isVertical","rotateAxis","frontOffset","backOffset","buildVariant","opacity","rotation","offset","frontVariants","backVariants","motion","cn","styles"],"mappings":";;;;;;AA2CA,MAAMA,aAAa,WAAHA,GAAGC,WACjB,CACE,EACEC,SAAS,EACTC,QAAQ,EACRC,aAAa;IAAC,MAAM;IAAU,WAAW;IAAK,SAAS;AAAE,CAAC,EAC1DC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,OAAO,KAAK,EACZ,GAAGC,OACJ,EACDC;IAGA,MAAM,EAAC,KAAKC,WAAW,EAAE,GAAGC,WAAU,GAAGH;IACzC,MAAMI,aAAaL,AAAS,UAATA,QAAkBA,AAAS,aAATA;IACrC,MAAMM,aAAaD,aAAa,YAAY;IAE5C,MAAME,cAAcP,AAAS,UAATA,QAAkBA,AAAS,WAATA,OAAkB,QAAQ;IAChE,MAAMQ,aAAaR,AAAS,UAATA,QAAkBA,AAAS,WAATA,OAAkB,SAAS;IAEhE,MAAMS,eAAehB,YACnB,CAACiB,SAAiBC,UAAkBC,SAAwB,IAAI,GAAe;YAC7EF;YACA,CAACJ,WAAW,EAAEK;YACd,GAAIN,cAAcO,AAAW,SAAXA,SAAkB;gBAAC,GAAGA;YAAM,IAAI,CAAC,CAAC;YACpD,GAAI,CAACP,cAAcO,AAAW,SAAXA,SAAkB;gBAAC,GAAGA;YAAM,IAAI,CAAC,CAAC;QACvD,IACA;QAACP;QAAYC;KAAW;IAG1B,MAAMO,gBAAgBpB,QACpB,IAAO;YACL,SAASgB,aAAa,GAAG,GAAG;YAC5B,OAAOA,aAAa,GAAG,IAAIF;QAC7B,IACA;QAACE;QAAcF;KAAY;IAG7B,MAAMO,eAAerB,QACnB,IAAO;YACL,SAASgB,aAAa,GAAG,IAAID;YAC7B,OAAOC,aAAa,GAAG,GAAG;QAC5B,IACA;QAACD;QAAYC;KAAa;IAG5B,OAAO,WAAP,GACE,KAACM,OAAO,MAAM;QACZ,KAAKb;QACL,SAAQ;QACR,YAAW;QACX,UAAU;YAAC,OAAO;QAAI;QACtB,WAAWc,GAAGC,mBAAAA,MAAa,EAAEpB;QAC5B,GAAGO,SAAS;;0BACb,IAACW,OAAO,IAAI;gBACV,UAAUF;gBACV,YAAYjB;gBACZ,WAAWoB,GAAGC,mBAAAA,IAAW,EAAEA,mBAAAA,KAAY,EAAEnB;0BACxCJ;;0BAEH,IAACqB,OAAO,IAAI;gBACV,UAAUD;gBACV,YAAYlB;gBACZ,WAAWoB,GAAGC,mBAAAA,IAAW,EAAEA,mBAAAA,IAAW,EAAElB;0BACvCJ;;0BAEH,IAAC;gBAAK,WAAWsB,mBAAAA,OAAc;0BAAGvB;;;;AAGxC;AAGFF,WAAW,WAAW,GAAG"}
+{"version":3,"file":"components/ui/flip-button.js","sources":["../../../src/components/ui/flip-button.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {type HTMLMotionProps, motion, type Transition, type Variant} from \"motion/react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./flip-button.module.css\";\r\n\r\n/** Supported flip origins for the button animation. */\r\nexport type FlipDirection = \"top\" | \"bottom\" | \"left\" | \"righ\";\r\n\r\n/** Props accepted by {@link FlipButton}. */\r\nexport interface FlipButtonProps extends HTMLMotionProps<\"button\"> {\r\n  /** Label rendered on the default face of the button. @default undefined */\r\n  frontText: string;\r\n  /** Label revealed after the flip animation completes. @default undefined */\r\n  backText: string;\r\n  /** Motion transition applied to both button faces. @default {type: \"spring\", stiffness: 280, damping: 20} */\r\n  transition?: Transition;\r\n  /** Additional CSS classes merged with the front face. @default undefined */\r\n  frontClassName?: string;\r\n  /** Additional CSS classes merged with the back face. @default undefined */\r\n  backClassName?: string;\r\n  /** Direction from which the back face flips into view. @default \"top\" */\r\n  from?: FlipDirection;\r\n}\r\n\r\n/**\r\n * Renders a two-sided button that flips between front and back labels on hover.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<button>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <FlipButton frontText=\"Learn more\" backText=\"Open\" />\r\n * ```\r\n *\r\n * @see {@link FlipButtonProps} for available props\r\n */\r\nconst FlipButton = React.forwardRef<HTMLButtonElement, FlipButtonProps>(\r\n  (\r\n    {\r\n      frontText,\r\n      backText,\r\n      transition = {type: \"spring\", stiffness: 280, damping: 20},\r\n      className,\r\n      frontClassName,\r\n      backClassName,\r\n      from = \"top\",\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    // eslint-disable-next-line sonarjs/no-unused-vars -- removing React key avoids implicit key spreading\r\n    const {key: _ignoredKey, ...restProps} = props;\r\n    const isVertical = from === \"top\" || from === \"bottom\";\r\n    const rotateAxis = isVertical ? \"rotateX\" : \"rotateY\";\r\n\r\n    const frontOffset = from === \"top\" || from === \"left\" ? \"50%\" : \"-50%\";\r\n    const backOffset = from === \"top\" || from === \"left\" ? \"-50%\" : \"50%\";\r\n\r\n    const buildVariant = React.useCallback(\r\n      (opacity: number, rotation: number, offset: string | null = null): Variant => ({\r\n        opacity,\r\n        [rotateAxis]: rotation,\r\n        ...(isVertical && offset !== null ? {y: offset} : {}),\r\n        ...(!isVertical && offset !== null ? {x: offset} : {}),\r\n      }),\r\n      [isVertical, rotateAxis],\r\n    );\r\n\r\n    const frontVariants = React.useMemo(\r\n      () => ({\r\n        initial: buildVariant(1, 0, \"0%\"),\r\n        hover: buildVariant(0, 90, frontOffset),\r\n      }),\r\n      [buildVariant, frontOffset],\r\n    );\r\n\r\n    const backVariants = React.useMemo(\r\n      () => ({\r\n        initial: buildVariant(0, 90, backOffset),\r\n        hover: buildVariant(1, 0, \"0%\"),\r\n      }),\r\n      [backOffset, buildVariant],\r\n    );\r\n\r\n    return (\r\n      <motion.button\r\n        ref={ref}\r\n        initial='initial'\r\n        whileHover='hover'\r\n        whileTap={{scale: 0.95}}\r\n        className={cn(styles.button, className)}\r\n        {...restProps}>\r\n        <motion.span\r\n          variants={frontVariants}\r\n          transition={transition}\r\n          className={cn(styles.face, styles.front, frontClassName)}>\r\n          {frontText}\r\n        </motion.span>\r\n        <motion.span\r\n          variants={backVariants}\r\n          transition={transition}\r\n          className={cn(styles.face, styles.back, backClassName)}>\r\n          {backText}\r\n        </motion.span>\r\n        <span className={styles.measure}>{frontText}</span>\r\n      </motion.button>\r\n    );\r\n  },\r\n);\r\n\r\nFlipButton.displayName = \"FlipButton\";\r\n\r\nexport {FlipButton};\r\n"],"names":["FlipButton","React","frontText","backText","transition","className","frontClassName","backClassName","from","props","ref","_ignoredKey","restProps","isVertical","rotateAxis","frontOffset","backOffset","buildVariant","opacity","rotation","offset","frontVariants","backVariants","motion","cn","styles"],"mappings":";;;;;;AA2CA,MAAMA,aAAa,WAAHA,GAAGC,wBAAAA,UAAgB,CACjC,CACE,EACEC,SAAS,EACTC,QAAQ,EACRC,aAAa;IAAC,MAAM;IAAU,WAAW;IAAK,SAAS;AAAE,CAAC,EAC1DC,SAAS,EACTC,cAAc,EACdC,aAAa,EACbC,OAAO,KAAK,EACZ,GAAGC,OACJ,EACDC;IAGA,MAAM,EAAC,KAAKC,WAAW,EAAE,GAAGC,WAAU,GAAGH;IACzC,MAAMI,aAAaL,AAAS,UAATA,QAAkBA,AAAS,aAATA;IACrC,MAAMM,aAAaD,aAAa,YAAY;IAE5C,MAAME,cAAcP,AAAS,UAATA,QAAkBA,AAAS,WAATA,OAAkB,QAAQ;IAChE,MAAMQ,aAAaR,AAAS,UAATA,QAAkBA,AAAS,WAATA,OAAkB,SAAS;IAEhE,MAAMS,eAAehB,wBAAAA,WAAiB,CACpC,CAACiB,SAAiBC,UAAkBC,SAAwB,IAAI,GAAe;YAC7EF;YACA,CAACJ,WAAW,EAAEK;YACd,GAAIN,cAAcO,AAAW,SAAXA,SAAkB;gBAAC,GAAGA;YAAM,IAAI,CAAC,CAAC;YACpD,GAAI,CAACP,cAAcO,AAAW,SAAXA,SAAkB;gBAAC,GAAGA;YAAM,IAAI,CAAC,CAAC;QACvD,IACA;QAACP;QAAYC;KAAW;IAG1B,MAAMO,gBAAgBpB,wBAAAA,OAAa,CACjC,IAAO;YACL,SAASgB,aAAa,GAAG,GAAG;YAC5B,OAAOA,aAAa,GAAG,IAAIF;QAC7B,IACA;QAACE;QAAcF;KAAY;IAG7B,MAAMO,eAAerB,wBAAAA,OAAa,CAChC,IAAO;YACL,SAASgB,aAAa,GAAG,IAAID;YAC7B,OAAOC,aAAa,GAAG,GAAG;QAC5B,IACA;QAACD;QAAYC;KAAa;IAG5B,OAAO,WAAP,GACE,KAACM,OAAO,MAAM;QACZ,KAAKb;QACL,SAAQ;QACR,YAAW;QACX,UAAU;YAAC,OAAO;QAAI;QACtB,WAAWc,GAAGC,mBAAAA,MAAa,EAAEpB;QAC5B,GAAGO,SAAS;;0BACb,IAACW,OAAO,IAAI;gBACV,UAAUF;gBACV,YAAYjB;gBACZ,WAAWoB,GAAGC,mBAAAA,IAAW,EAAEA,mBAAAA,KAAY,EAAEnB;0BACxCJ;;0BAEH,IAACqB,OAAO,IAAI;gBACV,UAAUD;gBACV,YAAYlB;gBACZ,WAAWoB,GAAGC,mBAAAA,IAAW,EAAEA,mBAAAA,IAAW,EAAElB;0BACvCJ;;0BAEH,IAAC;gBAAK,WAAWsB,mBAAAA,OAAc;0BAAGvB;;;;AAGxC;AAGFF,WAAW,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/flip-button.module.css","webpack://./src/components/ui/flip-button.module.css"],"names":[],"mappings":"AADA;ECEE,cAAc;EACd,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,gBAAgB;EAChB,SAAS;EACT,cAAc;EACd,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;EACpB,qBAAqB;EACrB,kBAAkB;AACpB;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,2BAA2B;EAC3B,kCAAkC;EAClC,4BAA4B;EAC5B,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AAEA;EACE,2BAA2B;EAC3B,2BAA2B;AAC7B;;AAEA;EACE,6BAA6B;EAC7B,mCAAmC;AACrC;;AAEA;EACE,kBAAkB;AACpB","sourcesContent":[".button{background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-size:var(--ac-text-sm);font-weight:500;height:2.5rem;line-height:1.25rem;padding:.5rem 1rem;perspective:1000px;position:relative}.button:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.face{align-items:center;backface-visibility:hidden;border-radius:var(--ac-radius-lg);display:flex;inset:0;justify-content:center;position:absolute;transform-style:preserve-3d}.front{background:var(--ac-muted);color:var(--ac-foreground)}.back{background:var(--ac-primary);color:var(--ac-primary-foreground)}.measure{visibility:hidden}",".button {\n  color: inherit;\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  perspective: 1000px;\n  background: none;\n  border: 0;\n  height: 2.5rem;\n  padding: .5rem 1rem;\n  font-weight: 500;\n  line-height: 1.25rem;\n  display: inline-block;\n  position: relative;\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.face {\n  backface-visibility: hidden;\n  border-radius: var(--ac-radius-lg);\n  transform-style: preserve-3d;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.front {\n  background: var(--ac-muted);\n  color: var(--ac-foreground);\n}\n\n.back {\n  background: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n}\n\n.measure {\n  visibility: 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/flip-button.module.css","webpack://./src/components/ui/flip-button.module.css"],"names":[],"mappings":"AAAA;ECCE,cAAc;EACd,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,gBAAgB;EAChB,SAAS;EACT,cAAc;EACd,mBAAmB;EACnB,gBAAgB;EAChB,oBAAoB;EACpB,qBAAqB;EACrB,kBAAkB;AACpB;;ADbgO;ECgB9N,iCAAiC;EACjC,mBAAmB;AACrB;;ADlB0S;ECqBxS,2BAA2B;EAC3B,kCAAkC;EAClC,4BAA4B;EAC5B,uBAAuB;EACvB,mBAAmB;EACnB,aAAa;EACb,kBAAkB;EAClB,QAAQ;AACV;;AD7B0d;ECgCxd,2BAA2B;EAC3B,2BAA2B;AAC7B;;ADlCuhB;ECqCrhB,6BAA6B;EAC7B,mCAAmC;AACrC;;ADvC6lB;EC0C3lB,kBAAkB;AACpB","sourcesContent":[".button{background:transparent;border:0;color:inherit;cursor:pointer;display:inline-block;font-size:var(--ac-text-sm);font-weight:500;height:2.5rem;line-height:1.25rem;padding:.5rem 1rem;perspective:1000px;position:relative}.button:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.face{align-items:center;backface-visibility:hidden;border-radius:var(--ac-radius-lg);display:flex;inset:0;justify-content:center;position:absolute;transform-style:preserve-3d}.front{background:var(--ac-muted);color:var(--ac-foreground)}.back{background:var(--ac-primary);color:var(--ac-primary-foreground)}.measure{visibility:hidden}",".button {\n  color: inherit;\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  perspective: 1000px;\n  background: none;\n  border: 0;\n  height: 2.5rem;\n  padding: .5rem 1rem;\n  font-weight: 500;\n  line-height: 1.25rem;\n  display: inline-block;\n  position: relative;\n}\n\n.button:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.face {\n  backface-visibility: hidden;\n  border-radius: var(--ac-radius-lg);\n  transform-style: preserve-3d;\n  justify-content: center;\n  align-items: center;\n  display: flex;\n  position: absolute;\n  inset: 0;\n}\n\n.front {\n  background: var(--ac-muted);\n  color: var(--ac-foreground);\n}\n\n.back {\n  background: var(--ac-primary);\n  color: var(--ac-primary-foreground);\n}\n\n.measure {\n  visibility: hidden;\n}\n"],"sourceRoot":""}

package/dist/components/ui/focus-scope.js

@@ -1,18 +1,18 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useEffect, useRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import focus_scope_module from "./focus-scope.module.js";
+import * as __rspack_external_react from "react";
 const FOCUSABLE_SELECTOR = 'a[href], button:not(:disabled), input:not(:disabled), select:not(:disabled), textarea:not(:disabled), [tabindex]:not([tabindex="-1"]), [contenteditable]';
 function getFocusableElements(container) {
     return [
         ...container.querySelectorAll(FOCUSABLE_SELECTOR)
     ].filter((element)=>!element.hasAttribute("disabled") && element.tabIndex >= 0);
 }
-const FocusScope = /*#__PURE__*/ forwardRef(({ contain = true, restoreFocus = true, autoFocus = false, children, className, ...props }, ref)=>{
-    const containerRef = useRef(null);
-    const previousFocusRef = useRef(null);
-    useEffect(()=>{
+const FocusScope = /*#__PURE__*/ __rspack_external_react.forwardRef(({ contain = true, restoreFocus = true, autoFocus = false, children, className, ...props }, ref)=>{
+    const containerRef = __rspack_external_react.useRef(null);
+    const previousFocusRef = __rspack_external_react.useRef(null);
+    __rspack_external_react.useEffect(()=>{
         previousFocusRef.current = document.activeElement;
         if (autoFocus && containerRef.current) {
             const focusable = getFocusableElements(containerRef.current);
@@ -25,7 +25,7 @@ const FocusScope = /*#__PURE__*/ forwardRef(({ contain = true, restoreFocus = tr
         autoFocus,
         restoreFocus
     ]);
-    useEffect(()=>{
+    __rspack_external_react.useEffect(()=>{
         const container = containerRef.current;
         if (!container) return;
         const handleKeyDown = (event)=>{

package/dist/components/ui/focus-scope.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/focus-scope.js","sources":["../../../src/components/ui/focus-scope.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./focus-scope.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link FocusScope} component.\r\n */\r\ninterface FocusScopeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Whether focus should be trapped within the scope.\r\n   *\r\n   * @defaultValue true\r\n   */\r\n  contain?: boolean;\r\n  /**\r\n   * Whether to restore focus to the previously focused element on unmount.\r\n   *\r\n   * @defaultValue true\r\n   */\r\n  restoreFocus?: boolean;\r\n  /**\r\n   * Whether to auto-focus the first focusable element on mount.\r\n   *\r\n   * @defaultValue false\r\n   */\r\n  autoFocus?: boolean;\r\n  /**\r\n   * Content rendered within the focus scope.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst FOCUSABLE_SELECTOR = [\r\n  \"a[href]\",\r\n  \"button:not(:disabled)\",\r\n  \"input:not(:disabled)\",\r\n  \"select:not(:disabled)\",\r\n  \"textarea:not(:disabled)\",\r\n  '[tabindex]:not([tabindex=\"-1\"])',\r\n  \"[contenteditable]\",\r\n].join(\", \");\r\n\r\nfunction getFocusableElements(container: HTMLElement): HTMLElement[] {\r\n  return [...container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)].filter(\r\n    (element) => !element.hasAttribute(\"disabled\") && element.tabIndex >= 0,\r\n  );\r\n}\r\n\r\n/**\r\n * Traps keyboard focus within a container element.\r\n *\r\n * @remarks\r\n * Renders a `<div>` and cycles `Tab` and `Shift+Tab` navigation through its focusable\r\n * descendants without allowing focus to escape the scope. Use it for custom dialogs,\r\n * drawers, and composite widgets that need explicit focus containment and restoration.\r\n *\r\n * Base UI dialog-style primitives already manage focus internally, so prefer those\r\n * built-in mechanisms when available.\r\n *\r\n * @example\r\n * ```tsx\r\n * <FocusScope contain autoFocus>\r\n *   <input placeholder='First' />\r\n *   <input placeholder='Second' />\r\n *   <button type='submit'>Submit</button>\r\n * </FocusScope>\r\n * ```\r\n */\r\nconst FocusScope = React.forwardRef<HTMLDivElement, FocusScopeProps>(\r\n  ({contain = true, restoreFocus = true, autoFocus = false, children, className, ...props}, ref) => {\r\n    const containerRef = React.useRef<HTMLDivElement | null>(null);\r\n    const previousFocusRef = React.useRef<Element | null>(null);\r\n\r\n    React.useEffect(() => {\r\n      previousFocusRef.current = document.activeElement;\r\n\r\n      if (autoFocus && containerRef.current) {\r\n        const focusable = getFocusableElements(containerRef.current);\r\n\r\n        focusable[0]?.focus();\r\n      }\r\n\r\n      return () => {\r\n        if (restoreFocus && previousFocusRef.current instanceof HTMLElement) {\r\n          previousFocusRef.current.focus();\r\n        }\r\n      };\r\n    }, [autoFocus, restoreFocus]);\r\n\r\n    React.useEffect(() => {\r\n      const container = containerRef.current;\r\n\r\n      if (!container) {\r\n        return;\r\n      }\r\n\r\n      const handleKeyDown = (event: KeyboardEvent): void => {\r\n        if (!contain || event.key !== \"Tab\") {\r\n          return;\r\n        }\r\n\r\n        const focusable = getFocusableElements(container);\r\n\r\n        if (focusable.length === 0) {\r\n          return;\r\n        }\r\n\r\n        const [first] = focusable;\r\n        const last = focusable.at(-1);\r\n\r\n        if (event.shiftKey && first?.isSameNode(document.activeElement)) {\r\n          event.preventDefault();\r\n          last?.focus();\r\n          return;\r\n        }\r\n\r\n        if (!event.shiftKey && last?.isSameNode(document.activeElement)) {\r\n          event.preventDefault();\r\n          first?.focus();\r\n        }\r\n      };\r\n\r\n      container.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n      return () => {\r\n        container.removeEventListener(\"keydown\", handleKeyDown);\r\n      };\r\n    }, [contain]);\r\n\r\n    return (\r\n      <div\r\n        ref={(node) => {\r\n          containerRef.current = node;\r\n\r\n          if (typeof ref === \"function\") {\r\n            ref(node);\r\n            return;\r\n          }\r\n\r\n          if (ref) {\r\n            ref.current = node;\r\n          }\r\n        }}\r\n        className={cn(styles.scope, className)}\r\n        role={props.role ?? \"group\"}\r\n        tabIndex={props.tabIndex ?? -1}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nFocusScope.displayName = \"FocusScope\";\r\n\r\nexport {FocusScope};\r\nexport type {FocusScopeProps};\r\n"],"names":["FOCUSABLE_SELECTOR","getFocusableElements","container","element","FocusScope","React","contain","restoreFocus","autoFocus","children","className","props","ref","containerRef","previousFocusRef","document","focusable","HTMLElement","handleKeyDown","event","first","last","node","cn","styles"],"mappings":";;;;;AAoCA,MAAMA,qBAAqB;AAU3B,SAASC,qBAAqBC,SAAsB;IAClD,OAAO;WAAIA,UAAU,gBAAgB,CAAcF;KAAoB,CAAC,MAAM,CAC5E,CAACG,UAAY,CAACA,QAAQ,YAAY,CAAC,eAAeA,QAAQ,QAAQ,IAAI;AAE1E;AAsBA,MAAMC,aAAa,WAAHA,GAAGC,WACjB,CAAC,EAACC,UAAU,IAAI,EAAEC,eAAe,IAAI,EAAEC,YAAY,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAAM,EAAEC;IACxF,MAAMC,eAAeR,OAAoC;IACzD,MAAMS,mBAAmBT,OAA6B;IAEtDA,UAAgB;QACdS,iBAAiB,OAAO,GAAGC,SAAS,aAAa;QAEjD,IAAIP,aAAaK,aAAa,OAAO,EAAE;YACrC,MAAMG,YAAYf,qBAAqBY,aAAa,OAAO;YAE3DG,SAAS,CAAC,EAAE,EAAE;QAChB;QAEA,OAAO;YACL,IAAIT,gBAAgBO,iBAAiB,OAAO,YAAYG,aACtDH,iBAAiB,OAAO,CAAC,KAAK;QAElC;IACF,GAAG;QAACN;QAAWD;KAAa;IAE5BF,UAAgB;QACd,MAAMH,YAAYW,aAAa,OAAO;QAEtC,IAAI,CAACX,WACH;QAGF,MAAMgB,gBAAgB,CAACC;YACrB,IAAI,CAACb,WAAWa,AAAc,UAAdA,MAAM,GAAG,EACvB;YAGF,MAAMH,YAAYf,qBAAqBC;YAEvC,IAAIc,AAAqB,MAArBA,UAAU,MAAM,EAClB;YAGF,MAAM,CAACI,MAAM,GAAGJ;YAChB,MAAMK,OAAOL,UAAU,EAAE,CAAC;YAE1B,IAAIG,MAAM,QAAQ,IAAIC,OAAO,WAAWL,SAAS,aAAa,GAAG;gBAC/DI,MAAM,cAAc;gBACpBE,MAAM;gBACN;YACF;YAEA,IAAI,CAACF,MAAM,QAAQ,IAAIE,MAAM,WAAWN,SAAS,aAAa,GAAG;gBAC/DI,MAAM,cAAc;gBACpBC,OAAO;YACT;QACF;QAEAlB,UAAU,gBAAgB,CAAC,WAAWgB;QAEtC,OAAO;YACLhB,UAAU,mBAAmB,CAAC,WAAWgB;QAC3C;IACF,GAAG;QAACZ;KAAQ;IAEZ,OAAO,WAAP,GACE,IAAC;QACC,KAAK,CAACgB;YACJT,aAAa,OAAO,GAAGS;YAEvB,IAAI,AAAe,cAAf,OAAOV,KAAoB,YAC7BA,IAAIU;YAIN,IAAIV,KACFA,IAAI,OAAO,GAAGU;QAElB;QACA,WAAWC,GAAGC,mBAAAA,KAAY,EAAEd;QAC5B,MAAMC,MAAM,IAAI,IAAI;QACpB,UAAUA,MAAM,QAAQ,IAAI;QAC3B,GAAGA,KAAK;kBACRF;;AAGP;AAEFL,WAAW,WAAW,GAAG"}
+{"version":3,"file":"components/ui/focus-scope.js","sources":["../../../src/components/ui/focus-scope.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./focus-scope.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link FocusScope} component.\r\n */\r\ninterface FocusScopeProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Whether focus should be trapped within the scope.\r\n   *\r\n   * @defaultValue true\r\n   */\r\n  contain?: boolean;\r\n  /**\r\n   * Whether to restore focus to the previously focused element on unmount.\r\n   *\r\n   * @defaultValue true\r\n   */\r\n  restoreFocus?: boolean;\r\n  /**\r\n   * Whether to auto-focus the first focusable element on mount.\r\n   *\r\n   * @defaultValue false\r\n   */\r\n  autoFocus?: boolean;\r\n  /**\r\n   * Content rendered within the focus scope.\r\n   */\r\n  children: React.ReactNode;\r\n}\r\n\r\nconst FOCUSABLE_SELECTOR = [\r\n  \"a[href]\",\r\n  \"button:not(:disabled)\",\r\n  \"input:not(:disabled)\",\r\n  \"select:not(:disabled)\",\r\n  \"textarea:not(:disabled)\",\r\n  '[tabindex]:not([tabindex=\"-1\"])',\r\n  \"[contenteditable]\",\r\n].join(\", \");\r\n\r\nfunction getFocusableElements(container: HTMLElement): HTMLElement[] {\r\n  return [...container.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR)].filter(\r\n    (element) => !element.hasAttribute(\"disabled\") && element.tabIndex >= 0,\r\n  );\r\n}\r\n\r\n/**\r\n * Traps keyboard focus within a container element.\r\n *\r\n * @remarks\r\n * Renders a `<div>` and cycles `Tab` and `Shift+Tab` navigation through its focusable\r\n * descendants without allowing focus to escape the scope. Use it for custom dialogs,\r\n * drawers, and composite widgets that need explicit focus containment and restoration.\r\n *\r\n * Base UI dialog-style primitives already manage focus internally, so prefer those\r\n * built-in mechanisms when available.\r\n *\r\n * @example\r\n * ```tsx\r\n * <FocusScope contain autoFocus>\r\n *   <input placeholder='First' />\r\n *   <input placeholder='Second' />\r\n *   <button type='submit'>Submit</button>\r\n * </FocusScope>\r\n * ```\r\n */\r\nconst FocusScope = React.forwardRef<HTMLDivElement, FocusScopeProps>(\r\n  ({contain = true, restoreFocus = true, autoFocus = false, children, className, ...props}, ref) => {\r\n    const containerRef = React.useRef<HTMLDivElement | null>(null);\r\n    const previousFocusRef = React.useRef<Element | null>(null);\r\n\r\n    React.useEffect(() => {\r\n      previousFocusRef.current = document.activeElement;\r\n\r\n      if (autoFocus && containerRef.current) {\r\n        const focusable = getFocusableElements(containerRef.current);\r\n\r\n        focusable[0]?.focus();\r\n      }\r\n\r\n      return () => {\r\n        if (restoreFocus && previousFocusRef.current instanceof HTMLElement) {\r\n          previousFocusRef.current.focus();\r\n        }\r\n      };\r\n    }, [autoFocus, restoreFocus]);\r\n\r\n    React.useEffect(() => {\r\n      const container = containerRef.current;\r\n\r\n      if (!container) {\r\n        return;\r\n      }\r\n\r\n      const handleKeyDown = (event: KeyboardEvent): void => {\r\n        if (!contain || event.key !== \"Tab\") {\r\n          return;\r\n        }\r\n\r\n        const focusable = getFocusableElements(container);\r\n\r\n        if (focusable.length === 0) {\r\n          return;\r\n        }\r\n\r\n        const [first] = focusable;\r\n        const last = focusable.at(-1);\r\n\r\n        if (event.shiftKey && first?.isSameNode(document.activeElement)) {\r\n          event.preventDefault();\r\n          last?.focus();\r\n          return;\r\n        }\r\n\r\n        if (!event.shiftKey && last?.isSameNode(document.activeElement)) {\r\n          event.preventDefault();\r\n          first?.focus();\r\n        }\r\n      };\r\n\r\n      container.addEventListener(\"keydown\", handleKeyDown);\r\n\r\n      return () => {\r\n        container.removeEventListener(\"keydown\", handleKeyDown);\r\n      };\r\n    }, [contain]);\r\n\r\n    return (\r\n      <div\r\n        ref={(node) => {\r\n          containerRef.current = node;\r\n\r\n          if (typeof ref === \"function\") {\r\n            ref(node);\r\n            return;\r\n          }\r\n\r\n          if (ref) {\r\n            ref.current = node;\r\n          }\r\n        }}\r\n        className={cn(styles.scope, className)}\r\n        role={props.role ?? \"group\"}\r\n        tabIndex={props.tabIndex ?? -1}\r\n        {...props}>\r\n        {children}\r\n      </div>\r\n    );\r\n  },\r\n);\r\nFocusScope.displayName = \"FocusScope\";\r\n\r\nexport {FocusScope};\r\nexport type {FocusScopeProps};\r\n"],"names":["FOCUSABLE_SELECTOR","getFocusableElements","container","element","FocusScope","React","contain","restoreFocus","autoFocus","children","className","props","ref","containerRef","previousFocusRef","document","focusable","HTMLElement","handleKeyDown","event","first","last","node","cn","styles"],"mappings":";;;;;AAoCA,MAAMA,qBAAqB;AAU3B,SAASC,qBAAqBC,SAAsB;IAClD,OAAO;WAAIA,UAAU,gBAAgB,CAAcF;KAAoB,CAAC,MAAM,CAC5E,CAACG,UAAY,CAACA,QAAQ,YAAY,CAAC,eAAeA,QAAQ,QAAQ,IAAI;AAE1E;AAsBA,MAAMC,aAAa,WAAHA,GAAGC,wBAAAA,UAAgB,CACjC,CAAC,EAACC,UAAU,IAAI,EAAEC,eAAe,IAAI,EAAEC,YAAY,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAE,GAAGC,OAAM,EAAEC;IACxF,MAAMC,eAAeR,wBAAAA,MAAY,CAAwB;IACzD,MAAMS,mBAAmBT,wBAAAA,MAAY,CAAiB;IAEtDA,wBAAAA,SAAe,CAAC;QACdS,iBAAiB,OAAO,GAAGC,SAAS,aAAa;QAEjD,IAAIP,aAAaK,aAAa,OAAO,EAAE;YACrC,MAAMG,YAAYf,qBAAqBY,aAAa,OAAO;YAE3DG,SAAS,CAAC,EAAE,EAAE;QAChB;QAEA,OAAO;YACL,IAAIT,gBAAgBO,iBAAiB,OAAO,YAAYG,aACtDH,iBAAiB,OAAO,CAAC,KAAK;QAElC;IACF,GAAG;QAACN;QAAWD;KAAa;IAE5BF,wBAAAA,SAAe,CAAC;QACd,MAAMH,YAAYW,aAAa,OAAO;QAEtC,IAAI,CAACX,WACH;QAGF,MAAMgB,gBAAgB,CAACC;YACrB,IAAI,CAACb,WAAWa,AAAc,UAAdA,MAAM,GAAG,EACvB;YAGF,MAAMH,YAAYf,qBAAqBC;YAEvC,IAAIc,AAAqB,MAArBA,UAAU,MAAM,EAClB;YAGF,MAAM,CAACI,MAAM,GAAGJ;YAChB,MAAMK,OAAOL,UAAU,EAAE,CAAC;YAE1B,IAAIG,MAAM,QAAQ,IAAIC,OAAO,WAAWL,SAAS,aAAa,GAAG;gBAC/DI,MAAM,cAAc;gBACpBE,MAAM;gBACN;YACF;YAEA,IAAI,CAACF,MAAM,QAAQ,IAAIE,MAAM,WAAWN,SAAS,aAAa,GAAG;gBAC/DI,MAAM,cAAc;gBACpBC,OAAO;YACT;QACF;QAEAlB,UAAU,gBAAgB,CAAC,WAAWgB;QAEtC,OAAO;YACLhB,UAAU,mBAAmB,CAAC,WAAWgB;QAC3C;IACF,GAAG;QAACZ;KAAQ;IAEZ,OAAO,WAAP,GACE,IAAC;QACC,KAAK,CAACgB;YACJT,aAAa,OAAO,GAAGS;YAEvB,IAAI,AAAe,cAAf,OAAOV,KAAoB,YAC7BA,IAAIU;YAIN,IAAIV,KACFA,IAAI,OAAO,GAAGU;QAElB;QACA,WAAWC,GAAGC,mBAAAA,KAAY,EAAEd;QAC5B,MAAMC,MAAM,IAAI,IAAI;QACpB,UAAUA,MAAM,QAAQ,IAAI;QAC3B,GAAGA,KAAK;kBACRF;;AAGP;AAEFL,WAAW,WAAW,GAAG"}

package/dist/components/ui/focus-scope_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/focus-scope.module.css","webpack://./src/components/ui/focus-scope.module.css"],"names":[],"mappings":"AADA;ECEE,aAAa;AACf","sourcesContent":[".scope{outline:none}",".scope {\n  outline: none;\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/focus-scope.module.css","webpack://./src/components/ui/focus-scope.module.css"],"names":[],"mappings":"AAAA;ECCE,aAAa;AACf","sourcesContent":[".scope{outline:none}",".scope {\n  outline: none;\n}\n"],"sourceRoot":""}

package/dist/components/ui/form-skeleton.js

@@ -1,9 +1,9 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import form_skeleton_module from "./form-skeleton.module.js";
 import { Skeleton } from "./skeleton.js";
-const FormSkeleton = /*#__PURE__*/ forwardRef(({ fields = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+import * as __rspack_external_react from "react";
+const FormSkeleton = /*#__PURE__*/ __rspack_external_react.forwardRef(({ fields = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
         ref: ref,
         className: cn(form_skeleton_module.form, className),
         ...props,

package/dist/components/ui/form-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/form-skeleton.js","sources":["../../../src/components/ui/form-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./form-skeleton.module.css\";\r\nimport {Skeleton} from \"./skeleton\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link FormSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so form-shaped placeholders can be composed into\r\n * dialogs, cards, and pages while still supporting accessibility annotations.\r\n */\r\ninterface FormSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of labeled field placeholders rendered before the submit action.\r\n   *\r\n   * @default 4\r\n   */\r\n  fields?: number;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a labeled form.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Uses stacked label and input placeholders plus a trailing submit action placeholder to\r\n * preserve form layout during async initialization or schema-driven rendering.\r\n *\r\n * @example\r\n * ```tsx\r\n * <FormSkeleton fields={5} aria-label=\"Loading profile form\" />\r\n * ```\r\n *\r\n * @see {@link FormSkeletonProps} for available props\r\n */\r\nconst FormSkeleton = React.forwardRef<HTMLDivElement, FormSkeletonProps>(\r\n  ({fields = 4, className, ...props}: Readonly<FormSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.form, className)}\r\n      {...props}>\r\n      {Array.from({length: fields}, (_, index) => (\r\n        <div\r\n          key={index}\r\n          className={styles.field}>\r\n          <Skeleton className={styles.label} />\r\n          <Skeleton className={styles.input} />\r\n        </div>\r\n      ))}\r\n      <Skeleton className={styles.submit} />\r\n    </div>\r\n  ),\r\n);\r\n\r\nFormSkeleton.displayName = \"FormSkeleton\";\r\n\r\nexport {FormSkeleton};\r\nexport type {FormSkeletonProps};\r\n"],"names":["FormSkeleton","React","fields","className","props","ref","cn","styles","Array","_","index","Skeleton"],"mappings":";;;;;AAuCA,MAAMA,eAAe,WAAHA,GAAGC,WACnB,CAAC,EAACC,SAAS,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GAC/D,KAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,qBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;YACRI,MAAM,IAAI,CAAC;gBAAC,QAAQN;YAAM,GAAG,CAACO,GAAGC,QAAAA,WAAAA,GAChC,KAAC;oBAEC,WAAWH,qBAAAA,KAAY;;sCACvB,IAACI,UAAQA;4BAAC,WAAWJ,qBAAAA,KAAY;;sCACjC,IAACI,UAAQA;4BAAC,WAAWJ,qBAAAA,KAAY;;;mBAH5BG;0BAMT,IAACC,UAAQA;gBAAC,WAAWJ,qBAAAA,MAAa;;;;AAKxCP,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/form-skeleton.js","sources":["../../../src/components/ui/form-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport styles from \"./form-skeleton.module.css\";\r\nimport {Skeleton} from \"./skeleton\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link FormSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so form-shaped placeholders can be composed into\r\n * dialogs, cards, and pages while still supporting accessibility annotations.\r\n */\r\ninterface FormSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of labeled field placeholders rendered before the submit action.\r\n   *\r\n   * @default 4\r\n   */\r\n  fields?: number;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a labeled form.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Uses stacked label and input placeholders plus a trailing submit action placeholder to\r\n * preserve form layout during async initialization or schema-driven rendering.\r\n *\r\n * @example\r\n * ```tsx\r\n * <FormSkeleton fields={5} aria-label=\"Loading profile form\" />\r\n * ```\r\n *\r\n * @see {@link FormSkeletonProps} for available props\r\n */\r\nconst FormSkeleton = React.forwardRef<HTMLDivElement, FormSkeletonProps>(\r\n  ({fields = 4, className, ...props}: Readonly<FormSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.form, className)}\r\n      {...props}>\r\n      {Array.from({length: fields}, (_, index) => (\r\n        <div\r\n          key={index}\r\n          className={styles.field}>\r\n          <Skeleton className={styles.label} />\r\n          <Skeleton className={styles.input} />\r\n        </div>\r\n      ))}\r\n      <Skeleton className={styles.submit} />\r\n    </div>\r\n  ),\r\n);\r\n\r\nFormSkeleton.displayName = \"FormSkeleton\";\r\n\r\nexport {FormSkeleton};\r\nexport type {FormSkeletonProps};\r\n"],"names":["FormSkeleton","React","fields","className","props","ref","cn","styles","Array","_","index","Skeleton"],"mappings":";;;;;AAuCA,MAAMA,eAAe,WAAHA,GAAGC,wBAAAA,UAAgB,CACnC,CAAC,EAACC,SAAS,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GAC/D,KAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,qBAAAA,IAAW,EAAEJ;QAC1B,GAAGC,KAAK;;YACRI,MAAM,IAAI,CAAC;gBAAC,QAAQN;YAAM,GAAG,CAACO,GAAGC,QAAAA,WAAAA,GAChC,KAAC;oBAEC,WAAWH,qBAAAA,KAAY;;sCACvB,IAACI,UAAQA;4BAAC,WAAWJ,qBAAAA,KAAY;;sCACjC,IAACI,UAAQA;4BAAC,WAAWJ,qBAAAA,KAAY;;;mBAH5BG;0BAMT,IAACC,UAAQA;gBAAC,WAAWJ,qBAAAA,MAAa;;;;AAKxCP,aAAa,WAAW,GAAG"}

package/dist/components/ui/form-skeleton_module.css.map

@@ -1 +1 @@
-{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/form-skeleton.module.css","webpack://./src/components/ui/form-skeleton.module.css"],"names":[],"mappings":"AADA;ECEE,sBAAsB;AACxB;;AAEA;EACE,sBAAsB;EACtB,aAAa;AACf;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,UAAU;EACV,eAAe;AACjB;;AAEA;EACE,kCAAkC;EAClC,cAAc;AAChB;;AAEA;EACE,oBAAoB;EACpB,WAAW;AACb","sourcesContent":[".form{gap:var(--ac-space-4)}.field,.form{display:flex;flex-direction:column}.field{gap:var(--ac-space-1)}.label{height:.875rem;width:30%}.input,.submit{border-radius:var(--ac-radius-md);height:2.5rem}.submit{align-self:flex-end;width:8rem}",".form {\n  gap: var(--ac-space-4);\n}\n\n.field, .form {\n  flex-direction: column;\n  display: flex;\n}\n\n.field {\n  gap: var(--ac-space-1);\n}\n\n.label {\n  width: 30%;\n  height: .875rem;\n}\n\n.input, .submit {\n  border-radius: var(--ac-radius-md);\n  height: 2.5rem;\n}\n\n.submit {\n  align-self: flex-end;\n  width: 8rem;\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/form-skeleton.module.css","webpack://./src/components/ui/form-skeleton.module.css"],"names":[],"mappings":"AAAA;ECCE,sBAAsB;AACxB;;ADF4B;ECK1B,sBAAsB;EACtB,aAAa;AACf;;ADP4E;ECU1E,sBAAsB;AACxB;;ADXyG;ECcvG,UAAU;EACV,eAAe;AACjB;;ADhByI;ECmBvI,kCAAkC;EAClC,cAAc;AAChB;;ADrBwM;ECwBtM,oBAAoB;EACpB,WAAW;AACb","sourcesContent":[".form{gap:var(--ac-space-4)}.field,.form{display:flex;flex-direction:column}.field{gap:var(--ac-space-1)}.label{height:.875rem;width:30%}.input,.submit{border-radius:var(--ac-radius-md);height:2.5rem}.submit{align-self:flex-end;width:8rem}",".form {\n  gap: var(--ac-space-4);\n}\n\n.field, .form {\n  flex-direction: column;\n  display: flex;\n}\n\n.field {\n  gap: var(--ac-space-1);\n}\n\n.label {\n  width: 30%;\n  height: .875rem;\n}\n\n.input, .submit {\n  border-radius: var(--ac-radius-md);\n  height: 2.5rem;\n}\n\n.submit {\n  align-self: flex-end;\n  width: 8rem;\n}\n"],"sourceRoot":""}

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

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { useFormContext, type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+import { Controller, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch, type Control, type ControllerFieldState, type ControllerProps, type ControllerRenderProps, type DefaultValues, type FieldError, type FieldErrors, type FieldPath, type FieldValues, type Path, type RegisterOptions, type Resolver, type SubmitHandler, type UseControllerReturn, type UseFieldArrayReturn, type UseFormReturn } from "react-hook-form";
 /**
  * Provides the `react-hook-form` context to nested form primitives.
  *
@@ -147,8 +147,8 @@ declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttribu
  * @see {@link https://developer.mozilla.org/docs/Web/Accessibility/ARIA/Reference/Attributes/aria-invalid | ARIA invalid state}
  */
 declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
-export { Controller, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch } from "react-hook-form";
-export type { Control, ControllerFieldState, ControllerProps, ControllerRenderProps, DefaultValues, FieldError, FieldErrors, FieldPath, FieldValues, Path, RegisterOptions, Resolver, SubmitHandler, UseControllerReturn, UseFieldArrayReturn, UseFormReturn, } from "react-hook-form";
+export { Controller, useController, useFieldArray, useForm, useFormContext, useFormState, useWatch };
+export type { Control, ControllerFieldState, ControllerProps, ControllerRenderProps, DefaultValues, FieldError, FieldErrors, FieldPath, FieldValues, Path, RegisterOptions, Resolver, SubmitHandler, UseControllerReturn, UseFieldArrayReturn, UseFormReturn, };
 export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField };
 export type { FormControlProps };
 //# sourceMappingURL=form.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAA2B,cAAc,EAAE,KAAK,eAAe,EAAE,KAAK,SAAS,EAAE,KAAK,WAAW,EAAC,MAAM,iBAAiB,CAAC;AAMjI;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI;;CAAqD,CAAC;AAMhE,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsCD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,SAAS;KAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAM1D,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;CACjF,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,QAAO,kBA4BxB,CAAC;AAQF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,6GAYZ,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,SAAS,sHAWb,CAAC;AAGH;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,sFAkChB,CAAC;AAGF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,eAAe,yHAWnB,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,yHAmBhB,CAAC;AAIF,OAAO,EAAC,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAC,MAAM,iBAAiB,CAAC;AAC1H,YAAY,EACV,OAAO,EACP,oBAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,GACd,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;AACvG,YAAY,EAAC,gBAAgB,EAAC,CAAC"}
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,UAAU,EAEV,aAAa,EACb,aAAa,EACb,OAAO,EACP,cAAc,EACd,YAAY,EACZ,QAAQ,EACR,KAAK,OAAO,EACZ,KAAK,oBAAoB,EACzB,KAAK,eAAe,EACpB,KAAK,qBAAqB,EAC1B,KAAK,aAAa,EAClB,KAAK,UAAU,EACf,KAAK,WAAW,EAChB,KAAK,SAAS,EACd,KAAK,WAAW,EAChB,KAAK,IAAI,EACT,KAAK,eAAe,EACpB,KAAK,QAAQ,EACb,KAAK,aAAa,EAClB,KAAK,mBAAmB,EACxB,KAAK,mBAAmB,EACxB,KAAK,aAAa,EACnB,MAAM,iBAAiB,CAAC;AAMzB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,IAAI;;CAAqD,CAAC;AAMhE,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,CAAC;IACpF;;;OAGG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAsCD;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,SAAS;KAAI,YAAY,SAAS,WAAW,gBAAgB,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,0CAErG,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO;;CAM1D,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,EAAE,MAAM,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;CACjF,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,YAAY,QAAO,kBA4BxB,CAAC;AAQF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,6GAYZ,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,SAAS,sHAWb,CAAC;AAGH;;;;;;;;GAQG;AACH,QAAA,MAAM,WAAW,sFAkChB,CAAC;AAGF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,eAAe,yHAWnB,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,yHAmBhB,CAAC;AAIF,OAAO,EAAC,UAAU,EAAE,aAAa,EAAE,aAAa,EAAE,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAC,CAAC;AACnG,YAAY,EACV,OAAO,EACP,oBAAoB,EACpB,eAAe,EACf,qBAAqB,EACrB,aAAa,EACb,UAAU,EACV,WAAW,EACX,SAAS,EACT,WAAW,EACX,IAAI,EACJ,eAAe,EACf,QAAQ,EACR,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,GACd,CAAC;AACF,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;AACvG,YAAY,EAAC,gBAAgB,EAAC,CAAC"}