@pixpilot/shadcn-ui 0.1.0 → 0.4.1

package/dist/CommandOptionList.js

@@ -1 +1,25 @@
-"use client";import{CommandEmpty as e,CommandGroup as t,CommandItem as n,CommandList as r,cn as i}from"@pixpilot/shadcn";import{jsx as a,jsxs as o}from"react/jsx-runtime";import{Check as s}from"lucide-react";const c=c=>{let{options:l,value:u,onChange:d,emptyText:f=`No option found.`}=c;return o(r,{children:[a(e,{children:f}),a(t,{children:l.map(e=>a(n,{value:e.value,onSelect:e=>{d?.(e===u?``:e)},children:o(`div`,{className:`w-full flex items-center justify-between`,children:[e.label,a(s,{className:i(`mr-2 h-4 w-4`,u===e.value?`opacity-100`:`opacity-0`)})]})},e.value))})]})};c.displayName=`CommandOptionList`;export{c as CommandOptionList};
+'use client';
+
+
+import { CommandEmpty, CommandGroup, CommandItem, CommandList, cn } from "@pixpilot/shadcn";
+import { Check } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/CommandOptionList.tsx
+const CommandOptionList = (props) => {
+	const { options, value, onChange, emptyText = "No option found." } = props;
+	return /* @__PURE__ */ jsxs(CommandList, { children: [/* @__PURE__ */ jsx(CommandEmpty, { children: emptyText }), /* @__PURE__ */ jsx(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsx(CommandItem, {
+		value: option.value,
+		onSelect: (currentValue) => {
+			onChange?.(currentValue === value ? "" : currentValue);
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "w-full flex items-center justify-between",
+			children: [option.label, /* @__PURE__ */ jsx(Check, { className: cn("mr-2 h-4 w-4", value === option.value ? "opacity-100" : "opacity-0") })]
+		})
+	}, option.value)) })] });
+};
+CommandOptionList.displayName = "CommandOptionList";
+
+//#endregion
+export { CommandOptionList };

package/dist/ContentCard.cjs

@@ -1 +1,27 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);function i(e){let{title:n,children:i,className:a,marginBottom:o,...s}=e;return(0,r.jsx)(t.Card,{className:(0,t.cn)(`py-4 sm:py-5`,{"mb-2 sm:mb-4":o},a),...s,children:(0,r.jsxs)(t.CardContent,{className:(0,t.cn)(`px-4 sm:px-6`),children:[n!=null&&(0,r.jsx)(`h2`,{className:(0,t.cn)(`text-xl font-semibold`,`mb-1 sm:mb-2`),children:n}),i]})})}i.displayName=`ContentBox`,exports.ContentCard=i;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+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/ContentCard.tsx
+function ContentCard(props) {
+	const { title, children, className, marginBottom,...other } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Card, {
+		className: (0, __pixpilot_shadcn.cn)("py-4 sm:py-5", { "mb-2 sm:mb-4": marginBottom }, className),
+		...other,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.CardContent, {
+			className: (0, __pixpilot_shadcn.cn)("px-4 sm:px-6"),
+			children: [title != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("h2", {
+				className: (0, __pixpilot_shadcn.cn)("text-xl font-semibold", "mb-1 sm:mb-2"),
+				children: title
+			}), children]
+		})
+	});
+}
+ContentCard.displayName = "ContentBox";
+
+//#endregion
+exports.ContentCard = ContentCard;

package/dist/ContentCard.js

@@ -1 +1,23 @@
-import{Card as e,CardContent as t,cn as n}from"@pixpilot/shadcn";import r from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";function o(r){let{title:o,children:s,className:c,marginBottom:l,...u}=r;return i(e,{className:n(`py-4 sm:py-5`,{"mb-2 sm:mb-4":l},c),...u,children:a(t,{className:n(`px-4 sm:px-6`),children:[o!=null&&i(`h2`,{className:n(`text-xl font-semibold`,`mb-1 sm:mb-2`),children:o}),s]})})}o.displayName=`ContentBox`;export{o as ContentCard};
+import { Card, CardContent, cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/ContentCard.tsx
+function ContentCard(props) {
+	const { title, children, className, marginBottom,...other } = props;
+	return /* @__PURE__ */ jsx(Card, {
+		className: cn("py-4 sm:py-5", { "mb-2 sm:mb-4": marginBottom }, className),
+		...other,
+		children: /* @__PURE__ */ jsxs(CardContent, {
+			className: cn("px-4 sm:px-6"),
+			children: [title != null && /* @__PURE__ */ jsx("h2", {
+				className: cn("text-xl font-semibold", "mb-1 sm:mb-2"),
+				children: title
+			}), children]
+		})
+	});
+}
+ContentCard.displayName = "ContentBox";
+
+//#endregion
+export { ContentCard };

package/dist/DatePicker.cjs

@@ -1 +1,38 @@
-"use client";const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`lucide-react`);i=e.__toESM(i);function a(e){let{value:n,onChange:a,placeholder:o=`Pick a date`,...s}=e;return(0,r.jsxs)(t.Popover,{children:[(0,r.jsx)(t.PopoverTrigger,{asChild:!0,children:(0,r.jsxs)(t.Button,{variant:`outline`,className:(0,t.cn)(`w-full justify-start text-left font-normal`,!n&&`text-muted-foreground`),children:[(0,r.jsx)(i.CalendarIcon,{className:`mr-2 h-4 w-4`}),n?n.toLocaleDateString():(0,r.jsx)(`span`,{children:o})]})}),(0,r.jsx)(t.PopoverContent,{className:`w-auto p-0`,children:(0,r.jsx)(t.Calendar,{mode:`single`,selected:n,onSelect:a,initialFocus:!0,...s})})]})}a.displayName=`DatePicker`,exports.DatePicker=a;
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.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/DatePicker.tsx
+function DatePicker(props) {
+	const { value, onChange, placeholder = "Pick a date",...calendarProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Popover, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Button, {
+			variant: "outline",
+			className: (0, __pixpilot_shadcn.cn)("w-full justify-start text-left font-normal", !value && "text-muted-foreground"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.CalendarIcon, { className: "mr-2 h-4 w-4" }), value ? value.toLocaleDateString() : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: placeholder })]
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.PopoverContent, {
+		className: "w-auto p-0",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Calendar, {
+			mode: "single",
+			selected: value,
+			onSelect: onChange,
+			initialFocus: true,
+			...calendarProps
+		})
+	})] });
+}
+DatePicker.displayName = "DatePicker";
+
+//#endregion
+exports.DatePicker = DatePicker;

package/dist/DatePicker.d.ts

@@ -1,6 +1,6 @@
 import { Calendar } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/DatePicker.d.ts
 type BaseDatePickerProps = {
@@ -8,7 +8,7 @@ type BaseDatePickerProps = {
   onChange?: (date: Date | undefined) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Calendar>, 'selected' | 'onSelect' | 'mode'>;
-declare function DatePicker(props: BaseDatePickerProps): react_jsx_runtime2.JSX.Element;
+declare function DatePicker(props: BaseDatePickerProps): react_jsx_runtime0.JSX.Element;
 declare namespace DatePicker {
   var displayName: string;
 }

package/dist/DatePicker.js

@@ -1 +1,33 @@
-"use client";import{Button as e,Calendar as t,Popover as n,PopoverContent as r,PopoverTrigger as i,cn as a}from"@pixpilot/shadcn";import o from"react";import{jsx as s,jsxs as c}from"react/jsx-runtime";import{CalendarIcon as l}from"lucide-react";function u(o){let{value:u,onChange:d,placeholder:f=`Pick a date`,...p}=o;return c(n,{children:[s(i,{asChild:!0,children:c(e,{variant:`outline`,className:a(`w-full justify-start text-left font-normal`,!u&&`text-muted-foreground`),children:[s(l,{className:`mr-2 h-4 w-4`}),u?u.toLocaleDateString():s(`span`,{children:f})]})}),s(r,{className:`w-auto p-0`,children:s(t,{mode:`single`,selected:u,onSelect:d,initialFocus:!0,...p})})]})}u.displayName=`DatePicker`;export{u as DatePicker};
+'use client';
+
+
+import { Button, Calendar, Popover, PopoverContent, PopoverTrigger, cn } from "@pixpilot/shadcn";
+import { CalendarIcon } from "lucide-react";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/DatePicker.tsx
+function DatePicker(props) {
+	const { value, onChange, placeholder = "Pick a date",...calendarProps } = props;
+	return /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ jsxs(Button, {
+			variant: "outline",
+			className: cn("w-full justify-start text-left font-normal", !value && "text-muted-foreground"),
+			children: [/* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 h-4 w-4" }), value ? value.toLocaleDateString() : /* @__PURE__ */ jsx("span", { children: placeholder })]
+		})
+	}), /* @__PURE__ */ jsx(PopoverContent, {
+		className: "w-auto p-0",
+		children: /* @__PURE__ */ jsx(Calendar, {
+			mode: "single",
+			selected: value,
+			onSelect: onChange,
+			initialFocus: true,
+			...calendarProps
+		})
+	})] });
+}
+DatePicker.displayName = "DatePicker";
+
+//#endregion
+export { DatePicker };

package/dist/LoadingOverlay.cjs

@@ -1 +1,65 @@
-"use client";const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);let i=require(`lucide-react`);i=e.__toESM(i);const a=0,o=300,s=e=>{let{backdrop:a=!0,placement:o=`center`,loading:s,delay:c=0,message:l}=e,[u,d]=(0,n.useState)(!1),[f,p]=(0,n.useState)(!1);(0,n.useEffect)(()=>{let e;return s?e=setTimeout(()=>{d(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{p(!0)})})},c):(p(!1),e=setTimeout(()=>{d(!1)},u?300:0)),()=>{clearTimeout(e)}},[s,c,u]);let m={top:`items-start pt-[50px]`,center:`items-center`,bottom:`items-end pb-[50px]`}[o];return u?(0,r.jsx)(`div`,{className:(0,t.cn)(`fixed inset-0 z-[9999] flex justify-center transition-opacity`,m,a?`bg-black/50`:`pointer-events-none`,f?`opacity-100`:`opacity-0`),style:{transitionDuration:`300ms`},children:(0,r.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,r.jsx)(i.Loader2,{className:`text-foreground h-10 w-10 animate-spin`}),l!=null&&(0,r.jsx)(`div`,{className:`mt-2 text-foreground`,children:l})]})}):null};exports.LoadingOverlay=s;
+'use client';
+
+
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.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/LoadingOverlay.tsx
+const DEFAULT_DELAY = 0;
+const FADE_DURATION = 300;
+const LoadingOverlay = (props) => {
+	const { backdrop = true, placement = "center", loading, delay = DEFAULT_DELAY, message } = props;
+	const [mounted, setMounted] = (0, react.useState)(false);
+	const [visible, setVisible] = (0, react.useState)(false);
+	(0, react.useEffect)(() => {
+		let timeoutId;
+		if (loading) timeoutId = setTimeout(() => {
+			setMounted(true);
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					setVisible(true);
+				});
+			});
+		}, delay);
+		else {
+			setVisible(false);
+			timeoutId = setTimeout(() => {
+				setMounted(false);
+			}, mounted ? FADE_DURATION : 0);
+		}
+		return () => {
+			clearTimeout(timeoutId);
+		};
+	}, [
+		loading,
+		delay,
+		mounted
+	]);
+	const positionClass = {
+		top: "items-start pt-[50px]",
+		center: "items-center",
+		bottom: "items-end pb-[50px]"
+	}[placement];
+	if (!mounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, __pixpilot_shadcn.cn)("fixed inset-0 z-[9999] flex justify-center transition-opacity", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0"),
+		style: { transitionDuration: `${FADE_DURATION}ms` },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Loader2, { className: "text-foreground h-10 w-10 animate-spin" }), message != null && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "mt-2 text-foreground",
+				children: message
+			})]
+		})
+	});
+};
+
+//#endregion
+exports.LoadingOverlay = LoadingOverlay;

package/dist/LoadingOverlay.js

@@ -1 +1,60 @@
-"use client";import{cn as e}from"@pixpilot/shadcn";import t,{useEffect as n,useState as r}from"react";import{jsx as i,jsxs as a}from"react/jsx-runtime";import{Loader2 as o}from"lucide-react";const s=t=>{let{backdrop:s=!0,placement:c=`center`,loading:l,delay:u=0,message:d}=t,[f,p]=r(!1),[m,h]=r(!1);n(()=>{let e;return l?e=setTimeout(()=>{p(!0),requestAnimationFrame(()=>{requestAnimationFrame(()=>{h(!0)})})},u):(h(!1),e=setTimeout(()=>{p(!1)},f?300:0)),()=>{clearTimeout(e)}},[l,u,f]);let g={top:`items-start pt-[50px]`,center:`items-center`,bottom:`items-end pb-[50px]`}[c];return f?i(`div`,{className:e(`fixed inset-0 z-[9999] flex justify-center transition-opacity`,g,s?`bg-black/50`:`pointer-events-none`,m?`opacity-100`:`opacity-0`),style:{transitionDuration:`300ms`},children:a(`div`,{className:`flex flex-col items-center`,children:[i(o,{className:`text-foreground h-10 w-10 animate-spin`}),d!=null&&i(`div`,{className:`mt-2 text-foreground`,children:d})]})}):null};export{s as LoadingOverlay};
+'use client';
+
+
+import { cn } from "@pixpilot/shadcn";
+import { Loader2 } from "lucide-react";
+import React, { useEffect, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/LoadingOverlay.tsx
+const DEFAULT_DELAY = 0;
+const FADE_DURATION = 300;
+const LoadingOverlay = (props) => {
+	const { backdrop = true, placement = "center", loading, delay = DEFAULT_DELAY, message } = props;
+	const [mounted, setMounted] = useState(false);
+	const [visible, setVisible] = useState(false);
+	useEffect(() => {
+		let timeoutId;
+		if (loading) timeoutId = setTimeout(() => {
+			setMounted(true);
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					setVisible(true);
+				});
+			});
+		}, delay);
+		else {
+			setVisible(false);
+			timeoutId = setTimeout(() => {
+				setMounted(false);
+			}, mounted ? FADE_DURATION : 0);
+		}
+		return () => {
+			clearTimeout(timeoutId);
+		};
+	}, [
+		loading,
+		delay,
+		mounted
+	]);
+	const positionClass = {
+		top: "items-start pt-[50px]",
+		center: "items-center",
+		bottom: "items-end pb-[50px]"
+	}[placement];
+	if (!mounted) return null;
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("fixed inset-0 z-[9999] flex justify-center transition-opacity", positionClass, backdrop ? "bg-black/50" : "pointer-events-none", visible ? "opacity-100" : "opacity-0"),
+		style: { transitionDuration: `${FADE_DURATION}ms` },
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "flex flex-col items-center",
+			children: [/* @__PURE__ */ jsx(Loader2, { className: "text-foreground h-10 w-10 animate-spin" }), message != null && /* @__PURE__ */ jsx("div", {
+				className: "mt-2 text-foreground",
+				children: message
+			})]
+		})
+	});
+};
+
+//#endregion
+export { LoadingOverlay };

package/dist/Select.cjs

@@ -1 +1,27 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);function i(e){let{options:n,value:i=``,onChange:a,placeholder:o,...s}=e;return(0,r.jsxs)(t.Select,{value:i,onValueChange:a,...s,children:[(0,r.jsx)(t.SelectTrigger,{className:`w-full`,children:(0,r.jsx)(t.SelectValue,{placeholder:o})}),(0,r.jsx)(t.SelectContent,{children:n?.map(e=>(0,r.jsx)(t.SelectItem,{value:String(e.value),children:e.label},e.value))})]})}exports.Select=i;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+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/Select.tsx
+function Select(props) {
+	const { options, value = "", onChange, placeholder,...restProps } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(__pixpilot_shadcn.Select, {
+		value,
+		onValueChange: onChange,
+		...restProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectTrigger, {
+			className: "w-full",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectValue, { placeholder })
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectContent, { children: options?.map((option) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.SelectItem, {
+			value: String(option.value),
+			children: option.label
+		}, option.value)) })]
+	});
+}
+
+//#endregion
+exports.Select = Select;

package/dist/Select.d.cts

@@ -1,5 +1,5 @@
 import { Select } from "@pixpilot/shadcn";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 import { ComponentProps } from "react";
 
 //#region src/Select.d.ts
@@ -13,6 +13,6 @@ type BaseSelectProps = {
   onChange?: (value: string) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime4.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectOption };

package/dist/Select.d.ts

@@ -1,6 +1,6 @@
 import { Select } from "@pixpilot/shadcn";
 import { ComponentProps } from "react";
-import * as react_jsx_runtime4 from "react/jsx-runtime";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
 
 //#region src/Select.d.ts
 interface SelectOption {
@@ -13,6 +13,6 @@ type BaseSelectProps = {
   onChange?: (value: string) => void;
   placeholder?: string;
 } & Omit<ComponentProps<typeof Select>, 'value' | 'onValueChange' | 'children'>;
-declare function Select$1(props: BaseSelectProps): react_jsx_runtime4.JSX.Element;
+declare function Select$1(props: BaseSelectProps): react_jsx_runtime3.JSX.Element;
 //#endregion
 export { Select$1 as Select, SelectOption };

package/dist/Select.js

@@ -1 +1,23 @@
-import{Select as e,SelectContent as t,SelectItem as n,SelectTrigger as r,SelectValue as i}from"@pixpilot/shadcn";import a from"react";import{jsx as o,jsxs as s}from"react/jsx-runtime";function c(a){let{options:c,value:l=``,onChange:u,placeholder:d,...f}=a;return s(e,{value:l,onValueChange:u,...f,children:[o(r,{className:`w-full`,children:o(i,{placeholder:d})}),o(t,{children:c?.map(e=>o(n,{value:String(e.value),children:e.label},e.value))})]})}export{c as Select};
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/Select.tsx
+function Select$1(props) {
+	const { options, value = "", onChange, placeholder,...restProps } = props;
+	return /* @__PURE__ */ jsxs(Select, {
+		value,
+		onValueChange: onChange,
+		...restProps,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "w-full",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+			value: String(option.value),
+			children: option.label
+		}, option.value)) })]
+	});
+}
+
+//#endregion
+export { Select$1 as Select };

package/dist/Slider.cjs

@@ -1 +1,19 @@
-const e=require(`./_virtual/rolldown_runtime.cjs`);let t=require(`@pixpilot/shadcn`);t=e.__toESM(t);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);r=e.__toESM(r);const i=e=>(0,r.jsx)(t.Slider,{...e,className:(0,t.cn)(`py-2`,e.className)});i.displayName=`Slider`,exports.Slider=i;
+const require_rolldown_runtime = require('./_virtual/rolldown_runtime.cjs');
+let __pixpilot_shadcn = require("@pixpilot/shadcn");
+__pixpilot_shadcn = require_rolldown_runtime.__toESM(__pixpilot_shadcn);
+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/Slider.tsx
+const Slider = (props) => {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__pixpilot_shadcn.Slider, {
+		...props,
+		className: (0, __pixpilot_shadcn.cn)("py-2", props.className)
+	});
+};
+Slider.displayName = "Slider";
+
+//#endregion
+exports.Slider = Slider;

package/dist/Slider.js

@@ -1 +1,15 @@
-import{Slider as e,cn as t}from"@pixpilot/shadcn";import n from"react";import{jsx as r}from"react/jsx-runtime";const i=n=>r(e,{...n,className:t(`py-2`,n.className)});i.displayName=`Slider`;export{i as Slider};
+import { Slider, cn } from "@pixpilot/shadcn";
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/Slider.tsx
+const Slider$1 = (props) => {
+	return /* @__PURE__ */ jsx(Slider, {
+		...props,
+		className: cn("py-2", props.className)
+	});
+};
+Slider$1.displayName = "Slider";
+
+//#endregion
+export { Slider$1 as Slider };

package/dist/ThemeToggle.cjs

@@ -1 +1,98 @@
-"use client";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(`next-themes`);r=e.__toESM(r);function i(){return(0,n.jsx)(`svg`,{className:`h-5 w-5`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.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 a(){return(0,n.jsx)(`svg`,{className:`h-5 w-5`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.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 o(){return(0,n.jsx)(`svg`,{className:`h-5 w-5`,fill:`none`,stroke:`currentColor`,viewBox:`0 0 24 24`,xmlns:`http://www.w3.org/2000/svg`,children:(0,n.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 s(){let[e,s]=(0,t.useState)(!1),{theme:c,setTheme:l}=(0,r.useTheme)();return(0,t.useEffect)(()=>{let e=setTimeout(()=>{s(!0)},0);return()=>{clearTimeout(e)}},[]),e?(0,n.jsx)(`button`,{onClick:()=>{l(c===`light`?`dark`:c===`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:(()=>c===`light`?`Switch to Dark mode`:c===`dark`?`Switch to System mode`:`Switch to Light mode`)(),type:`button`,children:(()=>c===`light`?(0,n.jsx)(a,{}):c===`dark`?(0,n.jsx)(o,{}):(0,n.jsx)(i,{}))()}):(0,n.jsx)(`div`,{className:`flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 dark:border-gray-700`,children:(0,n.jsx)(`div`,{className:`h-5 w-5 animate-pulse rounded bg-gray-300 dark:bg-gray-600`})})}exports.ThemeToggle=s;
+'use client';
+
+
+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 next_themes = require("next-themes");
+next_themes = require_rolldown_runtime.__toESM(next_themes);
+
+//#region src/ThemeToggle.tsx
+function SunIcon() {
+	return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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] = (0, react.useState)(false);
+	const { theme, setTheme } = (0, next_themes.useTheme)();
+	(0, react.useEffect)(() => {
+		const timer = setTimeout(() => {
+			setMounted(true);
+		}, 0);
+		return () => {
+			clearTimeout(timer);
+		};
+	}, []);
+	if (!mounted) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex h-9 w-9 items-center justify-center rounded-md border border-gray-200 dark:border-gray-700",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.jsx)(MoonIcon, {});
+		if (theme === "dark") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(SystemIcon, {});
+		return /* @__PURE__ */ (0, react_jsx_runtime.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__ */ (0, react_jsx_runtime.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
+exports.ThemeToggle = ThemeToggle;

package/dist/ThemeToggle.d.cts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/ThemeToggle.d.ts
-declare function ThemeToggle(): react_jsx_runtime6.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ThemeToggle };

package/dist/ThemeToggle.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime6 from "react/jsx-runtime";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
 
 //#region src/ThemeToggle.d.ts
-declare function ThemeToggle(): react_jsx_runtime6.JSX.Element;
+declare function ThemeToggle(): react_jsx_runtime5.JSX.Element;
 //#endregion
 export { ThemeToggle };