@blinkdotnew/ui 0.4.0 → 0.5.0

package/dist/index.js

@@ -1,3 +1,4 @@
+'use client';
 'use strict';
 
 var React66 = require('react');
@@ -102,8 +103,7 @@ var ResizablePrimitive__namespace = /*#__PURE__*/_interopNamespace(ResizablePrim
 var BlinkUIContext = React66.createContext(null);
 function useBlinkUI() {
   const ctx = React66.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({
@@ -941,8 +941,7 @@ var SidebarItem = React66__namespace.default.forwardRef(
       !collapsed && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 min-w-0 truncate", children: label }),
       !collapsed && badge !== void 0 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("a", { href, className: cls, onClick, children: inner });
+    if (href) return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: cls, onClick, children: inner });
     return /* @__PURE__ */ jsxRuntime.jsx("div", { ref, role: "button", tabIndex: 0, className: cls, onClick, ...props, children: inner });
   }
 );
@@ -1179,10 +1178,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__namespace.default.forwardRef(
@@ -1226,13 +1223,11 @@ var SearchInput = React66__namespace.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?.();
     }
@@ -1268,10 +1263,8 @@ var SearchInput = React66__namespace.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) {
@@ -1281,16 +1274,14 @@ function FileUpload({ accept, multiple, maxSize, onFiles, className, disabled })
   const inputRef = React66.useRef(null);
   const [dragging, setDragging] = React66.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__ */ jsxRuntime.jsxs(
     "div",
@@ -1301,8 +1292,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,
@@ -1338,8 +1328,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__ */ jsxRuntime.jsx("ul", { className: cn("flex flex-col gap-1", className), children: files.map((file, i) => /* @__PURE__ */ jsxRuntime.jsxs("li", { className: "flex items-center justify-between rounded-md border border-[hsl(var(--border))] px-3 py-2 text-sm", children: [
     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 truncate text-[hsl(var(--foreground))]", children: file.name }),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "ml-2 flex shrink-0 items-center gap-2", children: [
@@ -1375,8 +1364,7 @@ function CalendarGrid({ year, month, selected, onSelect }) {
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-7 gap-0.5", children: [
     DAYS.map((d) => /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", {}, i);
+      if (!day) return /* @__PURE__ */ jsxRuntime.jsx("div", {}, i);
       const date = new Date(year, month, day);
       const isToday = isSameDay(date, today);
       const isSelected = selected && isSameDay(date, selected);
@@ -1474,15 +1462,13 @@ function FormMessage({ className, children, name }) {
   const { formState } = reactHookForm.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__ */ jsxRuntime.jsx("p", { className: cn("text-xs text-[hsl(var(--destructive))]", className), children: message });
 }
 var StepFormContext = React66.createContext(null);
 function useStepForm() {
   const ctx = React66.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 }) {
@@ -1545,8 +1531,7 @@ function ArrayField({
   className
 }) {
   function add() {
-    if (maxItems && value.length >= maxItems)
-      return;
+    if (maxItems && value.length >= maxItems) return;
     onChange([...value, defaultItem]);
   }
   function remove(index) {
@@ -1616,10 +1601,8 @@ function toLabel(key) {
   return key.replace(/([A-Z])/g, " $1").replace(/^./, (s) => s.toUpperCase());
 }
 function getInputType(field) {
-  if (field instanceof z__namespace.ZodEmail)
-    return "email";
-  if (field instanceof z__namespace.ZodURL)
-    return "url";
+  if (field instanceof z__namespace.ZodEmail) return "email";
+  if (field instanceof z__namespace.ZodURL) return "url";
   return "text";
 }
 function unwrapOptional(field) {
@@ -1687,8 +1670,7 @@ function AutoForm({ schema, onSubmit, defaultValues, submitLabel = "Submit" }) {
   ] });
 }
 function DataTableColumnHeader({ column, title }) {
-  if (!column.getCanSort())
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { children: title });
+  if (!column.getCanSort()) return /* @__PURE__ */ jsxRuntime.jsx("span", { children: title });
   const sorted = column.getIsSorted();
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "button",
@@ -1728,8 +1710,7 @@ function DataTablePagination({ table }) {
   ] });
 }
 function DataTableToolbar({ table, searchColumn }) {
-  if (!searchColumn)
-    return null;
+  if (!searchColumn) return null;
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "py-3", children: /* @__PURE__ */ jsxRuntime.jsx(
     Input,
     {
@@ -1753,8 +1734,7 @@ function DataTable({ columns, data, pageSize = 10, searchable, searchColumn, loa
     initialState: { pagination: { pageSize } },
     state: { sorting }
   });
-  if (loading)
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-10 w-full" }, i)) });
+  if (loading) return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(Skeleton, { className: "h-10 w-full" }, i)) });
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
     searchable && /* @__PURE__ */ jsxRuntime.jsx(DataTableToolbar, { table, searchColumn }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "rounded-md border border-[hsl(var(--border))] overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: "w-full text-sm", children: [
@@ -1784,10 +1764,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);
         }
       }
     );
@@ -1806,8 +1784,7 @@ function DataGrid({ columns, data: initialData, onDataChange, editable, classNam
   const [rowSelection, setRowSelection] = React66__namespace.default.useState({});
   const columnResizeMode = "onChange";
   const editableColumns = React66__namespace.default.useMemo(() => {
-    if (!editable)
-      return columns;
+    if (!editable) return columns;
     return columns.map((col) => ({
       ...col,
       cell: (info) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2116,8 +2093,7 @@ function Banner({
       onDismiss?.();
     }, 200);
   };
-  if (dismissed)
-    return null;
+  if (dismissed) return null;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -2247,8 +2223,7 @@ function Breadcrumb({ children, className }) {
   const withSeparators = [];
   items.forEach((item, i) => {
     withSeparators.push(item);
-    if (i < items.length - 1)
-      withSeparators.push(/* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}, `sep-${i}`));
+    if (i < items.length - 1) withSeparators.push(/* @__PURE__ */ jsxRuntime.jsx(BreadcrumbSeparator, {}, `sep-${i}`));
   });
   return /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "breadcrumb", children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: cn("flex flex-wrap items-center gap-1", className), children: withSeparators }) });
 }
@@ -2271,8 +2246,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("");
@@ -2317,8 +2291,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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-[hsl(var(--foreground))] pr-2 border-r border-[hsl(var(--border))]", children: [
       count,
@@ -2371,8 +2344,7 @@ function ToggleButtonGroup(props) {
     }
   };
   return /* @__PURE__ */ jsxRuntime.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__namespace.default.Children.map(children, (child) => {
-    if (!React66__namespace.default.isValidElement(child))
-      return child;
+    if (!React66__namespace.default.isValidElement(child)) return child;
     const tb = child;
     return React66__namespace.default.cloneElement(tb, {
       pressed: isPressed(tb.props.value),
@@ -2434,8 +2406,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") {
@@ -2517,18 +2488,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);
@@ -2700,8 +2667,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;
@@ -2722,8 +2688,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;
@@ -2775,8 +2740,7 @@ function Beacon({ color = "primary", size = "md", children, className }) {
 var TourContext = React66.createContext(null);
 function useTour() {
   const ctx = React66.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 }) {
@@ -2791,15 +2755,11 @@ function Tour({ totalSteps, children }) {
   const prev = React66.useCallback(() => setCurrentStep((s) => Math.max(s - 1, 0)), []);
   const goTo = React66.useCallback((step) => setCurrentStep(Math.max(0, Math.min(step, totalSteps - 1))), [totalSteps]);
   React66.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);
@@ -3338,8 +3298,7 @@ function InviteModal({ className }) {
   const [role, setRole] = React66.useState("Member");
   const [pending, setPending] = React66.useState(PENDING);
   const invite = () => {
-    if (!email.trim())
-      return;
+    if (!email.trim()) return;
     setPending((p) => [...p, { email: email.trim(), role }]);
     setEmail("");
   };
@@ -3388,8 +3347,7 @@ function ManageTagsModal({ className }) {
   const [newTag, setNewTag] = React66.useState("");
   const [colorIdx, setColorIdx] = React66.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("");
@@ -3652,8 +3610,7 @@ function ChatDetail({ className }) {
   const [messages, setMessages] = React66.useState(INITIAL_MESSAGES);
   const [input, setInput] = React66.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("");
@@ -4272,7 +4229,7 @@ var Primitive = NODES.reduce((primitive, node) => {
     const { asChild, ...primitiveProps } = props;
     const Comp = asChild ? Slot3 : node;
     if (typeof window !== "undefined") {
-      window[Symbol.for("radix-ui")] = true;
+      window[/* @__PURE__ */ Symbol.for("radix-ui")] = true;
     }
     return /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...primitiveProps, ref: forwardedRef });
   });
@@ -4288,11 +4245,9 @@ var Label4 = React66__namespace.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();
       }
     }
   );
@@ -4917,8 +4872,7 @@ function CalendarDayButton({
   const defaultClassNames = reactDayPicker.getDefaultClassNames();
   const ref = React66__namespace.useRef(null);
   React66__namespace.useEffect(() => {
-    if (modifiers.focused)
-      ref.current?.focus();
+    if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     Button,
@@ -5938,5 +5892,5 @@ exports.useBlinkUI = useBlinkUI;
 exports.useCommandBar = useCommandBar;
 exports.useFormField = useFormField;
 exports.useTour = useTour;
-//# sourceMappingURL=out.js.map
+//# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map