@arch-cadre/ui 0.0.10 → 0.0.15

package/dist/components/skeleton.cjs

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Skeleton = Skeleton;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Skeleton({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "skeleton",
+    className: (0, _utils.cn)("bg-accent animate-pulse rounded-md", className),
+    ...props
+  });
+}

package/dist/components/skeleton.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Skeleton };

package/dist/components/skeleton.mjs

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: cn("bg-accent animate-pulse rounded-md", className),
+      ...props
+    }
+  );
+}
+export { Skeleton };

package/dist/components/slider.cjs

@@ -0,0 +1,43 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Slider = Slider;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}) {
+  const _values = React.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max], [value, defaultValue, min, max]);
+  return /* @__PURE__ */React.createElement(_radixUi.Slider.Root, {
+    "data-slot": "slider",
+    defaultValue,
+    value,
+    min,
+    max,
+    className: (0, _utils.cn)("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_radixUi.Slider.Track, {
+    "data-slot": "slider-track",
+    className: (0, _utils.cn)("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5")
+  }, /* @__PURE__ */React.createElement(_radixUi.Slider.Range, {
+    "data-slot": "slider-range",
+    className: (0, _utils.cn)("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
+  })), Array.from({
+    length: _values.length
+  }, (_, index) => /* @__PURE__ */React.createElement(_radixUi.Slider.Thumb, {
+    "data-slot": "slider-thumb",
+    key: index,
+    className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+  })));
+}

package/dist/components/slider.d.ts

@@ -0,0 +1,4 @@
+import { Slider as SliderPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Slider({ className, defaultValue, value, min, max, ...props }: React.ComponentProps<typeof SliderPrimitive.Root>): React.JSX.Element;
+export { Slider };

package/dist/components/slider.mjs

@@ -0,0 +1,59 @@
+"use client";
+import { Slider as SliderPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Slider({
+  className,
+  defaultValue,
+  value,
+  min = 0,
+  max = 100,
+  ...props
+}) {
+  const _values = React.useMemo(
+    () => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [min, max],
+    [value, defaultValue, min, max]
+  );
+  return /* @__PURE__ */ React.createElement(
+    SliderPrimitive.Root,
+    {
+      "data-slot": "slider",
+      defaultValue,
+      value,
+      min,
+      max,
+      className: cn(
+        "relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      SliderPrimitive.Track,
+      {
+        "data-slot": "slider-track",
+        className: cn(
+          "bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5"
+        )
+      },
+      /* @__PURE__ */ React.createElement(
+        SliderPrimitive.Range,
+        {
+          "data-slot": "slider-range",
+          className: cn(
+            "bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full"
+          )
+        }
+      )
+    ),
+    Array.from({ length: _values.length }, (_, index) => /* @__PURE__ */ React.createElement(
+      SliderPrimitive.Thumb,
+      {
+        "data-slot": "slider-thumb",
+        key: index,
+        className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+      }
+    ))
+  );
+}
+export { Slider };

package/dist/components/sonner.cjs

@@ -0,0 +1,49 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toaster = void 0;
+var _lucideReact = require("lucide-react");
+var _nextThemes = require("next-themes");
+var React = _interopRequireWildcard(require("react"));
+var _sonner = require("sonner");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Toaster = ({
+  ...props
+}) => {
+  const {
+    theme = "system"
+  } = (0, _nextThemes.useTheme)();
+  return /* @__PURE__ */React.createElement(_sonner.Toaster, {
+    theme,
+    className: "toaster group",
+    icons: {
+      success: /* @__PURE__ */React.createElement(_lucideReact.CircleCheckIcon, {
+        className: "size-4"
+      }),
+      info: /* @__PURE__ */React.createElement(_lucideReact.InfoIcon, {
+        className: "size-4"
+      }),
+      warning: /* @__PURE__ */React.createElement(_lucideReact.TriangleAlertIcon, {
+        className: "size-4"
+      }),
+      error: /* @__PURE__ */React.createElement(_lucideReact.OctagonXIcon, {
+        className: "size-4"
+      }),
+      loading: /* @__PURE__ */React.createElement(_lucideReact.Loader2Icon, {
+        className: "size-4 animate-spin"
+      })
+    },
+    style: {
+      "--normal-bg": "var(--popover)",
+      "--normal-text": "var(--popover-foreground)",
+      "--normal-border": "var(--border)",
+      "--border-radius": "var(--radius)"
+    },
+    ...props
+  });
+};
+exports.Toaster = Toaster;

package/dist/components/sonner.d.ts

@@ -0,0 +1,4 @@
+import * as React from "react";
+import { type ToasterProps } from "sonner";
+declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
+export { Toaster };

package/dist/components/sonner.mjs

@@ -0,0 +1,36 @@
+"use client";
+import {
+  CircleCheckIcon,
+  InfoIcon,
+  Loader2Icon,
+  OctagonXIcon,
+  TriangleAlertIcon
+} from "lucide-react";
+import { useTheme } from "next-themes";
+import * as React from "react";
+import { Toaster as Sonner } from "sonner";
+const Toaster = ({ ...props }) => {
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ React.createElement(
+    Sonner,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ React.createElement(CircleCheckIcon, { className: "size-4" }),
+        info: /* @__PURE__ */ React.createElement(InfoIcon, { className: "size-4" }),
+        warning: /* @__PURE__ */ React.createElement(TriangleAlertIcon, { className: "size-4" }),
+        error: /* @__PURE__ */ React.createElement(OctagonXIcon, { className: "size-4" }),
+        loading: /* @__PURE__ */ React.createElement(Loader2Icon, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      ...props
+    }
+  );
+};
+export { Toaster };

package/dist/components/spinner.cjs

@@ -0,0 +1,22 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Spinner = Spinner;
+var _lucideReact = require("lucide-react");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Spinner({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_lucideReact.Loader2Icon, {
+    role: "status",
+    "aria-label": "Loading",
+    className: (0, _utils.cn)("size-4 animate-spin", className),
+    ...props
+  });
+}

package/dist/components/spinner.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React.JSX.Element;
+export { Spinner };

package/dist/components/spinner.mjs

@@ -0,0 +1,15 @@
+import { Loader2Icon } from "lucide-react";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Spinner({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    Loader2Icon,
+    {
+      role: "status",
+      "aria-label": "Loading",
+      className: cn("size-4 animate-spin", className),
+      ...props
+    }
+  );
+}
+export { Spinner };

package/dist/components/switch.cjs

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Switch = Switch;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Switch.Root, {
+    "data-slot": "switch",
+    className: (0, _utils.cn)("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
+    ...props
+  }, /* @__PURE__ */React.createElement(_radixUi.Switch.Thumb, {
+    "data-slot": "switch-thumb",
+    className: (0, _utils.cn)("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
+  }));
+}

package/dist/components/switch.d.ts

@@ -0,0 +1,4 @@
+import { Switch as SwitchPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Switch({ className, ...props }: React.ComponentProps<typeof SwitchPrimitive.Root>): React.JSX.Element;
+export { Switch };

package/dist/components/switch.mjs

@@ -0,0 +1,30 @@
+"use client";
+import { Switch as SwitchPrimitive } from "radix-ui";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Switch({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    SwitchPrimitive.Root,
+    {
+      "data-slot": "switch",
+      className: cn(
+        "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        className
+      ),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(
+      SwitchPrimitive.Thumb,
+      {
+        "data-slot": "switch-thumb",
+        className: cn(
+          "bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  );
+}
+export { Switch };

package/dist/components/table.cjs

@@ -0,0 +1,101 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Table({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("div", {
+    "data-slot": "table-container",
+    className: "relative w-full overflow-x-auto"
+  }, /* @__PURE__ */React.createElement("table", {
+    "data-slot": "table",
+    className: (0, _utils.cn)("w-full caption-bottom text-sm", className),
+    ...props
+  }));
+}
+function TableHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("thead", {
+    "data-slot": "table-header",
+    className: (0, _utils.cn)("[&_tr]:border-b", className),
+    ...props
+  });
+}
+function TableBody({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("tbody", {
+    "data-slot": "table-body",
+    className: (0, _utils.cn)("[&_tr:last-child]:border-0", className),
+    ...props
+  });
+}
+function TableFooter({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("tfoot", {
+    "data-slot": "table-footer",
+    className: (0, _utils.cn)("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  });
+}
+function TableRow({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("tr", {
+    "data-slot": "table-row",
+    className: (0, _utils.cn)("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+    ...props
+  });
+}
+function TableHead({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("th", {
+    "data-slot": "table-head",
+    className: (0, _utils.cn)("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  });
+}
+function TableCell({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("td", {
+    "data-slot": "table-cell",
+    className: (0, _utils.cn)("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
+    ...props
+  });
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement("caption", {
+    "data-slot": "table-caption",
+    className: (0, _utils.cn)("text-muted-foreground mt-4 text-sm", className),
+    ...props
+  });
+}

package/dist/components/table.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<"table">): React.JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
+declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<"td">): React.JSX.Element;
+declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };

package/dist/components/table.mjs

@@ -0,0 +1,115 @@
+"use client";
+import * as React from "react";
+import { cn } from "../lib/utils.mjs";
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto"
+    },
+    /* @__PURE__ */ React.createElement(
+      "table",
+      {
+        "data-slot": "table",
+        className: cn("w-full caption-bottom text-sm", className),
+        ...props
+      }
+    )
+  );
+}
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: cn("[&_tr]:border-b", className),
+      ...props
+    }
+  );
+}
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: cn("[&_tr:last-child]:border-0", className),
+      ...props
+    }
+  );
+}
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: cn(
+        "bg-muted/50 border-t font-medium [&>tr]:last:border-b-0",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: cn(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: cn(
+        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ React.createElement(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: cn(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function TableCaption({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: cn("text-muted-foreground mt-4 text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableHead,
+  TableRow,
+  TableCell,
+  TableCaption
+};

package/dist/components/tabs.cjs

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+var _radixUi = require("radix-ui");
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("../lib/utils.cjs");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function Tabs({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Tabs.Root, {
+    "data-slot": "tabs",
+    className: (0, _utils.cn)("flex flex-col gap-2", className),
+    ...props
+  });
+}
+function TabsList({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Tabs.List, {
+    "data-slot": "tabs-list",
+    className: (0, _utils.cn)("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
+    ...props
+  });
+}
+function TabsTrigger({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Tabs.Trigger, {
+    "data-slot": "tabs-trigger",
+    className: (0, _utils.cn)("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  });
+}
+function TabsContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */React.createElement(_radixUi.Tabs.Content, {
+    "data-slot": "tabs-content",
+    className: (0, _utils.cn)("flex-1 outline-none", className),
+    ...props
+  });
+}

package/dist/components/tabs.d.ts

@@ -0,0 +1,7 @@
+import { Tabs as TabsPrimitive } from "radix-ui";
+import * as React from "react";
+declare function Tabs({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Root>): React.JSX.Element;
+declare function TabsList({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.List>): React.JSX.Element;
+declare function TabsTrigger({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Trigger>): React.JSX.Element;
+declare function TabsContent({ className, ...props }: React.ComponentProps<typeof TabsPrimitive.Content>): React.JSX.Element;
+export { Tabs, TabsList, TabsTrigger, TabsContent };