@blinkdotnew/ui 0.4.0 → 0.5.1

package/dist/index.mjs

@@ -1,8 +1,10 @@
+'use client';
 import * as React66 from 'react';
 import React66__default, { createContext, useState, useId, useContext, useEffect, useRef, useCallback } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Slot, createSlot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import * as SelectPrimitive from '@radix-ui/react-select';
@@ -13,7 +15,6 @@ import * as SwitchPrimitive from '@radix-ui/react-switch';
 import * as SliderPrimitive from '@radix-ui/react-slider';
 import * as DialogPrimitive from '@radix-ui/react-dialog';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
 import * as AvatarPrimitive from '@radix-ui/react-avatar';
@@ -51,11 +52,32 @@ import * as MenubarPrimitive from '@radix-ui/react-menubar';
 import * as ResizablePrimitive from 'react-resizable-panels';
 
 // src/provider/blink-ui-provider.tsx
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+var TooltipProvider = TooltipPrimitive.Provider;
+var Tooltip = TooltipPrimitive.Root;
+var TooltipTrigger = TooltipPrimitive.Trigger;
+var TooltipContent = React66__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 overflow-hidden rounded-md bg-[hsl(var(--primary))] px-3 py-1.5 text-xs text-[hsl(var(--primary-foreground))] shadow-md",
+      "animate-in fade-in-0 zoom-in-95",
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+      "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 var BlinkUIContext = createContext(null);
 function useBlinkUI() {
   const ctx = useContext(BlinkUIContext);
-  if (!ctx)
-    throw new Error("useBlinkUI must be used within <BlinkUIProvider>");
+  if (!ctx) throw new Error("useBlinkUI must be used within <BlinkUIProvider>");
   return ctx;
 }
 function BlinkUIProvider({
@@ -83,10 +105,7 @@ function BlinkUIProvider({
     root.classList.add(`theme-${theme}`);
     root.classList.add(resolvedDark ? "dark" : "light");
   }, [theme, resolvedDark]);
-  return /* @__PURE__ */ jsx(BlinkUIContext.Provider, { value: { theme, darkMode, resolvedDark, setTheme, setDarkMode }, children });
-}
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
+  return /* @__PURE__ */ jsx(BlinkUIContext.Provider, { value: { theme, darkMode, resolvedDark, setTheme, setDarkMode }, children: /* @__PURE__ */ jsx(TooltipProvider, { delayDuration: 0, children }) });
 }
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium font-sans transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
@@ -467,25 +486,6 @@ var PopoverContent = React66__default.forwardRef(({ className, align = "center",
   }
 ) }));
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React66__default.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md bg-[hsl(var(--primary))] px-3 py-1.5 text-xs text-[hsl(var(--primary-foreground))] shadow-md",
-      "animate-in fade-in-0 zoom-in-95",
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-      "data-[side=bottom]:slide-in-from-top-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    ),
-    ...props
-  }
-) }));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuGroup = DropdownMenuPrimitive.Group;
@@ -893,8 +893,7 @@ var SidebarItem = React66__default.forwardRef(
       !collapsed && /* @__PURE__ */ jsx("span", { className: "flex-1 min-w-0 truncate", children: label }),
       !collapsed && badge !== void 0 && /* @__PURE__ */ jsx("span", { className: "text-[10px] px-1.5 py-0.5 rounded-full bg-[hsl(var(--primary))] bg-opacity-10 text-[hsl(var(--primary))] shrink-0 font-medium", children: badge })
     ] });
-    if (href)
-      return /* @__PURE__ */ jsx("a", { href, className: cls, onClick, children: inner });
+    if (href) return /* @__PURE__ */ jsx("a", { href, className: cls, onClick, children: inner });
     return /* @__PURE__ */ jsx("div", { ref, role: "button", tabIndex: 0, className: cls, onClick, ...props, children: inner });
   }
 );
@@ -1131,10 +1130,8 @@ FieldError.displayName = "FieldError";
 function getStrength(value) {
   const has = (re) => re.test(value);
   const score = [value.length >= 8, has(/[A-Z]/), has(/[0-9]/), has(/[^A-Za-z0-9]/)].filter(Boolean).length;
-  if (score <= 1)
-    return { level: "weak", width: "w-1/3", color: "bg-[hsl(var(--destructive))]" };
-  if (score <= 3)
-    return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
+  if (score <= 1) return { level: "weak", width: "w-1/3", color: "bg-[hsl(var(--destructive))]" };
+  if (score <= 3) return { level: "medium", width: "w-2/3", color: "bg-yellow-500" };
   return { level: "strong", width: "w-full", color: "bg-green-500" };
 }
 var PasswordInput = React66__default.forwardRef(
@@ -1178,13 +1175,11 @@ var SearchInput = React66__default.forwardRef(
     const isControlled = valueProp !== void 0;
     const value = isControlled ? String(valueProp) : String(internalValue);
     function handleChange(e) {
-      if (!isControlled)
-        setInternalValue(e.target.value);
+      if (!isControlled) setInternalValue(e.target.value);
       onChange?.(e.target.value);
     }
     function handleClear() {
-      if (!isControlled)
-        setInternalValue("");
+      if (!isControlled) setInternalValue("");
       onChange?.("");
       onClear?.();
     }
@@ -1220,10 +1215,8 @@ var SearchInput = React66__default.forwardRef(
 );
 SearchInput.displayName = "SearchInput";
 function formatBytes(bytes) {
-  if (bytes < 1024)
-    return `${bytes} B`;
-  if (bytes < 1024 * 1024)
-    return `${(bytes / 1024).toFixed(1)} KB`;
+  if (bytes < 1024) return `${bytes} B`;
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
   return `${(bytes / 1024 / 1024).toFixed(1)} MB`;
 }
 function filterBySize(files, maxSize) {
@@ -1233,16 +1226,14 @@ function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled })
   const inputRef = useRef(null);
   const [dragging, setDragging] = useState(false);
   function handleFiles(raw) {
-    if (!raw)
-      return;
+    if (!raw) return;
     const files = filterBySize(Array.from(raw), maxSize);
     onFiles?.(files);
   }
   function handleDrop(e) {
     e.preventDefault();
     setDragging(false);
-    if (!disabled)
-      handleFiles(e.dataTransfer.files);
+    if (!disabled) handleFiles(e.dataTransfer.files);
   }
   return /* @__PURE__ */ jsxs(
     "div",
@@ -1253,8 +1244,7 @@ function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled })
       onKeyDown: (e) => e.key === "Enter" && !disabled && inputRef.current?.click(),
       onDragOver: (e) => {
         e.preventDefault();
-        if (!disabled)
-          setDragging(true);
+        if (!disabled) setDragging(true);
       },
       onDragLeave: () => setDragging(false),
       onDrop: handleDrop,
@@ -1290,8 +1280,7 @@ function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled })
   );
 }
 function FileUploadPreview({ files, onRemove, className }) {
-  if (!files.length)
-    return null;
+  if (!files.length) return null;
   return /* @__PURE__ */ jsx("ul", { className: cn("flex flex-col gap-1", className), children: files.map((file, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center justify-between rounded-md border border-[hsl(var(--border))] px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate text-[hsl(var(--foreground))]", children: file.name }),
     /* @__PURE__ */ jsxs("div", { className: "ml-2 flex shrink-0 items-center gap-2", children: [
@@ -1327,8 +1316,7 @@ function CalendarGrid({ year, month, selected, onSelect }) {
   return /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-7 gap-0.5", children: [
     DAYS.map((d) => /* @__PURE__ */ jsx("div", { className: "py-1 text-center text-xs font-medium text-[hsl(var(--muted-foreground))]", children: d }, d)),
     cells.map((day, i) => {
-      if (!day)
-        return /* @__PURE__ */ jsx("div", {}, i);
+      if (!day) return /* @__PURE__ */ jsx("div", {}, i);
       const date = new Date(year, month, day);
       const isToday = isSameDay(date, today);
       const isSelected = selected && isSameDay(date, selected);
@@ -1426,15 +1414,13 @@ function FormMessage({ className, children, name }) {
   const { formState } = useFormContext();
   const error = name ? formState.errors[name] : void 0;
   const message = error?.message ? String(error.message) : children;
-  if (!message)
-    return null;
+  if (!message) return null;
   return /* @__PURE__ */ jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
 }
 var StepFormContext = createContext(null);
 function useStepForm() {
   const ctx = useContext(StepFormContext);
-  if (!ctx)
-    throw new Error("useStepForm must be used within StepForm");
+  if (!ctx) throw new Error("useStepForm must be used within StepForm");
   return ctx;
 }
 function StepForm({ steps, onSubmit, children, className }) {
@@ -1497,8 +1483,7 @@ function ArrayField({
   className
 }) {
   function add() {
-    if (maxItems && value.length >= maxItems)
-      return;
+    if (maxItems && value.length >= maxItems) return;
     onChange([...value, defaultItem]);
   }
   function remove(index) {
@@ -1568,10 +1553,8 @@ function toLabel(key) {
   return key.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
 }
 function getInputType(field) {
-  if (field instanceof z.ZodEmail)
-    return "email";
-  if (field instanceof z.ZodURL)
-    return "url";
+  if (field instanceof z.ZodEmail) return "email";
+  if (field instanceof z.ZodURL) return "url";
   return "text";
 }
 function unwrapOptional(field) {
@@ -1639,8 +1622,7 @@ function AutoForm({ schema, onSubmit, defaultValues, submitLabel = "Submit" }) {
   ] });
 }
 function DataTableColumnHeader({ column, title }) {
-  if (!column.getCanSort())
-    return /* @__PURE__ */ jsx("span", { children: title });
+  if (!column.getCanSort()) return /* @__PURE__ */ jsx("span", { children: title });
   const sorted = column.getIsSorted();
   return /* @__PURE__ */ jsxs(
     "button",
@@ -1680,8 +1662,7 @@ function DataTablePagination({ table }) {
   ] });
 }
 function DataTableToolbar({ table, searchColumn }) {
-  if (!searchColumn)
-    return null;
+  if (!searchColumn) return null;
   return /* @__PURE__ */ jsx("div", { className: "py-3", children: /* @__PURE__ */ jsx(
     Input,
     {
@@ -1705,8 +1686,7 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
     initialState: { pagination: { pageSize } },
     state: { sorting }
   });
-  if (loading)
-    return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }, i)) });
+  if (loading) return /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }, i)) });
   return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
     searchable && /* @__PURE__ */ jsx(DataTableToolbar, { table, searchColumn }),
     /* @__PURE__ */ jsx("div", { className: "rounded-md border border-[hsl(var(--border))] overflow-hidden", children: /* @__PURE__ */ jsxs("table", { className: "w-full text-sm", children: [
@@ -1736,10 +1716,8 @@ function EditableCell({ value: initial, onSave }) {
         onChange: (e) => setVal(e.target.value),
         onBlur: commit,
         onKeyDown: (e) => {
-          if (e.key === "Enter")
-            commit();
-          if (e.key === "Escape")
-            setEditing(false);
+          if (e.key === "Enter") commit();
+          if (e.key === "Escape") setEditing(false);
         }
       }
     );
@@ -1758,8 +1736,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
   const [rowSelection, setRowSelection] = React66__default.useState({});
   const columnResizeMode = "onChange";
   const editableColumns = React66__default.useMemo(() => {
-    if (!editable)
-      return columns;
+    if (!editable) return columns;
     return columns.map((col) => ({
       ...col,
       cell: (info) => /* @__PURE__ */ jsx(
@@ -2068,8 +2045,7 @@ function Banner({
       onDismiss?.();
     }, 200);
   };
-  if (dismissed)
-    return null;
+  if (dismissed) return null;
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2199,8 +2175,7 @@ function Breadcrumb({ children, className }) {
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
-    if (i < items.length - 1)
-      withSeparators.push(/* @__PURE__ */ jsx(BreadcrumbSeparator, {}, `sep-${i}`));
+    if (i < items.length - 1) withSeparators.push(/* @__PURE__ */ jsx(BreadcrumbSeparator, {}, `sep-${i}`));
   });
   return /* @__PURE__ */ jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: cn("flex flex-wrap items-center gap-1", className), children: withSeparators }) });
 }
@@ -2223,8 +2198,7 @@ function AddFilterPopover({ filters, onAdd }) {
   const def = filters.find((f) => f.key === key);
   const ops = def?.type === "number" ? numOps : textOps;
   const handleAdd = () => {
-    if (!key || !val)
-      return;
+    if (!key || !val) return;
     onAdd({ key, operator: op || ops[0], value: val });
     setKey("");
     setOp("");
@@ -2269,8 +2243,7 @@ function Filters({ filters, value, onChange, className }) {
   ] });
 }
 function BulkActions({ count, actions, onClear, className }) {
-  if (count === 0)
-    return null;
+  if (count === 0) return null;
   return /* @__PURE__ */ jsxs("div", { className: cn("fixed bottom-6 left-1/2 -translate-x-1/2 z-50 flex items-center gap-2 rounded-full border border-[hsl(var(--border))] bg-[hsl(var(--card))] px-4 py-2 shadow-lg", className), children: [
     /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-[hsl(var(--foreground))] pr-2 border-r border-[hsl(var(--border))]", children: [
       count,
@@ -2323,8 +2296,7 @@ function ToggleButtonGroup(props) {
     }
   };
   return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-1 rounded-md border border-[hsl(var(--border))] bg-[hsl(var(--muted)/0.4)] p-0.5", className), children: React66__default.Children.map(children, (child) => {
-    if (!React66__default.isValidElement(child))
-      return child;
+    if (!React66__default.isValidElement(child)) return child;
     const tb = child;
     return React66__default.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
@@ -2386,8 +2358,7 @@ function CommandBar({ open, onOpenChange, children, placeholder = "Search comman
       return;
     }
     const focusable = items.current?.querySelectorAll("button");
-    if (!focusable?.length)
-      return;
+    if (!focusable?.length) return;
     const arr = Array.from(focusable);
     const idx = arr.indexOf(document.activeElement);
     if (e.key === "ArrowDown") {
@@ -2469,18 +2440,14 @@ function Kanban({ columns: initialColumns, onMoveCard, className }) {
   const onDragEnd = ({ active, over }) => {
     setActiveCard(null);
     setOverColId(null);
-    if (!over || active.id === over.id)
-      return;
+    if (!over || active.id === over.id) return;
     const fromCol = findColByCard(active.id);
     const toCol = cols.find((c) => c.id === over.id) ?? findColByCard(over.id);
-    if (!fromCol || !toCol || fromCol.id === toCol.id)
-      return;
+    if (!fromCol || !toCol || fromCol.id === toCol.id) return;
     const card = fromCol.cards.find((c) => c.id === active.id);
     setCols((prev) => prev.map((c) => {
-      if (c.id === fromCol.id)
-        return { ...c, cards: c.cards.filter((card2) => card2.id !== active.id) };
-      if (c.id === toCol.id)
-        return { ...c, cards: [...c.cards, card] };
+      if (c.id === fromCol.id) return { ...c, cards: c.cards.filter((card2) => card2.id !== active.id) };
+      if (c.id === toCol.id) return { ...c, cards: [...c.cards, card] };
       return c;
     }));
     onMoveCard?.(active.id, fromCol.id, toCol.id);
@@ -2652,8 +2619,7 @@ function LineChart({
   ] }) }) });
 }
 function buildPath(data, w, h) {
-  if (data.length < 2)
-    return "";
+  if (data.length < 2) return "";
   const min = Math.min(...data);
   const max = Math.max(...data);
   const range = max - min || 1;
@@ -2674,8 +2640,7 @@ function Sparkline({
   className
 }) {
   const path = buildPath(data, width, height);
-  if (!path)
-    return null;
+  if (!path) return null;
   const min = Math.min(...data);
   const max = Math.max(...data);
   const range = max - min || 1;
@@ -2727,8 +2692,7 @@ function Beacon({ color = "primary", size = "md", children, className }) {
 var TourContext = createContext(null);
 function useTour() {
   const ctx = useContext(TourContext);
-  if (!ctx)
-    throw new Error("useTour must be used within <Tour>");
+  if (!ctx) throw new Error("useTour must be used within <Tour>");
   return ctx;
 }
 function Tour({ totalSteps, children }) {
@@ -2743,15 +2707,11 @@ function Tour({ totalSteps, children }) {
   const prev = useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
   const goTo = useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
   useEffect(() => {
-    if (!isActive)
-      return;
+    if (!isActive) return;
     const onKey = (e) => {
-      if (e.key === "Escape")
-        stop();
-      if (e.key === "ArrowRight")
-        next();
-      if (e.key === "ArrowLeft")
-        prev();
+      if (e.key === "Escape") stop();
+      if (e.key === "ArrowRight") next();
+      if (e.key === "ArrowLeft") prev();
     };
     window.addEventListener("keydown", onKey);
     return () => window.removeEventListener("keydown", onKey);
@@ -3290,8 +3250,7 @@ function InviteModal({ className }) {
   const [role, setRole] = useState("Member");
   const [pending, setPending] = useState(PENDING);
   const invite = () => {
-    if (!email.trim())
-      return;
+    if (!email.trim()) return;
     setPending((p) => [...p, { email: email.trim(), role }]);
     setEmail("");
   };
@@ -3340,8 +3299,7 @@ function ManageTagsModal({ className }) {
   const [newTag, setNewTag] = useState("");
   const [colorIdx, setColorIdx] = useState(0);
   const addTag = () => {
-    if (!newTag.trim())
-      return;
+    if (!newTag.trim()) return;
     const id = `tag-${Date.now()}`;
     setTags((t) => [...t, { id, name: newTag.trim(), color: COLORS[colorIdx % COLORS.length] }]);
     setNewTag("");
@@ -3604,8 +3562,7 @@ function ChatDetail({ className }) {
   const [messages, setMessages] = useState(INITIAL_MESSAGES);
   const [input, setInput] = useState("");
   const send = () => {
-    if (!input.trim())
-      return;
+    if (!input.trim()) return;
     const now = (/* @__PURE__ */ new Date()).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
     setMessages((m) => [...m, { id: `${Date.now()}`, author: "You", initials: "JD", text: input.trim(), time: now, self: true }]);
     setInput("");
@@ -4240,11 +4197,9 @@ var Label4 = React66.forwardRef((props, forwardedRef) => {
       ref: forwardedRef,
       onMouseDown: (event) => {
         const target = event.target;
-        if (target.closest("button, input, select, textarea"))
-          return;
+        if (target.closest("button, input, select, textarea")) return;
         props.onMouseDown?.(event);
-        if (!event.defaultPrevented && event.detail > 1)
-          event.preventDefault();
+        if (!event.defaultPrevented && event.detail > 1) event.preventDefault();
       }
     }
   );
@@ -4869,8 +4824,7 @@ function CalendarDayButton({
   const defaultClassNames = getDefaultClassNames();
   const ref = React66.useRef(null);
   React66.useEffect(() => {
-    if (modifiers.focused)
-      ref.current?.focus();
+    if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsx(
     Button,
@@ -5544,5 +5498,5 @@ function Spinner({ className, ...props }) {
 }
 
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AppShell, AppShellMain, AppShellSidebar, AreaChart, ArrayField, AspectRatio, AutoForm, Avatar, AvatarFallback, AvatarImage, Badge, Banner, BarChart, Beacon, BlinkUIProvider, Breadcrumb, BreadcrumbItem, BreadcrumbPage, BreadcrumbSeparator, BulkActions, Button, Calendar3 as Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartTooltip, ChartTooltipContent, ChatDetail, Checkbox, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, CommandBar, CommandBarEmpty, CommandBarGroup, CommandBarItem, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, Command as CommandPrimitive, CommandSeparator, Container, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, DataGrid, DataTable, DataTableColumnHeader, DataTablePagination, DataTableToolbar, DatePicker, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, EmptyStateIcon, FeedbackModal, Field, FieldDescription, FieldError, FieldLabel, FileCards, FileUpload, FileUploadPreview, FilesList, FilterBadge, Filters, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, HStack, HotkeyBadge, Hotkeys, HoverCard, HoverCardContent, HoverCardTrigger, IconBadge, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, IntegrationCard, InviteModal, Kanban, KanbanCard, KanbanColumn, Label5 as Label, LineChart, LoadingOverlay, ManageTagsModal, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, MessagesCard, MetricCard, MetricCardWithButton, MetricCardWithIcon, MobileSidebarTrigger, Navbar, NavbarBrand, NavbarContent, NavbarItem, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, NotificationSettings, ObjectField, OrgMenu, Page, PageActions, PageBody, PageDescription, PageHeader, PageTitle, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PasswordInput, Persona, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, PropertyItem, PropertyList, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ResizeBox, ResizeHandle, RolesMenu, ScrollArea, ScrollBar, SearchInput, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectUsersModal, SelectValue, Separator4 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupLabel, SidebarHeader, SidebarItem, SidebarLayoutDashboard, SidebarLayoutGroups, SidebarLayoutMinimal, SidebarLayoutSearch, SidebarLayoutUser, SidebarSeparator, Skeleton, Slider, SortableTaskList, Sparkline, Spinner, SplitPage, SplitPageDetail, SplitPageList, Stack, StackedLayoutBranded, StackedLayoutTabs, Stat, StatGroup, StepForm, StepFormNavigation, StepFormStep, Stepper, StructuredList, StructuredListItem, StructuredListSection, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, TaskCard, TaskCardWithLabels, Textarea, Timeline, TimelineConnector, TimelineContent, TimelineItem, Toaster, Toggle, ToggleButton, ToggleButtonGroup, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Tour, TourStep, UserMenu, VStack, WorkspaceMembers, badgeVariants, buttonVariants, cn, navigationMenuTriggerStyle, toggleVariants, useAppShell, useBlinkUI, useCommandBar, useFormField, useTour };
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blinkdotnew/ui",
-  "version": "0.4.0",
+  "version": "0.5.1",
   "description": "Blink UI SDK — production-quality React component library for SaaS apps",
   "keywords": [
     "blink",
@@ -40,7 +40,7 @@
     "src/styles.css"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "tsup && node scripts/prepend-use-client.mjs",
     "dev": "tsup --watch",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",