@pixpilot/shadcn-ui 0.1.0 → 0.4.1

package/dist/ThemeToggle.js

@@ -1 +1,94 @@
-"use client";import e,{useEffect as t,useState as n}from"react";import{jsx as r}from"react/jsx-runtime";import{useTheme as i}from"next-themes";function a(){return r(`svg`,{className:`h-5 w-5`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:r(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z`})})}function o(){return r(`svg`,{className:`h-5 w-5`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:r(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z`})})}function s(){return r(`svg`,{className:`h-5 w-5`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:r(`path`,{strokeLinecap:`round`,strokeLinejoin:`round`,strokeWidth:2,d:`M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z`})})}function c(){let[e,c]=n(!1),{theme:l,setTheme:u}=i();return t(()=>{let e=setTimeout(()=>{c(!0)},0);return()=>{clearTimeout(e)}},[]),e?r(`button`,{onClick:()=>{u(l===`light`?`dark`:l===`dark`?`system`:`light`)},className:`flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-900 transition-colors hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800`,title:(()=>l===`light`?`Switch to Dark mode`:l===`dark`?`Switch to System mode`:`Switch to Light mode`)(),type:`button`,children:(()=>r(l===`light`?o:l===`dark`?s:a,{}))()}):r(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 dark:border-gray-700`,children:r(`div`,{className:`h-5 w-5 animate-pulse rounded bg-gray-300 dark:bg-gray-600`})})}export{c as ThemeToggle};
+'use client';
+
+
+import React, { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useTheme } from "next-themes";
+
+//#region src/ThemeToggle.tsx
+function SunIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		className: "h-5 w-5",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+		})
+	});
+}
+function MoonIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		className: "h-5 w-5",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+		})
+	});
+}
+function SystemIcon() {
+	return /* @__PURE__ */ jsx("svg", {
+		className: "h-5 w-5",
+		fill: "none",
+		stroke: "currentColor",
+		viewBox: "0 0 24 24",
+		xmlns: "http://www.w3.org/2000/svg",
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			strokeWidth: 2,
+			d: "M9.75 17L9 20l-1 1h8l-1-1-.75-3M3 13h18M5 17h14a2 2 0 002-2V5a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
+		})
+	});
+}
+function ThemeToggle() {
+	const [mounted, setMounted] = useState(false);
+	const { theme, setTheme } = useTheme();
+	useEffect(() => {
+		const timer = setTimeout(() => {
+			setMounted(true);
+		}, 0);
+		return () => {
+			clearTimeout(timer);
+		};
+	}, []);
+	if (!mounted) return /* @__PURE__ */ jsx("div", {
+		className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 dark:border-gray-700",
+		children: /* @__PURE__ */ jsx("div", { className: "h-5 w-5 animate-pulse rounded bg-gray-300 dark:bg-gray-600" })
+	});
+	const toggleTheme = () => {
+		if (theme === "light") setTheme("dark");
+		else if (theme === "dark") setTheme("system");
+		else setTheme("light");
+	};
+	const getIcon = () => {
+		if (theme === "light") return /* @__PURE__ */ jsx(MoonIcon, {});
+		if (theme === "dark") return /* @__PURE__ */ jsx(SystemIcon, {});
+		return /* @__PURE__ */ jsx(SunIcon, {});
+	};
+	const getTitle = () => {
+		if (theme === "light") return "Switch to Dark mode";
+		if (theme === "dark") return "Switch to System mode";
+		return "Switch to Light mode";
+	};
+	return /* @__PURE__ */ jsx("button", {
+		onClick: toggleTheme,
+		className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 bg-white text-gray-900 transition-colors hover:bg-gray-50 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-100 dark:hover:bg-gray-800",
+		title: getTitle(),
+		type: "button",
+		children: getIcon()
+	});
+}
+
+//#endregion
+export { ThemeToggle };

package/dist/_virtual/rolldown_runtime.cjs

@@ -1 +1,44 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__toESM=s;
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function() {
+	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function() {
+	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+//#endregion
+
+exports.__commonJS = __commonJS;
+exports.__esm = __esm;
+exports.__export = __export;
+exports.__toCommonJS = __toCommonJS;
+exports.__toESM = __toESM;

package/dist/_virtual/rolldown_runtime.js

@@ -0,0 +1,43 @@
+//#region rolldown:runtime
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __esm = (fn, res) => function() {
+	return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
+};
+var __commonJS = (cb, mod) => function() {
+	return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, { get: (a, b) => (typeof require !== "undefined" ? require : a)[b] }) : x)(function(x) {
+	if (typeof require !== "undefined") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + x + "\" in an environment that doesn't expose the `require` function.");
+});
+
+//#endregion
+export { __commonJS, __esm, __export, __require, __toCommonJS, __toESM };

package/dist/confirmation-dialog/ConfirmationDialog.cjs

@@ -1 +1,47 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`../shadcn/src/components/ui/dialog.cjs`);let n=require(`@pixpilot/shadcn`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`@ebay/nice-modal-react`);i=e.__toESM(i);const a=i.default.create(e=>{let{title:a=`Confirmation Dialog`}=e,o=(0,i.useModal)(),s=()=>{e.onConfirm?.(),o.resolve(!0),o.hide()},c=()=>{e.onCancel?.(),o.resolve(!1),o.hide()};return(0,r.jsx)(t.Dialog,{open:o.visible,onOpenChange:e=>{e||c()},children:(0,r.jsxs)(t.DialogContent,{children:[(0,r.jsxs)(t.DialogHeader,{children:[(0,r.jsx)(t.DialogTitle,{children:a}),e.description!=null&&(0,r.jsx)(t.DialogDescription,{children:e.description})]}),(0,r.jsxs)(t.DialogFooter,{children:[(0,r.jsx)(t.DialogClose,{asChild:!0,children:(0,r.jsx)(n.Button,{variant:`outline`,onClick:c,children:e.cancelText??`Cancel`})}),(0,r.jsx)(n.Button,{onClick:s,children:e.confirmText??`Confirm`})]})]})})});a.displayName=`ConfirmationDialog`;var o=a;exports.default=o;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_dialog = require('../packages/shadcn/src/components/ui/dialog.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __ebay_nice_modal_react = require("@ebay/nice-modal-react");
+__ebay_nice_modal_react = require_rolldown_runtime.__toESM(__ebay_nice_modal_react);
+
+//#region src/confirmation-dialog/ConfirmationDialog.tsx
+const ConfirmationDialog = __ebay_nice_modal_react.default.create((props) => {
+	const { title = "Confirmation Dialog" } = props;
+	const modal = (0, __ebay_nice_modal_react.useModal)();
+	const handleConfirm = () => {
+		props.onConfirm?.();
+		modal.resolve(true);
+		modal.hide();
+	};
+	const handleCancel = () => {
+		props.onCancel?.();
+		modal.resolve(false);
+		modal.hide();
+	};
+	const onOpenChange = (isOpen) => {
+		if (!isOpen) handleCancel();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
+		open: modal.visible,
+		onOpenChange,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dialog.DialogContent, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dialog.DialogHeader, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog.DialogTitle, { children: title }), props.description != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog.DialogDescription, { children: props.description })] }), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dialog.DialogFooter, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog.DialogClose, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+				variant: "outline",
+				onClick: handleCancel,
+				children: props.cancelText ?? "Cancel"
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Button, {
+			onClick: handleConfirm,
+			children: props.confirmText ?? "Confirm"
+		})] })] })
+	});
+});
+ConfirmationDialog.displayName = "ConfirmationDialog";
+var ConfirmationDialog_default = ConfirmationDialog;
+
+//#endregion
+exports.default = ConfirmationDialog_default;

package/dist/confirmation-dialog/ConfirmationDialog.d.cts

@@ -1,4 +1,5 @@
 import "react";
+import "@ebay/nice-modal-react";
 
 //#region src/confirmation-dialog/ConfirmationDialog.d.ts
 interface ConfirmationDialogProps {

package/dist/confirmation-dialog/ConfirmationDialog.js

@@ -1 +1,43 @@
-import{Dialog as e,DialogClose as t,DialogContent as n,DialogDescription as r,DialogFooter as i,DialogHeader as a,DialogTitle as o}from"../shadcn/src/components/ui/dialog.js";import{Button as s}from"@pixpilot/shadcn";import{jsx as c,jsxs as l}from"react/jsx-runtime";import u,{useModal as d}from"@ebay/nice-modal-react";const f=u.create(u=>{let{title:f=`Confirmation Dialog`}=u,p=d(),m=()=>{u.onConfirm?.(),p.resolve(!0),p.hide()},h=()=>{u.onCancel?.(),p.resolve(!1),p.hide()};return c(e,{open:p.visible,onOpenChange:e=>{e||h()},children:l(n,{children:[l(a,{children:[c(o,{children:f}),u.description!=null&&c(r,{children:u.description})]}),l(i,{children:[c(t,{asChild:!0,children:c(s,{variant:`outline`,onClick:h,children:u.cancelText??`Cancel`})}),c(s,{onClick:m,children:u.confirmText??`Confirm`})]})]})})});f.displayName=`ConfirmationDialog`;var p=f;export{p as default};
+import { Dialog as Dialog$1, DialogClose, DialogContent as DialogContent$1, DialogDescription, DialogFooter, DialogHeader as DialogHeader$1, DialogTitle as DialogTitle$1 } from "../packages/shadcn/src/components/ui/dialog.js";
+import { Button } from "@pixpilot/shadcn";
+import { jsx, jsxs } from "react/jsx-runtime";
+import NiceModal, { useModal } from "@ebay/nice-modal-react";
+
+//#region src/confirmation-dialog/ConfirmationDialog.tsx
+const ConfirmationDialog = NiceModal.create((props) => {
+	const { title = "Confirmation Dialog" } = props;
+	const modal = useModal();
+	const handleConfirm = () => {
+		props.onConfirm?.();
+		modal.resolve(true);
+		modal.hide();
+	};
+	const handleCancel = () => {
+		props.onCancel?.();
+		modal.resolve(false);
+		modal.hide();
+	};
+	const onOpenChange = (isOpen) => {
+		if (!isOpen) handleCancel();
+	};
+	return /* @__PURE__ */ jsx(Dialog$1, {
+		open: modal.visible,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent$1, { children: [/* @__PURE__ */ jsxs(DialogHeader$1, { children: [/* @__PURE__ */ jsx(DialogTitle$1, { children: title }), props.description != null && /* @__PURE__ */ jsx(DialogDescription, { children: props.description })] }), /* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(DialogClose, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: handleCancel,
+				children: props.cancelText ?? "Cancel"
+			})
+		}), /* @__PURE__ */ jsx(Button, {
+			onClick: handleConfirm,
+			children: props.confirmText ?? "Confirm"
+		})] })] })
+	});
+});
+ConfirmationDialog.displayName = "ConfirmationDialog";
+var ConfirmationDialog_default = ConfirmationDialog;
+
+//#endregion
+export { ConfirmationDialog_default as default };

package/dist/confirmation-dialog/DialogProvider.cjs

@@ -1 +1,16 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`);let t=require(`react`);t=e.__toESM(t);let n=require(`react/jsx-runtime`);n=e.__toESM(n);let r=require(`@ebay/nice-modal-react`);r=e.__toESM(r);const i=e=>(0,n.jsx)(r.default.Provider,{children:e.children});i.displayName=`DialogProvider`,exports.DialogProvider=i;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+let __ebay_nice_modal_react = require("@ebay/nice-modal-react");
+__ebay_nice_modal_react = require_rolldown_runtime.__toESM(__ebay_nice_modal_react);
+
+//#region src/confirmation-dialog/DialogProvider.tsx
+const DialogProvider = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__ebay_nice_modal_react.default.Provider, { children: props.children });
+};
+DialogProvider.displayName = "DialogProvider";
+
+//#endregion
+exports.DialogProvider = DialogProvider;

package/dist/confirmation-dialog/DialogProvider.js

@@ -1 +1,12 @@
-import e from"react";import{jsx as t}from"react/jsx-runtime";import n from"@ebay/nice-modal-react";const r=e=>t(n.Provider,{children:e.children});r.displayName=`DialogProvider`;export{r as DialogProvider};
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+import NiceModal from "@ebay/nice-modal-react";
+
+//#region src/confirmation-dialog/DialogProvider.tsx
+const DialogProvider = (props) => {
+	return /* @__PURE__ */ jsx(NiceModal.Provider, { children: props.children });
+};
+DialogProvider.displayName = "DialogProvider";
+
+//#endregion
+export { DialogProvider };

package/dist/confirmation-dialog/confirmation-dialogs.cjs

@@ -1 +1,14 @@
-const e=require(`../_virtual/rolldown_runtime.cjs`),t=require(`./ConfirmationDialog.cjs`);let n=require(`@ebay/nice-modal-react`);n=e.__toESM(n);async function r(e){let r=crypto.randomUUID();return n.default.register(r,t.default),n.default.show(r,e)}exports.showConfirmDialog=r;
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_ConfirmationDialog = require('./ConfirmationDialog.cjs');
+let __ebay_nice_modal_react = require("@ebay/nice-modal-react");
+__ebay_nice_modal_react = require_rolldown_runtime.__toESM(__ebay_nice_modal_react);
+
+//#region src/confirmation-dialog/confirmation-dialogs.tsx
+async function showConfirmDialog(props) {
+	const id = crypto.randomUUID();
+	__ebay_nice_modal_react.default.register(id, require_ConfirmationDialog.default);
+	return __ebay_nice_modal_react.default.show(id, props);
+}
+
+//#endregion
+exports.showConfirmDialog = showConfirmDialog;

package/dist/confirmation-dialog/confirmation-dialogs.js

@@ -1 +1,12 @@
-import e from"./ConfirmationDialog.js";import t from"@ebay/nice-modal-react";async function n(n){let r=crypto.randomUUID();return t.register(r,e),t.show(r,n)}export{n as showConfirmDialog};
+import ConfirmationDialog_default from "./ConfirmationDialog.js";
+import NiceModal from "@ebay/nice-modal-react";
+
+//#region src/confirmation-dialog/confirmation-dialogs.tsx
+async function showConfirmDialog(props) {
+	const id = crypto.randomUUID();
+	NiceModal.register(id, ConfirmationDialog_default);
+	return NiceModal.show(id, props);
+}
+
+//#endregion
+export { showConfirmDialog };

package/dist/confirmation-dialog/index.cjs

@@ -1 +1,7 @@
-"use client";require(`./ConfirmationDialog.cjs`);const e=require(`./confirmation-dialogs.cjs`),t=require(`./DialogProvider.cjs`);
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+require('./ConfirmationDialog.cjs');
+const require_confirmation_dialogs = require('./confirmation-dialogs.cjs');
+const require_DialogProvider = require('./DialogProvider.cjs');

package/dist/confirmation-dialog/index.js

@@ -1 +1,6 @@
-"use client";import"./ConfirmationDialog.js";import{showConfirmDialog as e}from"./confirmation-dialogs.js";import{DialogProvider as t}from"./DialogProvider.js";
+'use client';
+
+
+import "./ConfirmationDialog.js";
+import { showConfirmDialog } from "./confirmation-dialogs.js";
+import { DialogProvider } from "./DialogProvider.js";

package/dist/file-upload/FileUpload.cjs

@@ -0,0 +1,68 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_FileUploadItems = require('./FileUploadItems.cjs');
+const require_use_file_upload_store = require('./hooks/use-file-upload-store.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react = require("react");
+react = require_rolldown_runtime.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/file-upload/FileUpload.tsx
+function FileUpload(props) {
+	const { value, onChange, className, multiple = true, onAccept, maxFiles, preventDuplicates,...rest } = props;
+	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = require_use_file_upload_store.useFileUploadStore({
+		value,
+		onChange,
+		multiple,
+		preventDuplicates
+	});
+	const handleFileAccept = react.useCallback((files) => {
+		onAccept?.(files);
+		handleAccept(files);
+	}, [handleAccept, onAccept]);
+	const itemSize = "size-22";
+	const containerClasses = (0, __pixpilot_shadcn.cn)("p-1.5");
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUpload, {
+		...rest,
+		value: orgValue,
+		onAccept: handleFileAccept,
+		multiple,
+		className: (0, __pixpilot_shadcn.cn)("w-full", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.FileUploadDropzone, {
+			className: containerClasses,
+			children: displayFiles.length === 0 ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "flex flex-col items-center gap-1 text-center p-2",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: "flex items-center justify-center rounded-full border p-2.5",
+						children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Upload, { className: "size-6 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "font-medium text-sm",
+						children: "Drag & drop files here"
+					}),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+						className: "text-muted-foreground text-xs",
+						children: "Or click to browse (max 10 files, up to 5MB each)"
+					})
+				]
+			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FileUploadItems.FileUploadItems, {
+				displayFiles,
+				deleteFile,
+				getFile,
+				maxFiles,
+				itemSize,
+				className: containerClasses
+			})
+		})
+	});
+}
+
+//#endregion
+exports.FileUpload = FileUpload;

package/dist/file-upload/FileUpload.d.cts

@@ -0,0 +1,7 @@
+import { FileUploadProps } from "./types/index.cjs";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/file-upload/FileUpload.d.ts
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { FileUpload };

package/dist/file-upload/FileUpload.d.ts

@@ -0,0 +1,7 @@
+import { FileUploadProps } from "./types/index.js";
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/file-upload/FileUpload.d.ts
+declare function FileUpload(props: FileUploadProps): react_jsx_runtime6.JSX.Element;
+//#endregion
+export { FileUpload };

package/dist/file-upload/FileUpload.js

@@ -0,0 +1,63 @@
+'use client';
+
+
+import { FileUploadItems } from "./FileUploadItems.js";
+import { useFileUploadStore } from "./hooks/use-file-upload-store.js";
+import { FileUpload, FileUploadDropzone, cn } from "@pixpilot/shadcn";
+import { Upload } from "lucide-react";
+import * as React$1 from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/file-upload/FileUpload.tsx
+function FileUpload$1(props) {
+	const { value, onChange, className, multiple = true, onAccept, maxFiles, preventDuplicates,...rest } = props;
+	const { handleAccept, displayFiles, deleteFile, getFile, orgValue } = useFileUploadStore({
+		value,
+		onChange,
+		multiple,
+		preventDuplicates
+	});
+	const handleFileAccept = React$1.useCallback((files) => {
+		onAccept?.(files);
+		handleAccept(files);
+	}, [handleAccept, onAccept]);
+	const itemSize = "size-22";
+	const containerClasses = cn("p-1.5");
+	return /* @__PURE__ */ jsx(FileUpload, {
+		...rest,
+		value: orgValue,
+		onAccept: handleFileAccept,
+		multiple,
+		className: cn("w-full", className),
+		children: /* @__PURE__ */ jsx(FileUploadDropzone, {
+			className: containerClasses,
+			children: displayFiles.length === 0 ? /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-col items-center gap-1 text-center p-2",
+				children: [
+					/* @__PURE__ */ jsx("div", {
+						className: "flex items-center justify-center rounded-full border p-2.5",
+						children: /* @__PURE__ */ jsx(Upload, { className: "size-6 text-muted-foreground" })
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "font-medium text-sm",
+						children: "Drag & drop files here"
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-muted-foreground text-xs",
+						children: "Or click to browse (max 10 files, up to 5MB each)"
+					})
+				]
+			}) : /* @__PURE__ */ jsx(FileUploadItems, {
+				displayFiles,
+				deleteFile,
+				getFile,
+				maxFiles,
+				itemSize,
+				className: containerClasses
+			})
+		})
+	});
+}
+
+//#endregion
+export { FileUpload$1 as FileUpload };

package/dist/file-upload/FileUploadItems.cjs

@@ -0,0 +1,36 @@
+'use client';
+
+
+const require_rolldown_runtime = require('../_virtual/rolldown_runtime.cjs');
+const require_FileUploadListItem = require('./FileUploadListItem.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+let lucide_react = require("lucide-react");
+lucide_react = require_rolldown_runtime.__toESM(lucide_react);
+let react_jsx_runtime = require("react/jsx-runtime");
+react_jsx_runtime = require_rolldown_runtime.__toESM(react_jsx_runtime);
+
+//#region src/file-upload/FileUploadItems.tsx
+function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.FileUploadList, {
+		orientation: "horizontal",
+		forceMount: true,
+		className: (0, __pixpilot_shadcn.cn)("flex-wrap gap-4 w-full ", className),
+		children: [displayFiles.map((fileMeta) => {
+			const { name, lastModified } = fileMeta;
+			const key = `${name}-${lastModified}`;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_FileUploadListItem.FileUploadListItem, {
+				fileMeta,
+				deleteFile,
+				getFile,
+				itemSize
+			}, key);
+		}), maxFiles === void 0 || displayFiles.length < maxFiles ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+			className: (0, __pixpilot_shadcn.cn)(itemSize, "flex items-center justify-center  border-2 border-dashed rounded-md"),
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Plus, { className: "size-6 text-muted-foreground" })
+		}) : null]
+	});
+}
+
+//#endregion
+exports.FileUploadItems = FileUploadItems;

package/dist/file-upload/FileUploadItems.js

@@ -0,0 +1,32 @@
+'use client';
+
+
+import { FileUploadListItem } from "./FileUploadListItem.js";
+import { FileUploadList, cn } from "@pixpilot/shadcn";
+import { Plus } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/file-upload/FileUploadItems.tsx
+function FileUploadItems({ displayFiles, deleteFile, getFile, maxFiles, itemSize, className }) {
+	return /* @__PURE__ */ jsxs(FileUploadList, {
+		orientation: "horizontal",
+		forceMount: true,
+		className: cn("flex-wrap gap-4 w-full ", className),
+		children: [displayFiles.map((fileMeta) => {
+			const { name, lastModified } = fileMeta;
+			const key = `${name}-${lastModified}`;
+			return /* @__PURE__ */ jsx(FileUploadListItem, {
+				fileMeta,
+				deleteFile,
+				getFile,
+				itemSize
+			}, key);
+		}), maxFiles === void 0 || displayFiles.length < maxFiles ? /* @__PURE__ */ jsx("div", {
+			className: cn(itemSize, "flex items-center justify-center  border-2 border-dashed rounded-md"),
+			children: /* @__PURE__ */ jsx(Plus, { className: "size-6 text-muted-foreground" })
+		}) : null]
+	});
+}
+
+//#endregion
+export { FileUploadItems };