rothzerg-ui 0.1.0

package/dist/components/table/Table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.cjs","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './table.css';\n\nexport type TableAlign = 'left' | 'center' | 'right';\n\n/* ─── Primitives ──────────────────────────────────────────── */\n\nexport interface TableWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n  striped?: boolean;\n  compact?: boolean;\n  borderless?: boolean;\n}\n\nexport const TableWrapper = React.forwardRef<HTMLDivElement, TableWrapperProps>(\n  ({ className, striped, compact, borderless, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rz-table-wrapper',\n        striped && 'rz-table-wrapper--striped',\n        compact && 'rz-table-wrapper--compact',\n        borderless && 'rz-table-wrapper--borderless',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableWrapper.displayName = 'TableWrapper';\n\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <table ref={ref} className={cn('rz-table', className)} {...props} />\n  ),\n);\nTable.displayName = 'Table';\n\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn('rz-table__header', className)} {...props} />\n  ),\n);\nTableHeader.displayName = 'TableHeader';\n\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn('rz-table__body', className)} {...props} />\n  ),\n);\nTableBody.displayName = 'TableBody';\n\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tfoot ref={ref} className={cn('rz-table__footer', className)} {...props} />\n  ),\n);\nTableFooter.displayName = 'TableFooter';\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr ref={ref} className={cn('rz-table__row', className)} {...props} />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  align?: TableAlign;\n}\n\nexport const TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, align = 'left', ...props }, ref) => (\n    <th\n      ref={ref}\n      className={cn(\n        'rz-table__head',\n        align === 'right' && 'rz-table__head--right',\n        align === 'center' && 'rz-table__head--center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableHead.displayName = 'TableHead';\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  align?: TableAlign;\n  bold?: boolean;\n}\n\nexport const TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, align = 'left', bold, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={cn(\n        'rz-table__cell',\n        align === 'right' && 'rz-table__cell--right',\n        align === 'center' && 'rz-table__cell--center',\n        bold && 'rz-table__cell--bold',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableCell.displayName = 'TableCell';\n\nexport const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption ref={ref} className={cn('rz-table__caption', className)} {...props} />\n  ),\n);\nTableCaption.displayName = 'TableCaption';\n\n/* ─── Convenience component ───────────────────────────────── */\n\nexport interface ColumnDef<T> {\n  key: string;\n  header: React.ReactNode;\n  /** Custom cell renderer. Defaults to `row[key]`. */\n  render?: (row: T) => React.ReactNode;\n  /** @deprecated Use `render` instead */\n  accessor?: (row: T) => React.ReactNode;\n  align?: TableAlign;\n  bold?: boolean;\n  width?: number | string;\n}\n\nexport interface DataTableProps<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  /** Defaults to row index when omitted. */\n  getRowKey?: (row: T, index: number) => string | number;\n  caption?: string;\n  striped?: boolean;\n  compact?: boolean;\n  borderless?: boolean;\n  emptyMessage?: string;\n  className?: string;\n}\n\nexport function DataTable<T>({\n  columns,\n  data,\n  getRowKey,\n  caption,\n  striped,\n  compact,\n  borderless,\n  emptyMessage = 'No results.',\n  className,\n}: DataTableProps<T>) {\n  function getCellValue(col: ColumnDef<T>, row: T): React.ReactNode {\n    if (col.render) return col.render(row);\n    if (col.accessor) return col.accessor(row);\n    return String((row as Record<string, unknown>)[col.key] ?? '');\n  }\n\n  return (\n    <TableWrapper striped={striped} compact={compact} borderless={borderless} className={className}>\n      <Table>\n        {caption && <TableCaption>{caption}</TableCaption>}\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => (\n              <TableHead key={col.key} align={col.align} style={col.width != null ? { width: col.width } : undefined}>\n                {col.header}\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {data.length === 0 ? (\n            <TableRow>\n              <TableCell colSpan={columns.length} align=\"center\" style={{ color: 'var(--rz-color-muted-foreground)', padding: '2rem' }}>\n                {emptyMessage}\n              </TableCell>\n            </TableRow>\n          ) : (\n            data.map((row, i) => (\n              <TableRow key={getRowKey ? getRowKey(row, i) : i}>\n                {columns.map((col) => (\n                  <TableCell key={col.key} align={col.align} bold={col.bold}>\n                    {getCellValue(col, row)}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n      </Table>\n    </TableWrapper>\n  );\n}\n"],"names":["jsx","cn"],"mappings":"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"}

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

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+export type TableAlign = 'left' | 'center' | 'right';
+export interface TableWrapperProps extends React.HTMLAttributes<HTMLDivElement> {
+    striped?: boolean;
+    compact?: boolean;
+    borderless?: boolean;
+}
+export declare const TableWrapper: React.ForwardRefExoticComponent<TableWrapperProps & React.RefAttributes<HTMLDivElement>>;
+export declare const Table: React.ForwardRefExoticComponent<React.TableHTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+    align?: TableAlign;
+}
+export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+    align?: TableAlign;
+    bold?: boolean;
+}
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export interface ColumnDef<T> {
+    key: string;
+    header: React.ReactNode;
+    /** Custom cell renderer. Defaults to `row[key]`. */
+    render?: (row: T) => React.ReactNode;
+    /** @deprecated Use `render` instead */
+    accessor?: (row: T) => React.ReactNode;
+    align?: TableAlign;
+    bold?: boolean;
+    width?: number | string;
+}
+export interface DataTableProps<T> {
+    columns: ColumnDef<T>[];
+    data: T[];
+    /** Defaults to row index when omitted. */
+    getRowKey?: (row: T, index: number) => string | number;
+    caption?: string;
+    striped?: boolean;
+    compact?: boolean;
+    borderless?: boolean;
+    emptyMessage?: string;
+    className?: string;
+}
+export declare function DataTable<T>({ columns, data, getRowKey, caption, striped, compact, borderless, emptyMessage, className, }: DataTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Table.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,aAAa,CAAC;AAErB,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIrD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,0FAcxB,CAAC;AAGF,eAAO,MAAM,KAAK,sHAIjB,CAAC;AAGF,eAAO,MAAM,WAAW,+HAIvB,CAAC;AAGF,eAAO,MAAM,SAAS,+HAIrB,CAAC;AAGF,eAAO,MAAM,WAAW,+HAIvB,CAAC;AAGF,eAAO,MAAM,QAAQ,uHAIpB,CAAC;AAGF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,6FAarB,CAAC;AAGF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;IAClF,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,6FAcrB,CAAC;AAGF,eAAO,MAAM,YAAY,+HAIxB,CAAC;AAKF,MAAM,WAAW,SAAS,CAAC,CAAC;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oDAAoD;IACpD,MAAM,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACrC,uCAAuC;IACvC,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IACvC,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,0CAA0C;IAC1C,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;IACvD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,SAAS,EACT,OAAO,EACP,OAAO,EACP,OAAO,EACP,UAAU,EACV,YAA4B,EAC5B,SAAS,GACV,EAAE,cAAc,CAAC,CAAC,CAAC,2CA0CnB"}

package/dist/components/table/Table.js

@@ -0,0 +1,113 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css          */
+const TableWrapper = React__default.forwardRef(
+  ({ className, striped, compact, borderless, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rz-table-wrapper",
+        striped && "rz-table-wrapper--striped",
+        compact && "rz-table-wrapper--compact",
+        borderless && "rz-table-wrapper--borderless",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableWrapper.displayName = "TableWrapper";
+const Table = React__default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("table", { ref, className: cn("rz-table", className), ...props })
+);
+Table.displayName = "Table";
+const TableHeader = React__default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("rz-table__header", className), ...props })
+);
+TableHeader.displayName = "TableHeader";
+const TableBody = React__default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("rz-table__body", className), ...props })
+);
+TableBody.displayName = "TableBody";
+const TableFooter = React__default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tfoot", { ref, className: cn("rz-table__footer", className), ...props })
+);
+TableFooter.displayName = "TableFooter";
+const TableRow = React__default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tr", { ref, className: cn("rz-table__row", className), ...props })
+);
+TableRow.displayName = "TableRow";
+const TableHead = React__default.forwardRef(
+  ({ className, align = "left", ...props }, ref) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      ref,
+      className: cn(
+        "rz-table__head",
+        align === "right" && "rz-table__head--right",
+        align === "center" && "rz-table__head--center",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+const TableCell = React__default.forwardRef(
+  ({ className, align = "left", bold, ...props }, ref) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref,
+      className: cn(
+        "rz-table__cell",
+        align === "right" && "rz-table__cell--right",
+        align === "center" && "rz-table__cell--center",
+        bold && "rz-table__cell--bold",
+        className
+      ),
+      ...props
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+const TableCaption = React__default.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("caption", { ref, className: cn("rz-table__caption", className), ...props })
+);
+TableCaption.displayName = "TableCaption";
+function DataTable({
+  columns,
+  data,
+  getRowKey,
+  caption,
+  striped,
+  compact,
+  borderless,
+  emptyMessage = "No results.",
+  className
+}) {
+  function getCellValue(col, row) {
+    if (col.render) return col.render(row);
+    if (col.accessor) return col.accessor(row);
+    return String(row[col.key] ?? "");
+  }
+  return /* @__PURE__ */ jsx(TableWrapper, { striped, compact, borderless, className, children: /* @__PURE__ */ jsxs(Table, { children: [
+    caption && /* @__PURE__ */ jsx(TableCaption, { children: caption }),
+    /* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableHead, { align: col.align, style: col.width != null ? { width: col.width } : void 0, children: col.header }, col.key)) }) }),
+    /* @__PURE__ */ jsx(TableBody, { children: data.length === 0 ? /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colSpan: columns.length, align: "center", style: { color: "var(--rz-color-muted-foreground)", padding: "2rem" }, children: emptyMessage }) }) : data.map((row, i) => /* @__PURE__ */ jsx(TableRow, { children: columns.map((col) => /* @__PURE__ */ jsx(TableCell, { align: col.align, bold: col.bold, children: getCellValue(col, row) }, col.key)) }, getRowKey ? getRowKey(row, i) : i)) })
+  ] }) });
+}
+export {
+  DataTable,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  TableWrapper
+};
+//# sourceMappingURL=Table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../src/components/table/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { cn } from '../../utils/cn';\nimport './table.css';\n\nexport type TableAlign = 'left' | 'center' | 'right';\n\n/* ─── Primitives ──────────────────────────────────────────── */\n\nexport interface TableWrapperProps extends React.HTMLAttributes<HTMLDivElement> {\n  striped?: boolean;\n  compact?: boolean;\n  borderless?: boolean;\n}\n\nexport const TableWrapper = React.forwardRef<HTMLDivElement, TableWrapperProps>(\n  ({ className, striped, compact, borderless, ...props }, ref) => (\n    <div\n      ref={ref}\n      className={cn(\n        'rz-table-wrapper',\n        striped && 'rz-table-wrapper--striped',\n        compact && 'rz-table-wrapper--compact',\n        borderless && 'rz-table-wrapper--borderless',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableWrapper.displayName = 'TableWrapper';\n\nexport const Table = React.forwardRef<HTMLTableElement, React.TableHTMLAttributes<HTMLTableElement>>(\n  ({ className, ...props }, ref) => (\n    <table ref={ref} className={cn('rz-table', className)} {...props} />\n  ),\n);\nTable.displayName = 'Table';\n\nexport const TableHeader = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <thead ref={ref} className={cn('rz-table__header', className)} {...props} />\n  ),\n);\nTableHeader.displayName = 'TableHeader';\n\nexport const TableBody = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tbody ref={ref} className={cn('rz-table__body', className)} {...props} />\n  ),\n);\nTableBody.displayName = 'TableBody';\n\nexport const TableFooter = React.forwardRef<HTMLTableSectionElement, React.HTMLAttributes<HTMLTableSectionElement>>(\n  ({ className, ...props }, ref) => (\n    <tfoot ref={ref} className={cn('rz-table__footer', className)} {...props} />\n  ),\n);\nTableFooter.displayName = 'TableFooter';\n\nexport const TableRow = React.forwardRef<HTMLTableRowElement, React.HTMLAttributes<HTMLTableRowElement>>(\n  ({ className, ...props }, ref) => (\n    <tr ref={ref} className={cn('rz-table__row', className)} {...props} />\n  ),\n);\nTableRow.displayName = 'TableRow';\n\nexport interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {\n  align?: TableAlign;\n}\n\nexport const TableHead = React.forwardRef<HTMLTableCellElement, TableHeadProps>(\n  ({ className, align = 'left', ...props }, ref) => (\n    <th\n      ref={ref}\n      className={cn(\n        'rz-table__head',\n        align === 'right' && 'rz-table__head--right',\n        align === 'center' && 'rz-table__head--center',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableHead.displayName = 'TableHead';\n\nexport interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {\n  align?: TableAlign;\n  bold?: boolean;\n}\n\nexport const TableCell = React.forwardRef<HTMLTableCellElement, TableCellProps>(\n  ({ className, align = 'left', bold, ...props }, ref) => (\n    <td\n      ref={ref}\n      className={cn(\n        'rz-table__cell',\n        align === 'right' && 'rz-table__cell--right',\n        align === 'center' && 'rz-table__cell--center',\n        bold && 'rz-table__cell--bold',\n        className,\n      )}\n      {...props}\n    />\n  ),\n);\nTableCell.displayName = 'TableCell';\n\nexport const TableCaption = React.forwardRef<HTMLTableCaptionElement, React.HTMLAttributes<HTMLTableCaptionElement>>(\n  ({ className, ...props }, ref) => (\n    <caption ref={ref} className={cn('rz-table__caption', className)} {...props} />\n  ),\n);\nTableCaption.displayName = 'TableCaption';\n\n/* ─── Convenience component ───────────────────────────────── */\n\nexport interface ColumnDef<T> {\n  key: string;\n  header: React.ReactNode;\n  /** Custom cell renderer. Defaults to `row[key]`. */\n  render?: (row: T) => React.ReactNode;\n  /** @deprecated Use `render` instead */\n  accessor?: (row: T) => React.ReactNode;\n  align?: TableAlign;\n  bold?: boolean;\n  width?: number | string;\n}\n\nexport interface DataTableProps<T> {\n  columns: ColumnDef<T>[];\n  data: T[];\n  /** Defaults to row index when omitted. */\n  getRowKey?: (row: T, index: number) => string | number;\n  caption?: string;\n  striped?: boolean;\n  compact?: boolean;\n  borderless?: boolean;\n  emptyMessage?: string;\n  className?: string;\n}\n\nexport function DataTable<T>({\n  columns,\n  data,\n  getRowKey,\n  caption,\n  striped,\n  compact,\n  borderless,\n  emptyMessage = 'No results.',\n  className,\n}: DataTableProps<T>) {\n  function getCellValue(col: ColumnDef<T>, row: T): React.ReactNode {\n    if (col.render) return col.render(row);\n    if (col.accessor) return col.accessor(row);\n    return String((row as Record<string, unknown>)[col.key] ?? '');\n  }\n\n  return (\n    <TableWrapper striped={striped} compact={compact} borderless={borderless} className={className}>\n      <Table>\n        {caption && <TableCaption>{caption}</TableCaption>}\n        <TableHeader>\n          <TableRow>\n            {columns.map((col) => (\n              <TableHead key={col.key} align={col.align} style={col.width != null ? { width: col.width } : undefined}>\n                {col.header}\n              </TableHead>\n            ))}\n          </TableRow>\n        </TableHeader>\n        <TableBody>\n          {data.length === 0 ? (\n            <TableRow>\n              <TableCell colSpan={columns.length} align=\"center\" style={{ color: 'var(--rz-color-muted-foreground)', padding: '2rem' }}>\n                {emptyMessage}\n              </TableCell>\n            </TableRow>\n          ) : (\n            data.map((row, i) => (\n              <TableRow key={getRowKey ? getRowKey(row, i) : i}>\n                {columns.map((col) => (\n                  <TableCell key={col.key} align={col.align} bold={col.bold}>\n                    {getCellValue(col, row)}\n                  </TableCell>\n                ))}\n              </TableRow>\n            ))\n          )}\n        </TableBody>\n      </Table>\n    </TableWrapper>\n  );\n}\n"],"names":["React"],"mappings":"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"}

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

@@ -0,0 +1,3 @@
+export { TableWrapper, Table, TableHeader, TableBody, TableFooter, TableRow, TableHead, TableCell, TableCaption, DataTable, } from './Table';
+export type { TableWrapperProps, TableHeadProps, TableCellProps, ColumnDef, DataTableProps, TableAlign } from './Table';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,EACR,SAAS,EACT,SAAS,EACT,YAAY,EACZ,SAAS,GACV,MAAM,SAAS,CAAC;AACjB,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC"}

package/dist/components/tabs/Tabs.cjs

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const index = require("../../node_modules/@radix-ui/react-tabs/dist/index.cjs");
+const cn = require("../../utils/cn.cjs");
+;/* empty css           */
+const TabsRoot = index.Root;
+const TabsList = React.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  index.List,
+  {
+    ref,
+    className: cn.cn(
+      "rz-tabs__list",
+      variant === "underline" && "rz-tabs__list--underline",
+      variant === "pills" && "rz-tabs__list--pills",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = "TabsList";
+const TabsTrigger = React.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(index.Trigger, { ref, className: cn.cn("rz-tabs__trigger", className), ...props, children: [
+  icon && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", style: { display: "flex", width: 16, height: 16 }, children: icon }),
+  children
+] }));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(index.Content, { ref, className: cn.cn("rz-tabs__content", className), ...props }));
+TabsContent.displayName = "TabsContent";
+const Tabs = Object.assign(TabsRoot, {
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent
+});
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsRoot = TabsRoot;
+exports.TabsTrigger = TabsTrigger;
+//# sourceMappingURL=Tabs.cjs.map

package/dist/components/tabs/Tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.cjs","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { cn } from '../../utils/cn';\nimport './tabs.css';\n\nexport const TabsRoot = TabsPrimitive.Root;\n\nexport interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {\n  variant?: 'default' | 'underline' | 'pills';\n}\n\nexport const TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  TabsListProps\n>(({ className, variant = 'default', ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'rz-tabs__list',\n      variant === 'underline' && 'rz-tabs__list--underline',\n      variant === 'pills' && 'rz-tabs__list--pills',\n      className,\n    )}\n    {...props}\n  />\n));\nTabsList.displayName = 'TabsList';\n\nexport const TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & { icon?: React.ReactNode }\n>(({ className, icon, children, ...props }, ref) => (\n  <TabsPrimitive.Trigger ref={ref} className={cn('rz-tabs__trigger', className)} {...props}>\n    {icon && <span aria-hidden=\"true\" style={{ display: 'flex', width: 16, height: 16 }}>{icon}</span>}\n    {children}\n  </TabsPrimitive.Trigger>\n));\nTabsTrigger.displayName = 'TabsTrigger';\n\nexport const TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content ref={ref} className={cn('rz-tabs__content', className)} {...props} />\n));\nTabsContent.displayName = 'TabsContent';\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n"],"names":["TabsPrimitive.Root","jsx","TabsPrimitive.List","cn","jsxs","TabsPrimitive.Trigger","TabsPrimitive.Content"],"mappings":";;;;;;;AAKO,MAAM,WAAWA,MAAAA;AAMjB,MAAM,WAAW,MAAM,WAG5B,CAAC,EAAE,WAAW,UAAU,WAAW,GAAG,SAAS,QAC/CC,2BAAAA;AAAAA,EAACC,MAAAA;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAWC,GAAAA;AAAAA,MACT;AAAA,MACA,YAAY,eAAe;AAAA,MAC3B,YAAY,WAAW;AAAA,MACvB;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN,CACD;AACD,SAAS,cAAc;AAEhB,MAAM,cAAc,MAAM,WAG/B,CAAC,EAAE,WAAW,MAAM,UAAU,GAAG,MAAA,GAAS,QAC1CC,2BAAAA,KAACC,eAAA,EAAsB,KAAU,WAAWF,GAAAA,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAChF,UAAA;AAAA,EAAA,QAAQF,2BAAAA,IAAC,QAAA,EAAK,eAAY,QAAO,OAAO,EAAE,SAAS,QAAQ,OAAO,IAAI,QAAQ,GAAA,GAAO,UAAA,MAAK;AAAA,EAC1F;AAAA,GACH,CACD;AACD,YAAY,cAAc;AAEnB,MAAM,cAAc,MAAM,WAG/B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BA,2BAAAA,IAACK,MAAAA,SAAA,EAAsB,KAAU,WAAWH,GAAAA,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAAO,CAC3F;AACD,YAAY,cAAc;AAEnB,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;;;;;;"}

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+export declare const TabsRoot: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {
+    variant?: 'default' | 'underline' | 'pills';
+}
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    icon?: React.ReactNode;
+} & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>> & {
+    List: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+    Trigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+        icon?: React.ReactNode;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    Content: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+};
+//# sourceMappingURL=Tabs.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AAEtD,OAAO,YAAY,CAAC;AAEpB,eAAO,MAAM,QAAQ,gGAAqB,CAAC;AAE3C,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC;IAC9F,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAC;CAC7C;AAED,eAAO,MAAM,QAAQ,sFAcnB,CAAC;AAGH,eAAO,MAAM,WAAW;WAEkD,KAAK,CAAC,SAAS;2CAMvF,CAAC;AAGH,eAAO,MAAM,WAAW,0JAKtB,CAAC;AAGH,eAAO,MAAM,IAAI;;;eAjByD,KAAK,CAAC,SAAS;;;CAqBvF,CAAC"}

package/dist/components/tabs/Tabs.js

@@ -0,0 +1,40 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import React__default from "react";
+import { Root as Root2, Content, List, Trigger } from "../../node_modules/@radix-ui/react-tabs/dist/index.js";
+import { cn } from "../../utils/cn.js";
+/* empty css         */
+const TabsRoot = Root2;
+const TabsList = React__default.forwardRef(({ className, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  List,
+  {
+    ref,
+    className: cn(
+      "rz-tabs__list",
+      variant === "underline" && "rz-tabs__list--underline",
+      variant === "pills" && "rz-tabs__list--pills",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = "TabsList";
+const TabsTrigger = React__default.forwardRef(({ className, icon, children, ...props }, ref) => /* @__PURE__ */ jsxs(Trigger, { ref, className: cn("rz-tabs__trigger", className), ...props, children: [
+  icon && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", style: { display: "flex", width: 16, height: 16 }, children: icon }),
+  children
+] }));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React__default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Content, { ref, className: cn("rz-tabs__content", className), ...props }));
+TabsContent.displayName = "TabsContent";
+const Tabs = Object.assign(TabsRoot, {
+  List: TabsList,
+  Trigger: TabsTrigger,
+  Content: TabsContent
+});
+export {
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsRoot,
+  TabsTrigger
+};
+//# sourceMappingURL=Tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../src/components/tabs/Tabs.tsx"],"sourcesContent":["import React from 'react';\nimport * as TabsPrimitive from '@radix-ui/react-tabs';\nimport { cn } from '../../utils/cn';\nimport './tabs.css';\n\nexport const TabsRoot = TabsPrimitive.Root;\n\nexport interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List> {\n  variant?: 'default' | 'underline' | 'pills';\n}\n\nexport const TabsList = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.List>,\n  TabsListProps\n>(({ className, variant = 'default', ...props }, ref) => (\n  <TabsPrimitive.List\n    ref={ref}\n    className={cn(\n      'rz-tabs__list',\n      variant === 'underline' && 'rz-tabs__list--underline',\n      variant === 'pills' && 'rz-tabs__list--pills',\n      className,\n    )}\n    {...props}\n  />\n));\nTabsList.displayName = 'TabsList';\n\nexport const TabsTrigger = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger> & { icon?: React.ReactNode }\n>(({ className, icon, children, ...props }, ref) => (\n  <TabsPrimitive.Trigger ref={ref} className={cn('rz-tabs__trigger', className)} {...props}>\n    {icon && <span aria-hidden=\"true\" style={{ display: 'flex', width: 16, height: 16 }}>{icon}</span>}\n    {children}\n  </TabsPrimitive.Trigger>\n));\nTabsTrigger.displayName = 'TabsTrigger';\n\nexport const TabsContent = React.forwardRef<\n  React.ElementRef<typeof TabsPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <TabsPrimitive.Content ref={ref} className={cn('rz-tabs__content', className)} {...props} />\n));\nTabsContent.displayName = 'TabsContent';\n\nexport const Tabs = Object.assign(TabsRoot, {\n  List: TabsList,\n  Trigger: TabsTrigger,\n  Content: TabsContent,\n});\n"],"names":["TabsPrimitive.Root","React","TabsPrimitive.List","TabsPrimitive.Trigger","TabsPrimitive.Content"],"mappings":";;;;;AAKO,MAAM,WAAWA;AAMjB,MAAM,WAAWC,eAAM,WAG5B,CAAC,EAAE,WAAW,UAAU,WAAW,GAAG,SAAS,QAC/C;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA,YAAY,eAAe;AAAA,MAC3B,YAAY,WAAW;AAAA,MACvB;AAAA,IAAA;AAAA,IAED,GAAG;AAAA,EAAA;AACN,CACD;AACD,SAAS,cAAc;AAEhB,MAAM,cAAcD,eAAM,WAG/B,CAAC,EAAE,WAAW,MAAM,UAAU,GAAG,MAAA,GAAS,QAC1C,qBAACE,SAAA,EAAsB,KAAU,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAChF,UAAA;AAAA,EAAA,QAAQ,oBAAC,QAAA,EAAK,eAAY,QAAO,OAAO,EAAE,SAAS,QAAQ,OAAO,IAAI,QAAQ,GAAA,GAAO,UAAA,MAAK;AAAA,EAC1F;AAAA,GACH,CACD;AACD,YAAY,cAAc;AAEnB,MAAM,cAAcF,eAAM,WAG/B,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1B,oBAACG,SAAA,EAAsB,KAAU,WAAW,GAAG,oBAAoB,SAAS,GAAI,GAAG,OAAO,CAC3F;AACD,YAAY,cAAc;AAEnB,MAAM,OAAO,OAAO,OAAO,UAAU;AAAA,EAC1C,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AACX,CAAC;"}

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

@@ -0,0 +1,3 @@
+export { Tabs, TabsRoot, TabsList, TabsTrigger, TabsContent } from './Tabs';
+export type { TabsListProps } from './Tabs';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAC5E,YAAY,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC"}

package/dist/components/tag-input/TagInput.cjs

@@ -0,0 +1,113 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const React = require("react");
+const cn = require("../../utils/cn.cjs");
+;/* empty css                */
+const x = require("../../node_modules/lucide-react/dist/esm/icons/x.cjs");
+function TagInput({
+  value: valueProp,
+  onChange,
+  placeholder = "Add tag…",
+  delimiters = ["Enter", ","],
+  maxTags,
+  tagVariant = "default",
+  disabled = false,
+  error = false,
+  hint,
+  className
+}) {
+  const [internalTags, setInternalTags] = React.useState([]);
+  const isControlled = valueProp !== void 0;
+  const tags = isControlled ? valueProp : internalTags;
+  const [input, setInput] = React.useState("");
+  const inputRef = React.useRef(null);
+  function addTag(raw) {
+    const tag = raw.trim().replace(/,$/, "").trim();
+    if (!tag || tags.includes(tag)) return;
+    if (maxTags != null && tags.length >= maxTags) return;
+    const next = [...tags, tag];
+    if (!isControlled) setInternalTags(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeTag(i) {
+    const next = tags.filter((_, idx) => idx !== i);
+    if (!isControlled) setInternalTags(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function onKeyDown(e) {
+    if (delimiters.includes(e.key)) {
+      e.preventDefault();
+      addTag(input);
+      setInput("");
+    } else if (e.key === "Backspace" && !input && tags.length > 0) {
+      removeTag(tags.length - 1);
+    }
+  }
+  function onBlur() {
+    if (input.trim()) {
+      addTag(input);
+      setInput("");
+    }
+  }
+  function onChange_(e) {
+    const val = e.target.value;
+    if (val.endsWith(",")) {
+      addTag(val);
+      setInput("");
+    } else {
+      setInput(val);
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn.cn("rz-tag-input-wrapper", className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cn.cn(
+          "rz-tag-input",
+          disabled && "rz-tag-input--disabled",
+          error && "rz-tag-input--error"
+        ),
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.focus();
+        },
+        children: [
+          tags.map((tag, i) => /* @__PURE__ */ jsxRuntime.jsxs("span", { className: cn.cn("rz-tag", tagVariant !== "default" && `rz-tag--${tagVariant}`), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "rz-tag__label", children: tag }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "rz-tag__remove",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTag(i);
+                },
+                "aria-label": `Remove ${tag}`,
+                children: /* @__PURE__ */ jsxRuntime.jsx(x, { size: 10 })
+              }
+            )
+          ] }, tag)),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              ref: inputRef,
+              className: "rz-tag-input__field",
+              value: input,
+              onChange: onChange_,
+              onKeyDown,
+              onBlur,
+              placeholder: tags.length === 0 ? placeholder : "",
+              disabled,
+              "aria-label": placeholder
+            }
+          )
+        ]
+      }
+    ),
+    hint && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "rz-tag-input__hint", children: hint })
+  ] });
+}
+exports.TagInput = TagInput;
+//# sourceMappingURL=TagInput.cjs.map

package/dist/components/tag-input/TagInput.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.cjs","sources":["../../../src/components/tag-input/TagInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './tag-input.css';\n\nexport type TagVariant = 'default' | 'secondary' | 'outline';\n\nexport interface TagInputProps {\n  value?: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  /** Keys that confirm a tag (default: Enter, comma) */\n  delimiters?: string[];\n  maxTags?: number;\n  tagVariant?: TagVariant;\n  disabled?: boolean;\n  error?: boolean;\n  hint?: string;\n  className?: string;\n}\n\nexport function TagInput({\n  value: valueProp,\n  onChange,\n  placeholder = 'Add tag…',\n  delimiters = ['Enter', ','],\n  maxTags,\n  tagVariant = 'default',\n  disabled = false,\n  error = false,\n  hint,\n  className,\n}: TagInputProps) {\n  const [internalTags, setInternalTags] = useState<string[]>([]);\n  const isControlled = valueProp !== undefined;\n  const tags = isControlled ? valueProp : internalTags;\n\n  const [input, setInput] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  function addTag(raw: string) {\n    const tag = raw.trim().replace(/,$/, '').trim();\n    if (!tag || tags.includes(tag)) return;\n    if (maxTags != null && tags.length >= maxTags) return;\n    const next = [...tags, tag];\n    if (!isControlled) setInternalTags(next);\n    onChange?.(next);\n  }\n\n  function removeTag(i: number) {\n    const next = tags.filter((_, idx) => idx !== i);\n    if (!isControlled) setInternalTags(next);\n    onChange?.(next);\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (delimiters.includes(e.key)) {\n      e.preventDefault();\n      addTag(input);\n      setInput('');\n    } else if (e.key === 'Backspace' && !input && tags.length > 0) {\n      removeTag(tags.length - 1);\n    }\n  }\n\n  function onBlur() {\n    if (input.trim()) {\n      addTag(input);\n      setInput('');\n    }\n  }\n\n  function onChange_(e: React.ChangeEvent<HTMLInputElement>) {\n    const val = e.target.value;\n    if (val.endsWith(',')) {\n      addTag(val);\n      setInput('');\n    } else {\n      setInput(val);\n    }\n  }\n\n  return (\n    <div className={cn('rz-tag-input-wrapper', className)}>\n      <div\n        className={cn(\n          'rz-tag-input',\n          disabled && 'rz-tag-input--disabled',\n          error && 'rz-tag-input--error',\n        )}\n        onClick={() => inputRef.current?.focus()}\n      >\n        {tags.map((tag, i) => (\n          <span key={tag} className={cn('rz-tag', tagVariant !== 'default' && `rz-tag--${tagVariant}`)}>\n            <span className=\"rz-tag__label\">{tag}</span>\n            <button\n              type=\"button\"\n              className=\"rz-tag__remove\"\n              onClick={(e) => { e.stopPropagation(); removeTag(i); }}\n              aria-label={`Remove ${tag}`}\n            >\n              <X size={10} />\n            </button>\n          </span>\n        ))}\n        <input\n          ref={inputRef}\n          className=\"rz-tag-input__field\"\n          value={input}\n          onChange={onChange_}\n          onKeyDown={onKeyDown}\n          onBlur={onBlur}\n          placeholder={tags.length === 0 ? placeholder : ''}\n          disabled={disabled}\n          aria-label={placeholder}\n        />\n      </div>\n      {hint && <p className=\"rz-tag-input__hint\">{hint}</p>}\n    </div>\n  );\n}\n"],"names":["useState","useRef","cn","jsxs","jsx","X"],"mappings":"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"}

package/dist/components/tag-input/TagInput.d.ts

@@ -0,0 +1,16 @@
+export type TagVariant = 'default' | 'secondary' | 'outline';
+export interface TagInputProps {
+    value?: string[];
+    onChange?: (tags: string[]) => void;
+    placeholder?: string;
+    /** Keys that confirm a tag (default: Enter, comma) */
+    delimiters?: string[];
+    maxTags?: number;
+    tagVariant?: TagVariant;
+    disabled?: boolean;
+    error?: boolean;
+    hint?: string;
+    className?: string;
+}
+export declare function TagInput({ value: valueProp, onChange, placeholder, delimiters, maxTags, tagVariant, disabled, error, hint, className, }: TagInputProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TagInput.d.ts.map

package/dist/components/tag-input/TagInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.d.ts","sourceRoot":"","sources":["../../../src/components/tag-input/TagInput.tsx"],"names":[],"mappings":"AAGA,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC;AAE7D,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EAAE,SAAS,EAChB,QAAQ,EACR,WAAwB,EACxB,UAA2B,EAC3B,OAAO,EACP,UAAsB,EACtB,QAAgB,EAChB,KAAa,EACb,IAAI,EACJ,SAAS,GACV,EAAE,aAAa,2CAwFf"}

package/dist/components/tag-input/TagInput.js

@@ -0,0 +1,113 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useRef } from "react";
+import { cn } from "../../utils/cn.js";
+/* empty css              */
+import X from "../../node_modules/lucide-react/dist/esm/icons/x.js";
+function TagInput({
+  value: valueProp,
+  onChange,
+  placeholder = "Add tag…",
+  delimiters = ["Enter", ","],
+  maxTags,
+  tagVariant = "default",
+  disabled = false,
+  error = false,
+  hint,
+  className
+}) {
+  const [internalTags, setInternalTags] = useState([]);
+  const isControlled = valueProp !== void 0;
+  const tags = isControlled ? valueProp : internalTags;
+  const [input, setInput] = useState("");
+  const inputRef = useRef(null);
+  function addTag(raw) {
+    const tag = raw.trim().replace(/,$/, "").trim();
+    if (!tag || tags.includes(tag)) return;
+    if (maxTags != null && tags.length >= maxTags) return;
+    const next = [...tags, tag];
+    if (!isControlled) setInternalTags(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function removeTag(i) {
+    const next = tags.filter((_, idx) => idx !== i);
+    if (!isControlled) setInternalTags(next);
+    onChange == null ? void 0 : onChange(next);
+  }
+  function onKeyDown(e) {
+    if (delimiters.includes(e.key)) {
+      e.preventDefault();
+      addTag(input);
+      setInput("");
+    } else if (e.key === "Backspace" && !input && tags.length > 0) {
+      removeTag(tags.length - 1);
+    }
+  }
+  function onBlur() {
+    if (input.trim()) {
+      addTag(input);
+      setInput("");
+    }
+  }
+  function onChange_(e) {
+    const val = e.target.value;
+    if (val.endsWith(",")) {
+      addTag(val);
+      setInput("");
+    } else {
+      setInput(val);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("rz-tag-input-wrapper", className), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "rz-tag-input",
+          disabled && "rz-tag-input--disabled",
+          error && "rz-tag-input--error"
+        ),
+        onClick: () => {
+          var _a;
+          return (_a = inputRef.current) == null ? void 0 : _a.focus();
+        },
+        children: [
+          tags.map((tag, i) => /* @__PURE__ */ jsxs("span", { className: cn("rz-tag", tagVariant !== "default" && `rz-tag--${tagVariant}`), children: [
+            /* @__PURE__ */ jsx("span", { className: "rz-tag__label", children: tag }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "rz-tag__remove",
+                onClick: (e) => {
+                  e.stopPropagation();
+                  removeTag(i);
+                },
+                "aria-label": `Remove ${tag}`,
+                children: /* @__PURE__ */ jsx(X, { size: 10 })
+              }
+            )
+          ] }, tag)),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref: inputRef,
+              className: "rz-tag-input__field",
+              value: input,
+              onChange: onChange_,
+              onKeyDown,
+              onBlur,
+              placeholder: tags.length === 0 ? placeholder : "",
+              disabled,
+              "aria-label": placeholder
+            }
+          )
+        ]
+      }
+    ),
+    hint && /* @__PURE__ */ jsx("p", { className: "rz-tag-input__hint", children: hint })
+  ] });
+}
+export {
+  TagInput
+};
+//# sourceMappingURL=TagInput.js.map

package/dist/components/tag-input/TagInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagInput.js","sources":["../../../src/components/tag-input/TagInput.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react';\nimport { X } from 'lucide-react';\nimport { cn } from '../../utils/cn';\nimport './tag-input.css';\n\nexport type TagVariant = 'default' | 'secondary' | 'outline';\n\nexport interface TagInputProps {\n  value?: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  /** Keys that confirm a tag (default: Enter, comma) */\n  delimiters?: string[];\n  maxTags?: number;\n  tagVariant?: TagVariant;\n  disabled?: boolean;\n  error?: boolean;\n  hint?: string;\n  className?: string;\n}\n\nexport function TagInput({\n  value: valueProp,\n  onChange,\n  placeholder = 'Add tag…',\n  delimiters = ['Enter', ','],\n  maxTags,\n  tagVariant = 'default',\n  disabled = false,\n  error = false,\n  hint,\n  className,\n}: TagInputProps) {\n  const [internalTags, setInternalTags] = useState<string[]>([]);\n  const isControlled = valueProp !== undefined;\n  const tags = isControlled ? valueProp : internalTags;\n\n  const [input, setInput] = useState('');\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  function addTag(raw: string) {\n    const tag = raw.trim().replace(/,$/, '').trim();\n    if (!tag || tags.includes(tag)) return;\n    if (maxTags != null && tags.length >= maxTags) return;\n    const next = [...tags, tag];\n    if (!isControlled) setInternalTags(next);\n    onChange?.(next);\n  }\n\n  function removeTag(i: number) {\n    const next = tags.filter((_, idx) => idx !== i);\n    if (!isControlled) setInternalTags(next);\n    onChange?.(next);\n  }\n\n  function onKeyDown(e: React.KeyboardEvent<HTMLInputElement>) {\n    if (delimiters.includes(e.key)) {\n      e.preventDefault();\n      addTag(input);\n      setInput('');\n    } else if (e.key === 'Backspace' && !input && tags.length > 0) {\n      removeTag(tags.length - 1);\n    }\n  }\n\n  function onBlur() {\n    if (input.trim()) {\n      addTag(input);\n      setInput('');\n    }\n  }\n\n  function onChange_(e: React.ChangeEvent<HTMLInputElement>) {\n    const val = e.target.value;\n    if (val.endsWith(',')) {\n      addTag(val);\n      setInput('');\n    } else {\n      setInput(val);\n    }\n  }\n\n  return (\n    <div className={cn('rz-tag-input-wrapper', className)}>\n      <div\n        className={cn(\n          'rz-tag-input',\n          disabled && 'rz-tag-input--disabled',\n          error && 'rz-tag-input--error',\n        )}\n        onClick={() => inputRef.current?.focus()}\n      >\n        {tags.map((tag, i) => (\n          <span key={tag} className={cn('rz-tag', tagVariant !== 'default' && `rz-tag--${tagVariant}`)}>\n            <span className=\"rz-tag__label\">{tag}</span>\n            <button\n              type=\"button\"\n              className=\"rz-tag__remove\"\n              onClick={(e) => { e.stopPropagation(); removeTag(i); }}\n              aria-label={`Remove ${tag}`}\n            >\n              <X size={10} />\n            </button>\n          </span>\n        ))}\n        <input\n          ref={inputRef}\n          className=\"rz-tag-input__field\"\n          value={input}\n          onChange={onChange_}\n          onKeyDown={onKeyDown}\n          onBlur={onBlur}\n          placeholder={tags.length === 0 ? placeholder : ''}\n          disabled={disabled}\n          aria-label={placeholder}\n        />\n      </div>\n      {hint && <p className=\"rz-tag-input__hint\">{hint}</p>}\n    </div>\n  );\n}\n"],"names":[],"mappings":"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"}