@kilnonedre/foundation 0.0.24 → 0.0.26

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 // src/render/form/index.tsx
 import { EyeIcon, EyeOffIcon } from "lucide-react";
 
@@ -3261,25 +3263,7 @@ var FormTimePicker = (props) => {
 // src/components/media-uploader/index.tsx
 import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState8 } from "react";
 import { Eye as Eye2, Loader2, Plus, Trash2 } from "lucide-react";
-
-// src/shadcn/components/card.tsx
-import { jsx as jsx46 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/media-uploader/index.tsx
-import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs28 } from "react/jsx-runtime";
 var MediaUploader = ({ value = [], ...props }) => {
   const inputRef = useRef2(null);
   const [items, setItems] = useState8([]);
@@ -3406,7 +3390,7 @@ var MediaUploader = ({ value = [], ...props }) => {
   };
   const showUploadButton = canEdit && (!props.multiple && items.length === 0 || props.multiple);
   return /* @__PURE__ */ jsxs28("div", { className: cn2("space-y-3", props.className), children: [
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx46(
       "input",
       {
         ref: inputRef,
@@ -3423,56 +3407,63 @@ var MediaUploader = ({ value = [], ...props }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx47(ScrollArea, { className: "rounded-lg border", children: /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-2 gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4", children: [
-      items.map((it, index) => /* @__PURE__ */ jsx47(Card, { className: "group overflow-hidden", children: /* @__PURE__ */ jsxs28("div", { className: "relative aspect-square bg-muted", children: [
-        it.url || it.localUrl ? /* @__PURE__ */ jsx47(
-          "img",
-          {
-            src: it.url ?? it.localUrl,
-            alt: "",
-            className: "h-full w-full object-cover"
-          }
-        ) : /* @__PURE__ */ jsx47("div", { className: "h-full w-full" }),
-        it.uploading && /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx47(Loader2, { className: "h-6 w-6 animate-spin text-white" }) }),
-        !it.uploading && (it.url || it.localUrl) && /* @__PURE__ */ jsxs28("div", { className: "absolute inset-0 flex items-start justify-end gap-2 p-2 opacity-0 transition group-hover:opacity-100", children: [
-          /* @__PURE__ */ jsx47(
-            Button,
-            {
-              size: "icon",
-              variant: "secondary",
-              className: "h-8 w-8",
-              onClick: () => setPreview(it),
-              type: "button",
-              children: /* @__PURE__ */ jsx47(Eye2, { className: "h-4 w-4" })
-            }
-          ),
-          canEdit && /* @__PURE__ */ jsx47(
-            Button,
-            {
-              size: "icon",
-              variant: "destructive",
-              className: "h-8 w-8",
-              onClick: () => remove(it.id),
-              type: "button",
-              children: /* @__PURE__ */ jsx47(Trash2, { className: "h-4 w-4" })
-            }
-          )
-        ] })
-      ] }) }, it.id + index)),
-      showUploadButton && /* @__PURE__ */ jsx47(
-        Card,
+    /* @__PURE__ */ jsx46(ScrollArea, { className: "rounded-lg border", children: /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-2 gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4", children: [
+      items.map((it, index) => /* @__PURE__ */ jsx46(
+        "div",
         {
-          className: "flex aspect-square cursor-pointer items-center justify-center hover:bg-muted/50",
+          className: "rounded-xl border bg-card text-card-foreground shadow group overflow-hidden",
+          children: /* @__PURE__ */ jsxs28("div", { className: "relative aspect-square bg-muted", children: [
+            it.url || it.localUrl ? /* @__PURE__ */ jsx46(
+              "img",
+              {
+                src: it.url ?? it.localUrl,
+                alt: "",
+                className: "h-full w-full object-cover"
+              }
+            ) : /* @__PURE__ */ jsx46("div", { className: "h-full w-full" }),
+            it.uploading && /* @__PURE__ */ jsx46("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx46(Loader2, { className: "h-6 w-6 animate-spin text-white" }) }),
+            !it.uploading && (it.url || it.localUrl) && /* @__PURE__ */ jsxs28("div", { className: "absolute inset-0 flex items-start justify-end gap-2 p-2 opacity-0 transition group-hover:opacity-100", children: [
+              /* @__PURE__ */ jsx46(
+                Button,
+                {
+                  size: "icon",
+                  variant: "secondary",
+                  className: "h-8 w-8",
+                  onClick: () => setPreview(it),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx46(Eye2, { className: "h-4 w-4" })
+                }
+              ),
+              canEdit && /* @__PURE__ */ jsx46(
+                Button,
+                {
+                  size: "icon",
+                  variant: "destructive",
+                  className: "h-8 w-8",
+                  onClick: () => remove(it.id),
+                  type: "button",
+                  children: /* @__PURE__ */ jsx46(Trash2, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] })
+        },
+        it.id + index
+      )),
+      showUploadButton && /* @__PURE__ */ jsx46(
+        "div",
+        {
+          className: "rounded-xl border bg-card text-card-foreground shadow flex aspect-square cursor-pointer items-center justify-center hover:bg-muted/50",
           onClick: () => {
             inputRef.current?.click();
           },
-          children: /* @__PURE__ */ jsx47(Plus, { className: "h-6 w-6 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx46(Plus, { className: "h-6 w-6 text-muted-foreground" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx47(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsx47(DialogHeader, { children: /* @__PURE__ */ jsx47(DialogTitle, { children: "\u9884\u89C8" }) }),
-      preview && /* @__PURE__ */ jsx47("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx46(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-3xl", children: [
+      /* @__PURE__ */ jsx46(DialogHeader, { children: /* @__PURE__ */ jsx46(DialogTitle, { children: "\u9884\u89C8" }) }),
+      preview && /* @__PURE__ */ jsx46("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx46(
         "img",
         {
           src: preview.url ?? preview.localUrl ?? "",
@@ -3485,27 +3476,27 @@ var MediaUploader = ({ value = [], ...props }) => {
 };
 
 // src/components/provider/index.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var Provider = ({ children }) => {
-  return /* @__PURE__ */ jsx48(TooltipProvider, { children });
+  return /* @__PURE__ */ jsx47(TooltipProvider, { children });
 };
 
 // src/components/title/index.tsx
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var Title = (props) => {
-  return /* @__PURE__ */ jsx49("div", { className: cn2("text-lg font-bold", props.className), children: props.children });
+  return /* @__PURE__ */ jsx48("div", { className: cn2("text-lg font-bold", props.className), children: props.children });
 };
 
 // src/render/column/build-column/index.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var buildColumn = () => (props) => {
   const { key, label, render } = props;
   return {
     accessorKey: key,
-    header: () => /* @__PURE__ */ jsx50(TableHeaderText, { text: label }),
+    header: () => /* @__PURE__ */ jsx49(TableHeaderText, { text: label }),
     cell: ({ row }) => {
       const value = row.original[key];
-      return render ? render(value, row.original) : /* @__PURE__ */ jsx50(TableText, { text: String(value ?? "") });
+      return render ? render(value, row.original) : /* @__PURE__ */ jsx49(TableText, { text: String(value ?? "") });
     },
     meta: {
       label

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.24",
+  "version": "0.0.26",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",