@arolariu/components 1.0.0 → 1.1.0

package/dist/components/ui/number-field.d.ts

@@ -1,11 +1,5 @@
 import { NumberField as BaseNumberField } from "@base-ui/react/number-field";
 import * as React from "react";
-type NumberFieldProps = React.ComponentPropsWithRef<typeof BaseNumberField.Root>;
-type NumberFieldGroupProps = React.ComponentPropsWithRef<typeof BaseNumberField.Group>;
-type NumberFieldInputProps = React.ComponentPropsWithRef<typeof BaseNumberField.Input>;
-type NumberFieldIncrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Increment>;
-type NumberFieldDecrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Decrement>;
-type NumberFieldScrubAreaProps = React.ComponentPropsWithRef<typeof BaseNumberField.ScrubArea>;
 /**
  * Provides a styled numeric input with optional steppers and scrub support.
  *
@@ -117,27 +111,27 @@ declare namespace NumberFieldScrubArea {
     var displayName: string;
 }
 declare namespace NumberField {
-    type Props = NumberFieldProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Root>;
     type State = BaseNumberField.Root.State;
 }
 declare namespace NumberFieldGroup {
-    type Props = NumberFieldGroupProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Group>;
     type State = BaseNumberField.Group.State;
 }
 declare namespace NumberFieldInput {
-    type Props = NumberFieldInputProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Input>;
     type State = BaseNumberField.Input.State;
 }
 declare namespace NumberFieldIncrement {
-    type Props = NumberFieldIncrementProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Increment>;
     type State = BaseNumberField.Increment.State;
 }
 declare namespace NumberFieldDecrement {
-    type Props = NumberFieldDecrementProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Decrement>;
     type State = BaseNumberField.Decrement.State;
 }
 declare namespace NumberFieldScrubArea {
-    type Props = NumberFieldScrubAreaProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseNumberField.ScrubArea>;
     type State = BaseNumberField.ScrubArea.State;
 }
 export { NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea };

package/dist/components/ui/number-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/number-field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjF,KAAK,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACvF,KAAK,qBAAqB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;AACvF,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/F,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAC/F,KAAK,yBAAyB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;AAE/F;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uLAiBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,gBAAgB,2LAgBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAgB7B;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAgB7B;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAiB7B,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;CAChD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,qBAAqB,CAAC;IAC1C,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,yBAAyB,CAAC;IAC9C,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AASD,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB,EAAC,CAAC"}
+{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../src/components/ui/number-field.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,eAAe,EAAC,MAAM,6BAA6B,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;;;;;;GAmBG;AACH,iBAAS,WAAW,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc3E;kBAdQ,WAAW;;;AAgBpB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,gBAAgB,uLAiBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,gBAAgB,2LAgBrB,CAAC;AAEF;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAgB7B;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAgB7B;;;;;;;;;;;;;GAaG;AACH,iBAAS,oBAAoB,CAAC,KAAK,EAAE,QAAQ,CAAC,oBAAoB,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7F;kBAdQ,oBAAoB;;;AAiB7B,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;IAC7E,KAAY,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC;CAChD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9E,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,gBAAgB,CAAC;IACzB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAAC;IAC9E,KAAY,KAAK,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC;CACjD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;IAClF,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;IAClF,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AAGD,kBAAU,oBAAoB,CAAC;IAC7B,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,eAAe,CAAC,SAAS,CAAC,CAAC;IAClF,KAAY,KAAK,GAAG,eAAe,CAAC,SAAS,CAAC,KAAK,CAAC;CACrD;AASD,OAAO,EAAC,WAAW,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,gBAAgB,EAAE,oBAAoB,EAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/number-field.js","sources":["../../../src/components/ui/number-field.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {NumberField as BaseNumberField} from \"@base-ui/react/number-field\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./number-field.module.css\";\r\n\r\ntype NumberFieldProps = React.ComponentPropsWithRef<typeof BaseNumberField.Root>;\r\ntype NumberFieldGroupProps = React.ComponentPropsWithRef<typeof BaseNumberField.Group>;\r\ntype NumberFieldInputProps = React.ComponentPropsWithRef<typeof BaseNumberField.Input>;\r\ntype NumberFieldIncrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Increment>;\r\ntype NumberFieldDecrementProps = React.ComponentPropsWithRef<typeof BaseNumberField.Decrement>;\r\ntype NumberFieldScrubAreaProps = React.ComponentPropsWithRef<typeof BaseNumberField.ScrubArea>;\r\n\r\n/**\r\n * Provides a styled numeric input with optional steppers and scrub support.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Number Field primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberField defaultValue={2}>\r\n *   <NumberFieldGroup>\r\n *     <NumberFieldDecrement />\r\n *     <NumberFieldInput />\r\n *     <NumberFieldIncrement />\r\n *   </NumberFieldGroup>\r\n * </NumberField>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberField(props: Readonly<NumberField.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNumberField.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Wraps the interactive number-field controls in a shared container.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Number Field group primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldGroup>\r\n *   <NumberFieldInput />\r\n * </NumberFieldGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nconst NumberFieldGroup = React.forwardRef<React.ComponentRef<typeof BaseNumberField.Group>, NumberFieldGroup.Props>(\r\n  (props: Readonly<NumberFieldGroup.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNumberField.Group\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.group, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseNumberField.Group>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the text input used for numeric entry.\r\n *\r\n * @remarks\r\n * - Renders an `<input>` element by default\r\n * - Built on Base UI Number Field input primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldInput aria-label='Quantity' />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nconst NumberFieldInput = React.forwardRef<React.ComponentRef<typeof BaseNumberField.Input>, NumberFieldInput.Props>(\r\n  (props: Readonly<NumberFieldInput.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNumberField.Input\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"input\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.input, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the increment control for a number field.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Number Field increment primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldIncrement />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldIncrement(props: Readonly<NumberFieldIncrement.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Increment\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.stepper, styles.increment, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.stepperSymbol}>+</span>}\r\n    </BaseNumberField.Increment>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the decrement control for a number field.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Number Field decrement primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldDecrement />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldDecrement(props: Readonly<NumberFieldDecrement.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Decrement\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.stepper, styles.decrement, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.stepperSymbol}>−</span>}\r\n    </BaseNumberField.Decrement>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the scrub handle used for drag-to-adjust interactions.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on Base UI Number Field scrub-area primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldScrubArea />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldScrubArea(props: Readonly<NumberFieldScrubArea.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.ScrubArea\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.scrubArea, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.scrubHandle}>⋮⋮</span>}\r\n    </BaseNumberField.ScrubArea>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberField {\r\n  export type Props = NumberFieldProps;\r\n  export type State = BaseNumberField.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldGroup {\r\n  export type Props = NumberFieldGroupProps;\r\n  export type State = BaseNumberField.Group.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldInput {\r\n  export type Props = NumberFieldInputProps;\r\n  export type State = BaseNumberField.Input.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldIncrement {\r\n  export type Props = NumberFieldIncrementProps;\r\n  export type State = BaseNumberField.Increment.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldDecrement {\r\n  export type Props = NumberFieldDecrementProps;\r\n  export type State = BaseNumberField.Decrement.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldScrubArea {\r\n  export type Props = NumberFieldScrubAreaProps;\r\n  export type State = BaseNumberField.ScrubArea.State;\r\n}\r\n\r\nNumberField.displayName = \"NumberField\";\r\nNumberFieldGroup.displayName = \"NumberFieldGroup\";\r\nNumberFieldInput.displayName = \"NumberFieldInput\";\r\nNumberFieldIncrement.displayName = \"NumberFieldIncrement\";\r\nNumberFieldDecrement.displayName = \"NumberFieldDecrement\";\r\nNumberFieldScrubArea.displayName = \"NumberFieldScrubArea\";\r\n\r\nexport {NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea};\r\n"],"names":["NumberField","props","className","children","render","otherProps","BaseNumberField","useRender","mergeProps","cn","styles","NumberFieldGroup","React","ref","NumberFieldInput","NumberFieldIncrement","NumberFieldDecrement","NumberFieldScrubArea"],"mappings":"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"}
+{"version":3,"file":"components/ui/number-field.js","sources":["../../../src/components/ui/number-field.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {NumberField as BaseNumberField} from \"@base-ui/react/number-field\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./number-field.module.css\";\r\n\r\n/**\r\n * Provides a styled numeric input with optional steppers and scrub support.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Number Field primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberField defaultValue={2}>\r\n *   <NumberFieldGroup>\r\n *     <NumberFieldDecrement />\r\n *     <NumberFieldInput />\r\n *     <NumberFieldIncrement />\r\n *   </NumberFieldGroup>\r\n * </NumberField>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberField(props: Readonly<NumberField.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Root\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.root, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseNumberField.Root>\r\n  );\r\n}\r\n\r\n/**\r\n * Wraps the interactive number-field controls in a shared container.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on Base UI Number Field group primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldGroup>\r\n *   <NumberFieldInput />\r\n * </NumberFieldGroup>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nconst NumberFieldGroup = React.forwardRef<React.ComponentRef<typeof BaseNumberField.Group>, NumberFieldGroup.Props>(\r\n  (props: Readonly<NumberFieldGroup.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNumberField.Group\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"div\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.group, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseNumberField.Group>\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the text input used for numeric entry.\r\n *\r\n * @remarks\r\n * - Renders an `<input>` element by default\r\n * - Built on Base UI Number Field input primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldInput aria-label='Quantity' />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nconst NumberFieldInput = React.forwardRef<React.ComponentRef<typeof BaseNumberField.Input>, NumberFieldInput.Props>(\r\n  (props: Readonly<NumberFieldInput.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseNumberField.Input\r\n        ref={ref}\r\n        {...otherProps}\r\n        render={useRender({\r\n          defaultTagName: \"input\",\r\n          render: render as never,\r\n          props: mergeProps({className: cn(styles.input, className)}, {}),\r\n        })}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\n/**\r\n * Renders the increment control for a number field.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Number Field increment primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldIncrement />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldIncrement(props: Readonly<NumberFieldIncrement.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Increment\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.stepper, styles.increment, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.stepperSymbol}>+</span>}\r\n    </BaseNumberField.Increment>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the decrement control for a number field.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on Base UI Number Field decrement primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldDecrement />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldDecrement(props: Readonly<NumberFieldDecrement.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.Decrement\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"button\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.stepper, styles.decrement, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.stepperSymbol}>−</span>}\r\n    </BaseNumberField.Decrement>\r\n  );\r\n}\r\n\r\n/**\r\n * Renders the scrub handle used for drag-to-adjust interactions.\r\n *\r\n * @remarks\r\n * - Renders a `<span>` element by default\r\n * - Built on Base UI Number Field scrub-area primitives\r\n *\r\n * @example\r\n * ```tsx\r\n * <NumberFieldScrubArea />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/number-field | Base UI Number Field Docs}\r\n */\r\nfunction NumberFieldScrubArea(props: Readonly<NumberFieldScrubArea.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseNumberField.ScrubArea\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"span\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.scrubArea, className)}, {}),\r\n      })}>\r\n      {children ?? <span className={styles.scrubHandle}>⋮⋮</span>}\r\n    </BaseNumberField.ScrubArea>\r\n  );\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberField {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Root>;\r\n  export type State = BaseNumberField.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldGroup {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Group>;\r\n  export type State = BaseNumberField.Group.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldInput {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Input>;\r\n  export type State = BaseNumberField.Input.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldIncrement {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Increment>;\r\n  export type State = BaseNumberField.Increment.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldDecrement {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseNumberField.Decrement>;\r\n  export type State = BaseNumberField.Decrement.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace NumberFieldScrubArea {\r\n  export type Props = React.ComponentPropsWithRef<typeof BaseNumberField.ScrubArea>;\r\n  export type State = BaseNumberField.ScrubArea.State;\r\n}\r\n\r\nNumberField.displayName = \"NumberField\";\r\nNumberFieldGroup.displayName = \"NumberFieldGroup\";\r\nNumberFieldInput.displayName = \"NumberFieldInput\";\r\nNumberFieldIncrement.displayName = \"NumberFieldIncrement\";\r\nNumberFieldDecrement.displayName = \"NumberFieldDecrement\";\r\nNumberFieldScrubArea.displayName = \"NumberFieldScrubArea\";\r\n\r\nexport {NumberField, NumberFieldDecrement, NumberFieldGroup, NumberFieldIncrement, NumberFieldInput, NumberFieldScrubArea};\r\n"],"names":["NumberField","props","className","children","render","otherProps","BaseNumberField","useRender","mergeProps","cn","styles","NumberFieldGroup","React","ref","NumberFieldInput","NumberFieldIncrement","NumberFieldDecrement","NumberFieldScrubArea"],"mappings":"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"}

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

@@ -25,10 +25,7 @@ export interface ProgressProps extends Omit<React.ComponentPropsWithRef<typeof B
  *
  * @see {@link https://base-ui.com/react/components/progress | Base UI Documentation}
  */
-declare function Progress(props: Readonly<Progress.Props>): React.ReactElement;
-declare namespace Progress {
-    var displayName: string;
-}
+declare const Progress: React.ForwardRefExoticComponent<Omit<ProgressProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare namespace Progress {
     type Props = ProgressProps;
     type State = BaseProgress.Root.State;

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

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACzG,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAgBrE;kBAhBQ,QAAQ;;;AAoBjB,kBAAU,QAAQ,CAAC;IACjB,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;CAC7C;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../../src/components/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,QAAQ,IAAI,YAAY,EAAC,MAAM,yBAAyB,CAAC;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,YAAY,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACzG,uFAAuF;IACvF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qGAAqG;IACrG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,mGAiBZ,CAAC;AAIH,kBAAU,QAAQ,CAAC;IACjB,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,KAAK,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;CAC7C;AAED,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/progress.js

@@ -1,28 +1,29 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Progress } from "@base-ui/react/progress";
+import { Progress as progress_Progress } from "@base-ui/react/progress";
 import { useRender } from "@base-ui/react/use-render";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import progress_module from "./progress.module.js";
-function progress_Progress(props) {
+const ui_progress_Progress = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
     const { className, render, value = 0, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Progress.Root, {
+    return /*#__PURE__*/ jsx(progress_Progress.Root, {
         value: value,
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render
         }),
-        children: /*#__PURE__*/ jsx(Progress.Track, {
+        children: /*#__PURE__*/ jsx(progress_Progress.Track, {
             className: cn(progress_module.track, className),
-            children: /*#__PURE__*/ jsx(Progress.Indicator, {
+            children: /*#__PURE__*/ jsx(progress_Progress.Indicator, {
                 className: progress_module.indicator
             })
         })
     });
-}
-progress_Progress.displayName = "Progress";
-export { progress_Progress as Progress };
+});
+ui_progress_Progress.displayName = "Progress";
+export { ui_progress_Progress as Progress };
 
 //# sourceMappingURL=progress.js.map

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

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

package/dist/components/ui/radio-group.d.ts

@@ -1,8 +1,6 @@
 import { Radio } from "@base-ui/react/radio";
 import { RadioGroup as BaseRadioGroup } from "@base-ui/react/radio-group";
 import * as React from "react";
-type RadioGroupProps = React.ComponentPropsWithRef<typeof BaseRadioGroup>;
-type RadioGroupItemProps = React.ComponentPropsWithRef<typeof Radio.Root>;
 /**
  * Coordinates radio group state and selection behavior.
  *
@@ -36,11 +34,11 @@ declare const RadioGroup: React.ForwardRefExoticComponent<Omit<BaseRadioGroup.Pr
  */
 declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<Radio.Root.Props<unknown>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare namespace RadioGroup {
-    type Props = RadioGroupProps;
+    type Props = React.ComponentPropsWithRef<typeof BaseRadioGroup>;
     type State = BaseRadioGroup.State;
 }
 declare namespace RadioGroupItem {
-    type Props = RadioGroupItemProps;
+    type Props = React.ComponentPropsWithRef<typeof Radio.Root>;
     type State = Radio.Root.State;
 }
 export { RadioGroup, RadioGroupItem };

package/dist/components/ui/radio-group.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAC,UAAU,IAAI,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAGxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,KAAK,eAAe,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,cAAc,CAAC,CAAC;AAC1E,KAAK,mBAAmB,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;AAE1E;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,mHAgBf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,gHAmBnB,CAAC;AAGF,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;CAC1C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,mBAAmB,CAAC;IACxC,KAAY,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;CACtC;AAKD,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,CAAC"}
+{"version":3,"file":"radio-group.d.ts","sourceRoot":"","sources":["../../../src/components/ui/radio-group.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,EAAC,MAAM,sBAAsB,CAAC;AAC3C,OAAO,EAAC,UAAU,IAAI,cAAc,EAAC,MAAM,4BAA4B,CAAC;AAGxE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,UAAU,mHAgBf,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,cAAc,gHAmBnB,CAAC;AAGF,kBAAU,UAAU,CAAC;IACnB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,cAAc,CAAC,CAAC;IACvE,KAAY,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC;CAC1C;AAGD,kBAAU,cAAc,CAAC;IACvB,KAAY,KAAK,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC;IACnE,KAAY,KAAK,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC;CACtC;AAKD,OAAO,EAAC,UAAU,EAAE,cAAc,EAAC,CAAC"}

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

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

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

@@ -1,7 +1,7 @@
 import * as React from "react";
-import type { ImperativePanelGroupHandle, ImperativePanelHandle } from "react-resizable-panels";
+import type { ImperativePanelGroupHandle } from "react-resizable-panels";
 import * as ResizablePrimitive from "react-resizable-panels";
-export type { ImperativePanelGroupHandle, ImperativePanelHandle };
+export type { ImperativePanelGroupHandle, ImperativePanelHandle } from "react-resizable-panels";
 /**
  * Props for the {@link ResizablePanelGroup} component.
  */
@@ -73,7 +73,7 @@ declare const ResizablePanel: React.ForwardRefExoticComponent<Omit<React.HTMLAtt
     tagName?: keyof HTMLElementTagNameMap | undefined;
 } & {
     children?: import("react").ReactNode | undefined;
-} & React.RefAttributes<ImperativePanelHandle>>;
+} & React.RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
 /**
  * Renders a draggable resize handle between resizable panels.
  *

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

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

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

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

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

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

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

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

package/dist/components/ui/scratcher.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/scratcher.js","sources":["../../../src/components/ui/scratcher.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, useAnimation} from \"motion/react\";\r\nimport React, {useEffect, useRef, useState} from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./scratcher.module.css\";\r\n\r\n/** Props accepted by {@link Scratcher}. */\r\nexport interface ScratcherProps {\r\n  /** Content revealed after the overlay is scratched away. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Width of the scratch card surface in pixels. @default undefined */\r\n  width: number;\r\n  /** Height of the scratch card surface in pixels. @default undefined */\r\n  height: number;\r\n  /** Percentage of cleared pixels required before completion fires. @default 50 */\r\n  minScratchPercentage?: number;\r\n  /** Additional CSS classes merged with the scratch card container. @default undefined */\r\n  className?: string;\r\n  /** Callback invoked once the scratch completion threshold is reached. @default undefined */\r\n  onComplete?: () => void;\r\n  /** Three-stop gradient used for the scratchable overlay. @default [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"] */\r\n  gradientColors?: [string, string, string];\r\n}\r\n\r\nconst defaultGradientColors: [string, string, string] = [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"];\r\nconst ignoreAnimationError = (): null => null;\r\n\r\n/**\r\n * Renders a scratch-card reveal surface with animated completion feedback.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <Scratcher width={320} height={180}>Prize unlocked</Scratcher>\r\n * ```\r\n *\r\n * @see {@link ScratcherProps} for available props\r\n */\r\nexport const Scratcher: React.FC<ScratcherProps> = ({\r\n  width,\r\n  height,\r\n  minScratchPercentage = 50,\r\n  onComplete,\r\n  children,\r\n  className,\r\n  gradientColors = defaultGradientColors,\r\n}): React.JSX.Element => {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const [isScratching, setIsScratching] = useState(false);\r\n  const [isComplete, setIsComplete] = useState(false);\r\n\r\n  const controls = useAnimation();\r\n\r\n  useEffect(() => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    context.fillStyle = \"#ccc\";\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);\r\n    gradient.addColorStop(0, gradientColors[0]);\r\n    gradient.addColorStop(0.5, gradientColors[1]);\r\n    gradient.addColorStop(1, gradientColors[2]);\r\n    context.fillStyle = gradient;\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n  }, [gradientColors]);\r\n\r\n  const scratch = React.useCallback((clientX: number, clientY: number): void => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const rect = canvas.getBoundingClientRect();\r\n    const x = clientX - rect.left + 16;\r\n    const y = clientY - rect.top + 16;\r\n    context.globalCompositeOperation = \"destination-out\";\r\n    context.beginPath();\r\n    context.arc(x, y, 30, 0, Math.PI * 2);\r\n    context.fill();\r\n  }, []);\r\n\r\n  const startAnimation = React.useCallback(async (): Promise<void> => {\r\n    await controls.start({\r\n      scale: [1, 1.5, 1],\r\n      rotate: [0, 10, -10, 10, -10, 0],\r\n      transition: {duration: 0.5},\r\n    });\r\n\r\n    onComplete?.();\r\n  }, [controls, onComplete]);\r\n\r\n  const checkCompletion = React.useCallback((): void => {\r\n    if (isComplete) {\r\n      return;\r\n    }\r\n\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const imageData = context.getImageData(0, 0, canvas.width, canvas.height);\r\n    const pixels = imageData.data;\r\n    const totalPixels = pixels.length / 4;\r\n    let clearPixels = 0;\r\n\r\n    for (let index = 3; index < pixels.length; index += 4) {\r\n      if (pixels[index] === 0) {\r\n        clearPixels += 1;\r\n      }\r\n    }\r\n\r\n    const percentage = (clearPixels / totalPixels) * 100;\r\n    if (percentage >= minScratchPercentage) {\r\n      setIsComplete(true);\r\n      context.clearRect(0, 0, canvas.width, canvas.height);\r\n      startAnimation().catch(ignoreAnimationError);\r\n    }\r\n  }, [isComplete, minScratchPercentage, startAnimation]);\r\n\r\n  useEffect(() => {\r\n    const handleDocumentMouseMove = (event: MouseEvent): void => {\r\n      if (isScratching) {\r\n        scratch(event.clientX, event.clientY);\r\n      }\r\n    };\r\n\r\n    const handleDocumentTouchMove = (event: TouchEvent): void => {\r\n      if (!isScratching) {\r\n        return;\r\n      }\r\n\r\n      const [touch] = event.touches;\r\n      if (!touch) {\r\n        return;\r\n      }\r\n\r\n      scratch(touch.clientX, touch.clientY);\r\n    };\r\n\r\n    const handleDocumentPointerEnd = (): void => {\r\n      setIsScratching(false);\r\n      checkCompletion();\r\n    };\r\n\r\n    globalThis.document.addEventListener(\"mousemove\", handleDocumentMouseMove);\r\n    globalThis.document.addEventListener(\"touchmove\", handleDocumentTouchMove);\r\n    globalThis.document.addEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchend\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n\r\n    return () => {\r\n      globalThis.document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\r\n      globalThis.document.removeEventListener(\"touchmove\", handleDocumentTouchMove);\r\n      globalThis.document.removeEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchend\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n    };\r\n  }, [checkCompletion, isScratching, scratch]);\r\n\r\n  return (\r\n    <motion.div\r\n      className={cn(styles.root, className)}\r\n      style={{\r\n        width,\r\n        height,\r\n        cursor:\r\n          \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto\",\r\n      }}\r\n      animate={controls}>\r\n      <canvas\r\n        ref={canvasRef}\r\n        width={width}\r\n        height={height}\r\n        className={styles.canvas}\r\n        onMouseDown={() => setIsScratching(true)}\r\n        onTouchStart={() => setIsScratching(true)}\r\n      />\r\n      {children}\r\n    </motion.div>\r\n  );\r\n};\r\n\r\nScratcher.displayName = \"Scratcher\";\r\n"],"names":["defaultGradientColors","ignoreAnimationError","Scratcher","width","height","minScratchPercentage","onComplete","children","className","gradientColors","canvasRef","useRef","isScratching","setIsScratching","useState","isComplete","setIsComplete","controls","useAnimation","useEffect","canvas","context","gradient","scratch","React","clientX","clientY","rect","x","y","Math","startAnimation","checkCompletion","imageData","pixels","totalPixels","clearPixels","index","percentage","handleDocumentMouseMove","event","handleDocumentTouchMove","touch","handleDocumentPointerEnd","globalThis","motion","cn","styles"],"mappings":"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"}
+{"version":3,"file":"components/ui/scratcher.js","sources":["../../../src/components/ui/scratcher.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {motion, useAnimation} from \"motion/react\";\r\nimport React, {useEffect, useRef, useState} from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./scratcher.module.css\";\r\n\r\n/** Props accepted by {@link Scratcher}. */\r\nexport interface ScratcherProps {\r\n  /** Content revealed after the overlay is scratched away. @default undefined */\r\n  children: React.ReactNode;\r\n  /** Width of the scratch card surface in pixels. @default undefined */\r\n  width: number;\r\n  /** Height of the scratch card surface in pixels. @default undefined */\r\n  height: number;\r\n  /** Percentage of cleared pixels required before completion fires. @default 50 */\r\n  minScratchPercentage?: number;\r\n  /** Additional CSS classes merged with the scratch card container. @default undefined */\r\n  className?: string;\r\n  /** Callback invoked once the scratch completion threshold is reached. @default undefined */\r\n  onComplete?: () => void;\r\n  /** Three-stop gradient used for the scratchable overlay. @default [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"] */\r\n  gradientColors?: [string, string, string];\r\n}\r\n\r\nconst defaultGradientColors: [string, string, string] = [\"#A97CF8\", \"#F38CB8\", \"#FDCC92\"];\r\nconst ignoreAnimationError = (): null => null;\r\n\r\n/**\r\n * Renders a scratch-card reveal surface with animated completion feedback.\r\n *\r\n * @remarks\r\n * - Animated component using the `motion` library\r\n * - Renders a `<div>` element containing a `<canvas>`\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n * - Client-side only (`\"use client\"` directive)\r\n *\r\n * @example\r\n * ```tsx\r\n * <Scratcher width={320} height={180}>Prize unlocked</Scratcher>\r\n * ```\r\n *\r\n * @see {@link ScratcherProps} for available props\r\n */\r\nexport const Scratcher = React.forwardRef<HTMLDivElement, ScratcherProps>(function Scratcher(\r\n  {width, height, minScratchPercentage = 50, onComplete, children, className, gradientColors = defaultGradientColors},\r\n  forwardedRef,\r\n) {\r\n  const canvasRef = useRef<HTMLCanvasElement>(null);\r\n  const [isScratching, setIsScratching] = useState(false);\r\n  const [isComplete, setIsComplete] = useState(false);\r\n\r\n  const controls = useAnimation();\r\n\r\n  useEffect(() => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    context.fillStyle = \"#ccc\";\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n    const gradient = context.createLinearGradient(0, 0, canvas.width, canvas.height);\r\n    gradient.addColorStop(0, gradientColors[0]);\r\n    gradient.addColorStop(0.5, gradientColors[1]);\r\n    gradient.addColorStop(1, gradientColors[2]);\r\n    context.fillStyle = gradient;\r\n    context.fillRect(0, 0, canvas.width, canvas.height);\r\n  }, [gradientColors]);\r\n\r\n  const scratch = React.useCallback((clientX: number, clientY: number): void => {\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const rect = canvas.getBoundingClientRect();\r\n    const x = clientX - rect.left + 16;\r\n    const y = clientY - rect.top + 16;\r\n    context.globalCompositeOperation = \"destination-out\";\r\n    context.beginPath();\r\n    context.arc(x, y, 30, 0, Math.PI * 2);\r\n    context.fill();\r\n  }, []);\r\n\r\n  const startAnimation = React.useCallback(async (): Promise<void> => {\r\n    await controls.start({\r\n      scale: [1, 1.5, 1],\r\n      rotate: [0, 10, -10, 10, -10, 0],\r\n      transition: {duration: 0.5},\r\n    });\r\n\r\n    onComplete?.();\r\n  }, [controls, onComplete]);\r\n\r\n  const checkCompletion = React.useCallback((): void => {\r\n    if (isComplete) {\r\n      return;\r\n    }\r\n\r\n    const canvas = canvasRef.current;\r\n    const context = canvas?.getContext(\"2d\");\r\n    if (!canvas || !context) {\r\n      return;\r\n    }\r\n\r\n    const imageData = context.getImageData(0, 0, canvas.width, canvas.height);\r\n    const pixels = imageData.data;\r\n    const totalPixels = pixels.length / 4;\r\n    let clearPixels = 0;\r\n\r\n    for (let index = 3; index < pixels.length; index += 4) {\r\n      if (pixels[index] === 0) {\r\n        clearPixels += 1;\r\n      }\r\n    }\r\n\r\n    const percentage = (clearPixels / totalPixels) * 100;\r\n    if (percentage >= minScratchPercentage) {\r\n      setIsComplete(true);\r\n      context.clearRect(0, 0, canvas.width, canvas.height);\r\n      startAnimation().catch(ignoreAnimationError);\r\n    }\r\n  }, [isComplete, minScratchPercentage, startAnimation]);\r\n\r\n  useEffect(() => {\r\n    const handleDocumentMouseMove = (event: MouseEvent): void => {\r\n      if (isScratching) {\r\n        scratch(event.clientX, event.clientY);\r\n      }\r\n    };\r\n\r\n    const handleDocumentTouchMove = (event: TouchEvent): void => {\r\n      if (!isScratching) {\r\n        return;\r\n      }\r\n\r\n      const [touch] = event.touches;\r\n      if (!touch) {\r\n        return;\r\n      }\r\n\r\n      scratch(touch.clientX, touch.clientY);\r\n    };\r\n\r\n    const handleDocumentPointerEnd = (): void => {\r\n      setIsScratching(false);\r\n      checkCompletion();\r\n    };\r\n\r\n    globalThis.document.addEventListener(\"mousemove\", handleDocumentMouseMove);\r\n    globalThis.document.addEventListener(\"touchmove\", handleDocumentTouchMove);\r\n    globalThis.document.addEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchend\", handleDocumentPointerEnd);\r\n    globalThis.document.addEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n\r\n    return () => {\r\n      globalThis.document.removeEventListener(\"mousemove\", handleDocumentMouseMove);\r\n      globalThis.document.removeEventListener(\"touchmove\", handleDocumentTouchMove);\r\n      globalThis.document.removeEventListener(\"mouseup\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchend\", handleDocumentPointerEnd);\r\n      globalThis.document.removeEventListener(\"touchcancel\", handleDocumentPointerEnd);\r\n    };\r\n  }, [checkCompletion, isScratching, scratch]);\r\n\r\n  return (\r\n    <motion.div\r\n      ref={forwardedRef}\r\n      className={cn(styles.root, className)}\r\n      style={{\r\n        width,\r\n        height,\r\n        cursor:\r\n          \"url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj4KICA8Y2lyY2xlIGN4PSIxNiIgY3k9IjE2IiByPSIxNSIgc3R5bGU9ImZpbGw6I2ZmZjtzdHJva2U6IzAwMDtzdHJva2Utd2lkdGg6MXB4OyIgLz4KPC9zdmc+'), auto\",\r\n      }}\r\n      animate={controls}>\r\n      <canvas\r\n        ref={canvasRef}\r\n        width={width}\r\n        height={height}\r\n        className={styles.canvas}\r\n        onMouseDown={() => setIsScratching(true)}\r\n        onTouchStart={() => setIsScratching(true)}\r\n      />\r\n      {children}\r\n    </motion.div>\r\n  );\r\n});\r\n\r\nScratcher.displayName = \"Scratcher\";\r\n"],"names":["defaultGradientColors","ignoreAnimationError","Scratcher","React","width","height","minScratchPercentage","onComplete","children","className","gradientColors","forwardedRef","canvasRef","useRef","isScratching","setIsScratching","useState","isComplete","setIsComplete","controls","useAnimation","useEffect","canvas","context","gradient","scratch","clientX","clientY","rect","x","y","Math","startAnimation","checkCompletion","imageData","pixels","totalPixels","clearPixels","index","percentage","handleDocumentMouseMove","event","handleDocumentTouchMove","touch","handleDocumentPointerEnd","globalThis","motion","cn","styles"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -27,10 +27,7 @@ export interface SeparatorProps extends Omit<React.ComponentPropsWithRef<typeof
  *
  * @see {@link https://base-ui.com/react/components/separator | Base UI Documentation}
  */
-declare function Separator(props: Readonly<Separator.Props>): React.ReactElement;
-declare namespace Separator {
-    var displayName: string;
-}
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare namespace Separator {
     type Props = SeparatorProps;
     type State = BaseSeparator.State;

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

@@ -1 +1 @@
-{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAEpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,aAAa,CAAC,EAAE,WAAW,CAAC;IAC1G,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,iBAAS,SAAS,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAmBvE;kBAnBQ,SAAS;;;AAuBlB,kBAAU,SAAS,CAAC;IAClB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;CACzC;AAED,OAAO,EAAC,SAAS,EAAC,CAAC"}
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../src/components/ui/separator.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,SAAS,IAAI,aAAa,EAAC,MAAM,0BAA0B,CAAC;AAEpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,aAAa,CAAC,EAAE,WAAW,CAAC;IAC1G,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,oGAAoG;IACpG,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,SAAS,oGAoBb,CAAC;AAIH,kBAAU,SAAS,CAAC;IAClB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC;CACzC;AAED,OAAO,EAAC,SAAS,EAAC,CAAC"}

package/dist/components/ui/separator.js

@@ -1,16 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { mergeProps } from "@base-ui/react/merge-props";
-import { Separator } from "@base-ui/react/separator";
+import { Separator as separator_Separator } from "@base-ui/react/separator";
 import { useRender } from "@base-ui/react/use-render";
-import "react";
+import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
 import separator_module from "./separator.module.js";
-function separator_Separator(props) {
-    const { className, decorative: _decorative = true, orientation = "horizontal", render, ...otherProps } = props;
-    return /*#__PURE__*/ jsx(Separator, {
+const ui_separator_Separator = /*#__PURE__*/ forwardRef(function(props, forwardedRef) {
+    const { className, orientation = "horizontal", render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(separator_Separator, {
         orientation: orientation,
         ...otherProps,
+        ref: forwardedRef,
         render: useRender({
             defaultTagName: "div",
             render: render,
@@ -19,8 +20,8 @@ function separator_Separator(props) {
             }, {})
         })
     });
-}
-separator_Separator.displayName = "Separator";
-export { separator_Separator as Separator };
+});
+ui_separator_Separator.displayName = "Separator";
+export { ui_separator_Separator as Separator };
 
 //# sourceMappingURL=separator.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/separator.js","sources":["../../../src/components/ui/separator.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Separator as BaseSeparator} from \"@base-ui/react/separator\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./separator.module.css\";\r\n\r\n/**\r\n * Props for the shared separator wrapper.\r\n */\r\nexport interface SeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseSeparator>, \"className\"> {\r\n  /** Additional CSS classes merged with the separator styles. @default undefined */\r\n  className?: string;\r\n  /** The visual axis used when rendering the separator line. @default \"horizontal\" */\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n  /** Legacy compatibility flag retained by the wrapper but not forwarded to Base UI. @default true */\r\n  decorative?: boolean;\r\n}\r\n\r\n/**\r\n * Separates adjacent content areas with a horizontal or vertical rule.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/separator | Base UI Separator}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Separator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/separator | Base UI Documentation}\r\n */\r\nfunction Separator(props: Readonly<Separator.Props>): React.ReactElement {\r\n  const {className, decorative: _decorative = true, orientation = \"horizontal\", render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSeparator\r\n      orientation={orientation}\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps(\r\n          {\r\n            className: cn(styles.separator, orientation === \"horizontal\" ? styles.horizontal : styles.vertical, className),\r\n          },\r\n          {},\r\n        ),\r\n      })}\r\n    />\r\n  );\r\n}\r\nSeparator.displayName = \"Separator\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Separator {\r\n  export type Props = SeparatorProps;\r\n  export type State = BaseSeparator.State;\r\n}\r\n\r\nexport {Separator};\r\n"],"names":["Separator","props","className","_decorative","orientation","render","otherProps","BaseSeparator","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAsCA,SAASA,oBAAUC,KAAgC;IACjD,MAAM,EAACC,SAAS,EAAE,YAAYC,cAAc,IAAI,EAAEC,cAAc,YAAY,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAEvG,OAAO,WAAP,GACE,IAACM,WAAaA;QACZ,aAAaH;QACZ,GAAGE,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WACL;gBACE,WAAWC,GAAGC,iBAAAA,SAAgB,EAAEP,AAAgB,iBAAhBA,cAA+BO,iBAAAA,UAAiB,GAAGA,iBAAAA,QAAe,EAAET;YACtG,GACA,CAAC;QAEL;;AAGN;AACAF,oBAAU,WAAW,GAAG"}
+{"version":3,"file":"components/ui/separator.js","sources":["../../../src/components/ui/separator.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Separator as BaseSeparator} from \"@base-ui/react/separator\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./separator.module.css\";\r\n\r\n/**\r\n * Props for the shared separator wrapper.\r\n */\r\nexport interface SeparatorProps extends Omit<React.ComponentPropsWithRef<typeof BaseSeparator>, \"className\"> {\r\n  /** Additional CSS classes merged with the separator styles. @default undefined */\r\n  className?: string;\r\n  /** The visual axis used when rendering the separator line. @default \"horizontal\" */\r\n  orientation?: \"horizontal\" | \"vertical\";\r\n  /** Legacy compatibility flag retained by the wrapper but not forwarded to Base UI. @default true */\r\n  decorative?: boolean;\r\n}\r\n\r\n/**\r\n * Separates adjacent content areas with a horizontal or vertical rule.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/separator | Base UI Separator}\r\n * - Supports the `render` prop for element composition\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Separator />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/separator | Base UI Documentation}\r\n */\r\nconst Separator = React.forwardRef<HTMLDivElement, Separator.Props>(function Separator(props, forwardedRef) {\r\n  const {className, orientation = \"horizontal\", render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseSeparator\r\n      orientation={orientation}\r\n      {...otherProps}\r\n      ref={forwardedRef}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps(\r\n          {\r\n            className: cn(styles.separator, orientation === \"horizontal\" ? styles.horizontal : styles.vertical, className),\r\n          },\r\n          {},\r\n        ),\r\n      })}\r\n    />\r\n  );\r\n});\r\nSeparator.displayName = \"Separator\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Separator {\r\n  export type Props = SeparatorProps;\r\n  export type State = BaseSeparator.State;\r\n}\r\n\r\nexport {Separator};\r\n"],"names":["Separator","React","props","forwardedRef","className","orientation","render","otherProps","BaseSeparator","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAsCA,MAAMA,yBAAY,WAAHA,GAAGC,WAAkD,SAAmBC,KAAK,EAAEC,YAAY;IACxG,MAAM,EAACC,SAAS,EAAEC,cAAc,YAAY,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGL;IAEvE,OAAO,WAAP,GACE,IAACM,qBAAaA;QACZ,aAAaH;QACZ,GAAGE,UAAU;QACd,KAAKJ;QACL,QAAQM,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WACL;gBACE,WAAWC,GAAGC,iBAAAA,SAAgB,EAAEP,AAAgB,iBAAhBA,cAA+BO,iBAAAA,UAAiB,GAAGA,iBAAAA,QAAe,EAAER;YACtG,GACA,CAAC;QAEL;;AAGN;AACAJ,uBAAU,WAAW,GAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/ui/sheet.tsx"],"names":[],"mappings":"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"}