@arolariu/components 0.5.0 → 1.1.0

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

@@ -1,8 +1,160 @@
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
+import { Accordion as BaseAccordion } from "@base-ui/react/accordion";
 import * as React from "react";
-declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+type AccordionRootBaseProps = Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Root>, "defaultValue" | "multiple" | "onValueChange" | "value" | "className">;
+/**
+ * Props for the single-item accordion root wrapper.
+ */
+interface AccordionSingleProps extends AccordionRootBaseProps {
+    /** Controls whether the accordion only allows one item to be expanded at a time. @default "single" */
+    type?: "single";
+    /** Legacy compatibility flag accepted by the wrapper but not forwarded to Base UI. @default undefined */
+    collapsible?: boolean;
+    /** Additional CSS classes merged with the accordion root styles. @default undefined */
+    className?: string;
+    /** The initially expanded item value in uncontrolled single mode. @default undefined */
+    defaultValue?: string;
+    /** Called when the expanded item changes in single mode. @default undefined */
+    onValueChange?: (value: string | undefined, eventDetails: unknown) => void;
+    /** The controlled expanded item value in single mode. @default undefined */
+    value?: string;
+}
+/**
+ * Props for the multi-item accordion root wrapper.
+ */
+interface AccordionMultipleProps extends AccordionRootBaseProps {
+    /** Controls whether the accordion allows multiple items to stay expanded. @default "multiple" */
+    type: "multiple";
+    /** Legacy compatibility flag accepted by the wrapper but not forwarded to Base UI. @default undefined */
+    collapsible?: boolean;
+    /** Additional CSS classes merged with the accordion root styles. @default undefined */
+    className?: string;
+    /** The initially expanded item values in uncontrolled multi mode. @default undefined */
+    defaultValue?: string[];
+    /** Called when the expanded item values change in multi mode. @default undefined */
+    onValueChange?: (value: string[], eventDetails: unknown) => void;
+    /** The controlled expanded item values in multi mode. @default undefined */
+    value?: string[];
+}
+/**
+ * Props for an accordion item wrapper.
+ */
+interface AccordionItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Item>, "className"> {
+    /** Additional CSS classes merged with the accordion item styles. @default undefined */
+    className?: string;
+}
+/**
+ * Props for an accordion trigger wrapper.
+ */
+interface AccordionTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Trigger>, "className"> {
+    /** Additional CSS classes merged with the accordion trigger styles. @default undefined */
+    className?: string;
+}
+/**
+ * Props for an accordion content wrapper.
+ */
+interface AccordionContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Panel>, "className"> {
+    /** Additional CSS classes merged with the accordion content styles. @default undefined */
+    className?: string;
+}
+/**
+ * Groups disclosure items into a styled accordion container.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Accordion>
+ *   <AccordionItem value="item-1">
+ *     <AccordionTrigger>Section</AccordionTrigger>
+ *     <AccordionContent>Content</AccordionContent>
+ *   </AccordionItem>
+ * </Accordion>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}
+ */
+declare function Accordion(props: Readonly<Accordion.Props>): React.ReactElement;
+declare namespace Accordion {
+    var displayName: string;
+}
+/**
+ * Wraps a single accordion item with shared border and spacing styles.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AccordionItem value="item-1">
+ *   <AccordionTrigger>Section</AccordionTrigger>
+ *   <AccordionContent>Content</AccordionContent>
+ * </AccordionItem>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}
+ */
+declare function AccordionItem(props: Readonly<AccordionItem.Props>): React.ReactElement;
+declare namespace AccordionItem {
+    var displayName: string;
+}
+/**
+ * Toggles an accordion item while rendering the chevron affordance.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}
+ * - Supports the `render` prop for element composition
+ * - Includes a built-in chevron icon; use the `render` prop for full custom trigger rendering or wrap
+ *   the component when you need a different icon treatment
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AccordionTrigger>Section</AccordionTrigger>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}
+ */
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+/**
+ * Reveals accordion panel content with shared spacing and animation hooks.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <AccordionContent>Content</AccordionContent>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}
+ */
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace Accordion {
+    type Props = AccordionSingleProps | AccordionMultipleProps;
+    type State = BaseAccordion.Root.State<string>;
+}
+declare namespace AccordionItem {
+    type Props = AccordionItemProps;
+    type State = BaseAccordion.Item.State;
+}
+declare namespace AccordionTrigger {
+    type Props = AccordionTriggerProps;
+    type State = BaseAccordion.Trigger.State;
+}
+declare namespace AccordionContent {
+    type Props = AccordionContentProps;
+    type State = BaseAccordion.Panel.State;
+}
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 //# sourceMappingURL=accordion.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,SAAS,8JAA0B,CAAC;AAE1C,QAAA,MAAM,aAAa,iKASjB,CAAC;AAGH,QAAA,MAAM,gBAAgB,0KAgBpB,CAAC;AAGH,QAAA,MAAM,gBAAgB,oKAUpB,CAAC;AAGH,OAAO,EAAC,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAC,CAAC"}
+{"version":3,"file":"accordion.d.ts","sourceRoot":"","sources":["../../../src/components/ui/accordion.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/accordion.js

@@ -1,41 +1,119 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { Content, Header, Item, Root, Trigger } from "@radix-ui/react-accordion";
+import { Accordion } from "@base-ui/react/accordion";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { useRender } from "@base-ui/react/use-render";
 import { ChevronDown } from "lucide-react";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const Accordion = Root;
-const AccordionItem = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Item, {
-        ref: ref,
-        className: cn("border-b", className),
+import accordion_module from "./accordion.module.js";
+function accordion_Accordion(props) {
+    const { className, render, type = "single" } = props;
+    const accordionRender = useRender({
+        defaultTagName: "div",
+        render: render,
+        props: mergeProps({
+            className: cn(className)
+        }, {})
+    });
+    if ("multiple" === type) {
+        const { defaultValue, onValueChange, value, ...otherProps } = omitAccordionWrapperProps(props);
+        return /*#__PURE__*/ jsx(Accordion.Root, {
+            multiple: true,
+            defaultValue: defaultValue,
+            onValueChange: onValueChange,
+            value: value,
+            ...otherProps,
+            render: accordionRender
+        });
+    }
+    const { defaultValue, onValueChange, value, ...otherProps } = omitAccordionWrapperProps(props);
+    return /*#__PURE__*/ jsx(Accordion.Root, {
+        multiple: false,
+        defaultValue: defaultValue ? [
+            defaultValue
+        ] : void 0,
+        onValueChange: (nextValue, eventDetails)=>{
+            onValueChange?.(nextValue[0], eventDetails);
+        },
+        value: value ? [
+            value
+        ] : void 0,
+        ...otherProps,
+        render: accordionRender
+    });
+}
+accordion_Accordion.displayName = "Accordion";
+function omitAccordionWrapperProps(props) {
+    const rootProps = {
         ...props
-    }));
+    };
+    Reflect.deleteProperty(rootProps, "className");
+    Reflect.deleteProperty(rootProps, "collapsible");
+    Reflect.deleteProperty(rootProps, "render");
+    Reflect.deleteProperty(rootProps, "type");
+    return rootProps;
+}
+function AccordionItem(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Accordion.Item, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(accordion_module.item, className)
+            }, {})
+        }),
+        children: children
+    });
+}
 AccordionItem.displayName = "AccordionItem";
-const AccordionTrigger = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Header, {
-        className: "flex",
-        children: /*#__PURE__*/ jsxs(Trigger, {
+const AccordionTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Accordion.Header, {
+        className: accordion_module.header,
+        children: /*#__PURE__*/ jsxs(Accordion.Trigger, {
             ref: ref,
-            className: cn("flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className),
-            ...props,
+            ...otherProps,
+            render: useRender({
+                defaultTagName: "button",
+                render: render,
+                props: mergeProps({
+                    className: cn(accordion_module.trigger, className)
+                }, {})
+            }),
             children: [
-                children,
+                /*#__PURE__*/ jsx("span", {
+                    children: children
+                }),
                 /*#__PURE__*/ jsx(ChevronDown, {
-                    className: "h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200 dark:text-neutral-400"
+                    className: accordion_module.icon
                 })
             ]
         })
-    }));
-AccordionTrigger.displayName = Trigger.displayName;
-const AccordionContent = /*#__PURE__*/ forwardRef(({ className, children, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
+    });
+});
+AccordionTrigger.displayName = "AccordionTrigger";
+const AccordionContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Accordion.Panel, {
         ref: ref,
-        className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
-        ...props,
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: accordion_module.panel
+            }, {})
+        }),
         children: /*#__PURE__*/ jsx("div", {
-            className: cn("pt-0 pb-4", className),
+            className: cn(accordion_module.panelInner, className),
             children: children
         })
-    }));
-AccordionContent.displayName = Content.displayName;
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
+    });
+});
+AccordionContent.displayName = "AccordionContent";
+export { AccordionContent, AccordionItem, AccordionTrigger, accordion_Accordion as Accordion };
 
 //# sourceMappingURL=accordion.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as AccordionPrimitive from \"@radix-ui/react-accordion\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Accordion = AccordionPrimitive.Root;\r\n\r\nconst AccordionItem = React.forwardRef<\r\n  React.ComponentRef<typeof AccordionPrimitive.Item>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\r\n>(({className, ...props}, ref) => (\r\n  <AccordionPrimitive.Item\r\n    ref={ref}\r\n    className={cn(\"border-b\", className)}\r\n    {...props}\r\n  />\r\n));\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\nconst AccordionTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof AccordionPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\r\n>(({className, children, ...props}, ref) => (\r\n  <AccordionPrimitive.Header className='flex'>\r\n    <AccordionPrimitive.Trigger\r\n      ref={ref}\r\n      className={cn(\r\n        \"flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180\",\r\n        className,\r\n      )}\r\n      {...props}>\r\n      {children}\r\n      <ChevronDown className='h-4 w-4 shrink-0 text-neutral-500 transition-transform duration-200 dark:text-neutral-400' />\r\n    </AccordionPrimitive.Trigger>\r\n  </AccordionPrimitive.Header>\r\n));\r\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;\r\n\r\nconst AccordionContent = React.forwardRef<\r\n  React.ComponentRef<typeof AccordionPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\r\n>(({className, children, ...props}, ref) => (\r\n  <AccordionPrimitive.Content\r\n    ref={ref}\r\n    className='data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm'\r\n    {...props}>\r\n    <div className={cn(\"pt-0 pb-4\", className)}>{children}</div>\r\n  </AccordionPrimitive.Content>\r\n));\r\nAccordionContent.displayName = AccordionPrimitive.Content.displayName;\r\n\r\nexport {Accordion, AccordionContent, AccordionItem, AccordionTrigger};\r\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","ChevronDown","AccordionContent"],"mappings":";;;;;;AAQA,MAAMA,YAAYC;AAElB,MAAMC,gBAAgB,WAAhBA,GAAgBC,WAGpB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,MAAuB;QACtB,KAAKK;QACL,WAAWC,GAAG,YAAYH;QACzB,GAAGC,KAAK;;AAGbH,cAAc,WAAW,GAAG;AAE5B,MAAMM,mBAAmB,WAAnBA,GAAmBL,WAGvB,CAAC,EAACC,SAAS,EAAEK,QAAQ,EAAE,GAAGJ,OAAM,EAAEC,MAAAA,WAAAA,GAClC,IAACL,QAAyB;QAAC,WAAU;kBACnC,mBAACA,SAA0B;YACzB,KAAKK;YACL,WAAWC,GACT,kJACAH;YAED,GAAGC,KAAK;;gBACRI;8BACD,IAACC,aAAWA;oBAAC,WAAU;;;;;AAI7BF,iBAAiB,WAAW,GAAGP,QAAAA,WAAsC;AAErE,MAAMU,mBAAmB,WAAnBA,GAAmBR,WAGvB,CAAC,EAACC,SAAS,EAAEK,QAAQ,EAAE,GAAGJ,OAAM,EAAEC,MAAAA,WAAAA,GAClC,IAACL,SAA0B;QACzB,KAAKK;QACL,WAAU;QACT,GAAGD,KAAK;kBACT,kBAAC;YAAI,WAAWE,GAAG,aAAaH;sBAAaK;;;AAGjDE,iBAAiB,WAAW,GAAGV,QAAAA,WAAsC"}
+{"version":3,"file":"components/ui/accordion.js","sources":["../../../src/components/ui/accordion.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {Accordion as BaseAccordion} from \"@base-ui/react/accordion\";\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {useRender} from \"@base-ui/react/use-render\";\r\nimport {ChevronDown} from \"lucide-react\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./accordion.module.css\";\r\n\r\ntype AccordionRootBaseProps = Omit<\r\n  React.ComponentPropsWithRef<typeof BaseAccordion.Root>,\r\n  \"defaultValue\" | \"multiple\" | \"onValueChange\" | \"value\" | \"className\"\r\n>;\r\n\r\n/**\r\n * Props for the single-item accordion root wrapper.\r\n */\r\ninterface AccordionSingleProps extends AccordionRootBaseProps {\r\n  /** Controls whether the accordion only allows one item to be expanded at a time. @default \"single\" */\r\n  type?: \"single\";\r\n  /** Legacy compatibility flag accepted by the wrapper but not forwarded to Base UI. @default undefined */\r\n  collapsible?: boolean;\r\n  /** Additional CSS classes merged with the accordion root styles. @default undefined */\r\n  className?: string;\r\n  /** The initially expanded item value in uncontrolled single mode. @default undefined */\r\n  defaultValue?: string;\r\n  /** Called when the expanded item changes in single mode. @default undefined */\r\n  onValueChange?: (value: string | undefined, eventDetails: unknown) => void;\r\n  /** The controlled expanded item value in single mode. @default undefined */\r\n  value?: string;\r\n}\r\n\r\n/**\r\n * Props for the multi-item accordion root wrapper.\r\n */\r\ninterface AccordionMultipleProps extends AccordionRootBaseProps {\r\n  /** Controls whether the accordion allows multiple items to stay expanded. @default \"multiple\" */\r\n  type: \"multiple\";\r\n  /** Legacy compatibility flag accepted by the wrapper but not forwarded to Base UI. @default undefined */\r\n  collapsible?: boolean;\r\n  /** Additional CSS classes merged with the accordion root styles. @default undefined */\r\n  className?: string;\r\n  /** The initially expanded item values in uncontrolled multi mode. @default undefined */\r\n  defaultValue?: string[];\r\n  /** Called when the expanded item values change in multi mode. @default undefined */\r\n  onValueChange?: (value: string[], eventDetails: unknown) => void;\r\n  /** The controlled expanded item values in multi mode. @default undefined */\r\n  value?: string[];\r\n}\r\n\r\ntype AccordionSingleRootProps = Omit<AccordionSingleProps, \"className\" | \"collapsible\" | \"render\" | \"type\">;\r\ntype AccordionMultipleRootProps = Omit<AccordionMultipleProps, \"className\" | \"collapsible\" | \"render\" | \"type\">;\r\n\r\n/**\r\n * Props for an accordion item wrapper.\r\n */\r\ninterface AccordionItemProps extends Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Item>, \"className\"> {\r\n  /** Additional CSS classes merged with the accordion item styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Props for an accordion trigger wrapper.\r\n */\r\ninterface AccordionTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Trigger>, \"className\"> {\r\n  /** Additional CSS classes merged with the accordion trigger styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Props for an accordion content wrapper.\r\n */\r\ninterface AccordionContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseAccordion.Panel>, \"className\"> {\r\n  /** Additional CSS classes merged with the accordion content styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Groups disclosure items into a styled accordion container.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}\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 * <Accordion>\r\n *   <AccordionItem value=\"item-1\">\r\n *     <AccordionTrigger>Section</AccordionTrigger>\r\n *     <AccordionContent>Content</AccordionContent>\r\n *   </AccordionItem>\r\n * </Accordion>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}\r\n */\r\nfunction Accordion(props: Readonly<Accordion.Props>): React.ReactElement {\r\n  const {className, render, type = \"single\"} = props;\r\n  const accordionRender = useRender({\r\n    defaultTagName: \"div\",\r\n    render: render as never,\r\n    props: mergeProps({className: cn(className)}, {}),\r\n  });\r\n\r\n  if (type === \"multiple\") {\r\n    const {defaultValue, onValueChange, value, ...otherProps} = omitAccordionWrapperProps(props) as AccordionMultipleRootProps;\r\n\r\n    return (\r\n      <BaseAccordion.Root\r\n        multiple\r\n        defaultValue={defaultValue}\r\n        onValueChange={onValueChange}\r\n        value={value}\r\n        {...otherProps}\r\n        render={accordionRender}\r\n      />\r\n    );\r\n  }\r\n\r\n  const {defaultValue, onValueChange, value, ...otherProps} = omitAccordionWrapperProps(props) as AccordionSingleRootProps;\r\n\r\n  return (\r\n    <BaseAccordion.Root\r\n      multiple={false}\r\n      defaultValue={defaultValue ? [defaultValue] : undefined}\r\n      onValueChange={(nextValue, eventDetails) => {\r\n        onValueChange?.(nextValue[0], eventDetails);\r\n      }}\r\n      value={value ? [value] : undefined}\r\n      {...otherProps}\r\n      render={accordionRender}\r\n    />\r\n  );\r\n}\r\nAccordion.displayName = \"Accordion\";\r\n\r\nfunction omitAccordionWrapperProps(props: Accordion.Props): AccordionSingleRootProps | AccordionMultipleRootProps {\r\n  const rootProps: Partial<Accordion.Props> = {...props};\r\n\r\n  Reflect.deleteProperty(rootProps, \"className\");\r\n  Reflect.deleteProperty(rootProps, \"collapsible\");\r\n  Reflect.deleteProperty(rootProps, \"render\");\r\n  Reflect.deleteProperty(rootProps, \"type\");\r\n\r\n  return rootProps as AccordionSingleRootProps | AccordionMultipleRootProps;\r\n}\r\n\r\n/**\r\n * Wraps a single accordion item with shared border and spacing styles.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}\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 * <AccordionItem value=\"item-1\">\r\n *   <AccordionTrigger>Section</AccordionTrigger>\r\n *   <AccordionContent>Content</AccordionContent>\r\n * </AccordionItem>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}\r\n */\r\nfunction AccordionItem(props: Readonly<AccordionItem.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseAccordion.Item\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.item, className)}, {}),\r\n      })}>\r\n      {children}\r\n    </BaseAccordion.Item>\r\n  );\r\n}\r\nAccordionItem.displayName = \"AccordionItem\";\r\n\r\n/**\r\n * Toggles an accordion item while rendering the chevron affordance.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}\r\n * - Supports the `render` prop for element composition\r\n * - Includes a built-in chevron icon; use the `render` prop for full custom trigger rendering or wrap\r\n *   the component when you need a different icon treatment\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <AccordionTrigger>Section</AccordionTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}\r\n */\r\nconst AccordionTrigger = React.forwardRef<React.ComponentRef<typeof BaseAccordion.Trigger>, AccordionTrigger.Props>(\r\n  (props: Readonly<AccordionTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseAccordion.Header className={styles.header}>\r\n        <BaseAccordion.Trigger\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.trigger, className)}, {}),\r\n          })}>\r\n          <span>{children}</span>\r\n          <ChevronDown className={styles.icon} />\r\n        </BaseAccordion.Trigger>\r\n      </BaseAccordion.Header>\r\n    );\r\n  },\r\n);\r\nAccordionTrigger.displayName = \"AccordionTrigger\";\r\n\r\n/**\r\n * Reveals accordion panel content with shared spacing and animation hooks.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/accordion | Base UI Accordion}\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 * <AccordionContent>Content</AccordionContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/accordion | Base UI Documentation}\r\n */\r\nconst AccordionContent = React.forwardRef<React.ComponentRef<typeof BaseAccordion.Panel>, AccordionContent.Props>(\r\n  (props: Readonly<AccordionContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseAccordion.Panel\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: styles.panel}, {}),\r\n        })}>\r\n        <div className={cn(styles.panelInner, className)}>{children}</div>\r\n      </BaseAccordion.Panel>\r\n    );\r\n  },\r\n);\r\nAccordionContent.displayName = \"AccordionContent\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Accordion {\r\n  export type Props = AccordionSingleProps | AccordionMultipleProps;\r\n  export type State = BaseAccordion.Root.State<string>;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AccordionItem {\r\n  export type Props = AccordionItemProps;\r\n  export type State = BaseAccordion.Item.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AccordionTrigger {\r\n  export type Props = AccordionTriggerProps;\r\n  export type State = BaseAccordion.Trigger.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace AccordionContent {\r\n  export type Props = AccordionContentProps;\r\n  export type State = BaseAccordion.Panel.State;\r\n}\r\n\r\nexport {Accordion, AccordionContent, AccordionItem, AccordionTrigger};\r\n"],"names":["Accordion","props","className","render","type","accordionRender","useRender","mergeProps","cn","defaultValue","onValueChange","value","otherProps","omitAccordionWrapperProps","BaseAccordion","undefined","nextValue","eventDetails","rootProps","Reflect","AccordionItem","children","styles","AccordionTrigger","React","ref","ChevronDown","AccordionContent"],"mappings":"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"}

package/dist/components/ui/accordion.module.js

@@ -0,0 +1,12 @@
+import "./accordion_module.css";
+const accordion_module = {
+    item: "item-WB_X_n",
+    header: "header-GhDVIA",
+    trigger: "trigger-HOApWH",
+    icon: "icon-lTsGA_",
+    panel: "panel-jN8QuI",
+    panelInner: "panelInner-QIHjN_"
+};
+export default accordion_module;
+
+//# sourceMappingURL=accordion.module.js.map

package/dist/components/ui/accordion.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/accordion.module.js","sources":["../../../src/components/ui/accordion.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./accordion_module.css\"\nexport default {\"item\":\"item-WB_X_n\",\"header\":\"header-GhDVIA\",\"trigger\":\"trigger-HOApWH\",\"icon\":\"icon-lTsGA_\",\"panel\":\"panel-jN8QuI\",\"panelInner\":\"panelInner-QIHjN_\"};"],"names":[],"mappings":";AAEA,yBAAe;IAAC,MAAO;IAAc,QAAS;IAAgB,SAAU;IAAiB,MAAO;IAAc,OAAQ;IAAe,YAAa;AAAmB"}

package/dist/components/ui/accordion_module.css

@@ -0,0 +1,72 @@
+.item-WB_X_n {
+  border-bottom: 1px solid var(--ac-border);
+}
+
+.header-GhDVIA {
+  display: flex;
+}
+
+.trigger-HOApWH {
+  color: var(--ac-foreground);
+  cursor: pointer;
+  font-size: var(--ac-text-sm);
+  align-items: center;
+  gap: var(--ac-space-3);
+  padding: var(--ac-space-3) 0;
+  text-align: left;
+  transition: color var(--ac-transition-fast);
+  background: none;
+  border: none;
+  outline: none;
+  justify-content: space-between;
+  width: 100%;
+  font-weight: 500;
+  display: flex;
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--ac-primary);
+    }
+  }
+
+  &:focus-visible {
+    border-radius: var(--ac-radius-sm);
+    outline: 2px solid var(--ac-ring);
+    outline-offset: 2px;
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+
+  &[data-panel-open] .icon-lTsGA_ {
+    transform: rotate(180deg);
+  }
+}
+
+.icon-lTsGA_ {
+  color: var(--ac-muted-foreground);
+  height: 1rem;
+  transition: transform var(--ac-transition-normal);
+  flex-shrink: 0;
+  width: 1rem;
+}
+
+.panel-jN8QuI {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  transition: grid-template-rows var(--ac-transition-normal),opacity var(--ac-transition-normal);
+  overflow: hidden;
+
+  &[data-ending-style], &[data-starting-style] {
+    opacity: 0;
+  }
+}
+
+.panelInner-QIHjN_ {
+  padding: 0 0 var(--ac-space-3);
+}
+
+
+/*# sourceMappingURL=accordion_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/accordion.module.css","webpack://./src/components/ui/accordion.module.css"],"names":[],"mappings":"AADA;ECEE,yCAAyC;AAC3C;;AAEA;EACE,aAAa;AACf;;AAEA;EACE,2BAA2B;EAC3B,eAAe;EACf,4BAA4B;EAC5B,mBAAmB;EACnB,sBAAsB;EACtB,4BAA4B;EAC5B,gBAAgB;EAChB,2CAA2C;EAC3C,gBAAgB;EAChB,YAAY;EACZ,aAAa;EACb,8BAA8B;EAC9B,WAAW;EACX,gBAAgB;EAChB,aAAa;;EAEb;IACE;MACE,wBAAwB;IAC1B;EACF;;EAEA;IACE,kCAAkC;IAClC,iCAAiC;IACjC,mBAAmB;EACrB;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;;EAEA;IACE,yBAAyB;EAC3B;AACF;;AAEA;EACE,iCAAiC;EACjC,YAAY;EACZ,iDAAiD;EACjD,cAAc;EACd,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,8FAA8F;EAC9F,gBAAgB;;EAEhB;IACE,UAAU;EACZ;AACF;;AAEA;EACE,8BAA8B;AAChC","sourcesContent":[".item{border-bottom:1px solid var(--ac-border)}.header{display:flex}.trigger{align-items:center;background:transparent;border:none;color:var(--ac-foreground);cursor:pointer;display:flex;font-size:var(--ac-text-sm);font-weight:500;gap:var(--ac-space-3);justify-content:space-between;outline:none;padding:var(--ac-space-3) 0;text-align:left;transition:color var(--ac-transition-fast);width:100%;@media (hover:hover){&:hover{color:var(--ac-primary)}}&:focus-visible{border-radius:var(--ac-radius-sm);outline:2px solid var(--ac-ring);outline-offset:2px}&[data-disabled]{cursor:not-allowed;opacity:.5}&[data-panel-open] .icon{transform:rotate(180deg)}}.icon{color:var(--ac-muted-foreground);flex-shrink:0;height:1rem;transition:transform var(--ac-transition-normal);width:1rem}.panel{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);overflow:hidden;transition:grid-template-rows var(--ac-transition-normal),opacity var(--ac-transition-normal);&[data-ending-style],&[data-starting-style]{opacity:0}}.panelInner{padding:0 0 var(--ac-space-3)}",".item {\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.header {\n  display: flex;\n}\n\n.trigger {\n  color: var(--ac-foreground);\n  cursor: pointer;\n  font-size: var(--ac-text-sm);\n  align-items: center;\n  gap: var(--ac-space-3);\n  padding: var(--ac-space-3) 0;\n  text-align: left;\n  transition: color var(--ac-transition-fast);\n  background: none;\n  border: none;\n  outline: none;\n  justify-content: space-between;\n  width: 100%;\n  font-weight: 500;\n  display: flex;\n\n  @media (hover: hover) {\n    &:hover {\n      color: var(--ac-primary);\n    }\n  }\n\n  &:focus-visible {\n    border-radius: var(--ac-radius-sm);\n    outline: 2px solid var(--ac-ring);\n    outline-offset: 2px;\n  }\n\n  &[data-disabled] {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n\n  &[data-panel-open] .icon {\n    transform: rotate(180deg);\n  }\n}\n\n.icon {\n  color: var(--ac-muted-foreground);\n  height: 1rem;\n  transition: transform var(--ac-transition-normal);\n  flex-shrink: 0;\n  width: 1rem;\n}\n\n.panel {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  transition: grid-template-rows var(--ac-transition-normal),opacity var(--ac-transition-normal);\n  overflow: hidden;\n\n  &[data-ending-style], &[data-starting-style] {\n    opacity: 0;\n  }\n}\n\n.panelInner {\n  padding: 0 0 var(--ac-space-3);\n}\n"],"sourceRoot":""}