@timmbr/ui 1.0.0-beta

package/dist/components/Switch/Switch.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+import { cn } from '@timmbr/utils';
+import { switchThumbVariants, switchVariants } from './Switch.styles.js';
+
+const Switch = React.forwardRef(
+  ({
+    className,
+    containerClassName,
+    style,
+    size,
+    label,
+    description,
+    id: customId,
+    disabled,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const id = customId || generatedId;
+    const switchElement = /* @__PURE__ */ jsx(
+      SwitchPrimitive.Root,
+      {
+        ref,
+        id,
+        disabled,
+        className: cn(switchVariants({ size }), !label && className),
+        style: !label ? style : void 0,
+        ...props,
+        children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ size })) })
+      }
+    );
+    if (!label && !description) {
+      return switchElement;
+    }
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "flex items-start justify-between gap-4 font-sans",
+          disabled && "opacity-60 cursor-not-allowed",
+          containerClassName,
+          label && className
+        ),
+        style: label ? style : void 0,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+            label && /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: id,
+                className: cn(
+                  "text-sm font-medium text-foreground cursor-pointer select-none leading-snug",
+                  disabled && "cursor-not-allowed"
+                ),
+                children: label
+              }
+            ),
+            description && /* @__PURE__ */ jsx("p", { className: "text-xs text-muted leading-normal mt-0.5", children: description })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "shrink-0 pt-0.5", children: switchElement })
+        ]
+      }
+    );
+  }
+);
+Switch.displayName = "Switch";
+
+export { Switch };

package/dist/components/Switch/Switch.styles.d.ts

@@ -0,0 +1,9 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const switchVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const switchThumbVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "md" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type SwitchVariants = VariantProps<typeof switchVariants>;
+//# sourceMappingURL=Switch.styles.d.ts.map

package/dist/components/Switch/Switch.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,cAAc;;8EAe1B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;8EAe/B,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,YAAY,CAAC,OAAO,cAAc,CAAC,CAAC"}

package/dist/components/Switch/Switch.styles.js

@@ -0,0 +1,36 @@
+import { cva } from 'class-variance-authority';
+
+const switchVariants = cva(
+  "peer inline-flex shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-grey-200 dark:data-[state=unchecked]:bg-grey-700",
+  {
+    variants: {
+      size: {
+        sm: "h-5 w-9",
+        default: "h-6 w-11",
+        md: "h-6 w-11",
+        lg: "h-7 w-14"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const switchThumbVariants = cva(
+  "pointer-events-none block rounded-full bg-white shadow-md ring-0 transition-transform data-[state=unchecked]:translate-x-0",
+  {
+    variants: {
+      size: {
+        sm: "h-4 w-4 data-[state=checked]:translate-x-4",
+        default: "h-5 w-5 data-[state=checked]:translate-x-5",
+        md: "h-5 w-5 data-[state=checked]:translate-x-5",
+        lg: "h-6 w-6 data-[state=checked]:translate-x-7"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+
+export { switchThumbVariants, switchVariants };

package/dist/components/Switch/Switch.types.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type * as SwitchPrimitive from '@radix-ui/react-switch';
+import type { SwitchVariants } from './Switch.styles';
+export interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitive.Root>, 'size'>, SwitchVariants {
+    /**
+     * Primary label text displayed next to the switch toggle.
+     */
+    label?: React.ReactNode;
+    /**
+     * Secondary supporting text displayed below the label.
+     */
+    description?: React.ReactNode;
+    /**
+     * Custom className for the outer container wrapper.
+     */
+    containerClassName?: string;
+}
+//# sourceMappingURL=Switch.types.d.ts.map

package/dist/components/Switch/Switch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WACf,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,EAC3D,MAAM,CACP,EACD,cAAc;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B"}

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

@@ -0,0 +1,4 @@
+export * from './Switch';
+export * from './Switch.types';
+export * from './Switch.styles';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import type { TableProps, TableHeaderProps, TableBodyProps, TableFooterProps, TableRowProps, TableHeadProps, TableCellProps, TableCaptionProps } from './Table.types';
+export declare const Table: React.ForwardRefExoticComponent<TableProps & React.RefAttributes<HTMLTableElement>>;
+export declare const TableHeader: React.ForwardRefExoticComponent<TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableBody: React.ForwardRefExoticComponent<TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableFooter: React.ForwardRefExoticComponent<TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+export declare const TableRow: React.ForwardRefExoticComponent<TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+export declare const TableHead: React.ForwardRefExoticComponent<TableHeadProps & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCell: React.ForwardRefExoticComponent<TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
+export declare const TableCaption: React.ForwardRefExoticComponent<TableCaptionProps & React.RefAttributes<HTMLTableCaptionElement>>;
+export { TablePagination } from './TablePagination';
+//# 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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,cAAc,EACd,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,KAAK,qFAWjB,CAAC;AAGF,eAAO,MAAM,WAAW,kGASvB,CAAC;AAGF,eAAO,MAAM,SAAS,gGASrB,CAAC;AAGF,eAAO,MAAM,WAAW,kGASvB,CAAC;AAGF,eAAO,MAAM,QAAQ,2FASpB,CAAC;AAGF,eAAO,MAAM,SAAS,6FASrB,CAAC;AAGF,eAAO,MAAM,SAAS,6FASrB,CAAC;AAGF,eAAO,MAAM,YAAY,mGASxB,CAAC;AAGF,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/components/Table/Table.js

@@ -0,0 +1,104 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { tableVariants, tableContainerVariants, tableCellVariants, tableFooterVariants, tableHeadVariants, tableRowVariants } from './Table.styles.js';
+
+const Table = React.forwardRef(
+  ({ className, containerClassName, variant, size, bordered, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: cn(tableContainerVariants({ bordered }), containerClassName), children: /* @__PURE__ */ jsx(
+    "table",
+    {
+      ref,
+      "data-slot": "table",
+      className: cn(tableVariants({ variant, size }), className),
+      ...props
+    }
+  ) })
+);
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "thead",
+    {
+      ref,
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  )
+);
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tbody",
+    {
+      ref,
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  )
+);
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tfoot",
+    {
+      ref,
+      "data-slot": "table-footer",
+      className: cn(tableFooterVariants(), className),
+      ...props
+    }
+  )
+);
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "tr",
+    {
+      ref,
+      "data-slot": "table-row",
+      className: cn(tableRowVariants(), className),
+      ...props
+    }
+  )
+);
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "th",
+    {
+      ref,
+      "data-slot": "table-head",
+      className: cn(tableHeadVariants(), className),
+      ...props
+    }
+  )
+);
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "td",
+    {
+      ref,
+      "data-slot": "table-cell",
+      className: cn(tableCellVariants(), className),
+      ...props
+    }
+  )
+);
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "caption",
+    {
+      ref,
+      "data-slot": "table-caption",
+      className: cn("mt-4 text-xs text-muted-foreground", className),
+      ...props
+    }
+  )
+);
+TableCaption.displayName = "TableCaption";
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

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

@@ -0,0 +1,15 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const tableContainerVariants: (props?: ({
+    bordered?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tableVariants: (props?: ({
+    variant?: "default" | "bordered" | "striped" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const tableRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tableHeadVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tableCellVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tableFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const tablePaginationVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export type TableVariants = VariantProps<typeof tableVariants> & VariantProps<typeof tableContainerVariants>;
+//# sourceMappingURL=Table.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,sBAAsB;;8EAalC,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAmBzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,oFAE5B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAE7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,oFAE7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,oFAE/B,CAAC;AAEF,eAAO,MAAM,uBAAuB,oFAEnC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,GAC5D,YAAY,CAAC,OAAO,sBAAsB,CAAC,CAAC"}

package/dist/components/Table/Table.styles.js

@@ -0,0 +1,53 @@
+import { cva } from 'class-variance-authority';
+
+const tableContainerVariants = cva(
+  "relative w-full overflow-auto rounded-lg font-sans text-foreground",
+  {
+    variants: {
+      bordered: {
+        true: "border border-grey-200 dark:border-grey-800",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      bordered: false
+    }
+  }
+);
+const tableVariants = cva(
+  "w-full caption-bottom text-sm border-collapse font-sans text-left",
+  {
+    variants: {
+      variant: {
+        default: "",
+        striped: "[&_tbody_tr:nth-child(even)]:bg-grey-50/60 dark:[&_tbody_tr:nth-child(even)]:bg-grey-900/40",
+        bordered: "border-collapse border border-grey-200 dark:border-grey-800"
+      },
+      size: {
+        sm: "[&_td]:py-2 [&_td]:px-3 [&_th]:py-2 [&_th]:px-3 text-xs",
+        default: "[&_td]:py-3.5 [&_td]:px-4 [&_th]:py-3 [&_th]:px-4 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const tableRowVariants = cva(
+  "border-b border-grey-200 dark:border-grey-800 transition-colors data-[state=selected]:bg-primary/5 hover:bg-grey-50/80 dark:hover:bg-grey-900/60"
+);
+const tableHeadVariants = cva(
+  "h-10 text-left align-middle font-semibold text-muted-foreground text-xs uppercase tracking-wider select-none bg-grey-100/50 dark:bg-grey-900/30 [&:has([role=checkbox])]:pr-0"
+);
+const tableCellVariants = cva(
+  "align-middle [&:has([role=checkbox])]:pr-0"
+);
+const tableFooterVariants = cva(
+  "border-t border-grey-200 dark:border-grey-800 bg-grey-50/50 dark:bg-grey-900/50 font-medium [&>tr]:last:border-b-0"
+);
+const tablePaginationVariants = cva(
+  "flex flex-col sm:flex-row items-center justify-between gap-3 px-4 py-3 border-t border-grey-200 dark:border-grey-800 text-xs text-grey-600 dark:text-grey-400 font-sans"
+);
+
+export { tableCellVariants, tableContainerVariants, tableFooterVariants, tableHeadVariants, tablePaginationVariants, tableRowVariants, tableVariants };

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

@@ -0,0 +1,57 @@
+import type * as React from 'react';
+import type { TableVariants } from './Table.styles';
+export interface TableProps extends React.TableHTMLAttributes<HTMLTableElement>, TableVariants {
+    containerClassName?: string;
+}
+export interface TableHeaderProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export interface TableBodyProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export interface TableFooterProps extends React.HTMLAttributes<HTMLTableSectionElement> {
+}
+export interface TableRowProps extends React.HTMLAttributes<HTMLTableRowElement> {
+}
+export interface TableHeadProps extends React.ThHTMLAttributes<HTMLTableCellElement> {
+}
+export interface TableCellProps extends React.TdHTMLAttributes<HTMLTableCellElement> {
+}
+export interface TableCaptionProps extends React.HTMLAttributes<HTMLTableCaptionElement> {
+}
+export interface TablePaginationProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Current active page (1-indexed).
+     * @default 1
+     */
+    page?: number;
+    /**
+     * Total number of pages.
+     * @default 1
+     */
+    totalPages?: number;
+    /**
+     * Total number of records across all pages.
+     */
+    totalItems?: number;
+    /**
+     * Number of rows per page.
+     * @default 10
+     */
+    pageSize?: number;
+    /**
+     * Page size options for the rows-per-page selector.
+     */
+    pageSizeOptions?: number[];
+    /**
+     * Callback fired when page index changes.
+     */
+    onPageChange?: (page: number) => void;
+    /**
+     * Callback fired when page size changes.
+     */
+    onPageSizeChange?: (pageSize: number) => void;
+    /**
+     * Optional custom label generator for current results range.
+     */
+    formatResultsText?: (start: number, end: number, total: number) => React.ReactNode;
+}
+//# sourceMappingURL=Table.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Table.types.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAEpD,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EACjD,aAAa;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;CAAG;AAEtD,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEzD,MAAM,WAAW,cACf,SAAQ,KAAK,CAAC,gBAAgB,CAAC,oBAAoB,CAAC;CAAG;AAEzD,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,uBAAuB,CAAC;CAAG;AAE1D,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACpF"}

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

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import type { TablePaginationProps } from './Table.types';
+export declare const TablePagination: React.ForwardRefExoticComponent<TablePaginationProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=TablePagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../src/components/Table/TablePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAE1D,eAAO,MAAM,eAAe,6FAuG3B,CAAC"}

package/dist/components/Table/TablePagination.js

@@ -0,0 +1,107 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { ChevronLeft, ChevronRight } from '@timmbr/icons';
+import { tablePaginationVariants } from './Table.styles.js';
+
+const TablePagination = React.forwardRef(
+  ({
+    className,
+    page = 1,
+    totalPages = 1,
+    totalItems,
+    pageSize = 10,
+    pageSizeOptions = [10, 20, 50],
+    onPageChange,
+    onPageSizeChange,
+    formatResultsText,
+    children,
+    ...props
+  }, ref) => {
+    const computedTotalPages = totalPages || (totalItems ? Math.ceil(totalItems / pageSize) : 1);
+    const startItem = totalItems !== void 0 ? (page - 1) * pageSize + 1 : 1;
+    const endItem = totalItems !== void 0 ? Math.min(page * pageSize, totalItems) : page * pageSize;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        "data-slot": "table-pagination",
+        className: cn(tablePaginationVariants(), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+            totalItems !== void 0 ? formatResultsText ? formatResultsText(startItem, endItem, totalItems) : /* @__PURE__ */ jsxs("span", { children: [
+              "Showing ",
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: startItem }),
+              " to",
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: endItem }),
+              " of",
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: totalItems }),
+              " results"
+            ] }) : /* @__PURE__ */ jsxs("span", { children: [
+              "Page ",
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: page }),
+              " of",
+              " ",
+              /* @__PURE__ */ jsx("span", { className: "font-semibold text-foreground", children: computedTotalPages })
+            ] }),
+            pageSizeOptions && pageSizeOptions.length > 0 && onPageSizeChange && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 ml-2", children: [
+              /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "Rows per page:" }),
+              /* @__PURE__ */ jsx(
+                "select",
+                {
+                  "aria-label": "Rows per page",
+                  value: pageSize,
+                  onChange: (e) => onPageSizeChange(Number(e.target.value)),
+                  className: "h-7 rounded-[2px] border border-grey-200 dark:border-grey-700 bg-white dark:bg-grey-900 px-2 py-0 text-xs font-medium text-foreground focus:outline-none focus:ring-1 focus:ring-primary",
+                  children: pageSizeOptions.map((opt) => /* @__PURE__ */ jsx("option", { value: opt, children: opt }, opt))
+                }
+              )
+            ] })
+          ] }),
+          children ? /* @__PURE__ */ jsx("div", { children }) : /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Previous page",
+                disabled: page <= 1,
+                onClick: () => onPageChange?.(page - 1),
+                className: "inline-flex items-center gap-1 h-8 px-2.5 rounded-[2px] border border-grey-200 dark:border-grey-700 bg-white dark:bg-grey-800 text-xs font-medium text-foreground hover:bg-grey-100 dark:hover:bg-grey-700 disabled:opacity-40 disabled:pointer-events-none transition-colors cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx(ChevronLeft, { className: "size-3.5" }),
+                  /* @__PURE__ */ jsx("span", { children: "Previous" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs("span", { className: "px-2 text-xs font-medium text-muted-foreground", children: [
+              page,
+              " / ",
+              computedTotalPages
+            ] }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                "aria-label": "Next page",
+                disabled: page >= computedTotalPages,
+                onClick: () => onPageChange?.(page + 1),
+                className: "inline-flex items-center gap-1 h-8 px-2.5 rounded-[2px] border border-grey-200 dark:border-grey-700 bg-white dark:bg-grey-800 text-xs font-medium text-foreground hover:bg-grey-100 dark:hover:bg-grey-700 disabled:opacity-40 disabled:pointer-events-none transition-colors cursor-pointer",
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: "Next" }),
+                  /* @__PURE__ */ jsx(ChevronRight, { className: "size-3.5" })
+                ]
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+TablePagination.displayName = "TablePagination";
+
+export { TablePagination };

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

@@ -0,0 +1,5 @@
+export * from './Table';
+export * from './TablePagination';
+export * from './Table.types';
+export * from './Table.styles';
+//# 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,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}

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

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps } from './Tabs.types';
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+export declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TabsContent: React.ForwardRefExoticComponent<TabsContentProps & 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":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EACV,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,cAAc,CAAC;AAmBtB,eAAO,MAAM,IAAI,kFA4DhB,CAAC;AAGF,eAAO,MAAM,QAAQ,sFAgBnB,CAAC;AAGH,eAAO,MAAM,WAAW,4FA2EvB,CAAC;AAGF,eAAO,MAAM,WAAW,yFAoBtB,CAAC"}