@hanzo/ui 5.3.28 → 5.3.30

package/dist/table.js

@@ -0,0 +1,110 @@
+"use client";
+'use strict';
+
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Table = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "table",
+  {
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+), "Table");
+Table.displayName = "Table";
+var TableHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "thead",
+  {
+    className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
+    ...props
+  }
+), "TableHeader");
+TableHeader.displayName = "TableHeader";
+var TableBody = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
+TableBody.displayName = "TableBody";
+var TableFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tfoot",
+  {
+    className: cn("border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+), "TableFooter");
+TableFooter.displayName = "TableFooter";
+var TableRow = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "tr",
+  {
+    className: cn(
+      "data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",
+      className
+    ),
+    ...props
+  }
+), "TableRow");
+TableRow.displayName = "TableRow";
+var TableHead = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "th",
+  {
+    className: cn(
+      "text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+), "TableHead");
+TableHead.displayName = "TableHead";
+var TableCell = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "td",
+  {
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+), "TableCell");
+TableCell.displayName = "TableCell";
+var TableCaption = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "caption",
+  {
+    className: cn("text-text-secondary mt-4 text-sm", className),
+    ...props
+  }
+), "TableCaption");
+TableCaption.displayName = "TableCaption";
+
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;

package/dist/table.mjs

@@ -0,0 +1,101 @@
+"use client";
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var Table = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "table",
+  {
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }
+), "Table");
+Table.displayName = "Table";
+var TableHeader = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    className: cn("[&_tr]:border-0 [&_tr]:border-b", className),
+    ...props
+  }
+), "TableHeader");
+TableHeader.displayName = "TableHeader";
+var TableBody = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx("tbody", { className: cn("[&_tr]:border-0", className), ...props }), "TableBody");
+TableBody.displayName = "TableBody";
+var TableFooter = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    className: cn("border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  }
+), "TableFooter");
+TableFooter.displayName = "TableFooter";
+var TableRow = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    className: cn(
+      "data-[state=selected]:bg-muted transition-colors hover:bg-gray-300/50",
+      className
+    ),
+    ...props
+  }
+), "TableRow");
+TableRow.displayName = "TableRow";
+var TableHead = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    className: cn(
+      "text-text-secondary h-12 px-4 text-left align-middle font-medium uppercase [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+), "TableHead");
+TableHead.displayName = "TableHead";
+var TableCell = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    className: cn("p-4 align-middle [&:has([role=checkbox])]:pr-0", className),
+    ...props
+  }
+), "TableCell");
+TableCell.displayName = "TableCell";
+var TableCaption = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    className: cn("text-text-secondary mt-4 text-sm", className),
+    ...props
+  }
+), "TableCaption");
+TableCaption.displayName = "TableCaption";
+
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow };

package/dist/tabs.js

@@ -0,0 +1,82 @@
+"use client";
+'use strict';
+
+var TabsPrimitive = require('@radix-ui/react-tabs');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+__name(cn, "cn");
+var Tabs = TabsPrimitive__namespace.Root;
+var TabsList = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.List,
+  {
+    className: cn(
+      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
+      className
+    ),
+    ...props
+  }
+), "TabsList");
+TabsList.displayName = TabsPrimitive__namespace.List.displayName;
+var TabsTrigger = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Trigger,
+  {
+    className: cn(
+      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
+      className
+    ),
+    ...props
+  }
+), "TabsTrigger");
+TabsTrigger.displayName = TabsPrimitive__namespace.Trigger.displayName;
+var TabsContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  TabsPrimitive__namespace.Content,
+  {
+    className: cn(
+      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
+      className
+    ),
+    ...props
+  }
+), "TabsContent");
+TabsContent.displayName = TabsPrimitive__namespace.Content.displayName;
+
+exports.Tabs = Tabs;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;

package/dist/tabs.mjs

@@ -0,0 +1,57 @@
+"use client";
+import * as TabsPrimitive from '@radix-ui/react-tabs';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+__name(cn, "cn");
+var Tabs = TabsPrimitive.Root;
+var TabsList = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    className: cn(
+      "text-text-tertiary inline-flex h-10 items-center justify-center rounded-md bg-[#27252B] p-1",
+      className
+    ),
+    ...props
+  }
+), "TabsList");
+TabsList.displayName = TabsPrimitive.List.displayName;
+var TabsTrigger = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    className: cn(
+      "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium whitespace-nowrap transition-all focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-[#2D3239] data-[state=active]:text-white data-[state=active]:shadow-xs",
+      className
+    ),
+    ...props
+  }
+), "TabsTrigger");
+TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
+var TabsContent = /* @__PURE__ */ __name(({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    className: cn(
+      "ring-offset-background focus-visible:ring-ring mt-3 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-hidden",
+      className
+    ),
+    ...props
+  }
+), "TabsContent");
+TabsContent.displayName = TabsPrimitive.Content.displayName;
+
+export { Tabs, TabsContent, TabsList, TabsTrigger };