@definable/ui 0.1.22 → 0.1.25

package/dist/icons/icons.d.ts

@@ -3,7 +3,7 @@ export declare const Icons: {
     anthropic: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
     openai: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
     deepseek: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
-    grok: (props: import('./providers/types').IconProps) => import("react/jsx-runtime").JSX.Element;
+    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;
 };

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

@@ -2,6 +2,6 @@ export * from './claude';
 export * from './anthropic';
 export * from './openai';
 export * from './deepseek';
-export * from './grok';
+export * from './xai';
 export * from './gemini';
 export * from './moonshot';

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

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

package/dist/index.js

@@ -1,65 +1,65 @@
 import { Alert as M, AlertDescription as S, AlertTitle as y } from "./components/alert.js";
 import { AlertDialog as L } from "./components/alert-dialog.js";
-import { Avatar as D, AvatarFallback as A, AvatarImage as N } from "./components/avatar.js";
-import { Badge as k, badgeVariants as G } from "./components/badge.js";
+import { Avatar as A, AvatarFallback as D, AvatarImage as N } from "./components/avatar.js";
+import { Badge as k, badgeVariants as B } from "./components/badge.js";
 import { Button as O } from "./components/button.js";
 import { Calendar as j } from "./components/calendar.js";
-import { Card as H, CardContent as P, CardDescription as U, CardFooter as V, CardHeader as E, CardTitle as _ } from "./components/card.js";
-import { Carousel as J } from "./components/carousel.js";
-import { Checkbox as Q } from "./components/checkbox.js";
-import { Collapse as X } from "./components/collapse.js";
-import { Command as Z, CommandDialog as $, CommandEmpty as e0, CommandGroup as o0, CommandInput as l0, CommandItem as r0, CommandList as t0, CommandSeparator as n0 } from "./components/command.js";
+import { Card as H, CardContent as P, CardDescription as U, CardFooter as V, CardHeader as E, CardTitle as X } from "./components/card.js";
+import { Carousel as q } from "./components/carousel.js";
+import { Checkbox as K } from "./components/checkbox.js";
+import { Collapse as W } from "./components/collapse.js";
+import { Command as Z, CommandDialog as $, CommandEmpty as e0, CommandGroup as o0, CommandInput as l0, CommandItem as t0, CommandList as r0, CommandSeparator as n0 } from "./components/command.js";
 import { CommandMenu as i0, CommandMenuDemo as c0 } from "./components/command-menu.js";
 import { ConfirmationModal as d0 } from "./components/confirmation-modal.js";
 import { ContextMenu as m0, ContextMenuCheckboxItem as x0, ContextMenuGroup as f0, ContextMenuItem as h0, ContextMenuLabel as g0, ContextMenuRadioGroup as u0, ContextMenuRadioItem as C0, ContextMenuSeparator as w0, ContextMenuSub as b0, ContextMenuSubContent as v0, ContextMenuSubTrigger as M0 } from "./components/context-menu.js";
-import { Dialog as y0, DialogClose as z0, DialogContent as L0, DialogDescription as I0, DialogFooter as D0, DialogHeader as A0, DialogOverlay as N0, DialogPortal as T0, DialogTitle as k0, DialogTrigger as G0 } from "./components/dialog.js";
+import { Dialog as y0, DialogClose as z0, DialogContent as L0, DialogDescription as I0, DialogFooter as A0, DialogHeader as D0, DialogOverlay as N0, DialogPortal as T0, DialogTitle as k0, DialogTrigger as B0 } from "./components/dialog.js";
 import { DropdownMenu as O0, DropdownMenuContent as R0, DropdownMenuGroup as j0, DropdownMenuItem as F0, DropdownMenuSeparator as H0, DropdownMenuTrigger as P0 } from "./components/dropdown-menu.js";
 import { Dropzone as V0 } from "./components/dropzone.js";
-import { ImageCropper as _0 } from "./components/image-cropper.js";
-import { ImageCropperModal as J0 } from "./components/image-cropper-modal.js";
-import { Input as Q0 } from "./components/input.js";
-import { Label as X0 } from "./components/label.js";
+import { ImageCropper as X0 } from "./components/image-cropper.js";
+import { ImageCropperModal as q0 } from "./components/image-cropper-modal.js";
+import { Input as K0 } from "./components/input.js";
+import { Label as W0 } from "./components/label.js";
 import { Loader as Z0 } from "./components/loader.js";
 import { LoadingPlaceholder as e1 } from "./components/loading-placeholder.js";
 import { Mention as l1 } from "./components/mention.js";
-import { Modal as t1 } from "./components/modal.js";
+import { Modal as r1 } from "./components/modal.js";
 import { NotificationContainer as a1 } from "./components/notification.js";
 import { Popover as c1, PopoverContent as s1, PopoverTrigger as d1 } from "./components/popover.js";
 import { Progress as m1 } from "./components/progress.js";
 import { RadioGroup as f1, RadioGroupItem as h1 } from "./components/radio-group.js";
 import { ScrollArea as u1, ScrollBar as C1 } from "./components/scroll-area.js";
 import { SearchableSelect as b1, Select as v1, SelectContent as M1, SelectGroup as S1, SelectItem as y1, SelectLabel as z1, SelectTrigger as L1, SelectValue as I1 } from "./components/select.js";
-import { SelectionBar as A1 } from "./components/selection-bar.js";
+import { SelectionBar as D1 } from "./components/selection-bar.js";
 import { Separator as T1 } from "./components/separator.js";
-import { Sheet as G1 } from "./components/sheet.js";
+import { Sheet as B1 } from "./components/sheet.js";
 import { Skeleton as O1 } from "./components/skeleton.js";
 import { Slider as j1 } from "./components/slider.js";
 import { a as H1, S as P1, b as U1 } from "./stepper-modal-JXpOXOV2.js";
 import { Switch as E1 } from "./components/switch.js";
-import { Table as q1 } from "./components/table.js";
-import { TableEmpty as K1 } from "./components/table-empty.js";
-import { TableMobile as W1 } from "./components/table-mobile.js";
+import { Table as _1 } from "./components/table.js";
+import { TableEmpty as J1 } from "./components/table-empty.js";
+import { TableMobile as Q1 } from "./components/table-mobile.js";
 import { Tabs as Y1, TabsContent as Z1, TabsList as $1, TabsTrigger as e2 } from "./components/tabs.js";
-import { ANSI as l2, LOG_COLORS as r2, colorize as t2 } from "./components/terminal.js";
+import { ANSI as l2, LOG_COLORS as t2, colorize as r2 } from "./components/terminal.js";
 import { Textarea as a2 } from "./components/textarea.js";
 import { Tooltip as c2 } from "./components/tooltip.js";
 import { ToastContainer as d2, toast as p2, useToast as m2 } from "./components/use-toast.js";
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { jsx as o, jsxs as r } from "react/jsx-runtime";
 import { cn as n } from "./lib/utils.js";
 import { BotIcon as a } from "lucide-react";
 const i = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-label": "Claude",
-      className: n("flex flex-col items-center justify-center flex-none text-white rounded-full", r),
+      className: n("flex flex-col items-center justify-center flex-none text-white rounded-full", t),
       style: {
         background: "rgb(217, 119, 87)",
         height: e,
         width: e
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           fill: "currentColor",
@@ -81,19 +81,19 @@ const i = (l) => {
     }
   );
 }, c = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-label": "Anthropic",
-      className: n("flex flex-col items-center justify-center flex-none rounded-full", r),
+      className: n("flex flex-col items-center justify-center flex-none rounded-full", t),
       style: {
         background: "rgb(241, 240, 232)",
         color: "rgb(20, 20, 19)",
         height: e,
         width: e
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           fill: "currentColor",
@@ -115,19 +115,19 @@ const i = (l) => {
     }
   );
 }, s = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-label": "OpenAI",
-      className: n("flex flex-col items-center justify-center flex-none rounded-full", r),
+      className: n("flex flex-col items-center justify-center flex-none rounded-full", t),
       style: {
         background: "rgb(25, 195, 125)",
         color: "rgb(255, 255, 255)",
         height: e,
         width: e
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           fill: "currentColor",
@@ -149,19 +149,19 @@ const i = (l) => {
     }
   );
 }, d = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-label": "DeepSeek",
-      className: n("flex flex-col items-center justify-center flex-none rounded-full h-16 w-16", r),
+      className: n("flex flex-col items-center justify-center flex-none rounded-full h-16 w-16", t),
       style: {
         background: "rgb(77, 107, 254)",
         color: "rgb(255, 255, 255)",
         height: e,
         width: e
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           fill: "currentColor",
@@ -181,12 +181,12 @@ const i = (l) => {
     }
   );
 }, p = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
-      "aria-label": "Grok",
-      className: n("flex flex-col items-center justify-center flex-none rounded-full h-16 w-16", r),
+      "aria-label": "XAI",
+      className: n("flex flex-col items-center justify-center flex-none rounded-full h-16 w-16", t),
       style: {
         background: "rgb(0, 0, 0)",
         color: "rgb(255, 255, 255)",
@@ -194,7 +194,7 @@ const i = (l) => {
         width: e,
         padding: "5px"
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           fill: "currentColor",
@@ -214,12 +214,12 @@ const i = (l) => {
     }
   );
 }, m = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-label": "Gemini",
-      className: n("flex items-center justify-center rounded-full", r),
+      className: n("flex items-center justify-center rounded-full", t),
       style: {
         background: "rgb(255, 255, 255)",
         height: e,
@@ -227,7 +227,7 @@ const i = (l) => {
         boxShadow: "rgba(0, 0, 0, 0.05) 0px 0px 0px 1px inset",
         color: "rgb(255, 255, 255)"
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           xmlns: "http://www.w3.org/2000/svg",
@@ -265,8 +265,8 @@ const i = (l) => {
                 fill: "url(#lobe-icons-gemini-fill-2)"
               }
             ),
-            /* @__PURE__ */ t("defs", { children: [
-              /* @__PURE__ */ t(
+            /* @__PURE__ */ r("defs", { children: [
+              /* @__PURE__ */ r(
                 "linearGradient",
                 {
                   id: "lobe-icons-gemini-fill-0",
@@ -281,7 +281,7 @@ const i = (l) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 "linearGradient",
                 {
                   id: "lobe-icons-gemini-fill-1",
@@ -296,7 +296,7 @@ const i = (l) => {
                   ]
                 }
               ),
-              /* @__PURE__ */ t(
+              /* @__PURE__ */ r(
                 "linearGradient",
                 {
                   id: "lobe-icons-gemini-fill-2",
@@ -318,19 +318,19 @@ const i = (l) => {
     }
   );
 }, x = (l) => {
-  const { size: e = 48, className: r = "" } = l;
+  const { size: e = 48, className: t = "" } = l;
   return /* @__PURE__ */ o(
     "div",
     {
       "aria-label": "Moonshot",
-      className: n("flex flex-col items-center justify-center flex-none rounded-full h-16 w-16", r),
+      className: n("flex flex-col items-center justify-center flex-none rounded-full h-16 w-16", t),
       style: {
         background: "rgb(0, 0, 0)",
         color: "rgb(255, 255, 255)",
         height: e,
         width: e
       },
-      children: /* @__PURE__ */ t(
+      children: /* @__PURE__ */ r(
         "svg",
         {
           fill: "currentColor",
@@ -354,12 +354,12 @@ const i = (l) => {
   anthropic: c,
   openai: s,
   deepseek: d,
-  grok: p,
+  xai: p,
   gemini: m,
   moonshot: x
 }, h = (l, e = {}) => {
-  const r = f[l];
-  return r ? /* @__PURE__ */ o(r, { ...e }) : /* @__PURE__ */ o(a, { ...e });
+  const t = f[l];
+  return t ? /* @__PURE__ */ o(t, { ...e }) : /* @__PURE__ */ o(a, { ...e });
 }, w = (l, e = {}) => l.type === "core" ? h(l.provider, e) : /* @__PURE__ */ o("img", { src: l.image, alt: l.name, className: n("h-6 w-6", e.className), ...e });
 export {
   l2 as ANSI,
@@ -367,8 +367,8 @@ export {
   S as AlertDescription,
   L as AlertDialog,
   y as AlertTitle,
-  D as Avatar,
-  A as AvatarFallback,
+  A as Avatar,
+  D as AvatarFallback,
   N as AvatarImage,
   k as Badge,
   O as Button,
@@ -378,17 +378,17 @@ export {
   U as CardDescription,
   V as CardFooter,
   E as CardHeader,
-  _ as CardTitle,
-  J as Carousel,
-  Q as Checkbox,
-  X as Collapse,
+  X as CardTitle,
+  q as Carousel,
+  K as Checkbox,
+  W as Collapse,
   Z as Command,
   $ as CommandDialog,
   e0 as CommandEmpty,
   o0 as CommandGroup,
   l0 as CommandInput,
-  r0 as CommandItem,
-  t0 as CommandList,
+  t0 as CommandItem,
+  r0 as CommandList,
   i0 as CommandMenu,
   c0 as CommandMenuDemo,
   n0 as CommandSeparator,
@@ -408,12 +408,12 @@ export {
   z0 as DialogClose,
   L0 as DialogContent,
   I0 as DialogDescription,
-  D0 as DialogFooter,
-  A0 as DialogHeader,
+  A0 as DialogFooter,
+  D0 as DialogHeader,
   N0 as DialogOverlay,
   T0 as DialogPortal,
   k0 as DialogTitle,
-  G0 as DialogTrigger,
+  B0 as DialogTrigger,
   O0 as DropdownMenu,
   R0 as DropdownMenuContent,
   j0 as DropdownMenuGroup,
@@ -422,15 +422,15 @@ export {
   P0 as DropdownMenuTrigger,
   V0 as Dropzone,
   f as Icons,
-  _0 as ImageCropper,
-  J0 as ImageCropperModal,
-  Q0 as Input,
-  r2 as LOG_COLORS,
-  X0 as Label,
+  X0 as ImageCropper,
+  q0 as ImageCropperModal,
+  K0 as Input,
+  t2 as LOG_COLORS,
+  W0 as Label,
   Z0 as Loader,
   e1 as LoadingPlaceholder,
   l1 as Mention,
-  t1 as Modal,
+  r1 as Modal,
   a1 as NotificationContainer,
   c1 as Popover,
   s1 as PopoverContent,
@@ -448,18 +448,18 @@ export {
   z1 as SelectLabel,
   L1 as SelectTrigger,
   I1 as SelectValue,
-  A1 as SelectionBar,
+  D1 as SelectionBar,
   T1 as Separator,
-  G1 as Sheet,
+  B1 as Sheet,
   O1 as Skeleton,
   j1 as Slider,
   H1 as StepLayout,
   P1 as Stepper,
   U1 as StepperModal,
   E1 as Switch,
-  q1 as Table,
-  K1 as TableEmpty,
-  W1 as TableMobile,
+  _1 as Table,
+  J1 as TableEmpty,
+  Q1 as TableMobile,
   Y1 as Tabs,
   Z1 as TabsContent,
   $1 as TabsList,
@@ -467,9 +467,9 @@ export {
   a2 as Textarea,
   d2 as ToastContainer,
   c2 as Tooltip,
-  G as badgeVariants,
+  B as badgeVariants,
   n as cn,
-  t2 as colorize,
+  r2 as colorize,
   w as getAssistantIcon,
   h as getLLMIcon,
   p2 as toast,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@definable/ui",
   "type": "module",
-  "version": "0.1.22",
+  "version": "0.1.25",
   "private": false,
   "description": "Definable UI Component Library",
   "main": "dist/index.js",
@@ -406,4 +406,4 @@
     "vite": "^5.4.19",
     "vite-plugin-dts": "^4.5.4"
   }
-}
+}

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

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