@hyunsdev/ui 0.1.0

package/dist/components/command.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { Command as Command$1 } from 'cmdk';
+import { Dialog } from './dialog.js';
+import '@radix-ui/react-dialog';
+
+declare function Command({ className, ...props }: React.ComponentProps<typeof Command$1>): React.JSX.Element;
+declare function CommandDialog({ title, description, children, className, showCloseButton, ...props }: React.ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+    className?: string;
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function CommandInput({ className, ...props }: React.ComponentProps<typeof Command$1.Input>): React.JSX.Element;
+declare function CommandList({ className, ...props }: React.ComponentProps<typeof Command$1.List>): React.JSX.Element;
+declare function CommandEmpty({ className, ...props }: React.ComponentProps<typeof Command$1.Empty>): React.JSX.Element;
+declare function CommandGroup({ className, ...props }: React.ComponentProps<typeof Command$1.Group>): React.JSX.Element;
+declare function CommandSeparator({ className, ...props }: React.ComponentProps<typeof Command$1.Separator>): React.JSX.Element;
+declare function CommandItem({ className, children, ...props }: React.ComponentProps<typeof Command$1.Item>): React.JSX.Element;
+declare function CommandShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut };

package/dist/components/command.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+} from "../chunk-Z7ITPSUF.js";
+import "../chunk-PLZMCJSL.js";
+import "../chunk-UVAI2U6X.js";
+import "../chunk-NE3IVPMO.js";
+import "../chunk-YUPLJP3F.js";
+import "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  Command,
+  CommandDialog,
+  CommandEmpty,
+  CommandGroup,
+  CommandInput,
+  CommandItem,
+  CommandList,
+  CommandSeparator,
+  CommandShortcut
+};
+//# sourceMappingURL=command.js.map

package/dist/components/command.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/date-picker.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+import { Locale } from 'date-fns/locale';
+import { Button } from './button.js';
+import { PopoverContent } from './popover.js';
+import { PropsBase, DateRange, PropsRange } from 'react-day-picker';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
+import '@radix-ui/react-popover';
+
+type CalendarBaseProps = Omit<PropsBase, "defaultMonth" | "locale" | "mode" | "required"> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+    defaultMonth?: Date | undefined;
+};
+type DatePickerCalendarProps = CalendarBaseProps;
+type DateRangePickerCalendarProps = CalendarBaseProps & Pick<PropsRange, "excludeDisabled" | "max" | "min" | "resetOnSelect">;
+type DatePickerTriggerProps = Omit<React.ComponentProps<typeof Button>, "children">;
+type DatePickerSharedProps = {
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: (open: boolean) => void;
+    locale?: Locale | undefined;
+    placeholder?: React.ReactNode | undefined;
+    triggerProps?: DatePickerTriggerProps | undefined;
+    popoverContentProps?: React.ComponentProps<typeof PopoverContent> | undefined;
+};
+type DatePickerProps = DatePickerSharedProps & {
+    value?: Date | undefined;
+    defaultValue?: Date | undefined;
+    onValueChange?: (date: Date | undefined) => void;
+    formatValue?: (date: Date, locale?: Locale) => React.ReactNode;
+    calendarProps?: DatePickerCalendarProps | undefined;
+};
+type DateRangePickerProps = DatePickerSharedProps & {
+    value?: DateRange | undefined;
+    defaultValue?: DateRange | undefined;
+    onValueChange?: (range: DateRange | undefined) => void;
+    formatValue?: (range: DateRange, locale?: Locale) => React.ReactNode;
+    calendarProps?: DateRangePickerCalendarProps | undefined;
+};
+declare function DatePicker(props: DatePickerProps): React.JSX.Element;
+declare function DateRangePicker(props: DateRangePickerProps): React.JSX.Element;
+
+export { DatePicker, type DatePickerProps, DateRangePicker, type DateRangePickerProps };

package/dist/components/date-picker.js

@@ -0,0 +1,235 @@
+"use client";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger
+} from "../chunk-ZC76ALSI.js";
+import {
+  Calendar
+} from "../chunk-SECZM6JE.js";
+import {
+  Button
+} from "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/date-picker.tsx
+import * as React from "react";
+import { format } from "date-fns";
+import { ko } from "date-fns/locale";
+import { CalendarIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function useControllableState({
+  controlled,
+  defaultValue,
+  onChange,
+  value
+}) {
+  const [internalValue, setInternalValue] = React.useState(defaultValue);
+  const currentValue = controlled ? value : internalValue;
+  const setValue = React.useCallback(
+    (nextValue) => {
+      if (!controlled) {
+        setInternalValue(nextValue);
+      }
+      onChange?.(nextValue);
+    },
+    [controlled, onChange]
+  );
+  return [currentValue, setValue];
+}
+function formatDateValue(date, locale) {
+  return format(date, "PPP", locale !== void 0 ? { locale } : void 0);
+}
+function formatDateRangeValue(range, locale) {
+  if (!range.from) {
+    return "";
+  }
+  if (!range.to) {
+    return format(range.from, "PPP", locale !== void 0 ? { locale } : void 0);
+  }
+  const formatOptions = locale !== void 0 ? { locale } : void 0;
+  return `${format(range.from, "PPP", formatOptions)} - ${format(range.to, "PPP", formatOptions)}`;
+}
+function omitDefaultMonth(value) {
+  const { defaultMonth, ...props } = value;
+  void defaultMonth;
+  return props;
+}
+function DatePicker(props) {
+  const {
+    calendarProps,
+    defaultOpen = false,
+    defaultValue,
+    formatValue = formatDateValue,
+    locale = ko,
+    onOpenChange,
+    onValueChange,
+    open,
+    placeholder = "\uB0A0\uC9DC \uC120\uD0DD",
+    popoverContentProps,
+    triggerProps,
+    value
+  } = props;
+  const [selectedDate, setSelectedDate] = useControllableState({
+    controlled: "value" in props,
+    defaultValue,
+    onChange: onValueChange,
+    value
+  });
+  const [isOpen, setIsOpen] = useControllableState({
+    controlled: open !== void 0,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange,
+    value: open ?? defaultOpen
+  });
+  const {
+    className: triggerClassName,
+    type = "button",
+    variant = "outline",
+    ...buttonProps
+  } = triggerProps ?? {};
+  const {
+    align = "start",
+    className: popoverContentClassName,
+    ...contentProps
+  } = popoverContentProps ?? {};
+  const defaultMonth = calendarProps?.defaultMonth;
+  const calendarPropsRest = calendarProps === void 0 ? {} : omitDefaultMonth(calendarProps);
+  const resolvedDefaultMonth = defaultMonth ?? selectedDate;
+  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type,
+        variant,
+        "data-empty": !selectedDate,
+        className: cn(
+          "data-[empty=true]:text-text-muted justify-start text-left font-normal",
+          triggerClassName
+        ),
+        ...buttonProps,
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, {}),
+          selectedDate ? formatValue(selectedDate, locale) : /* @__PURE__ */ jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align,
+        className: cn("w-auto overflow-hidden p-0", popoverContentClassName),
+        ...contentProps,
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "single",
+            locale,
+            ...selectedDate !== void 0 ? { selected: selectedDate } : {},
+            ...resolvedDefaultMonth !== void 0 ? { defaultMonth: resolvedDefaultMonth } : {},
+            onSelect: (nextDate) => {
+              setSelectedDate(nextDate);
+              setIsOpen(false);
+            },
+            ...calendarPropsRest
+          }
+        )
+      }
+    )
+  ] });
+}
+function DateRangePicker(props) {
+  const {
+    calendarProps,
+    defaultOpen = false,
+    defaultValue,
+    formatValue = formatDateRangeValue,
+    locale = ko,
+    onOpenChange,
+    onValueChange,
+    open,
+    placeholder = "\uB0A0\uC9DC \uC120\uD0DD",
+    popoverContentProps,
+    triggerProps,
+    value
+  } = props;
+  const [selectedRange, setSelectedRange] = useControllableState({
+    controlled: "value" in props,
+    defaultValue,
+    onChange: onValueChange,
+    value
+  });
+  const [isOpen, setIsOpen] = useControllableState({
+    controlled: open !== void 0,
+    defaultValue: defaultOpen,
+    onChange: onOpenChange,
+    value: open ?? defaultOpen
+  });
+  const {
+    className: triggerClassName,
+    type = "button",
+    variant = "outline",
+    ...buttonProps
+  } = triggerProps ?? {};
+  const {
+    align = "start",
+    className: popoverContentClassName,
+    ...contentProps
+  } = popoverContentProps ?? {};
+  const defaultMonth = calendarProps?.defaultMonth;
+  const calendarPropsRest = calendarProps === void 0 ? {} : omitDefaultMonth(calendarProps);
+  const resolvedDefaultMonth = defaultMonth ?? selectedRange?.from;
+  const hasSelectedRange = selectedRange?.from !== void 0;
+  const selectedRangeLabel = selectedRange?.from ? formatValue(selectedRange, locale) : null;
+  return /* @__PURE__ */ jsxs(Popover, { open: isOpen, onOpenChange: setIsOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        type,
+        variant,
+        "data-empty": !hasSelectedRange,
+        className: cn(
+          "data-[empty=true]:text-text-muted justify-start text-left font-normal",
+          triggerClassName
+        ),
+        ...buttonProps,
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, {}),
+          selectedRangeLabel ?? /* @__PURE__ */ jsx("span", { children: placeholder })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      PopoverContent,
+      {
+        align,
+        className: cn("w-auto overflow-hidden p-0", popoverContentClassName),
+        ...contentProps,
+        children: /* @__PURE__ */ jsx(
+          Calendar,
+          {
+            mode: "range",
+            locale,
+            ...selectedRange !== void 0 ? { selected: selectedRange } : {},
+            ...resolvedDefaultMonth !== void 0 ? { defaultMonth: resolvedDefaultMonth } : {},
+            onSelect: (nextRange) => {
+              setSelectedRange(nextRange);
+              if (nextRange?.from && nextRange.to) {
+                setIsOpen(false);
+              }
+            },
+            ...calendarPropsRest
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  DatePicker,
+  DateRangePicker
+};
+//# sourceMappingURL=date-picker.js.map

package/dist/components/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/date-picker.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { format } from \"date-fns\"\nimport { ko, type Locale as DateFnsLocale } from \"date-fns/locale\"\nimport { CalendarIcon } from \"lucide-react\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { Button } from \"./button\"\nimport { Calendar } from \"./calendar\"\nimport { Popover, PopoverContent, PopoverTrigger } from \"./popover\"\n\nimport type { DateRange, PropsBase, PropsRange } from \"react-day-picker\"\n\ntype CalendarBaseProps = Omit<PropsBase, \"defaultMonth\" | \"locale\" | \"mode\" | \"required\"> & {\n  buttonVariant?: React.ComponentProps<typeof Button>[\"variant\"]\n  defaultMonth?: Date | undefined\n}\n\ntype DatePickerCalendarProps = CalendarBaseProps\ntype DateRangePickerCalendarProps = CalendarBaseProps &\n  Pick<PropsRange, \"excludeDisabled\" | \"max\" | \"min\" | \"resetOnSelect\">\n\ntype DatePickerTriggerProps = Omit<React.ComponentProps<typeof Button>, \"children\">\n\ntype DatePickerSharedProps = {\n  open?: boolean | undefined\n  defaultOpen?: boolean | undefined\n  onOpenChange?: (open: boolean) => void\n  locale?: DateFnsLocale | undefined\n  placeholder?: React.ReactNode | undefined\n  triggerProps?: DatePickerTriggerProps | undefined\n  popoverContentProps?: React.ComponentProps<typeof PopoverContent> | undefined\n}\n\ntype DatePickerProps = DatePickerSharedProps & {\n  value?: Date | undefined\n  defaultValue?: Date | undefined\n  onValueChange?: (date: Date | undefined) => void\n  formatValue?: (date: Date, locale?: DateFnsLocale) => React.ReactNode\n  calendarProps?: DatePickerCalendarProps | undefined\n}\n\ntype DateRangePickerProps = DatePickerSharedProps & {\n  value?: DateRange | undefined\n  defaultValue?: DateRange | undefined\n  onValueChange?: (range: DateRange | undefined) => void\n  formatValue?: (range: DateRange, locale?: DateFnsLocale) => React.ReactNode\n  calendarProps?: DateRangePickerCalendarProps | undefined\n}\n\nfunction useControllableState<T>({\n  controlled,\n  defaultValue,\n  onChange,\n  value,\n}: {\n  controlled: boolean\n  defaultValue: T\n  onChange?: ((value: T) => void) | undefined\n  value: T\n}) {\n  const [internalValue, setInternalValue] = React.useState(defaultValue)\n  const currentValue = controlled ? value : internalValue\n\n  const setValue = React.useCallback(\n    (nextValue: T) => {\n      if (!controlled) {\n        setInternalValue(nextValue)\n      }\n\n      onChange?.(nextValue)\n    },\n    [controlled, onChange],\n  )\n\n  return [currentValue, setValue] as const\n}\n\nfunction formatDateValue(date: Date, locale?: DateFnsLocale) {\n  return format(date, \"PPP\", locale !== undefined ? { locale } : undefined)\n}\n\nfunction formatDateRangeValue(range: DateRange, locale?: DateFnsLocale) {\n  if (!range.from) {\n    return \"\"\n  }\n\n  if (!range.to) {\n    return format(range.from, \"PPP\", locale !== undefined ? { locale } : undefined)\n  }\n\n  const formatOptions = locale !== undefined ? { locale } : undefined\n\n  return `${format(range.from, \"PPP\", formatOptions)} - ${format(range.to, \"PPP\", formatOptions)}`\n}\n\nfunction omitDefaultMonth<T extends { defaultMonth?: Date | undefined }>(\n  value: T,\n): Omit<T, \"defaultMonth\"> {\n  const { defaultMonth, ...props } = value\n  void defaultMonth\n\n  return props\n}\n\nfunction DatePicker(props: DatePickerProps) {\n  const {\n    calendarProps,\n    defaultOpen = false,\n    defaultValue,\n    formatValue = formatDateValue,\n    locale = ko,\n    onOpenChange,\n    onValueChange,\n    open,\n    placeholder = \"날짜 선택\",\n    popoverContentProps,\n    triggerProps,\n    value,\n  } = props\n  const [selectedDate, setSelectedDate] = useControllableState<Date | undefined>({\n    controlled: \"value\" in props,\n    defaultValue,\n    onChange: onValueChange,\n    value,\n  })\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    controlled: open !== undefined,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n    value: open ?? defaultOpen,\n  })\n\n  const {\n    className: triggerClassName,\n    type = \"button\",\n    variant = \"outline\",\n    ...buttonProps\n  } = triggerProps ?? {}\n  const {\n    align = \"start\",\n    className: popoverContentClassName,\n    ...contentProps\n  } = popoverContentProps ?? {}\n  const defaultMonth = calendarProps?.defaultMonth\n  const calendarPropsRest = calendarProps === undefined ? {} : omitDefaultMonth(calendarProps)\n  const resolvedDefaultMonth = defaultMonth ?? selectedDate\n\n  return (\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type={type}\n          variant={variant}\n          data-empty={!selectedDate}\n          className={cn(\n            \"data-[empty=true]:text-text-muted justify-start text-left font-normal\",\n            triggerClassName,\n          )}\n          {...buttonProps}\n        >\n          <CalendarIcon />\n          {selectedDate ? formatValue(selectedDate, locale) : <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        className={cn(\"w-auto overflow-hidden p-0\", popoverContentClassName)}\n        {...contentProps}\n      >\n        <Calendar\n          mode=\"single\"\n          locale={locale}\n          {...(selectedDate !== undefined ? { selected: selectedDate } : {})}\n          {...(resolvedDefaultMonth !== undefined ? { defaultMonth: resolvedDefaultMonth } : {})}\n          onSelect={(nextDate) => {\n            setSelectedDate(nextDate)\n            setIsOpen(false)\n          }}\n          {...calendarPropsRest}\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nfunction DateRangePicker(props: DateRangePickerProps) {\n  const {\n    calendarProps,\n    defaultOpen = false,\n    defaultValue,\n    formatValue = formatDateRangeValue,\n    locale = ko,\n    onOpenChange,\n    onValueChange,\n    open,\n    placeholder = \"날짜 선택\",\n    popoverContentProps,\n    triggerProps,\n    value,\n  } = props\n  const [selectedRange, setSelectedRange] = useControllableState<DateRange | undefined>({\n    controlled: \"value\" in props,\n    defaultValue,\n    onChange: onValueChange,\n    value,\n  })\n  const [isOpen, setIsOpen] = useControllableState<boolean>({\n    controlled: open !== undefined,\n    defaultValue: defaultOpen,\n    onChange: onOpenChange,\n    value: open ?? defaultOpen,\n  })\n\n  const {\n    className: triggerClassName,\n    type = \"button\",\n    variant = \"outline\",\n    ...buttonProps\n  } = triggerProps ?? {}\n  const {\n    align = \"start\",\n    className: popoverContentClassName,\n    ...contentProps\n  } = popoverContentProps ?? {}\n  const defaultMonth = calendarProps?.defaultMonth\n  const calendarPropsRest = calendarProps === undefined ? {} : omitDefaultMonth(calendarProps)\n  const resolvedDefaultMonth = defaultMonth ?? selectedRange?.from\n  const hasSelectedRange = selectedRange?.from !== undefined\n  const selectedRangeLabel = selectedRange?.from ? formatValue(selectedRange, locale) : null\n\n  return (\n    <Popover open={isOpen} onOpenChange={setIsOpen}>\n      <PopoverTrigger asChild>\n        <Button\n          type={type}\n          variant={variant}\n          data-empty={!hasSelectedRange}\n          className={cn(\n            \"data-[empty=true]:text-text-muted justify-start text-left font-normal\",\n            triggerClassName,\n          )}\n          {...buttonProps}\n        >\n          <CalendarIcon />\n          {selectedRangeLabel ?? <span>{placeholder}</span>}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        align={align}\n        className={cn(\"w-auto overflow-hidden p-0\", popoverContentClassName)}\n        {...contentProps}\n      >\n        <Calendar\n          mode=\"range\"\n          locale={locale}\n          {...(selectedRange !== undefined ? { selected: selectedRange } : {})}\n          {...(resolvedDefaultMonth !== undefined ? { defaultMonth: resolvedDefaultMonth } : {})}\n          onSelect={(nextRange) => {\n            setSelectedRange(nextRange)\n\n            if (nextRange?.from && nextRange.to) {\n              setIsOpen(false)\n            }\n          }}\n          {...calendarPropsRest}\n        />\n      </PopoverContent>\n    </Popover>\n  )\n}\n\nexport { DatePicker, DateRangePicker, type DatePickerProps, type DateRangePickerProps }\n"],"mappings":"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","names":[]}

package/dist/components/dialog.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+
+type DialogCloseReason = "close-button" | "escape-key" | "outside-click" | "programmatic";
+type DialogRootProps = React.ComponentProps<typeof DialogPrimitive.Root> & {
+    onCloseRequest?: (reason: DialogCloseReason) => boolean | Promise<boolean>;
+};
+declare function Dialog({ defaultOpen, onCloseRequest, onOpenChange, open, ...props }: DialogRootProps): React.JSX.Element;
+declare function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>): React.JSX.Element;
+declare function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>): React.JSX.Element;
+declare function DialogPrimitiveClose({ asChild, onClick, type, ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogClose({ asChild, onClick, type, ...props }: React.ComponentProps<typeof DialogPrimitive.Close>): React.JSX.Element;
+declare function DialogOverlay({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Overlay>): React.JSX.Element;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement> & {
+    blockedInteractionCount?: number;
+    showCloseButton?: boolean;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DialogFooter({ className, showCloseButton, children, ...props }: React.ComponentProps<"div"> & {
+    showCloseButton?: boolean;
+}): React.JSX.Element;
+declare function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>): React.JSX.Element;
+declare function DialogDescription({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Description>): React.JSX.Element;
+
+export { Dialog, DialogClose, type DialogCloseReason, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogPrimitiveClose, DialogTitle, DialogTrigger };

package/dist/components/dialog.js

@@ -0,0 +1,31 @@
+"use client";
+import {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogPrimitiveClose,
+  DialogTitle,
+  DialogTrigger
+} from "../chunk-PLZMCJSL.js";
+import "../chunk-TU5CYBB4.js";
+import "../chunk-O2BG2KSY.js";
+import "../chunk-DN2AEEA2.js";
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogPrimitiveClose,
+  DialogTitle,
+  DialogTrigger
+};
+//# sourceMappingURL=dialog.js.map

package/dist/components/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/drawer.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Drawer as Drawer$1 } from 'vaul';
+
+declare function Drawer({ ...props }: React.ComponentProps<typeof Drawer$1.Root>): React.JSX.Element;
+declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof Drawer$1.Trigger>): React.JSX.Element;
+declare function DrawerPortal({ ...props }: React.ComponentProps<typeof Drawer$1.Portal>): React.JSX.Element;
+declare function DrawerClose({ ...props }: React.ComponentProps<typeof Drawer$1.Close>): React.JSX.Element;
+declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof Drawer$1.Overlay>): React.JSX.Element;
+declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof Drawer$1.Content>): React.JSX.Element;
+declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof Drawer$1.Title>): React.JSX.Element;
+declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof Drawer$1.Description>): React.JSX.Element;
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/drawer.js

@@ -0,0 +1,124 @@
+"use client";
+import {
+  overlayScrimClass
+} from "../chunk-O2BG2KSY.js";
+import {
+  cn
+} from "../chunk-DN2AEEA2.js";
+
+// src/components/drawer.tsx
+import "react";
+import { Drawer as DrawerPrimitive } from "vaul";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Drawer({ ...props }) {
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Root, { "data-slot": "drawer", ...props });
+}
+function DrawerTrigger({ ...props }) {
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Trigger, { "data-slot": "drawer-trigger", ...props });
+}
+function DrawerPortal({ ...props }) {
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Portal, { "data-slot": "drawer-portal", ...props });
+}
+function DrawerClose({ ...props }) {
+  return /* @__PURE__ */ jsx(DrawerPrimitive.Close, { "data-slot": "drawer-close", ...props });
+}
+function DrawerOverlay({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Overlay,
+    {
+      "data-slot": "drawer-overlay",
+      className: cn(
+        "data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 z-[var(--layer-dialog)]",
+        overlayScrimClass,
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerContent({
+  className,
+  children,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(DrawerPortal, { "data-slot": "drawer-portal", children: [
+    /* @__PURE__ */ jsx(DrawerOverlay, {}),
+    /* @__PURE__ */ jsxs(
+      DrawerPrimitive.Content,
+      {
+        "data-slot": "drawer-content",
+        className: cn(
+          "group/drawer-content border-dialog-border bg-dialog-background text-dialog-text shadow-dialog fixed z-[var(--layer-dialog)] flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-[var(--radius-dialog)] data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-[var(--radius-dialog)] data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-[var(--radius-dialog)] data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-[var(--radius-dialog)] data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm",
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("div", { className: "bg-background-secondary-alt mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block" }),
+          children
+        ]
+      }
+    )
+  ] });
+}
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-header",
+      className: cn(
+        "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "drawer-footer",
+      className: cn("mt-auto flex flex-col gap-2 p-4", className),
+      ...props
+    }
+  );
+}
+function DrawerTitle({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Title,
+    {
+      "data-slot": "drawer-title",
+      className: cn("font-heading text-dialog-text text-base font-medium", className),
+      ...props
+    }
+  );
+}
+function DrawerDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DrawerPrimitive.Description,
+    {
+      "data-slot": "drawer-description",
+      className: cn("text-text-muted text-sm", className),
+      ...props
+    }
+  );
+}
+export {
+  Drawer,
+  DrawerClose,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerOverlay,
+  DrawerPortal,
+  DrawerTitle,
+  DrawerTrigger
+};
+//# sourceMappingURL=drawer.js.map

package/dist/components/drawer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/drawer.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\n\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@hyunsdev/ui/lib/utils\"\n\nimport { overlayScrimClass } from \"./_styles\"\n\nfunction Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>) {\n  return <DrawerPrimitive.Root data-slot=\"drawer\" {...props} />\n}\n\nfunction DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>) {\n  return <DrawerPrimitive.Trigger data-slot=\"drawer-trigger\" {...props} />\n}\n\nfunction DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>) {\n  return <DrawerPrimitive.Portal data-slot=\"drawer-portal\" {...props} />\n}\n\nfunction DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>) {\n  return <DrawerPrimitive.Close data-slot=\"drawer-close\" {...props} />\n}\n\nfunction DrawerOverlay({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Overlay>) {\n  return (\n    <DrawerPrimitive.Overlay\n      data-slot=\"drawer-overlay\"\n      className={cn(\n        \"data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0 fixed inset-0 z-[var(--layer-dialog)]\",\n        overlayScrimClass,\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerContent({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Content>) {\n  return (\n    <DrawerPortal data-slot=\"drawer-portal\">\n      <DrawerOverlay />\n      <DrawerPrimitive.Content\n        data-slot=\"drawer-content\"\n        className={cn(\n          \"group/drawer-content border-dialog-border bg-dialog-background text-dialog-text shadow-dialog fixed z-[var(--layer-dialog)] flex h-auto flex-col text-sm data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-[var(--radius-dialog)] data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-r-[var(--radius-dialog)] data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-l-[var(--radius-dialog)] data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-[var(--radius-dialog)] data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm\",\n          className,\n        )}\n        {...props}\n      >\n        <div className=\"bg-background-secondary-alt mx-auto mt-4 hidden h-1 w-[100px] shrink-0 rounded-full group-data-[vaul-drawer-direction=bottom]/drawer-content:block\" />\n        {children}\n      </DrawerPrimitive.Content>\n    </DrawerPortal>\n  )\n}\n\nfunction DrawerHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-header\"\n      className={cn(\n        \"flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-left\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"drawer-footer\"\n      className={cn(\"mt-auto flex flex-col gap-2 p-4\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>) {\n  return (\n    <DrawerPrimitive.Title\n      data-slot=\"drawer-title\"\n      className={cn(\"font-heading text-dialog-text text-base font-medium\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction DrawerDescription({\n  className,\n  ...props\n}: React.ComponentProps<typeof DrawerPrimitive.Description>) {\n  return (\n    <DrawerPrimitive.Description\n      data-slot=\"drawer-description\"\n      className={cn(\"text-text-muted text-sm\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Drawer,\n  DrawerPortal,\n  DrawerOverlay,\n  DrawerTrigger,\n  DrawerClose,\n  DrawerContent,\n  DrawerHeader,\n  DrawerFooter,\n  DrawerTitle,\n  DrawerDescription,\n}\n"],"mappings":";;;;;;;;;AAEA,OAAuB;AAEvB,SAAS,UAAU,uBAAuB;AAOjC,cAwCH,YAxCG;AADT,SAAS,OAAO,EAAE,GAAG,MAAM,GAAsD;AAC/E,SAAO,oBAAC,gBAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAG,OAAO;AAC7D;AAEA,SAAS,cAAc,EAAE,GAAG,MAAM,GAAyD;AACzF,SAAO,oBAAC,gBAAgB,SAAhB,EAAwB,aAAU,kBAAkB,GAAG,OAAO;AACxE;AAEA,SAAS,aAAa,EAAE,GAAG,MAAM,GAAwD;AACvF,SAAO,oBAAC,gBAAgB,QAAhB,EAAuB,aAAU,iBAAiB,GAAG,OAAO;AACtE;AAEA,SAAS,YAAY,EAAE,GAAG,MAAM,GAAuD;AACrF,SAAO,oBAAC,gBAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAG,OAAO;AACpE;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,cAAc;AAAA,EACrB;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAyD;AACvD,SACE,qBAAC,gBAAa,aAAU,iBACtB;AAAA,wBAAC,iBAAc;AAAA,IACf;AAAA,MAAC,gBAAgB;AAAA,MAAhB;AAAA,QACC,aAAU;AAAA,QACV,WAAW;AAAA,UACT;AAAA,UACA;AAAA,QACF;AAAA,QACC,GAAG;AAAA,QAEJ;AAAA,8BAAC,SAAI,WAAU,sJAAqJ;AAAA,UACnK;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW;AAAA,QACT;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,aAAa,EAAE,WAAW,GAAG,MAAM,GAAgC;AAC1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,mCAAmC,SAAS;AAAA,MACzD,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,YAAY,EAAE,WAAW,GAAG,MAAM,GAAuD;AAChG,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,uDAAuD,SAAS;AAAA,MAC7E,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,SAAS,kBAAkB;AAAA,EACzB;AAAA,EACA,GAAG;AACL,GAA6D;AAC3D,SACE;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAW,GAAG,2BAA2B,SAAS;AAAA,MACjD,GAAG;AAAA;AAAA,EACN;AAEJ;","names":[]}

package/dist/components/dropdown-menu.d.ts

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): React.JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): React.JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): React.JSX.Element;
+type DropdownMenuContentProps = React.ComponentProps<typeof DropdownMenuPrimitive.Content> & {
+    portalContainer?: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>["container"];
+};
+declare function DropdownMenuContent({ className, align, sideOffset, portalContainer, ...props }: DropdownMenuContentProps): React.JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): React.JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: "default" | "destructive";
+}): React.JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): React.JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): React.JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): React.JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): React.JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): React.JSX.Element;
+
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger };