@definable/ui 0.1.32 → 0.1.36

package/dist/components/table.js

@@ -1,51 +1,51 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { cn as d } from "../lib/utils.js";
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { cn as t } from "../lib/utils.js";
 import { Checkbox as N } from "./checkbox.js";
 import { Tooltip as w } from "./tooltip.js";
 import { useState as z } from "react";
 import { TableEmpty as V } from "./table-empty.js";
-const u = ({ children: t, className: l }) => /* @__PURE__ */ r("div", { className: d("border border-light rounded-lg overflow-hidden bg-secondary shadow-sm", l), children: t });
+const g = ({ children: d, className: l }) => /* @__PURE__ */ i("div", { className: t("border border-light rounded-lg overflow-hidden bg-secondary shadow-sm", l), children: d });
 function q({
-  data: t,
+  data: d,
   columns: l,
-  showCheckbox: s = !0,
-  onRowClick: c,
-  className: v,
-  selectedItems: a,
-  onSelect: o,
+  showCheckbox: o = !0,
+  onRowClick: p,
+  className: c,
+  selectedItems: e,
+  onSelect: s,
   emptyState: x,
   isLoading: b = !1,
   loadingRows: T = 5,
   tableHeightOffset: f
 }) {
-  const [j, g] = z(null), m = { height: f ? `calc(100vh - ${f})` : "calc(100vh - 8rem)" }, p = [
-    s ? "40px" : null,
-    ...l.map((i) => i.width || "1fr")
-  ].filter(Boolean).join(" "), $ = () => /* @__PURE__ */ r(
+  const [j, y] = z(null), m = { height: f ? `calc(100vh - ${f})` : "calc(100vh - 8rem)" }, v = [
+    o ? "40px" : null,
+    ...l.map((r) => r.width || "1fr")
+  ].filter(Boolean).join(" "), $ = () => /* @__PURE__ */ i(
     "div",
     {
-      className: d("divide-y divide-border/50 overflow-y-auto"),
+      className: t("divide-y divide-light/50 overflow-y-auto"),
       style: m,
-      children: Array(T).fill(0).map((i, h) => /* @__PURE__ */ n(
+      children: Array(T).fill(0).map((r, h) => /* @__PURE__ */ n(
         "div",
         {
           className: "grid items-center px-6 py-4 text-sm",
-          style: { gridTemplateColumns: p },
+          style: { gridTemplateColumns: v },
           children: [
-            s && /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-4 rounded bg-muted animate-pulse" }) }),
-            l.map((e) => /* @__PURE__ */ r(
+            o && /* @__PURE__ */ i("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "h-4 w-4 rounded bg-hover animate-pulse" }) }),
+            l.map((a) => /* @__PURE__ */ i(
               "div",
               {
-                className: d("px-2 relative min-w-0", e.className),
-                children: /* @__PURE__ */ r(
+                className: t("px-2 relative min-w-0", a.className),
+                children: /* @__PURE__ */ i(
                   "div",
                   {
-                    className: "h-4 bg-muted rounded animate-pulse",
+                    className: "h-4 bg-hover rounded animate-pulse",
                     style: { width: Math.random() * 40 + 40 + "%" }
                   }
                 )
               },
-              `skeleton-col-${e.id}`
+              `skeleton-col-${a.id}`
             ))
           ]
         },
@@ -53,91 +53,91 @@ function q({
       ))
     }
   );
-  return b ? /* @__PURE__ */ r(u, { className: v, children: /* @__PURE__ */ n("div", { className: "relative bg-card", children: [
+  return b ? /* @__PURE__ */ i(g, { className: c, children: /* @__PURE__ */ n("div", { className: "relative bg-card", children: [
     /* @__PURE__ */ n(
       "div",
       {
-        className: d(
-          "grid items-center px-6 py-3 text-xs font-medium text-muted-foreground/80 bg-muted/30 border-b border-light sticky top-0 z-10"
+        className: t(
+          "grid items-center px-6 py-3 text-xs font-medium text-tertiary/80 bg-hover/30 border-b border-light sticky top-0 z-10"
         ),
-        style: { gridTemplateColumns: p },
+        style: { gridTemplateColumns: v },
         children: [
-          s && /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ r("div", { className: "h-4 w-4 rounded bg-muted animate-pulse" }) }),
-          l.map((i) => /* @__PURE__ */ r("div", { className: d("px-2 font-medium", i.className), children: i.header }, i.id))
+          o && /* @__PURE__ */ i("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i("div", { className: "h-4 w-4 rounded bg-hover animate-pulse" }) }),
+          l.map((r) => /* @__PURE__ */ i("div", { className: t("px-2 font-medium", r.className), children: r.header }, r.id))
         ]
       }
     ),
-    /* @__PURE__ */ r($, {})
-  ] }) }) : t.length === 0 ? /* @__PURE__ */ r(u, { className: v, children: /* @__PURE__ */ r("div", { className: "relative bg-card", children: /* @__PURE__ */ r(V, { ...x }) }) }) : /* @__PURE__ */ r(u, { className: v, children: /* @__PURE__ */ n("div", { className: "relative bg-card", children: [
+    /* @__PURE__ */ i($, {})
+  ] }) }) : d.length === 0 ? /* @__PURE__ */ i(g, { className: c, children: /* @__PURE__ */ i("div", { className: "relative bg-card", children: /* @__PURE__ */ i(V, { ...x }) }) }) : /* @__PURE__ */ i(g, { className: c, children: /* @__PURE__ */ n("div", { className: "relative bg-card", children: [
     /* @__PURE__ */ n(
       "div",
       {
-        className: d(
-          "grid items-center px-6 py-3 text-xs font-medium text-muted-foreground/80 bg-muted/30 border-b border-light sticky top-0 z-10"
+        className: t(
+          "grid items-center px-6 py-3 text-xs font-medium text-tertiary/80 bg-hover/30 border-b border-light sticky top-0 z-10"
         ),
-        style: { gridTemplateColumns: p },
+        style: { gridTemplateColumns: v },
         children: [
-          s && /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ r(
+          o && /* @__PURE__ */ i("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i(
             N,
             {
-              checked: t.length > 0 && (a == null ? void 0 : a.size) === t.length,
-              onClick: (i) => {
-                i.stopPropagation();
-                const e = !((a == null ? void 0 : a.size) === t.length);
-                t.forEach((y) => {
-                  (a == null ? void 0 : a.has(y.id)) !== e && (o == null || o(y.id, e));
+              checked: d.length > 0 && (e == null ? void 0 : e.size) === d.length,
+              onClick: (r) => {
+                r.stopPropagation();
+                const a = !((e == null ? void 0 : e.size) === d.length);
+                d.forEach((u) => {
+                  (e == null ? void 0 : e.has(u.id)) !== a && (s == null || s(u.id, a));
                 });
               }
             }
           ) }),
-          l.map((i) => /* @__PURE__ */ r("div", { className: d("px-2 font-medium", i.className), children: i.header }, i.id))
+          l.map((r) => /* @__PURE__ */ i("div", { className: t("px-2 font-medium", r.className), children: r.header }, r.id))
         ]
       }
     ),
-    /* @__PURE__ */ r(
+    /* @__PURE__ */ i(
       "div",
       {
-        className: d("divide-y divide-border/30 overflow-y-auto"),
+        className: t("divide-y divide-light/30 overflow-y-auto"),
         style: m,
-        children: t.map((i, h) => /* @__PURE__ */ n(
+        children: d.map((r, h) => /* @__PURE__ */ n(
           "div",
           {
-            className: d(
-              "grid items-center px-6 py-4 text-sm text-foreground hover:bg-muted/30 transition-colors duration-150 group cursor-pointer"
+            className: t(
+              "grid items-center px-6 py-4 text-sm text-primary hover:bg-hover/30 transition-colors duration-150 group cursor-pointer"
             ),
-            style: { gridTemplateColumns: p },
-            onClick: () => c == null ? void 0 : c(i),
+            style: { gridTemplateColumns: v },
+            onClick: () => p == null ? void 0 : p(r),
             children: [
-              s && /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ r(
+              o && /* @__PURE__ */ i("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ i(
                 N,
                 {
-                  checked: a == null ? void 0 : a.has(i.id),
-                  onClick: (e) => {
-                    e.stopPropagation(), o == null || o(i.id, !(a != null && a.has(i.id)));
+                  checked: e == null ? void 0 : e.has(r.id),
+                  onClick: (a) => {
+                    a.stopPropagation(), s == null || s(r.id, !(e != null && e.has(r.id)));
                   }
                 }
               ) }),
-              l.map((e) => /* @__PURE__ */ n(
+              l.map((a) => /* @__PURE__ */ n(
                 "div",
                 {
-                  className: d(
+                  className: t(
                     "px-2 relative min-w-0",
-                    e.className
+                    a.className
                   ),
-                  onMouseEnter: () => e.tooltipValue && g(`${h}-${e.id}`),
-                  onMouseLeave: () => g(null),
+                  onMouseEnter: () => a.tooltipValue && y(`${h}-${a.id}`),
+                  onMouseLeave: () => y(null),
                   children: [
-                    /* @__PURE__ */ r("div", { className: d(
+                    /* @__PURE__ */ i("div", { className: t(
                       "flex items-center gap-2",
-                      e.truncate && "overflow-hidden"
-                    ), children: /* @__PURE__ */ r("div", { className: d(
+                      a.truncate && "overflow-hidden"
+                    ), children: /* @__PURE__ */ i("div", { className: t(
                       "w-full",
-                      e.truncate && "truncate"
-                    ), children: e.cell(i) }) }),
-                    e.tooltipValue && j === `${h}-${e.id}` && /* @__PURE__ */ r(
+                      a.truncate && "truncate"
+                    ), children: a.cell(r) }) }),
+                    a.tooltipValue && j === `${h}-${a.id}` && /* @__PURE__ */ i(
                       w,
                       {
-                        content: e.tooltipValue(i),
+                        content: a.tooltipValue(r),
                         side: "bottom",
                         align: "start",
                         isVisible: !0
@@ -145,11 +145,11 @@ function q({
                     )
                   ]
                 },
-                e.id
+                a.id
               ))
             ]
           },
-          i.id
+          r.id
         ))
       }
     )

package/dist/components/tabs.js

@@ -1,46 +1,46 @@
-import { jsx as o } from "react/jsx-runtime";
-import * as a from "react";
+import { jsx as a } from "react/jsx-runtime";
+import * as r from "react";
 import * as e from "@radix-ui/react-tabs";
-import { cn as n } from "../lib/utils.js";
-const m = e.Root, r = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+import { cn as o } from "../lib/utils.js";
+const m = e.Root, n = r.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ a(
   e.List,
   {
     ref: s,
-    className: n(
-      "inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",
+    className: o(
+      "inline-flex h-9 items-center justify-center rounded-lg bg-hover p-1 text-tertiary",
       i
     ),
     ...t
   }
 ));
-r.displayName = e.List.displayName;
-const f = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+n.displayName = e.List.displayName;
+const f = r.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ a(
   e.Trigger,
   {
     ref: s,
-    className: n(
-      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-secondary data-[state=active]:text-foreground data-[state=active]:shadow",
+    className: o(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-white dark:ring-offset-[#1F1F20] transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-secondary data-[state=active]:text-primary data-[state=active]:shadow",
       i
     ),
     ...t
   }
 ));
 f.displayName = e.Trigger.displayName;
-const d = a.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ o(
+const l = r.forwardRef(({ className: i, ...t }, s) => /* @__PURE__ */ a(
   e.Content,
   {
     ref: s,
-    className: n(
-      "mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+    className: o(
+      "mt-2 ring-offset-white dark:ring-offset-[#1F1F20] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-offset-2",
       i
     ),
     ...t
   }
 ));
-d.displayName = e.Content.displayName;
+l.displayName = e.Content.displayName;
 export {
   m as Tabs,
-  d as TabsContent,
-  r as TabsList,
+  l as TabsContent,
+  n as TabsList,
   f as TabsTrigger
 };

package/dist/components/textarea.js

@@ -1,15 +1,15 @@
-import { jsx as i } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import * as t from "react";
 import { cn as s } from "../lib/utils.js";
 const a = t.forwardRef(
-  ({ className: e, ...r }, o) => /* @__PURE__ */ i(
+  ({ className: e, ...r }, i) => /* @__PURE__ */ o(
     "textarea",
     {
       className: s(
-        "flex min-h-[80px] w-full rounded-md border border-input bg-secondary px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        "flex min-h-[80px] w-full rounded-md border border-light bg-secondary px-3 py-2 text-sm ring-offset-white dark:ring-offset-[#1F1F20] placeholder:text-tertiary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/20 dark:focus-visible:ring-white/20 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
-      ref: o,
+      ref: i,
       ...r
     }
   )

package/dist/components/use-toast.js

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { useState as l, useCallback as u } from "react";
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import { useState as c, useCallback as u } from "react";
 let s = [], a = [];
 const d = () => {
   a.forEach((t) => t([...s]));
@@ -18,7 +18,7 @@ const d = () => {
     }
   };
 }, g = () => {
-  const [t, i] = l(s), e = u(() => {
+  const [t, i] = c(s), e = u(() => {
     const r = (n) => {
       i(n);
     };
@@ -26,21 +26,21 @@ const d = () => {
       a = a.filter((n) => n !== r);
     };
   }, []);
-  return l(() => e()), {
+  return c(() => e()), {
     toast: m,
     toasts: t,
     dismiss: (r) => {
       s = s.filter((n) => n.id !== r), d();
     }
   };
-}, b = () => {
+}, h = () => {
   const { toasts: t, dismiss: i } = g();
-  return t.length === 0 ? null : /* @__PURE__ */ o("div", { className: "fixed top-4 right-4 z-50 flex flex-col gap-2 w-[350px]", children: t.map((e) => /* @__PURE__ */ c(
+  return t.length === 0 ? null : /* @__PURE__ */ o("div", { className: "fixed top-4 right-4 z-50 flex flex-col gap-2 w-[350px]", children: t.map((e) => /* @__PURE__ */ l(
     "div",
     {
-      className: `p-4 rounded-lg shadow-lg border border-light transition-all duration-300 ease-in-out ${e.type === "error" ? "bg-destructive text-destructive-foreground" : e.type === "success" ? "bg-green-50 text-green-800 border-green-200" : e.type === "warning" ? "bg-amber-50 text-amber-800 border-amber-200" : "bg-secondary text-foreground"}`,
+      className: `p-4 rounded-lg shadow-lg border border-light transition-all duration-300 ease-in-out ${e.type === "error" ? "bg-red-500 text-white" : e.type === "success" ? "bg-green-50 text-green-800 border-green-200" : e.type === "warning" ? "bg-amber-50 text-amber-800 border-amber-200" : "bg-secondary text-primary"}`,
       children: [
-        /* @__PURE__ */ c("div", { className: "flex justify-between items-start", children: [
+        /* @__PURE__ */ l("div", { className: "flex justify-between items-start", children: [
           /* @__PURE__ */ o("div", { className: "font-medium", children: e.title }),
           /* @__PURE__ */ o(
             "button",
@@ -58,7 +58,7 @@ const d = () => {
   )) });
 };
 export {
-  b as ToastContainer,
+  h as ToastContainer,
   m as toast,
   g as useToast
 };

package/dist/icons/icons.d.ts

@@ -6,4 +6,6 @@ export declare const Icons: {
     xai: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
     gemini: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
     moonshot: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
+    byteplus: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
+    kling: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
 };

package/dist/icons/providers/byteplus.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './types';
+export declare const BytePlusIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/providers/index.d.ts

@@ -5,3 +5,5 @@ export * from './deepseek';
 export * from './xai';
 export * from './gemini';
 export * from './moonshot';
+export * from './byteplus';
+export * from './kling';

package/dist/icons/providers/kling.d.ts

@@ -0,0 +1,2 @@
+import { IconProps } from './types';
+export declare const KlingIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;