@arolariu/components 0.4.2 → 1.0.0

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

@@ -1,8 +1,117 @@
-import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { Tabs as BaseTabs } from "@base-ui/react/tabs";
 import * as React from "react";
-declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
-declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+interface TabsProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.Root>, "className"> {
+    /** Additional CSS classes merged with the tabs root styles. @default undefined */
+    className?: string;
+}
+interface TabsListProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.List>, "className"> {
+    /** Additional CSS classes merged with the tabs list styles. @default undefined */
+    className?: string;
+}
+interface TabsTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.Tab>, "className"> {
+    /** Additional CSS classes merged with the individual tab trigger styles. @default undefined */
+    className?: string;
+}
+interface TabsContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.Panel>, "className"> {
+    /** Additional CSS classes merged with the tab panel styles. @default undefined */
+    className?: string;
+}
+/**
+ * Coordinates a tabbed interface for switching between related panels.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Tabs defaultValue="overview">
+ *   <TabsList>
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">Content</TabsContent>
+ * </Tabs>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}
+ */
+declare function Tabs(props: Readonly<Tabs.Props>): React.ReactElement;
+declare namespace Tabs {
+    var displayName: string;
+}
+/**
+ * Renders the tab list along with the shared active indicator.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <TabsList>
+ *   <TabsTrigger value="overview">Overview</TabsTrigger>
+ * </TabsList>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}
+ */
+declare function TabsList(props: Readonly<TabsList.Props>): React.ReactElement;
+declare namespace TabsList {
+    var displayName: string;
+}
+/**
+ * Activates a specific tab panel within the surrounding tabs root.
+ *
+ * @remarks
+ * - Renders a `<button>` element by default
+ * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <TabsTrigger value="overview">Overview</TabsTrigger>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}
+ */
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsTriggerProps, "ref"> & React.RefAttributes<HTMLElement>>;
+/**
+ * Renders the content panel associated with the active tab.
+ *
+ * @remarks
+ * - Renders a `<div>` element by default
+ * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}
+ * - Supports the `render` prop for element composition
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <TabsContent value="overview">Content</TabsContent>
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}
+ */
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare namespace Tabs {
+    type Props = TabsProps;
+    type State = BaseTabs.Root.State;
+}
+declare namespace TabsList {
+    type Props = TabsListProps;
+    type State = BaseTabs.List.State;
+}
+declare namespace TabsTrigger {
+    type Props = TabsTriggerProps;
+    type State = BaseTabs.Tab.State;
+}
+declare namespace TabsContent {
+    type Props = TabsContentProps;
+    type State = BaseTabs.Panel.State;
+}
 export { Tabs, TabsContent, TabsList, TabsTrigger };
 //# sourceMappingURL=tabs.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAWb,CAAC;AAGF,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,IAAI,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,SAAU,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC9F,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAClG,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,GAAG,CAAC,EAAE,WAAW,CAAC;IACpG,+FAA+F;IAC/F,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,gBAAiB,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,QAAQ,CAAC,KAAK,CAAC,EAAE,WAAW,CAAC;IACtG,kFAAkF;IAClF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,iBAAS,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAc7D;kBAdQ,IAAI;;;AAiBb;;;;;;;;;;;;;;;;;GAiBG;AACH,iBAAS,QAAQ,CAAC,KAAK,EAAE,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,YAAY,CAerE;kBAfQ,QAAQ;;;AAkBjB;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW,mGAiBhB,CAAC;AAGF;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,WAAW,sGAiBhB,CAAC;AAIF,kBAAU,IAAI,CAAC;IACb,KAAY,KAAK,GAAG,SAAS,CAAC;IAC9B,KAAY,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;CACzC;AAGD,kBAAU,QAAQ,CAAC;IACjB,KAAY,KAAK,GAAG,aAAa,CAAC;IAClC,KAAY,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;CACzC;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;CACxC;AAGD,kBAAU,WAAW,CAAC;IACpB,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;CAC1C;AAED,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAC,CAAC"}

package/dist/components/ui/tabs.js

@@ -1,27 +1,78 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
-import { Content, List, Root, Trigger } from "@radix-ui/react-tabs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Tabs } from "@base-ui/react/tabs";
+import { useRender } from "@base-ui/react/use-render";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const Tabs = Root;
-const TabsList = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(List, {
+import tabs_module from "./tabs.module.js";
+function tabs_Tabs(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Tabs.Root, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(tabs_module.root, className)
+            }, {})
+        }),
+        children: children
+    });
+}
+tabs_Tabs.displayName = "Tabs";
+function TabsList(props) {
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsxs(Tabs.List, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(tabs_module.list, className)
+            }, {})
+        }),
+        children: [
+            children,
+            /*#__PURE__*/ jsx(Tabs.Indicator, {
+                className: tabs_module.indicator
+            })
+        ]
+    });
+}
+TabsList.displayName = "TabsList";
+const TabsTrigger = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Tabs.Tab, {
         ref: ref,
-        className: cn("inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400", className),
-        ...props
-    }));
-TabsList.displayName = List.displayName;
-const TabsTrigger = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Trigger, {
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(tabs_module.tab, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, children, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Tabs.Panel, {
         ref: ref,
-        className: cn("inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50", className),
-        ...props
-    }));
-TabsTrigger.displayName = Trigger.displayName;
-const TabsContent = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Content, {
-        ref: ref,
-        className: cn("mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300", className),
-        ...props
-    }));
-TabsContent.displayName = Content.displayName;
-export { Tabs, TabsContent, TabsList, TabsTrigger };
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "div",
+            render: render,
+            props: mergeProps({
+                className: cn(tabs_module.panel, className)
+            }, {})
+        }),
+        children: children
+    });
+});
+TabsContent.displayName = "TabsContent";
+export { TabsContent, TabsList, TabsTrigger, tabs_Tabs as Tabs };
 
 //# sourceMappingURL=tabs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/tabs.js","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as TabsPrimitive from \"@radix-ui/react-tabs\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Tabs = TabsPrimitive.Root;\r\n\r\nconst TabsList = React.forwardRef<React.ComponentRef<typeof TabsPrimitive.List>, React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>>(\r\n  ({className, ...props}, ref) => (\r\n    <TabsPrimitive.List\r\n      ref={ref}\r\n      className={cn(\r\n        \"inline-flex h-9 items-center justify-center rounded-lg bg-neutral-100 p-1 text-neutral-500 dark:bg-neutral-800 dark:text-neutral-400\",\r\n        className,\r\n      )}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTabsList.displayName = TabsPrimitive.List.displayName;\r\n\r\nconst TabsTrigger = React.forwardRef<\r\n  React.ComponentRef<typeof TabsPrimitive.Trigger>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Trigger\r\n    ref={ref}\r\n    className={cn(\r\n      \"inline-flex items-center justify-center rounded-md px-3 py-1 text-sm font-medium whitespace-nowrap ring-offset-white transition-all focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-white data-[state=active]:text-neutral-950 data-[state=active]:shadow dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300 dark:data-[state=active]:bg-neutral-950 dark:data-[state=active]:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsTrigger.displayName = TabsPrimitive.Trigger.displayName;\r\n\r\nconst TabsContent = React.forwardRef<\r\n  React.ComponentRef<typeof TabsPrimitive.Content>,\r\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\r\n>(({className, ...props}, ref) => (\r\n  <TabsPrimitive.Content\r\n    ref={ref}\r\n    className={cn(\r\n      \"mt-2 ring-offset-white focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:outline-none dark:ring-offset-neutral-950 dark:focus-visible:ring-neutral-300\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTabsContent.displayName = TabsPrimitive.Content.displayName;\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","TabsPrimitive","TabsList","React","className","props","ref","cn","TabsTrigger","TabsContent"],"mappings":";;;;;AAOA,MAAMA,OAAOC;AAEb,MAAMC,WAAW,WAAXA,GAAWC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAACL,MAAkB;QACjB,KAAKK;QACL,WAAWC,GACT,wIACAH;QAED,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAGD,KAAAA,WAA8B;AAErD,MAAMO,cAAc,WAAdA,GAAcL,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,khBACAH;QAED,GAAGC,KAAK;;AAGbG,YAAY,WAAW,GAAGP,QAAAA,WAAiC;AAE3D,MAAMQ,cAAc,WAAdA,GAAcN,WAGlB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACL,SAAqB;QACpB,KAAKK;QACL,WAAWC,GACT,sMACAH;QAED,GAAGC,KAAK;;AAGbI,YAAY,WAAW,GAAGR,QAAAA,WAAiC"}
+{"version":3,"file":"components/ui/tabs.js","sources":["../../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Tabs as BaseTabs} from \"@base-ui/react/tabs\";\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 \"./tabs.module.css\";\r\n\r\ninterface TabsProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.Root>, \"className\"> {\r\n  /** Additional CSS classes merged with the tabs root styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface TabsListProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.List>, \"className\"> {\r\n  /** Additional CSS classes merged with the tabs list styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface TabsTriggerProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.Tab>, \"className\"> {\r\n  /** Additional CSS classes merged with the individual tab trigger styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\ninterface TabsContentProps extends Omit<React.ComponentPropsWithRef<typeof BaseTabs.Panel>, \"className\"> {\r\n  /** Additional CSS classes merged with the tab panel styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Coordinates a tabbed interface for switching between related panels.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}\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 * <Tabs defaultValue=\"overview\">\r\n *   <TabsList>\r\n *     <TabsTrigger value=\"overview\">Overview</TabsTrigger>\r\n *   </TabsList>\r\n *   <TabsContent value=\"overview\">Content</TabsContent>\r\n * </Tabs>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}\r\n */\r\nfunction Tabs(props: Readonly<Tabs.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseTabs.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    </BaseTabs.Root>\r\n  );\r\n}\r\nTabs.displayName = \"Tabs\";\r\n\r\n/**\r\n * Renders the tab list along with the shared active 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/tabs | Base UI Tabs}\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 * <TabsList>\r\n *   <TabsTrigger value=\"overview\">Overview</TabsTrigger>\r\n * </TabsList>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}\r\n */\r\nfunction TabsList(props: Readonly<TabsList.Props>): React.ReactElement {\r\n  const {className, children, render, ...otherProps} = props;\r\n\r\n  return (\r\n    <BaseTabs.List\r\n      {...otherProps}\r\n      render={useRender({\r\n        defaultTagName: \"div\",\r\n        render: render as never,\r\n        props: mergeProps({className: cn(styles.list, className)}, {}),\r\n      })}>\r\n      {children}\r\n      <BaseTabs.Indicator className={styles.indicator} />\r\n    </BaseTabs.List>\r\n  );\r\n}\r\nTabsList.displayName = \"TabsList\";\r\n\r\n/**\r\n * Activates a specific tab panel within the surrounding tabs root.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}\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 * <TabsTrigger value=\"overview\">Overview</TabsTrigger>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}\r\n */\r\nconst TabsTrigger = React.forwardRef<React.ComponentRef<typeof BaseTabs.Tab>, TabsTrigger.Props>(\r\n  (props: Readonly<TabsTrigger.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseTabs.Tab\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.tab, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseTabs.Tab>\r\n    );\r\n  },\r\n);\r\nTabsTrigger.displayName = \"TabsTrigger\";\r\n\r\n/**\r\n * Renders the content panel associated with the active tab.\r\n *\r\n * @remarks\r\n * - Renders a `<div>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/tabs | Base UI Tabs}\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 * <TabsContent value=\"overview\">Content</TabsContent>\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/tabs | Base UI Documentation}\r\n */\r\nconst TabsContent = React.forwardRef<React.ComponentRef<typeof BaseTabs.Panel>, TabsContent.Props>(\r\n  (props: Readonly<TabsContent.Props>, ref): React.ReactElement => {\r\n    const {className, children, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseTabs.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: cn(styles.panel, className)}, {}),\r\n        })}>\r\n        {children}\r\n      </BaseTabs.Panel>\r\n    );\r\n  },\r\n);\r\nTabsContent.displayName = \"TabsContent\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Tabs {\r\n  export type Props = TabsProps;\r\n  export type State = BaseTabs.Root.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TabsList {\r\n  export type Props = TabsListProps;\r\n  export type State = BaseTabs.List.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TabsTrigger {\r\n  export type Props = TabsTriggerProps;\r\n  export type State = BaseTabs.Tab.State;\r\n}\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace TabsContent {\r\n  export type Props = TabsContentProps;\r\n  export type State = BaseTabs.Panel.State;\r\n}\r\n\r\nexport {Tabs, TabsContent, TabsList, TabsTrigger};\r\n"],"names":["Tabs","props","className","children","render","otherProps","BaseTabs","useRender","mergeProps","cn","styles","TabsList","TabsTrigger","React","ref","TabsContent"],"mappings":";;;;;;;;AAmDA,SAASA,UAAKC,KAA2B;IACvC,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,KAAAA,IAAa;QACX,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,YAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;kBACCC;;AAGP;AACAH,UAAK,WAAW,GAAG;AAoBnB,SAASW,SAASV,KAA+B;IAC/C,MAAM,EAACC,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,KAACK,KAAAA,IAAa;QACX,GAAGD,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,YAAAA,IAAW,EAAER;YAAU,GAAG,CAAC;QAC9D;;YACCC;0BACD,IAACG,KAAAA,SAAkB;gBAAC,WAAWI,YAAAA,SAAgB;;;;AAGrD;AACAC,SAAS,WAAW,GAAG;AAkBvB,MAAMC,cAAc,WAAHA,GAAGC,WAClB,CAACZ,OAAoCa;IACnC,MAAM,EAACZ,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,KAAAA,GAAY;QACX,KAAKQ;QACJ,GAAGT,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,YAAAA,GAAU,EAAER;YAAU,GAAG,CAAC;QAC7D;kBACCC;;AAGP;AAEFS,YAAY,WAAW,GAAG;AAkB1B,MAAMG,cAAc,WAAHA,GAAGF,WAClB,CAACZ,OAAoCa;IACnC,MAAM,EAACZ,SAAS,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAErD,OAAO,WAAP,GACE,IAACK,KAAAA,KAAc;QACb,KAAKQ;QACJ,GAAGT,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,YAAAA,KAAY,EAAER;YAAU,GAAG,CAAC;QAC/D;kBACCC;;AAGP;AAEFY,YAAY,WAAW,GAAG"}

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

@@ -0,0 +1,10 @@
+import "./tabs_module.css";
+const tabs_module = {
+    list: "list-J1rQVj",
+    tab: "tab-Ngb9CQ",
+    indicator: "indicator-kKQ3hg",
+    panel: "panel-rP4hUn"
+};
+export default tabs_module;
+
+//# sourceMappingURL=tabs.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/tabs.module.js","sources":["../../../src/components/ui/tabs.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./tabs_module.css\"\nexport default {\"list\":\"list-J1rQVj\",\"tab\":\"tab-Ngb9CQ\",\"indicator\":\"indicator-kKQ3hg\",\"panel\":\"panel-rP4hUn\"};"],"names":[],"mappings":";AAEA,oBAAe;IAAC,MAAO;IAAc,KAAM;IAAa,WAAY;IAAmB,OAAQ;AAAc"}

package/dist/components/ui/tabs_module.css

@@ -0,0 +1,89 @@
+.list-J1rQVj {
+  border-bottom: 1px solid var(--ac-border);
+  z-index: 0;
+  background-color: #0000;
+  gap: 0;
+  padding-inline: 0;
+  display: flex;
+  position: relative;
+}
+
+.tab-Ngb9CQ {
+  appearance: none;
+  color: var(--ac-muted-foreground);
+  cursor: pointer;
+  font-family: inherit;
+  font-size: var(--ac-text-sm);
+  height: 2.25rem;
+  padding-block: 0;
+  padding-inline: var(--ac-space-3);
+  transition: color var(--ac-transition-fast);
+  -webkit-user-select: none;
+  user-select: none;
+  white-space: nowrap;
+  word-break: keep-all;
+  background: none;
+  border: 0;
+  outline: none;
+  justify-content: center;
+  align-items: center;
+  margin: 0;
+  font-weight: 500;
+  display: flex;
+
+  &[data-active] {
+    color: var(--ac-foreground);
+  }
+
+  @media (hover: hover) {
+    &:hover {
+      color: var(--ac-foreground);
+    }
+  }
+
+  &:focus-visible {
+    position: relative;
+
+    &:before {
+      border-radius: var(--ac-radius-xs);
+      content: "";
+      inset: var(--ac-space-1) 0;
+      outline: 2px solid var(--ac-ring);
+      outline-offset: -1px;
+      position: absolute;
+    }
+  }
+}
+
+.indicator-kKQ3hg {
+  background-color: var(--ac-foreground);
+  height: 2px;
+  translate: var(--active-tab-left) 0;
+  width: var(--active-tab-width);
+  z-index: 0;
+  transition-property: translate, width;
+  transition-duration: .2s;
+  transition-timing-function: ease-in-out;
+  position: absolute;
+  bottom: -1px;
+  left: 0;
+}
+
+.panel-rP4hUn {
+  padding-top: var(--ac-space-4);
+  outline: none;
+  position: relative;
+
+  &:focus-visible {
+    border-radius: var(--ac-radius-md);
+    outline: 2px solid var(--ac-ring);
+    outline-offset: -1px;
+  }
+
+  &[hidden] {
+    display: none;
+  }
+}
+
+
+/*# sourceMappingURL=tabs_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/tabs.module.css","webpack://./src/components/ui/tabs.module.css"],"names":[],"mappings":"AADA;ECEE,yCAAyC;EACzC,UAAU;EACV,uBAAuB;EACvB,MAAM;EACN,iBAAiB;EACjB,aAAa;EACb,kBAAkB;AACpB;;AAEA;EACE,gBAAgB;EAChB,iCAAiC;EACjC,eAAe;EACf,oBAAoB;EACpB,4BAA4B;EAC5B,eAAe;EACf,gBAAgB;EAChB,iCAAiC;EACjC,2CAA2C;EAC3C,yBAAyB;EACzB,iBAAiB;EACjB,mBAAmB;EACnB,oBAAoB;EACpB,gBAAgB;EAChB,SAAS;EACT,aAAa;EACb,uBAAuB;EACvB,mBAAmB;EACnB,SAAS;EACT,gBAAgB;EAChB,aAAa;;EAEb;IACE,2BAA2B;EAC7B;;EAEA;IACE;MACE,2BAA2B;IAC7B;EACF;;EAEA;IACE,kBAAkB;;IAElB;MACE,kCAAkC;MAClC,WAAW;MACX,0BAA0B;MAC1B,iCAAiC;MACjC,oBAAoB;MACpB,kBAAkB;IACpB;EACF;AACF;;AAEA;EACE,sCAAsC;EACtC,WAAW;EACX,mCAAmC;EACnC,8BAA8B;EAC9B,UAAU;EACV,qCAAqC;EACrC,wBAAwB;EACxB,uCAAuC;EACvC,kBAAkB;EAClB,YAAY;EACZ,OAAO;AACT;;AAEA;EACE,8BAA8B;EAC9B,aAAa;EACb,kBAAkB;;EAElB;IACE,kCAAkC;IAClC,iCAAiC;IACjC,oBAAoB;EACtB;;EAEA;IACE,aAAa;EACf;AACF","sourcesContent":[".list{background-color:transparent;border-bottom:1px solid var(--ac-border);display:flex;gap:0;padding-inline:0;position:relative;z-index:0}.tab{align-items:center;appearance:none;background:none;border:0;color:var(--ac-muted-foreground);cursor:pointer;display:flex;font-family:inherit;font-size:var(--ac-text-sm);font-weight:500;height:2.25rem;justify-content:center;margin:0;outline:none;padding-block:0;padding-inline:var(--ac-space-3);transition:color var(--ac-transition-fast);user-select:none;white-space:nowrap;word-break:keep-all;&[data-active]{color:var(--ac-foreground)}@media (hover:hover){&:hover{color:var(--ac-foreground)}}&:focus-visible{position:relative;&:before{border-radius:var(--ac-radius-xs);content:\"\";inset:var(--ac-space-1) 0;outline:2px solid var(--ac-ring);outline-offset:-1px;position:absolute}}}.indicator{background-color:var(--ac-foreground);bottom:-1px;height:2px;left:0;position:absolute;transition-duration:.2s;transition-property:translate,width;transition-timing-function:ease-in-out;translate:var(--active-tab-left) 0;width:var(--active-tab-width);z-index:0}.panel{outline:none;padding-top:var(--ac-space-4);position:relative;&:focus-visible{border-radius:var(--ac-radius-md);outline:2px solid var(--ac-ring);outline-offset:-1px}&[hidden]{display:none}}",".list {\n  border-bottom: 1px solid var(--ac-border);\n  z-index: 0;\n  background-color: #0000;\n  gap: 0;\n  padding-inline: 0;\n  display: flex;\n  position: relative;\n}\n\n.tab {\n  appearance: none;\n  color: var(--ac-muted-foreground);\n  cursor: pointer;\n  font-family: inherit;\n  font-size: var(--ac-text-sm);\n  height: 2.25rem;\n  padding-block: 0;\n  padding-inline: var(--ac-space-3);\n  transition: color var(--ac-transition-fast);\n  -webkit-user-select: none;\n  user-select: none;\n  white-space: nowrap;\n  word-break: keep-all;\n  background: none;\n  border: 0;\n  outline: none;\n  justify-content: center;\n  align-items: center;\n  margin: 0;\n  font-weight: 500;\n  display: flex;\n\n  &[data-active] {\n    color: var(--ac-foreground);\n  }\n\n  @media (hover: hover) {\n    &:hover {\n      color: var(--ac-foreground);\n    }\n  }\n\n  &:focus-visible {\n    position: relative;\n\n    &:before {\n      border-radius: var(--ac-radius-xs);\n      content: \"\";\n      inset: var(--ac-space-1) 0;\n      outline: 2px solid var(--ac-ring);\n      outline-offset: -1px;\n      position: absolute;\n    }\n  }\n}\n\n.indicator {\n  background-color: var(--ac-foreground);\n  height: 2px;\n  translate: var(--active-tab-left) 0;\n  width: var(--active-tab-width);\n  z-index: 0;\n  transition-property: translate, width;\n  transition-duration: .2s;\n  transition-timing-function: ease-in-out;\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n}\n\n.panel {\n  padding-top: var(--ac-space-4);\n  outline: none;\n  position: relative;\n\n  &:focus-visible {\n    border-radius: var(--ac-radius-md);\n    outline: 2px solid var(--ac-ring);\n    outline-offset: -1px;\n  }\n\n  &[hidden] {\n    display: none;\n  }\n}\n"],"sourceRoot":""}

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

@@ -1,4 +1,27 @@
 import * as React from "react";
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+/**
+ * Props for the shared textarea wrapper.
+ */
+interface TextareaProps extends React.ComponentPropsWithoutRef<"textarea"> {
+    /** Additional CSS classes merged with the textarea styles. @default undefined */
+    className?: string;
+}
+/**
+ * Renders a multi-line text area for longer free-form text input.
+ *
+ * @remarks
+ * - Renders a `<textarea>` element by default
+ * - Built on {@link https://base-ui.com/react/components/textarea | Base UI Textarea}
+ * - Supports the `render` prop for element composition through standard React composition patterns
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example Basic usage
+ * ```tsx
+ * <Textarea placeholder="Add additional details" />
+ * ```
+ *
+ * @see {@link https://base-ui.com/react/components/textarea | Base UI Documentation}
+ */
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };
 //# sourceMappingURL=textarea.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,0LAWZ,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,UAAU,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,UAAU,CAAC;IACxE,iFAAiF;IACjF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,QAAQ,2FAQb,CAAC;AAGF,OAAO,EAAC,QAAQ,EAAC,CAAC"}

package/dist/components/ui/textarea.js

@@ -1,10 +1,10 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
+import textarea_module from "./textarea.module.js";
 const Textarea = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("textarea", {
-        className: cn("flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300", className),
         ref: ref,
+        className: cn(textarea_module.textarea, className),
         ...props
     }));
 Textarea.displayName = "Textarea";

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/textarea.js","sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, React.ComponentProps<\"textarea\">>(({className, ...props}, ref) => {\r\n  return (\r\n    <textarea\r\n      className={cn(\r\n        \"flex min-h-[60px] w-full rounded-md border border-neutral-200 bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-neutral-500 focus-visible:ring-1 focus-visible:ring-neutral-950 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:border-neutral-800 dark:placeholder:text-neutral-400 dark:focus-visible:ring-neutral-300\",\r\n        className,\r\n      )}\r\n      ref={ref}\r\n      {...props}\r\n    />\r\n  );\r\n});\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport {Textarea};\r\n"],"names":["Textarea","React","className","props","ref","cn"],"mappings":";;;;AAMA,MAAMA,WAAW,WAAXA,GAAWC,WAAwE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MACxG,WAAP,GACE,IAAC;QACC,WAAWC,GACT,mXACAH;QAEF,KAAKE;QACJ,GAAGD,KAAK;;AAIfH,SAAS,WAAW,GAAG"}
+{"version":3,"file":"components/ui/textarea.js","sources":["../../../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./textarea.module.css\";\r\n\r\n/**\r\n * Props for the shared textarea wrapper.\r\n */\r\ninterface TextareaProps extends React.ComponentPropsWithoutRef<\"textarea\"> {\r\n  /** Additional CSS classes merged with the textarea styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Renders a multi-line text area for longer free-form text input.\r\n *\r\n * @remarks\r\n * - Renders a `<textarea>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/textarea | Base UI Textarea}\r\n * - Supports the `render` prop for element composition through standard React composition patterns\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example Basic usage\r\n * ```tsx\r\n * <Textarea placeholder=\"Add additional details\" />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/textarea | Base UI Documentation}\r\n */\r\nconst Textarea = React.forwardRef<HTMLTextAreaElement, TextareaProps>(\r\n  ({className, ...props}: Readonly<TextareaProps>, ref): React.JSX.Element => (\r\n    <textarea\r\n      ref={ref}\r\n      className={cn(styles.textarea, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTextarea.displayName = \"Textarea\";\r\n\r\nexport {Textarea};\r\n"],"names":["Textarea","React","className","props","ref","cn","styles"],"mappings":";;;;AA6BA,MAAMA,WAAW,WAAHA,GAAGC,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,gBAAAA,QAAe,EAAEJ;QAC9B,GAAGC,KAAK;;AAIfH,SAAS,WAAW,GAAG"}

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

@@ -0,0 +1,7 @@
+import "./textarea_module.css";
+const textarea_module = {
+    textarea: "textarea-hdUZWB"
+};
+export default textarea_module;
+
+//# sourceMappingURL=textarea.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/textarea.module.js","sources":["../../../src/components/ui/textarea.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./textarea_module.css\"\nexport default {\"textarea\":\"textarea-hdUZWB\"};"],"names":[],"mappings":";AAEA,wBAAe;IAAC,UAAW;AAAiB"}

package/dist/components/ui/textarea_module.css

@@ -0,0 +1,33 @@
+.textarea-hdUZWB {
+  border: 1px solid var(--ac-input);
+  border-radius: var(--ac-radius-md);
+  box-sizing: border-box;
+  color: var(--ac-foreground);
+  font-size: var(--ac-text-sm);
+  min-height: 3.75rem;
+  padding: var(--ac-space-2) var(--ac-space-3);
+  resize: vertical;
+  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);
+  background-color: #0000;
+  outline: none;
+  width: 100%;
+  line-height: 1.5;
+  display: flex;
+
+  &::placeholder {
+    color: var(--ac-muted-foreground);
+  }
+
+  &:focus-visible {
+    border-color: var(--ac-ring);
+    box-shadow: 0 0 0 1px var(--ac-ring);
+  }
+
+  &:disabled {
+    cursor: not-allowed;
+    opacity: .5;
+  }
+}
+
+
+/*# sourceMappingURL=textarea_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/textarea.module.css","webpack://./src/components/ui/textarea.module.css"],"names":[],"mappings":"AADA;ECEE,iCAAiC;EACjC,kCAAkC;EAClC,sBAAsB;EACtB,2BAA2B;EAC3B,4BAA4B;EAC5B,mBAAmB;EACnB,4CAA4C;EAC5C,gBAAgB;EAChB,uFAAuF;EACvF,uBAAuB;EACvB,aAAa;EACb,WAAW;EACX,gBAAgB;EAChB,aAAa;;EAEb;IACE,iCAAiC;EACnC;;EAEA;IACE,4BAA4B;IAC5B,oCAAoC;EACtC;;EAEA;IACE,mBAAmB;IACnB,WAAW;EACb;AACF","sourcesContent":[".textarea{background-color:transparent;border:1px solid var(--ac-input);border-radius:var(--ac-radius-md);box-sizing:border-box;color:var(--ac-foreground);display:flex;font-size:var(--ac-text-sm);line-height:1.5;min-height:3.75rem;outline:none;padding:var(--ac-space-2) var(--ac-space-3);resize:vertical;transition:border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);width:100%;&::placeholder{color:var(--ac-muted-foreground)}&:focus-visible{border-color:var(--ac-ring);box-shadow:0 0 0 1px var(--ac-ring)}&:disabled{cursor:not-allowed;opacity:.5}}",".textarea {\n  border: 1px solid var(--ac-input);\n  border-radius: var(--ac-radius-md);\n  box-sizing: border-box;\n  color: var(--ac-foreground);\n  font-size: var(--ac-text-sm);\n  min-height: 3.75rem;\n  padding: var(--ac-space-2) var(--ac-space-3);\n  resize: vertical;\n  transition: border-color var(--ac-transition-fast),box-shadow var(--ac-transition-fast);\n  background-color: #0000;\n  outline: none;\n  width: 100%;\n  line-height: 1.5;\n  display: flex;\n\n  &::placeholder {\n    color: var(--ac-muted-foreground);\n  }\n\n  &:focus-visible {\n    border-color: var(--ac-ring);\n    box-shadow: 0 0 0 1px var(--ac-ring);\n  }\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: .5;\n  }\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,111 @@
+import * as React from "react";
+/**
+ * Represents the configurable props for the {@link Timeline} component.
+ *
+ * @remarks
+ * Extends native `<div>` attributes so timelines can expose test hooks, ARIA metadata,
+ * and layout overrides while delegating item composition to child components.
+ */
+interface TimelineProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Timeline items composed as children.
+     */
+    children: React.ReactNode;
+}
+/**
+ * Represents the configurable props for the {@link TimelineItem} component.
+ */
+interface TimelineItemProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * The composed timeline dot and content for an individual event.
+     */
+    children: React.ReactNode;
+}
+/**
+ * Represents the configurable props for the {@link TimelineDot} component.
+ */
+type TimelineDotProps = React.HTMLAttributes<HTMLDivElement>;
+/**
+ * Represents the configurable props for the {@link TimelineContent} component.
+ */
+interface TimelineContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Content rendered alongside the timeline marker.
+     */
+    children: React.ReactNode;
+}
+/**
+ * A vertical timeline container for displaying chronological events.
+ *
+ * @remarks
+ * **Rendering Context**: Server- and client-compatible presentational component.
+ *
+ * Compose it with {@link TimelineItem}, {@link TimelineDot}, and {@link TimelineContent}
+ * to render milestones, release notes, audit trails, or journey steps in order.
+ *
+ * @example
+ * ```tsx
+ * <Timeline>
+ *   <TimelineItem>
+ *     <TimelineDot />
+ *     <TimelineContent>Account created</TimelineContent>
+ *   </TimelineItem>
+ * </Timeline>
+ * ```
+ *
+ * @see {@link TimelineItem}
+ * @see {@link TimelineContent}
+ */
+declare const Timeline: React.ForwardRefExoticComponent<TimelineProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A single event row within a {@link Timeline}.
+ *
+ * @remarks
+ * Renders a flex row that aligns a marker with its corresponding content block.
+ *
+ * @example
+ * ```tsx
+ * <TimelineItem>
+ *   <TimelineDot />
+ *   <TimelineContent>Invoice submitted</TimelineContent>
+ * </TimelineItem>
+ * ```
+ *
+ * @see {@link Timeline}
+ */
+declare const TimelineItem: React.ForwardRefExoticComponent<TimelineItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * A visual marker used to indicate a timeline event point.
+ *
+ * @remarks
+ * The dot is decorative by default and is removed from the accessibility tree with
+ * `aria-hidden="true"`.
+ *
+ * @example
+ * ```tsx
+ * <TimelineDot />
+ * ```
+ *
+ * @see {@link TimelineItem}
+ */
+declare const TimelineDot: React.ForwardRefExoticComponent<TimelineDotProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The content container rendered beside a {@link TimelineDot}.
+ *
+ * @remarks
+ * Use this wrapper for text, metadata, or richer composed content associated with a
+ * timeline event.
+ *
+ * @example
+ * ```tsx
+ * <TimelineContent>
+ *   <strong>Version 1.0 released</strong>
+ * </TimelineContent>
+ * ```
+ *
+ * @see {@link Timeline}
+ */
+declare const TimelineContent: React.ForwardRefExoticComponent<TimelineContentProps & React.RefAttributes<HTMLDivElement>>;
+export { Timeline, TimelineContent, TimelineDot, TimelineItem };
+export type { TimelineContentProps, TimelineDotProps, TimelineItemProps, TimelineProps };
+//# sourceMappingURL=timeline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.d.ts","sourceRoot":"","sources":["../../../src/components/ui/timeline.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;;;;;GAMG;AACH,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,UAAU,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;GAEG;AACH,KAAK,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D;;GAEG;AACH,UAAU,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,QAAA,MAAM,QAAQ,sFAOZ,CAAC;AAGH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,YAAY,0FAOhB,CAAC;AAGH;;;;;;;;;;;;;GAaG;AACH,QAAA,MAAM,WAAW,yFAOf,CAAC;AAGH;;;;;;;;;;;;;;;GAeG;AACH,QAAA,MAAM,eAAe,6FAMnB,CAAC;AAGH,OAAO,EAAC,QAAQ,EAAE,eAAe,EAAE,WAAW,EAAE,YAAY,EAAC,CAAC;AAC9D,YAAY,EAAC,oBAAoB,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,aAAa,EAAC,CAAC"}