@inspirecn/react 1.0.0

package/dist/components/slider/Slider.js

@@ -0,0 +1,39 @@
+import * as h from "react";
+import * as a from "@radix-ui/react-slider";
+import { cn as i } from "@inspirecn/ui/lib/utils";
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+function u({
+  className: l,
+  defaultValue: r,
+  value: t,
+  min: o = 0,
+  max: e = 100,
+  ...d
+}) {
+  const s = h.useMemo(() => Array.isArray(t) ? t : Array.isArray(r) ? r : [o, e], [t, r, o, e]);
+  return /* @__PURE__ */ b(a.Root, {
+    "data-slot": "slider",
+    defaultValue: r,
+    value: t,
+    min: o,
+    max: e,
+    className: i("relative flex w-full touch-none select-none items-center data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col data-[disabled]:opacity-50", "bg-background! hover:bg-accent! hover:text-accent-foreground! dark:hover:bg-accent/50!", l),
+    ...d,
+    children: [/* @__PURE__ */ n(a.Track, {
+      "data-slot": "slider-track",
+      className: i("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-1.5"),
+      children: /* @__PURE__ */ n(a.Range, {
+        "data-slot": "slider-range",
+        className: i("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+      })
+    }), Array.from({
+      length: s.length
+    }, (m, c) => /* @__PURE__ */ n(a.Thumb, {
+      "data-slot": "slider-thumb",
+      className: "border-primary bg-background ring-ring/50 focus-visible:outline-hidden block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50"
+    }, c))]
+  });
+}
+export {
+  u as Slider
+};

package/dist/components/sonner/Sonner.d.ts

@@ -0,0 +1,4 @@
+import { ToasterProps, toast } from 'sonner';
+declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
+export { Toaster, toast };
+//# sourceMappingURL=Sonner.d.ts.map

package/dist/components/sonner/Sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Sonner.d.ts","sourceRoot":"","sources":["../../../src/components/sonner/Sonner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAqB,YAAY,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEhE,QAAA,MAAM,OAAO,GAAI,cAAc,YAAY,4CAoD1C,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/components/sonner/Sonner.js

@@ -0,0 +1,55 @@
+import { useTheme as t } from "next-themes";
+import { Toaster as e } from "sonner";
+import { toast as l } from "sonner";
+import { jsx as a } from "react/jsx-runtime";
+const n = ({
+  ...r
+}) => {
+  const {
+    theme: o = "system"
+  } = t();
+  return /* @__PURE__ */ a(e, {
+    theme: o,
+    className: "toaster group",
+    style: {
+      // Default/Normal Toast
+      "--normal-bg": "var(--surface-white)",
+      "--normal-text": "var(--text-primary)",
+      "--normal-border": "var(--border-primary)",
+      // Success (Lima colors)
+      "--success-bg": "var(--color-lima-500)",
+      "--success-text": "var(--color-grey-25)",
+      // White
+      "--success-border": "var(--color-lima-600)",
+      // Error (Pomegranate colors)
+      "--error-bg": "var(--color-pomegranate-500)",
+      "--error-text": "var(--color-grey-25)",
+      // White
+      "--error-border": "var(--color-pomegranate-600)",
+      // Warning (Flush Orange colors)
+      "--warning-bg": "var(--color-flush-orange-500)",
+      "--warning-text": "var(--color-grey-25)",
+      // White
+      "--warning-border": "var(--color-flush-orange-600)",
+      // Info (Primary colors)
+      "--info-bg": "var(--color-primary-500)",
+      "--info-text": "var(--color-grey-25)",
+      // White
+      "--info-border": "var(--color-primary-600)"
+    },
+    toastOptions: {
+      classNames: {
+        toast: "group toast group-[.toaster]:shadow-lg group-[.toaster]:border-border font-sans",
+        title: "group-[[data-rich-colors=true]]:text-inherit",
+        description: "group-[.toast]:text-text-tertiary group-[[data-rich-colors=true]]:text-inherit opacity-90",
+        actionButton: "group-[.toast]:bg-cta-primary! group-[.toast]:text-white! ",
+        closeButton: "group-[.toast]:bg-inherit! group-[.toast]:text-inherit! group-[.toast]:border-inherit! group-[.toast]:hover:bg-bg-inherit! group-[.toast]:hover:text-bg-inherit! group-[.toast]:hover:border-bg-inherit!"
+      }
+    },
+    ...r
+  });
+};
+export {
+  n as Toaster,
+  l as toast
+};

package/dist/components/spinner/Spinner.d.ts

@@ -0,0 +1,11 @@
+import { type VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+declare const spinnerVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+    variant?: "default" | "secondary" | "primary" | "muted" | "info" | "warning" | "success" | "danger" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SpinnerProps extends React.HTMLAttributes<SVGSVGElement>, VariantProps<typeof spinnerVariants> {
+}
+declare function Spinner({ className, size, variant, ...props }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+export { Spinner, spinnerVariants };
+//# sourceMappingURL=Spinner.d.ts.map

package/dist/components/spinner/Spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAEjE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,QAAA,MAAM,eAAe;;;8EAuBnB,CAAA;AAEF,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,aAAa,CAAC,EAC3C,YAAY,CAAC,OAAO,eAAe,CAAC;CAAI;AAE1C,iBAAS,OAAO,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CASpE;AAED,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,CAAA"}

package/dist/components/spinner/Spinner.js

@@ -0,0 +1,49 @@
+import { cn as n } from "@inspirecn/ui/lib/utils";
+import { cva as d } from "class-variance-authority";
+import { Loader2 as o } from "lucide-react";
+import { jsx as i } from "react/jsx-runtime";
+const m = d("animate-spin text-muted-foreground", {
+  variants: {
+    size: {
+      default: "h-5 w-5",
+      sm: "h-4 w-4",
+      lg: "h-6 w-6",
+      xl: "h-8 w-8"
+    },
+    variant: {
+      default: "text-muted-foreground",
+      primary: "text-primary",
+      secondary: "text-secondary",
+      danger: "text-red-500 dark:text-red-400",
+      warning: "text-amber-500 dark:text-amber-400",
+      success: "text-emerald-500 dark:text-emerald-400",
+      info: "text-blue-500 dark:text-blue-400",
+      muted: "text-muted-foreground"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    variant: "default"
+  }
+});
+function f({
+  className: t,
+  size: e,
+  variant: r,
+  ...a
+}) {
+  return /* @__PURE__ */ i(o, {
+    role: "status",
+    "aria-label": "Loading",
+    className: n(m({
+      size: e,
+      variant: r,
+      className: t
+    })),
+    ...a
+  });
+}
+export {
+  f as Spinner,
+  m as spinnerVariants
+};

package/dist/components/stack/Stack.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+export type StackProps = {
+    children: React.ReactNode;
+    orientation?: 'vertical' | 'horizontal';
+    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    align?: 'items-start' | 'items-center' | 'items-end' | 'items-between' | 'items-around' | 'items-evenly';
+    justify?: 'justify-start' | 'justify-center' | 'justify-end' | 'justify-between' | 'justify-around' | 'justify-evenly';
+    wrap?: boolean;
+    className?: string;
+    as?: React.ElementType;
+};
+export declare const Stack: React.FC<StackProps>;
+export default Stack;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/components/stack/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/stack/Stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IACxD,KAAK,CAAC,EACF,aAAa,GACb,cAAc,GACd,WAAW,GACX,eAAe,GACf,cAAc,GACd,cAAc,CAAC;IACnB,OAAO,CAAC,EACJ,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,iBAAiB,GACjB,gBAAgB,GAChB,gBAAgB,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CACxB,CAAC;AAYF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA0BtC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/dist/components/stack/Stack.js

@@ -0,0 +1,29 @@
+import { jsx as x } from "react/jsx-runtime";
+const c = {
+  none: "gap-0",
+  xs: "gap-1",
+  sm: "gap-2",
+  md: "gap-4",
+  lg: "gap-[24px]",
+  xl: "gap-[32px]",
+  xxl: "gap-[40px]"
+}, g = ({
+  children: a,
+  orientation: t = "vertical",
+  gap: s = "md",
+  align: e = "items-start",
+  justify: l = "justify-start",
+  wrap: o = !1,
+  className: p = "",
+  as: r = "div"
+}) => {
+  const i = ["flex", t === "vertical" ? "flex-col" : "flex-row", s && c[s], e, l, o && "flex-wrap", p].filter(Boolean).join(" ");
+  return /* @__PURE__ */ x(r, {
+    className: i,
+    children: a
+  });
+};
+export {
+  g as Stack,
+  g as default
+};

package/dist/components/subText/SubText.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from "class-variance-authority";
+import { HTMLAttributes } from "react";
+declare const subText: (props?: ({
+    size?: "xs" | null | undefined;
+    align?: "center" | "left" | "right" | null | undefined;
+    weight?: "bold" | "medium" | "normal" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface SubheadingProps extends HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof subText> {
+    className?: string;
+}
+export declare function Subtext({ size, align, className, weight, children, ...props }: SubheadingProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SubText.d.ts.map

package/dist/components/subText/SubText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubText.d.ts","sourceRoot":"","sources":["../../../src/components/subText/SubText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAO,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,QAAA,MAAM,OAAO;;;;8EAwBX,CAAC;AAEH,UAAU,eACR,SAAQ,cAAc,CAAC,oBAAoB,CAAC,EAC1C,YAAY,CAAC,OAAO,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,KAAK,EACL,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,2CAMjB"}

package/dist/components/subText/SubText.js

@@ -0,0 +1,50 @@
+import { cn as m } from "@inspirecn/ui/lib/utils";
+import { cva as a } from "class-variance-authority";
+import { jsx as x } from "react/jsx-runtime";
+const f = a("font-medium tracking-tight text-muted-foreground", {
+  variants: {
+    size: {
+      xs: "text-text-xxs"
+      // sm: 'text-sm',
+      // md: 'text-base',
+      // lg: 'text-lg',
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    },
+    weight: {
+      bold: "font-bold",
+      medium: "font-medium",
+      normal: "font-normal"
+    }
+  },
+  defaultVariants: {
+    size: "xs",
+    align: "center",
+    weight: "normal"
+  }
+});
+function c({
+  size: t,
+  align: e,
+  className: r,
+  weight: n,
+  children: o,
+  ...i
+}) {
+  return /* @__PURE__ */ x("p", {
+    className: m(f({
+      size: t,
+      align: e,
+      className: r,
+      weight: n
+    })),
+    ...i,
+    children: o
+  });
+}
+export {
+  c as Subtext
+};

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

@@ -0,0 +1,5 @@
+import * as React from 'react';
+import * as SwitchPrimitive from '@radix-ui/react-switch';
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+//# sourceMappingURL=Switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../../src/components/switch/Switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAI1D,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAkCnD;AAED,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/components/switch/Switch.js

@@ -0,0 +1,41 @@
+import * as t from "@radix-ui/react-switch";
+import { cn as e } from "@inspirecn/ui/lib/utils";
+import { jsx as a } from "react/jsx-runtime";
+function s({
+  className: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(t.Root, {
+    "data-slot": "switch",
+    className: e(
+      // Base styles - keeping original size
+      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-[100px] p-0.5 transition-all outline-none",
+      // Focus styles
+      // "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+      // Disabled styles
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      // Checked state - improved contrast
+      "data-[state=checked]:bg-cta-primary",
+      // Unchecked state - better visibility with border
+      "data-[state=unchecked]:bg-cta-secondary",
+      r
+    ),
+    ...n,
+    children: /* @__PURE__ */ a(t.Thumb, {
+      "data-slot": "switch-thumb",
+      className: e(
+        // Base thumb styles - keeping original size
+        "pointer-events-none block size-4 rounded-full ring-0 transition-transform",
+        // Background colors with better contrast
+        "bg-white",
+        // Position when unchecked
+        "data-[state=unchecked]:translate-x-0",
+        // Position when checked - improved calculation for original size
+        "data-[state=checked]:translate-x-[calc(100%-0px)]"
+      )
+    })
+  });
+}
+export {
+  s as Switch
+};

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

@@ -0,0 +1,32 @@
+import * as React from 'react';
+declare function Table({ className, showCheckbox, showActions, ...props }: React.ComponentProps<'table'> & {
+    showCheckbox?: boolean;
+    showActions?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<'thead'>): import("react/jsx-runtime").JSX.Element;
+interface TableHeadProps extends React.ComponentProps<'th'> {
+    showCheckbox?: boolean;
+    showText?: boolean;
+}
+declare function TableHead({ className, showText, children, ...props }: TableHeadProps): import("react/jsx-runtime").JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<'tbody'>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<'tfoot'>): import("react/jsx-runtime").JSX.Element;
+interface TableRowProps extends React.ComponentProps<'tr'> {
+    showCheckbox?: boolean;
+    rowId?: string;
+}
+declare function TableRow({ className, showCheckbox: localShowCheckbox, rowId, children, ...props }: TableRowProps): import("react/jsx-runtime").JSX.Element;
+interface TableCellProps extends React.ComponentProps<'td'> {
+    state?: 'default' | 'hover';
+    showLeftIcon?: boolean;
+    hideText?: boolean;
+    leftIcon?: 'checkbox' | 'menu' | React.ReactNode;
+    enableCopy?: boolean;
+    copyText?: string;
+    variant?: 'default' | 'link';
+}
+declare function TableCell({ className, state, showLeftIcon, hideText, leftIcon, enableCopy, copyText, variant, children, ...props }: TableCellProps): import("react/jsx-runtime").JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<'caption'>): import("react/jsx-runtime").JSX.Element;
+declare function StatusCell({ children, className, ...props }: React.ComponentProps<typeof TableCell>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, StatusCell, TableCell, TableCaption, };
+//# 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":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,YAAoB,EACpB,WAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,YAAY,CAAC,EAAE,OAAO,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,2CA+CnF;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AACD,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,QAAe,EACf,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CAahB;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAQxE;AACD,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,2CAW1E;AACD,UAAU,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACxD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AACD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,YAAY,EAAE,iBAAiB,EAC/B,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,aAAa,2CAqFf;AACD,UAAU,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACzD,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IACjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;CAC9B;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,KAAiB,EACjB,YAAoB,EACpB,QAAgB,EAChB,QAAQ,EACR,UAAkB,EAClB,QAAQ,EACR,OAAmB,EACnB,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,cAAc,2CA6GhB;AACD,iBAAS,YAAY,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,2CAQjC;AAED,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,2CAS5F;AACD,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,UAAU,EACV,SAAS,EACT,YAAY,GACb,CAAC"}

package/dist/components/table/Table.js

@@ -0,0 +1,243 @@
+import * as c from "react";
+import { cn as i } from "@inspirecn/ui/lib/utils";
+import { Checkbox as S } from "../checkbox/Checkbox.js";
+import { Check as R, Copy as _ } from "lucide-react";
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+const v = c.createContext({});
+function z({
+  className: t,
+  showCheckbox: a = !1,
+  showActions: o = !1,
+  ...b
+}) {
+  const [x, f] = c.useState(/* @__PURE__ */ new Set()), n = c.useCallback((s) => {
+    if (s) {
+      const l = /* @__PURE__ */ new Set(), d = document.querySelector('[data-slot="table-body"]');
+      d && d.querySelectorAll('[data-slot="table-row"]').forEach((h) => {
+        const y = h.getAttribute("data-row-id");
+        y && l.add(y);
+      }), f(l);
+    } else
+      f(/* @__PURE__ */ new Set());
+  }, []), m = c.useCallback((s, l) => {
+    f((d) => {
+      const r = new Set(d);
+      return l ? r.add(s) : r.delete(s), r;
+    });
+  }, []);
+  return /* @__PURE__ */ e(v.Provider, {
+    value: {
+      showCheckbox: a,
+      showActions: o,
+      selectedRows: x,
+      onSelectAll: n,
+      onSelectRow: m
+    },
+    children: /* @__PURE__ */ e("div", {
+      "data-slot": "table-container",
+      className: "relative  overflow-x-auto",
+      children: /* @__PURE__ */ e("table", {
+        "data-slot": "table",
+        className: i("text-heading-xs  caption-bottom", t),
+        ...b
+      })
+    })
+  });
+}
+function P({
+  className: t,
+  ...a
+}) {
+  const o = c.useContext(v);
+  return /* @__PURE__ */ e(v.Provider, {
+    value: {
+      ...o,
+      isInHeader: !0
+    },
+    children: /* @__PURE__ */ e("thead", {
+      "data-slot": "table-header",
+      className: i("[&_tr]:border-b", t),
+      ...a
+    })
+  });
+}
+function F({
+  className: t,
+  showText: a = !0,
+  children: o,
+  ...b
+}) {
+  return /* @__PURE__ */ e("th", {
+    "data-slot": "table-head",
+    className: i("text-text-tertiary h-8 px-4 py-2  text-left align-middle font-normal whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[0px]", t),
+    ...b,
+    children: a && o
+  });
+}
+function B({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tbody", {
+    "data-slot": "table-body",
+    className: i("text-heading-xs  [&_tr:last-child]:border-0", t),
+    ...a
+  });
+}
+function V({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("tfoot", {
+    "data-slot": "table-footer",
+    className: i("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", t),
+    ...a
+  });
+}
+function D({
+  className: t,
+  showCheckbox: a,
+  rowId: o,
+  children: b,
+  ...x
+}) {
+  const {
+    showCheckbox: f,
+    selectedRows: n,
+    onSelectRow: m,
+    onSelectAll: s,
+    isInHeader: l
+  } = c.useContext(v), d = a ?? f ?? !1, r = o && n ? n.has(o) : !1, [h, y] = c.useState(0);
+  c.useEffect(() => {
+    if (d && l) {
+      const p = document.querySelector('[data-slot="table-body"]');
+      if (p) {
+        const T = p.querySelectorAll('[data-slot="table-row"]');
+        y(T.length);
+      }
+    }
+  }, [d, l]);
+  const k = h > 0 && n && n.size === h, C = n && n.size > 0 && n.size < h, g = (p) => {
+    o && m && m(o, p);
+  }, u = (p) => {
+    s && s(p);
+  }, w = c.useRef(null);
+  return c.useEffect(() => {
+    if (w.current && l) {
+      const p = w.current.querySelector('input[type="checkbox"]');
+      p && (p.indeterminate = C || !1);
+    }
+  }, [C, l]), /* @__PURE__ */ N("tr", {
+    "data-slot": "table-row",
+    "data-row-id": o,
+    className: i("data-[state=selected]:bg-muted shadow-[inset_0_-1px_0_0_var(--border-primary)] transition-colors", t),
+    "data-state": r ? "selected" : void 0,
+    ...x,
+    children: [d && (l ? /* @__PURE__ */ e("th", {
+      "data-slot": "table-head",
+      className: "text-text-tertiary h-8 px-4 py-2  text-left align-middle font-normal whitespace-nowrap [&:has([role=checkbox])]:pr-4 [&>[role=checkbox]]:translate-y-[0px]",
+      children: /* @__PURE__ */ e(S, {
+        ref: w,
+        className: "cursor-pointer",
+        checked: k,
+        onCheckedChange: u
+      })
+    }) : /* @__PURE__ */ e("td", {
+      "data-slot": "table-cell",
+      className: "text-heading-xs text-text-primary w-12 px-4 [tr:not(:has(th))_&]:py-4 align-middle font-normal whitespace-nowrap",
+      children: /* @__PURE__ */ e(S, {
+        className: "cursor-pointer",
+        checked: r,
+        onCheckedChange: g
+      })
+    })), b]
+  });
+}
+function A({
+  className: t,
+  state: a = "default",
+  showLeftIcon: o = !1,
+  hideText: b = !1,
+  leftIcon: x,
+  enableCopy: f = !1,
+  copyText: n,
+  variant: m = "default",
+  children: s,
+  ...l
+}) {
+  const [d, r] = c.useState(!1), h = n || (typeof s == "string" ? s : ""), y = (g) => {
+    g.stopPropagation(), f && (navigator.clipboard && navigator.clipboard.writeText ? navigator.clipboard.writeText(h).then(() => {
+      r(!0), setTimeout(() => r(!1), 2e3);
+    }).catch(() => {
+      k(h);
+    }) : k(h));
+  }, k = (g) => {
+    const u = document.createElement("textarea");
+    u.value = g, u.style.position = "fixed", u.style.left = "-999999px", u.style.top = "-999999px", document.body.appendChild(u), u.focus(), u.select();
+    try {
+      document.execCommand("copy") && (r(!0), setTimeout(() => r(!1), 2e3));
+    } catch (w) {
+      console.error("Fallback copy failed:", w);
+    }
+    document.body.removeChild(u);
+  }, C = f;
+  return /* @__PURE__ */ e("td", {
+    "data-slot": "table-cell",
+    className: i("text-heading-xs text-text-primary p-4 align-middle font-normal whitespace-nowrap", "group relative", "hover:bg-hover-secondary transition-colors", a === "hover" && "bg-hover-secondary", t),
+    ...l,
+    children: /* @__PURE__ */ N("div", {
+      className: i("flex items-center gap-2", C && "justify-between w-full"),
+      children: [/* @__PURE__ */ N("div", {
+        className: "flex items-center gap-2 flex-1 min-w-0",
+        children: [o && x && (x === "checkbox" ? /* @__PURE__ */ e(S, {
+          className: "cursor-pointer"
+        }) : x), !b && (m === "link" ? /* @__PURE__ */ e("span", {
+          className: "underline text-text-primary group-hover:text-text-brand cursor-pointer transition-colors",
+          children: s
+        }) : s)]
+      }), C && /* @__PURE__ */ e("button", {
+        onClick: y,
+        type: "button",
+        className: i("opacity-0 group-hover:opacity-100", "transition-opacity duration-150", "inline-flex items-center justify-center", "-mr-1 ", "text-text-brand cursor-pointer"),
+        title: "Copy",
+        children: d ? /* @__PURE__ */ e(R, {
+          className: "h-4 w-4 text-delivered"
+        }) : /* @__PURE__ */ e(_, {
+          className: "h-4 w-4"
+        })
+      })]
+    })
+  });
+}
+function G({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e("caption", {
+    "data-slot": "table-caption",
+    className: i("text-muted-foreground text-heading-xs mt-4", t),
+    ...a
+  });
+}
+function J({
+  children: t,
+  className: a,
+  ...o
+}) {
+  return /* @__PURE__ */ e(A, {
+    className: i("", a),
+    ...o,
+    children: t
+  });
+}
+export {
+  J as StatusCell,
+  z as Table,
+  B as TableBody,
+  G as TableCaption,
+  A as TableCell,
+  V as TableFooter,
+  F as TableHead,
+  P as TableHeader,
+  D as TableRow
+};

package/dist/components/table-empty-state/TableEmptyState.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export interface TableEmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
+    title?: string;
+    description?: string;
+    icon?: React.ReactNode;
+    actionLabel?: string;
+    onAction?: () => void;
+    actionIcon?: React.ReactNode;
+}
+export declare function TableEmptyState({ title, description, icon, actionLabel, onAction, actionIcon, className, ...props }: TableEmptyStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TableEmptyState.d.ts.map

package/dist/components/table-empty-state/TableEmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/table-empty-state/TableEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,wBAAgB,eAAe,CAAC,EAC5B,KAA4B,EAC5B,WAAoF,EACpF,IAAI,EACJ,WAA0B,EAC1B,QAAQ,EACR,UAAgD,EAChD,SAAS,EACT,GAAG,KAAK,EACX,EAAE,oBAAoB,2CA2CtB"}