@arolariu/components 0.5.0 → 1.0.0

package/dist/components/ui/switch.js

@@ -1,17 +1,29 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { Root, Thumb } from "@radix-ui/react-switch";
+import { mergeProps } from "@base-ui/react/merge-props";
+import { Switch } from "@base-ui/react/switch";
+import { useRender } from "@base-ui/react/use-render";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
-const Switch = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx(Root, {
-        className: cn("peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800", className),
-        ...props,
+import switch_module from "./switch.module.js";
+const switch_Switch = /*#__PURE__*/ forwardRef((props, ref)=>{
+    const { className, render, ...otherProps } = props;
+    return /*#__PURE__*/ jsx(Switch.Root, {
         ref: ref,
-        children: /*#__PURE__*/ jsx(Thumb, {
-            className: cn("pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950")
+        ...otherProps,
+        render: useRender({
+            defaultTagName: "button",
+            render: render,
+            props: mergeProps({
+                className: cn(switch_module.root, className)
+            }, {})
+        }),
+        children: /*#__PURE__*/ jsx(Switch.Thumb, {
+            className: switch_module.thumb
         })
-    }));
-Switch.displayName = Root.displayName;
-export { Switch };
+    });
+});
+switch_Switch.displayName = "Switch";
+export { switch_Switch as Switch };
 
 //# sourceMappingURL=switch.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as SwitchPrimitives from \"@radix-ui/react-switch\";\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Switch = React.forwardRef<\r\n  React.ComponentRef<typeof SwitchPrimitives.Root>,\r\n  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>\r\n>(({className, ...props}, ref) => (\r\n  <SwitchPrimitives.Root\r\n    className={cn(\r\n      \"peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-sm transition-colors focus-visible:ring-2 focus-visible:ring-neutral-950 focus-visible:ring-offset-2 focus-visible:ring-offset-white focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-neutral-900 data-[state=unchecked]:bg-neutral-200 dark:focus-visible:ring-neutral-300 dark:focus-visible:ring-offset-neutral-950 dark:data-[state=checked]:bg-neutral-50 dark:data-[state=unchecked]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n    ref={ref}>\r\n    <SwitchPrimitives.Thumb\r\n      className={cn(\r\n        \"pointer-events-none block h-4 w-4 rounded-full bg-white shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0 dark:bg-neutral-950\",\r\n      )}\r\n    />\r\n  </SwitchPrimitives.Root>\r\n));\r\nSwitch.displayName = SwitchPrimitives.Root.displayName;\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","className","props","ref","SwitchPrimitives","cn"],"mappings":";;;;;AAOA,MAAMA,SAAS,WAATA,GAASC,WAGb,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxB,IAACC,MAAqB;QACpB,WAAWC,GACT,6iBACAJ;QAED,GAAGC,KAAK;QACT,KAAKC;kBACL,kBAACC,OAAsB;YACrB,WAAWC,GACT;;;AAKRN,OAAO,WAAW,GAAGK,KAAAA,WAAiC"}
+{"version":3,"file":"components/ui/switch.js","sources":["../../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport {mergeProps} from \"@base-ui/react/merge-props\";\r\nimport {Switch as BaseSwitch} from \"@base-ui/react/switch\";\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 \"./switch.module.css\";\r\n\r\n/**\r\n * Props for the shared switch wrapper.\r\n */\r\ninterface SwitchProps extends Omit<React.ComponentPropsWithRef<typeof BaseSwitch.Root>, \"className\"> {\r\n  /** Additional CSS classes merged with the switch root styles. @default undefined */\r\n  className?: string;\r\n}\r\n\r\n/**\r\n * Toggles between on and off states with a styled thumb control.\r\n *\r\n * @remarks\r\n * - Renders a `<button>` element by default\r\n * - Built on {@link https://base-ui.com/react/components/switch | Base UI Switch}\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 * <Switch defaultChecked />\r\n * ```\r\n *\r\n * @see {@link https://base-ui.com/react/components/switch | Base UI Documentation}\r\n */\r\nconst Switch = React.forwardRef<React.ComponentRef<typeof BaseSwitch.Root>, Switch.Props>(\r\n  (props: Readonly<Switch.Props>, ref): React.ReactElement => {\r\n    const {className, render, ...otherProps} = props;\r\n\r\n    return (\r\n      <BaseSwitch.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.root, className)}, {}),\r\n        })}>\r\n        <BaseSwitch.Thumb className={styles.thumb} />\r\n      </BaseSwitch.Root>\r\n    );\r\n  },\r\n);\r\nSwitch.displayName = \"Switch\";\r\n\r\n// eslint-disable-next-line no-redeclare -- required for the canonical component namespace typing API\r\nnamespace Switch {\r\n  export type Props = SwitchProps;\r\n  export type State = BaseSwitch.Root.State;\r\n}\r\n\r\nexport {Switch};\r\n"],"names":["Switch","React","props","ref","className","render","otherProps","BaseSwitch","useRender","mergeProps","cn","styles"],"mappings":";;;;;;;;AAkCA,MAAMA,gBAAS,WAAHA,GAAGC,WACb,CAACC,OAA+BC;IAC9B,MAAM,EAACC,SAAS,EAAEC,MAAM,EAAE,GAAGC,YAAW,GAAGJ;IAE3C,OAAO,WAAP,GACE,IAACK,OAAAA,IAAe;QACd,KAAKJ;QACJ,GAAGG,UAAU;QACd,QAAQE,UAAU;YAChB,gBAAgB;YAChB,QAAQH;YACR,OAAOI,WAAW;gBAAC,WAAWC,GAAGC,cAAAA,IAAW,EAAEP;YAAU,GAAG,CAAC;QAC9D;kBACA,kBAACG,OAAAA,KAAgB;YAAC,WAAWI,cAAAA,KAAY;;;AAG/C;AAEFX,cAAO,WAAW,GAAG"}

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

@@ -0,0 +1,8 @@
+import "./switch_module.css";
+const switch_module = {
+    root: "root-MAgsb4",
+    thumb: "thumb-UID9UK"
+};
+export default switch_module;
+
+//# sourceMappingURL=switch.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/switch.module.js","sources":["../../../src/components/ui/switch.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./switch_module.css\"\nexport default {\"root\":\"root-MAgsb4\",\"thumb\":\"thumb-UID9UK\"};"],"names":[],"mappings":";AAEA,sBAAe;IAAC,MAAO;IAAc,OAAQ;AAAc"}

package/dist/components/ui/switch_module.css

@@ -0,0 +1,45 @@
+.root-MAgsb4 {
+  background-color: color-mix(in oklch,var(--ac-foreground),transparent 84%);
+  cursor: pointer;
+  height: 1.125rem;
+  transition: background-color var(--ac-transition-fast);
+  border: 1px solid #0000;
+  border-radius: 999px;
+  outline: none;
+  align-items: center;
+  width: 2rem;
+  padding: .125rem;
+  display: inline-flex;
+  position: relative;
+}
+
+.root-MAgsb4[data-checked] {
+  background-color: var(--ac-primary);
+}
+
+.root-MAgsb4[data-disabled] {
+  cursor: not-allowed;
+  opacity: .5;
+}
+
+.root-MAgsb4:focus-visible {
+  outline: 2px solid var(--ac-ring);
+  outline-offset: 2px;
+}
+
+.thumb-UID9UK {
+  background-color: var(--ac-background);
+  height: .875rem;
+  transition: transform var(--ac-transition-fast);
+  border-radius: 999px;
+  width: .875rem;
+  display: block;
+  box-shadow: 0 1px 4px #0000002e;
+}
+
+.root-MAgsb4[data-checked] .thumb-UID9UK {
+  transform: translateX(.875rem);
+}
+
+
+/*# sourceMappingURL=switch_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/switch.module.css","webpack://./src/components/ui/switch.module.css"],"names":[],"mappings":"AADA;ECEE,0EAA0E;EAC1E,eAAe;EACf,gBAAgB;EAChB,sDAAsD;EACtD,uBAAuB;EACvB,oBAAoB;EACpB,aAAa;EACb,mBAAmB;EACnB,WAAW;EACX,gBAAgB;EAChB,oBAAoB;EACpB,kBAAkB;AACpB;;AAEA;EACE,mCAAmC;AACrC;;AAEA;EACE,mBAAmB;EACnB,WAAW;AACb;;AAEA;EACE,iCAAiC;EACjC,mBAAmB;AACrB;;AAEA;EACE,sCAAsC;EACtC,eAAe;EACf,+CAA+C;EAC/C,oBAAoB;EACpB,cAAc;EACd,cAAc;EACd,+BAA+B;AACjC;;AAEA;EACE,8BAA8B;AAChC","sourcesContent":[".root{align-items:center;background-color:color-mix(in oklch,var(--ac-foreground),transparent 84%);border:1px solid transparent;border-radius:999px;cursor:pointer;display:inline-flex;height:1.125rem;outline:none;padding:.125rem;position:relative;transition:background-color var(--ac-transition-fast);width:2rem}.root[data-checked]{background-color:var(--ac-primary)}.root[data-disabled]{cursor:not-allowed;opacity:.5}.root:focus-visible{outline:2px solid var(--ac-ring);outline-offset:2px}.thumb{background-color:var(--ac-background);border-radius:999px;box-shadow:0 1px 4px rgba(0,0,0,.18);display:block;height:.875rem;transition:transform var(--ac-transition-fast);width:.875rem}.root[data-checked] .thumb{transform:translateX(.875rem)}",".root {\n  background-color: color-mix(in oklch,var(--ac-foreground),transparent 84%);\n  cursor: pointer;\n  height: 1.125rem;\n  transition: background-color var(--ac-transition-fast);\n  border: 1px solid #0000;\n  border-radius: 999px;\n  outline: none;\n  align-items: center;\n  width: 2rem;\n  padding: .125rem;\n  display: inline-flex;\n  position: relative;\n}\n\n.root[data-checked] {\n  background-color: var(--ac-primary);\n}\n\n.root[data-disabled] {\n  cursor: not-allowed;\n  opacity: .5;\n}\n\n.root:focus-visible {\n  outline: 2px solid var(--ac-ring);\n  outline-offset: 2px;\n}\n\n.thumb {\n  background-color: var(--ac-background);\n  height: .875rem;\n  transition: transform var(--ac-transition-fast);\n  border-radius: 999px;\n  width: .875rem;\n  display: block;\n  box-shadow: 0 1px 4px #0000002e;\n}\n\n.root[data-checked] .thumb {\n  transform: translateX(.875rem);\n}\n"],"sourceRoot":""}

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

@@ -0,0 +1,34 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import { cn } from "../../lib/utilities.js";
+import { Skeleton } from "./skeleton.js";
+import table_skeleton_module from "./table-skeleton.module.js";
+const TableSkeleton = /*#__PURE__*/ forwardRef(({ rows = 5, columns = 4, className, ...props }, ref)=>/*#__PURE__*/ jsxs("div", {
+        ref: ref,
+        className: cn(table_skeleton_module.container, className),
+        ...props,
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: table_skeleton_module.header,
+                children: Array.from({
+                    length: columns
+                }, (_, index)=>/*#__PURE__*/ jsx(Skeleton, {
+                        className: table_skeleton_module.headerCell
+                    }, index))
+            }),
+            Array.from({
+                length: rows
+            }, (_, rowIndex)=>/*#__PURE__*/ jsx("div", {
+                    className: table_skeleton_module.row,
+                    children: Array.from({
+                        length: columns
+                    }, (_, columnIndex)=>/*#__PURE__*/ jsx(Skeleton, {
+                            className: table_skeleton_module.cell
+                        }, columnIndex))
+                }, rowIndex))
+        ]
+    }));
+TableSkeleton.displayName = "TableSkeleton";
+export { TableSkeleton };
+
+//# sourceMappingURL=table-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/table-skeleton.js","sources":["../../../src/components/ui/table-skeleton.tsx"],"sourcesContent":["import * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nimport {Skeleton} from \"./skeleton\";\r\nimport styles from \"./table-skeleton.module.css\";\r\n\r\n/**\r\n * Represents the configurable props for the {@link TableSkeleton} component.\r\n *\r\n * @remarks\r\n * Extends native `<div>` attributes so table loading placeholders can be embedded in\r\n * semantic sections, receive accessibility metadata, and accept layout overrides.\r\n */\r\ninterface TableSkeletonProps extends React.HTMLAttributes<HTMLDivElement> {\r\n  /**\r\n   * Number of body rows rendered beneath the table header placeholders.\r\n   *\r\n   * @default 5\r\n   */\r\n  rows?: number;\r\n  /**\r\n   * Number of columns rendered for both the header and body rows.\r\n   *\r\n   * @default 4\r\n   */\r\n  columns?: number;\r\n}\r\n\r\n/**\r\n * Renders a skeleton placeholder shaped like a data table.\r\n *\r\n * @remarks\r\n * **Rendering Context**: Server- and client-compatible presentational component.\r\n *\r\n * Simulates a tabular layout with a muted header row and repeated body rows so pages can\r\n * preserve data-table rhythm while async records are loading.\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableSkeleton rows={8} columns={5} aria-label=\"Loading invoices table\" />\r\n * ```\r\n *\r\n * @see {@link TableSkeletonProps} for available props\r\n */\r\nconst TableSkeleton = React.forwardRef<HTMLDivElement, TableSkeletonProps>(\r\n  ({rows = 5, columns = 4, className, ...props}: Readonly<TableSkeletonProps>, ref): React.JSX.Element => (\r\n    <div\r\n      ref={ref}\r\n      className={cn(styles.container, className)}\r\n      {...props}>\r\n      <div className={styles.header}>\r\n        {Array.from({length: columns}, (_, index) => (\r\n          <Skeleton\r\n            key={index}\r\n            className={styles.headerCell}\r\n          />\r\n        ))}\r\n      </div>\r\n      {Array.from({length: rows}, (_, rowIndex) => (\r\n        <div\r\n          key={rowIndex}\r\n          className={styles.row}>\r\n          {Array.from({length: columns}, (_, columnIndex) => (\r\n            <Skeleton\r\n              key={columnIndex}\r\n              className={styles.cell}\r\n            />\r\n          ))}\r\n        </div>\r\n      ))}\r\n    </div>\r\n  ),\r\n);\r\n\r\nTableSkeleton.displayName = \"TableSkeleton\";\r\n\r\nexport {TableSkeleton};\r\nexport type {TableSkeletonProps};\r\n"],"names":["TableSkeleton","React","rows","columns","className","props","ref","cn","styles","Array","_","index","Skeleton","rowIndex","columnIndex"],"mappings":";;;;;AA6CA,MAAMA,gBAAgB,WAAHA,GAAGC,WACpB,CAAC,EAACC,OAAO,CAAC,EAAEC,UAAU,CAAC,EAAEC,SAAS,EAAE,GAAGC,OAAoC,EAAEC,MAAAA,WAAAA,GAC3E,KAAC;QACC,KAAKA;QACL,WAAWC,GAAGC,sBAAAA,SAAgB,EAAEJ;QAC/B,GAAGC,KAAK;;0BACT,IAAC;gBAAI,WAAWG,sBAAAA,MAAa;0BAC1BC,MAAM,IAAI,CAAC;oBAAC,QAAQN;gBAAO,GAAG,CAACO,GAAGC,QAAAA,WAAAA,GACjC,IAACC,UAAQA;wBAEP,WAAWJ,sBAAAA,UAAiB;uBADvBG;;YAKVF,MAAM,IAAI,CAAC;gBAAC,QAAQP;YAAI,GAAG,CAACQ,GAAGG,WAAAA,WAAAA,GAC9B,IAAC;oBAEC,WAAWL,sBAAAA,GAAU;8BACpBC,MAAM,IAAI,CAAC;wBAAC,QAAQN;oBAAO,GAAG,CAACO,GAAGI,cAAAA,WAAAA,GACjC,IAACF,UAAQA;4BAEP,WAAWJ,sBAAAA,IAAW;2BADjBM;mBAJJD;;;AAcfb,cAAc,WAAW,GAAG"}

package/dist/components/ui/table-skeleton.module.js

@@ -0,0 +1,11 @@
+import "./table-skeleton_module.css";
+const table_skeleton_module = {
+    container: "container-oHhKZN",
+    header: "header-E48oWr",
+    headerCell: "headerCell-TX8s6a",
+    row: "row-lQRCtQ",
+    cell: "cell-xgtjto"
+};
+export default table_skeleton_module;
+
+//# sourceMappingURL=table-skeleton.module.js.map

package/dist/components/ui/table-skeleton.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/table-skeleton.module.js","sources":["../../../src/components/ui/table-skeleton.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./table-skeleton_module.css\"\nexport default {\"container\":\"container-oHhKZN\",\"header\":\"header-E48oWr\",\"headerCell\":\"headerCell-TX8s6a\",\"row\":\"row-lQRCtQ\",\"cell\":\"cell-xgtjto\"};"],"names":[],"mappings":";AAEA,8BAAe;IAAC,WAAY;IAAmB,QAAS;IAAgB,YAAa;IAAoB,KAAM;IAAa,MAAO;AAAa"}

package/dist/components/ui/table-skeleton_module.css

@@ -0,0 +1,32 @@
+.container-oHhKZN {
+  border: 1px solid var(--ac-border);
+  border-radius: var(--ac-radius-lg);
+  overflow: hidden;
+}
+
+.header-E48oWr {
+  background-color: var(--ac-muted);
+  gap: var(--ac-space-4);
+  padding: var(--ac-space-3) var(--ac-space-4);
+  display: flex;
+}
+
+.headerCell-TX8s6a {
+  flex: 1;
+  height: .875rem;
+}
+
+.row-lQRCtQ {
+  border-top: 1px solid var(--ac-border);
+  gap: var(--ac-space-4);
+  padding: var(--ac-space-3) var(--ac-space-4);
+  display: flex;
+}
+
+.cell-xgtjto {
+  flex: 1;
+  height: .875rem;
+}
+
+
+/*# sourceMappingURL=table-skeleton_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/table-skeleton.module.css","webpack://./src/components/ui/table-skeleton.module.css"],"names":[],"mappings":"AADA;ECEE,kCAAkC;EAClC,kCAAkC;EAClC,gBAAgB;AAClB;;AAEA;EACE,iCAAiC;EACjC,sBAAsB;EACtB,4CAA4C;EAC5C,aAAa;AACf;;AAEA;EACE,OAAO;EACP,eAAe;AACjB;;AAEA;EACE,sCAAsC;EACtC,sBAAsB;EACtB,4CAA4C;EAC5C,aAAa;AACf;;AAEA;EACE,OAAO;EACP,eAAe;AACjB","sourcesContent":[".container{border:1px solid var(--ac-border);border-radius:var(--ac-radius-lg);overflow:hidden}.header{background-color:var(--ac-muted);display:flex;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4)}.headerCell{flex:1;height:.875rem}.row{border-top:1px solid var(--ac-border);display:flex;gap:var(--ac-space-4);padding:var(--ac-space-3) var(--ac-space-4)}.cell{flex:1;height:.875rem}",".container {\n  border: 1px solid var(--ac-border);\n  border-radius: var(--ac-radius-lg);\n  overflow: hidden;\n}\n\n.header {\n  background-color: var(--ac-muted);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-3) var(--ac-space-4);\n  display: flex;\n}\n\n.headerCell {\n  flex: 1;\n  height: .875rem;\n}\n\n.row {\n  border-top: 1px solid var(--ac-border);\n  gap: var(--ac-space-4);\n  padding: var(--ac-space-3) var(--ac-space-4);\n  display: flex;\n}\n\n.cell {\n  flex: 1;\n  height: .875rem;\n}\n"],"sourceRoot":""}

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

@@ -1,11 +1,173 @@
 import * as React from "react";
-declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
-declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
-declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
-declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
-declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+/**
+ * Props for the {@link Table} component.
+ */
+export type TableProps = React.HTMLAttributes<HTMLTableElement>;
+/**
+ * Props for the {@link TableHeader} component.
+ */
+export type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * Props for the {@link TableBody} component.
+ */
+export type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * Props for the {@link TableFooter} component.
+ */
+export type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;
+/**
+ * Props for the {@link TableRow} component.
+ */
+export type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;
+/**
+ * Props for the {@link TableHead} component.
+ */
+export type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;
+/**
+ * Props for the {@link TableCell} component.
+ */
+export type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;
+/**
+ * Props for the {@link TableCaption} component.
+ */
+export type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;
+/**
+ * Wraps a table in a horizontally scrollable container.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<table>` element inside a `<div>` container
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <Table>
+ *   <TableHeader />
+ * </Table>
+ * ```
+ *
+ * @see {@link TableProps} for available props
+ */
+declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+/**
+ * Renders the table header section.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<thead>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableHeader>
+ *   <TableRow />
+ * </TableHeader>
+ * ```
+ *
+ * @see {@link TableHeaderProps} for available props
+ */
+declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Renders the table body section.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<tbody>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableBody>
+ *   <TableRow />
+ * </TableBody>
+ * ```
+ *
+ * @see {@link TableBodyProps} for available props
+ */
+declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Renders the table footer section.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<tfoot>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableFooter>
+ *   <TableRow />
+ * </TableFooter>
+ * ```
+ *
+ * @see {@link TableFooterProps} for available props
+ */
+declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+/**
+ * Renders a table row.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<tr>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableRow>
+ *   <TableCell>Value</TableCell>
+ * </TableRow>
+ * ```
+ *
+ * @see {@link TableRowProps} for available props
+ */
+declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+/**
+ * Renders a header cell.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<th>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableHead scope='col'>Name</TableHead>
+ * ```
+ *
+ * @see {@link TableHeadProps} for available props
+ */
+declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * Renders a standard table cell.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<td>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableCell>Acme Inc.</TableCell>
+ * ```
+ *
+ * @see {@link TableCellProps} for available props
+ */
+declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+/**
+ * Renders the table caption.
+ *
+ * @remarks
+ * - Pure CSS component (no Base UI primitive)
+ * - Renders a `<caption>` element
+ * - Styling via CSS Modules with `--ac-*` custom properties
+ *
+ * @example
+ * ```tsx
+ * <TableCaption>Recent invoices</TableCaption>
+ * ```
+ *
+ * @see {@link TableCaptionProps} for available props
+ */
+declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 //# sourceMappingURL=table.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,KAAK,iHAQT,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,SAAS,+HAMb,CAAC;AAGH,QAAA,MAAM,WAAW,+HAQhB,CAAC;AAGF,QAAA,MAAM,QAAQ,uHASZ,CAAC;AAGH,QAAA,MAAM,SAAS,2HASb,CAAC;AAGH,QAAA,MAAM,SAAS,2HAMb,CAAC;AAGH,QAAA,MAAM,YAAY,+HAQjB,CAAC;AAGF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;AAEhE;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE3E;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE7E;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,CAAC;AAEtE;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE1E;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC,CAAC;AAE9E;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,KAAK,qFAUV,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW,kGAQhB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,SAAS,gGAQd,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,WAAW,kGAQhB,CAAC;AAEF;;;;;;;;;;;;;;;;GAgBG;AACH,QAAA,MAAM,QAAQ,2FAQb,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,6FAQd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,6FAQd,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,YAAY,mGAQjB,CAAC;AAWF,OAAO,EAAC,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAC,CAAC"}

package/dist/components/ui/table.js

@@ -1,57 +1,57 @@
-"use client";
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 import { cn } from "../../lib/utilities.js";
+import table_module from "./table.module.js";
 const Table = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
-        className: "relative w-full overflow-auto",
+        className: table_module.container,
         children: /*#__PURE__*/ jsx("table", {
             ref: ref,
-            className: cn("w-full caption-bottom text-sm", className),
+            className: cn(table_module.table, className),
             ...props
         })
     }));
-Table.displayName = "Table";
 const TableHeader = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("thead", {
         ref: ref,
-        className: cn("[&_tr]:border-b", className),
+        className: cn(table_module.header, className),
         ...props
     }));
-TableHeader.displayName = "TableHeader";
 const TableBody = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tbody", {
         ref: ref,
-        className: cn("[&_tr:last-child]:border-0", className),
+        className: cn(table_module.body, className),
         ...props
     }));
-TableBody.displayName = "TableBody";
 const TableFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tfoot", {
         ref: ref,
-        className: cn("border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0", className),
+        className: cn(table_module.footer, className),
         ...props
     }));
-TableFooter.displayName = "TableFooter";
 const TableRow = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("tr", {
         ref: ref,
-        className: cn("border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800", className),
+        className: cn(table_module.row, className),
         ...props
     }));
-TableRow.displayName = "TableRow";
 const TableHead = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("th", {
         ref: ref,
-        className: cn("h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+        className: cn(table_module.head, className),
         ...props
     }));
-TableHead.displayName = "TableHead";
 const TableCell = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("td", {
         ref: ref,
-        className: cn("p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+        className: cn(table_module.cell, className),
         ...props
     }));
-TableCell.displayName = "TableCell";
 const TableCaption = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("caption", {
         ref: ref,
-        className: cn("mt-4 text-sm text-neutral-500 dark:text-neutral-400", className),
+        className: cn(table_module.caption, className),
         ...props
     }));
+Table.displayName = "Table";
+TableHeader.displayName = "TableHeader";
+TableBody.displayName = "TableBody";
+TableFooter.displayName = "TableFooter";
+TableRow.displayName = "TableRow";
+TableHead.displayName = "TableHead";
+TableCell.displayName = "TableCell";
 TableCaption.displayName = "TableCaption";
 export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };
 

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

@@ -1 +1 @@
-{"version":3,"file":"components/ui/table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["\"use client\";\r\n\r\n/* eslint-disable */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Table = React.forwardRef<HTMLTableElement, React.HTMLAttributes<HTMLTableElement>>(({className, ...props}, ref) => (\r\n  <div className='relative w-full overflow-auto'>\r\n    <table\r\n      ref={ref}\r\n      className={cn(\"w-full caption-bottom text-sm\", className)}\r\n      {...props}\r\n    />\r\n  </div>\r\n));\r\nTable.displayName = \"Table\";\r\n\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(\"[&_tr]:border-b\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableHeader.displayName = \"TableHeader\";\r\n\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(({className, ...props}, ref) => (\r\n  <tbody\r\n    ref={ref}\r\n    className={cn(\"[&_tr:last-child]:border-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableBody.displayName = \"TableBody\";\r\n\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(\"border-t bg-neutral-100/50 font-medium dark:bg-neutral-800/50 [&>tr]:last:border-b-0\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableFooter.displayName = \"TableFooter\";\r\n\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(({className, ...props}, ref) => (\r\n  <tr\r\n    ref={ref}\r\n    className={cn(\r\n      \"border-b transition-colors hover:bg-neutral-100/50 data-[state=selected]:bg-neutral-100 dark:hover:bg-neutral-800/50 dark:data-[state=selected]:bg-neutral-800\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableRow.displayName = \"TableRow\";\r\n\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, React.ThHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <th\r\n    ref={ref}\r\n    className={cn(\r\n      \"h-10 px-2 text-left align-middle font-medium text-neutral-500 dark:text-neutral-400 [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nTableHead.displayName = \"TableHead\";\r\n\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, React.TdHTMLAttributes<HTMLTableCellElement>>(({className, ...props}, ref) => (\r\n  <td\r\n    ref={ref}\r\n    className={cn(\"p-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]\", className)}\r\n    {...props}\r\n  />\r\n));\r\nTableCell.displayName = \"TableCell\";\r\n\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\r\n  ({className, ...props}, ref) => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(\"mt-4 text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAQA,MAAMA,QAAQ,WAARA,GAAQC,WAA2E,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QAAI,WAAU;kBACb,kBAAC;YACC,KAAKA;YACL,WAAWC,GAAG,iCAAiCH;YAC9C,GAAGC,KAAK;;;AAIfH,MAAM,WAAW,GAAG;AAEpB,MAAMM,cAAc,WAAdA,GAAcL,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,mBAAmBH;QAChC,GAAGC,KAAK;;AAIfG,YAAY,WAAW,GAAG;AAE1B,MAAMC,YAAY,WAAZA,GAAYN,WAAyF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjI,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,cAAc,WAAdA,GAAcP,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAIfK,YAAY,WAAW,GAAG;AAE1B,MAAMC,WAAW,WAAXA,GAAWR,WAAiF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACxH,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,kKACAH;QAED,GAAGC,KAAK;;AAGbM,SAAS,WAAW,GAAG;AAEvB,MAAMC,YAAY,WAAZA,GAAYT,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,2JACAH;QAED,GAAGC,KAAK;;AAGbO,UAAU,WAAW,GAAG;AAExB,MAAMC,YAAY,WAAZA,GAAYV,WAAqF,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC7H,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,wFAAwFH;QACrG,GAAGC,KAAK;;AAGbQ,UAAU,WAAW,GAAG;AAExB,MAAMC,eAAe,WAAfA,GAAeX,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACtB,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,uDAAuDH;QACpE,GAAGC,KAAK;;AAIfS,aAAa,WAAW,GAAG"}
+{"version":3,"file":"components/ui/table.js","sources":["../../../src/components/ui/table.tsx"],"sourcesContent":["/* eslint-disable react/prop-types */\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\nimport styles from \"./table.module.css\";\r\n\r\n/**\r\n * Props for the {@link Table} component.\r\n */\r\nexport type TableProps = React.HTMLAttributes<HTMLTableElement>;\r\n\r\n/**\r\n * Props for the {@link TableHeader} component.\r\n */\r\nexport type TableHeaderProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableBody} component.\r\n */\r\nexport type TableBodyProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableFooter} component.\r\n */\r\nexport type TableFooterProps = React.HTMLAttributes<HTMLTableSectionElement>;\r\n\r\n/**\r\n * Props for the {@link TableRow} component.\r\n */\r\nexport type TableRowProps = React.HTMLAttributes<HTMLTableRowElement>;\r\n\r\n/**\r\n * Props for the {@link TableHead} component.\r\n */\r\nexport type TableHeadProps = React.ThHTMLAttributes<HTMLTableCellElement>;\r\n\r\n/**\r\n * Props for the {@link TableCell} component.\r\n */\r\nexport type TableCellProps = React.TdHTMLAttributes<HTMLTableCellElement>;\r\n\r\n/**\r\n * Props for the {@link TableCaption} component.\r\n */\r\nexport type TableCaptionProps = React.HTMLAttributes<HTMLTableCaptionElement>;\r\n\r\n/**\r\n * Wraps a table in a horizontally scrollable container.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<table>` element inside a `<div>` container\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <Table>\r\n *   <TableHeader />\r\n * </Table>\r\n * ```\r\n *\r\n * @see {@link TableProps} for available props\r\n */\r\nconst Table = React.forwardRef<HTMLTableElement, TableProps>(\r\n  ({className, ...props}: Readonly<TableProps>, ref): React.JSX.Element => (\r\n    <div className={styles.container}>\r\n      <table\r\n        ref={ref}\r\n        className={cn(styles.table, className)}\r\n        {...props}\r\n      />\r\n    </div>\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table header section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<thead>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableHeader>\r\n *   <TableRow />\r\n * </TableHeader>\r\n * ```\r\n *\r\n * @see {@link TableHeaderProps} for available props\r\n */\r\nconst TableHeader = React.forwardRef<HTMLTableSectionElement, TableHeaderProps>(\r\n  ({className, ...props}: Readonly<TableHeaderProps>, ref): React.JSX.Element => (\r\n    <thead\r\n      ref={ref}\r\n      className={cn(styles.header, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table body section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tbody>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableBody>\r\n *   <TableRow />\r\n * </TableBody>\r\n * ```\r\n *\r\n * @see {@link TableBodyProps} for available props\r\n */\r\nconst TableBody = React.forwardRef<HTMLTableSectionElement, TableBodyProps>(\r\n  ({className, ...props}: Readonly<TableBodyProps>, ref): React.JSX.Element => (\r\n    <tbody\r\n      ref={ref}\r\n      className={cn(styles.body, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table footer section.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tfoot>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableFooter>\r\n *   <TableRow />\r\n * </TableFooter>\r\n * ```\r\n *\r\n * @see {@link TableFooterProps} for available props\r\n */\r\nconst TableFooter = React.forwardRef<HTMLTableSectionElement, TableFooterProps>(\r\n  ({className, ...props}: Readonly<TableFooterProps>, ref): React.JSX.Element => (\r\n    <tfoot\r\n      ref={ref}\r\n      className={cn(styles.footer, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a table row.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<tr>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableRow>\r\n *   <TableCell>Value</TableCell>\r\n * </TableRow>\r\n * ```\r\n *\r\n * @see {@link TableRowProps} for available props\r\n */\r\nconst TableRow = React.forwardRef<HTMLTableRowElement, TableRowProps>(\r\n  ({className, ...props}: Readonly<TableRowProps>, ref): React.JSX.Element => (\r\n    <tr\r\n      ref={ref}\r\n      className={cn(styles.row, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a header cell.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<th>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableHead scope='col'>Name</TableHead>\r\n * ```\r\n *\r\n * @see {@link TableHeadProps} for available props\r\n */\r\nconst TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\r\n  ({className, ...props}: Readonly<TableHeadProps>, ref): React.JSX.Element => (\r\n    <th\r\n      ref={ref}\r\n      className={cn(styles.head, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders a standard table cell.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<td>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableCell>Acme Inc.</TableCell>\r\n * ```\r\n *\r\n * @see {@link TableCellProps} for available props\r\n */\r\nconst TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\r\n  ({className, ...props}: Readonly<TableCellProps>, ref): React.JSX.Element => (\r\n    <td\r\n      ref={ref}\r\n      className={cn(styles.cell, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\n/**\r\n * Renders the table caption.\r\n *\r\n * @remarks\r\n * - Pure CSS component (no Base UI primitive)\r\n * - Renders a `<caption>` element\r\n * - Styling via CSS Modules with `--ac-*` custom properties\r\n *\r\n * @example\r\n * ```tsx\r\n * <TableCaption>Recent invoices</TableCaption>\r\n * ```\r\n *\r\n * @see {@link TableCaptionProps} for available props\r\n */\r\nconst TableCaption = React.forwardRef<HTMLTableCaptionElement, TableCaptionProps>(\r\n  ({className, ...props}: Readonly<TableCaptionProps>, ref): React.JSX.Element => (\r\n    <caption\r\n      ref={ref}\r\n      className={cn(styles.caption, className)}\r\n      {...props}\r\n    />\r\n  ),\r\n);\r\n\r\nTable.displayName = \"Table\";\r\nTableHeader.displayName = \"TableHeader\";\r\nTableBody.displayName = \"TableBody\";\r\nTableFooter.displayName = \"TableFooter\";\r\nTableRow.displayName = \"TableRow\";\r\nTableHead.displayName = \"TableHead\";\r\nTableCell.displayName = \"TableCell\";\r\nTableCaption.displayName = \"TableCaption\";\r\n\r\nexport {Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow};\r\n"],"names":["Table","React","className","props","ref","styles","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","TableCell","TableCaption"],"mappings":";;;;AAgEA,MAAMA,QAAQ,WAAHA,GAAGC,WACZ,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA4B,EAAEC,MAAAA,WAAAA,GAC5C,IAAC;QAAI,WAAWC,aAAAA,SAAgB;kBAC9B,kBAAC;YACC,KAAKD;YACL,WAAWE,GAAGD,aAAAA,KAAY,EAAEH;YAC3B,GAAGC,KAAK;;;AAuBjB,MAAMI,cAAc,WAAHA,GAAGN,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,MAAa,EAAEH;QAC5B,GAAGC,KAAK;;AAsBf,MAAMK,YAAY,WAAHA,GAAGP,WAChB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAsBf,MAAMM,cAAc,WAAHA,GAAGR,WAClB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAkC,EAAEC,MAAAA,WAAAA,GAClD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,MAAa,EAAEH;QAC5B,GAAGC,KAAK;;AAsBf,MAAMO,WAAW,WAAHA,GAAGT,WACf,CAAC,EAACC,SAAS,EAAE,GAAGC,OAA+B,EAAEC,MAAAA,WAAAA,GAC/C,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,GAAU,EAAEH;QACzB,GAAGC,KAAK;;AAoBf,MAAMQ,YAAY,WAAHA,GAAGV,WAChB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAoBf,MAAMS,YAAY,WAAHA,GAAGX,WAChB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAgC,EAAEC,MAAAA,WAAAA,GAChD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,IAAW,EAAEH;QAC1B,GAAGC,KAAK;;AAoBf,MAAMU,eAAe,WAAHA,GAAGZ,WACnB,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAmC,EAAEC,MAAAA,WAAAA,GACnD,IAAC;QACC,KAAKA;QACL,WAAWE,GAAGD,aAAAA,OAAc,EAAEH;QAC7B,GAAGC,KAAK;;AAKfH,MAAM,WAAW,GAAG;AACpBO,YAAY,WAAW,GAAG;AAC1BC,UAAU,WAAW,GAAG;AACxBC,YAAY,WAAW,GAAG;AAC1BC,SAAS,WAAW,GAAG;AACvBC,UAAU,WAAW,GAAG;AACxBC,UAAU,WAAW,GAAG;AACxBC,aAAa,WAAW,GAAG"}

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

@@ -0,0 +1,15 @@
+import "./table_module.css";
+const table_module = {
+    container: "container-YYTMZV",
+    table: "table-pRXxiq",
+    header: "header-VeVQwb",
+    body: "body-JyWjbX",
+    footer: "footer-TNVOXP",
+    row: "row-MACoEW",
+    head: "head-qr4VFO",
+    cell: "cell-OK6_dY",
+    caption: "caption-rhvQQj"
+};
+export default table_module;
+
+//# sourceMappingURL=table.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"components/ui/table.module.js","sources":["../../../src/components/ui/table.module.css"],"sourcesContent":["// extracted by LIB_CSS_EXTRACT_LOADER\nimport \"./table_module.css\"\nexport default {\"container\":\"container-YYTMZV\",\"table\":\"table-pRXxiq\",\"header\":\"header-VeVQwb\",\"body\":\"body-JyWjbX\",\"footer\":\"footer-TNVOXP\",\"row\":\"row-MACoEW\",\"head\":\"head-qr4VFO\",\"cell\":\"cell-OK6_dY\",\"caption\":\"caption-rhvQQj\"};"],"names":[],"mappings":";AAEA,qBAAe;IAAC,WAAY;IAAmB,OAAQ;IAAe,QAAS;IAAgB,MAAO;IAAc,QAAS;IAAgB,KAAM;IAAa,MAAO;IAAc,MAAO;IAAc,SAAU;AAAgB"}

package/dist/components/ui/table_module.css

@@ -0,0 +1,71 @@
+.container-YYTMZV {
+  width: 100%;
+  position: relative;
+  overflow: auto;
+}
+
+.table-pRXxiq {
+  border-collapse: collapse;
+  caption-side: bottom;
+  font-size: var(--ac-text-sm);
+  width: 100%;
+}
+
+.header-VeVQwb :where(tr) {
+  border-bottom: 1px solid var(--ac-border);
+}
+
+.body-JyWjbX :where(tr:last-child) {
+  border-bottom: 0;
+}
+
+.footer-TNVOXP {
+  background-color: color-mix(in oklch,var(--ac-muted),transparent 35%);
+  border-top: 1px solid var(--ac-border);
+  font-weight: 500;
+}
+
+.footer-TNVOXP > tr:last-child {
+  border-bottom: 0;
+}
+
+.row-MACoEW {
+  border-bottom: 1px solid var(--ac-border);
+  transition: background-color var(--ac-transition-fast);
+}
+
+@media (hover: hover) {
+  .row-MACoEW:hover {
+    background-color: color-mix(in oklch,var(--ac-muted),transparent 45%);
+  }
+}
+
+.row-MACoEW[data-state="selected"] {
+  background-color: color-mix(in oklch,var(--ac-muted),transparent 30%);
+}
+
+.head-qr4VFO {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  height: var(--ac-size-default);
+  padding: 0 var(--ac-space-2);
+  text-align: left;
+  font-weight: 500;
+}
+
+.cell-OK6_dY, .head-qr4VFO {
+  vertical-align: middle;
+}
+
+.cell-OK6_dY {
+  padding: var(--ac-space-2);
+}
+
+.caption-rhvQQj {
+  color: var(--ac-muted-foreground);
+  font-size: var(--ac-text-sm);
+  margin-top: var(--ac-space-4);
+}
+
+
+/*# sourceMappingURL=table_module.css.map */

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

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack://./home/runner/work/arolariu.ro/arolariu.ro/packages/components/src/components/ui/table.module.css","webpack://./src/components/ui/table.module.css"],"names":[],"mappings":"AADA;ECEE,WAAW;EACX,kBAAkB;EAClB,cAAc;AAChB;;AAEA;EACE,yBAAyB;EACzB,oBAAoB;EACpB,4BAA4B;EAC5B,WAAW;AACb;;AAEA;EACE,yCAAyC;AAC3C;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,qEAAqE;EACrE,sCAAsC;EACtC,gBAAgB;AAClB;;AAEA;EACE,gBAAgB;AAClB;;AAEA;EACE,yCAAyC;EACzC,sDAAsD;AACxD;;AAEA;EACE;IACE,qEAAqE;EACvE;AACF;;AAEA;EACE,qEAAqE;AACvE;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,8BAA8B;EAC9B,4BAA4B;EAC5B,gBAAgB;EAChB,gBAAgB;AAClB;;AAEA;EACE,sBAAsB;AACxB;;AAEA;EACE,0BAA0B;AAC5B;;AAEA;EACE,iCAAiC;EACjC,4BAA4B;EAC5B,6BAA6B;AAC/B","sourcesContent":[".container{overflow:auto;position:relative;width:100%}.table{border-collapse:collapse;caption-side:bottom;font-size:var(--ac-text-sm);width:100%}.header :where(tr){border-bottom:1px solid var(--ac-border)}.body :where(tr:last-child){border-bottom:0}.footer{background-color:color-mix(in oklch,var(--ac-muted),transparent 35%);border-top:1px solid var(--ac-border);font-weight:500}.footer>tr:last-child{border-bottom:0}.row{border-bottom:1px solid var(--ac-border);transition:background-color var(--ac-transition-fast)}@media (hover:hover){.row:hover{background-color:color-mix(in oklch,var(--ac-muted),transparent 45%)}}.row[data-state=selected]{background-color:color-mix(in oklch,var(--ac-muted),transparent 30%)}.head{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);font-weight:500;height:var(--ac-size-default);padding:0 var(--ac-space-2);text-align:left}.cell,.head{vertical-align:middle}.cell{padding:var(--ac-space-2)}.caption{color:var(--ac-muted-foreground);font-size:var(--ac-text-sm);margin-top:var(--ac-space-4)}",".container {\n  width: 100%;\n  position: relative;\n  overflow: auto;\n}\n\n.table {\n  border-collapse: collapse;\n  caption-side: bottom;\n  font-size: var(--ac-text-sm);\n  width: 100%;\n}\n\n.header :where(tr) {\n  border-bottom: 1px solid var(--ac-border);\n}\n\n.body :where(tr:last-child) {\n  border-bottom: 0;\n}\n\n.footer {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 35%);\n  border-top: 1px solid var(--ac-border);\n  font-weight: 500;\n}\n\n.footer > tr:last-child {\n  border-bottom: 0;\n}\n\n.row {\n  border-bottom: 1px solid var(--ac-border);\n  transition: background-color var(--ac-transition-fast);\n}\n\n@media (hover: hover) {\n  .row:hover {\n    background-color: color-mix(in oklch,var(--ac-muted),transparent 45%);\n  }\n}\n\n.row[data-state=\"selected\"] {\n  background-color: color-mix(in oklch,var(--ac-muted),transparent 30%);\n}\n\n.head {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  height: var(--ac-size-default);\n  padding: 0 var(--ac-space-2);\n  text-align: left;\n  font-weight: 500;\n}\n\n.cell, .head {\n  vertical-align: middle;\n}\n\n.cell {\n  padding: var(--ac-space-2);\n}\n\n.caption {\n  color: var(--ac-muted-foreground);\n  font-size: var(--ac-text-sm);\n  margin-top: var(--ac-space-4);\n}\n"],"sourceRoot":""}