@godxjp/ui 8.0.0 → 8.1.0

package/dist/chunk-KKMQLQ7F.js

@@ -0,0 +1,137 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from './chunk-G2WYOCDL.js';
+import { Inline } from './chunk-TILFZBTE.js';
+import { Input } from './chunk-VOHTRR5X.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React2 from 'react';
+import { EyeOff, Eye, Minus } from 'lucide-react';
+import { OTPInput, OTPInputContext } from 'input-otp';
+
+function CountryOptionLabel({
+  country,
+  showCode = false,
+  className
+}) {
+  const code = country.value ?? country.code ?? "";
+  const text = country.nativeName != null && country.nativeName !== "" ? `${country.name} (${country.nativeName})` : country.name;
+  return /* @__PURE__ */ jsxs(Inline, { gap: "xs", className: cn("items-center", className), children: [
+    country.flagSvgPath != null && country.flagSvgPath !== "" && /* @__PURE__ */ jsx(
+      "img",
+      {
+        src: country.flagSvgPath,
+        alt: "",
+        className: "h-3 w-5 shrink-0 rounded-sm object-cover",
+        "aria-hidden": "true"
+      }
+    ),
+    /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
+      text,
+      showCode && code !== "" && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
+        " \xB7 ",
+        code
+      ] })
+    ] })
+  ] });
+}
+function CountrySelect({
+  id,
+  name,
+  options,
+  defaultValue,
+  required = false,
+  allowEmpty = false,
+  emptyLabel = "\u2014",
+  placeholder,
+  invalid = false
+}) {
+  const emptyValue = "0";
+  const resolvedDefault = defaultValue && defaultValue !== "" ? defaultValue : emptyValue;
+  return /* @__PURE__ */ jsxs(
+    Select,
+    {
+      name,
+      defaultValue: allowEmpty ? resolvedDefault : defaultValue ?? options[0]?.value,
+      children: [
+        /* @__PURE__ */ jsx(SelectTrigger, { id, className: "w-full", "aria-invalid": invalid, "aria-required": required, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
+        /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs(SelectGroup, { children: [
+          allowEmpty && /* @__PURE__ */ jsx(SelectItem, { value: emptyValue, children: emptyLabel }),
+          options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value ?? "", children: /* @__PURE__ */ jsx(CountryOptionLabel, { country: option }) }, option.value))
+        ] }) })
+      ]
+    }
+  );
+}
+var PasswordInput = React2.forwardRef(
+  ({ className, ...props }, ref) => {
+    const [visible, setVisible] = React2.useState(false);
+    return /* @__PURE__ */ jsxs("div", { className: "ui-password-input", "data-slot": "password-input", children: [
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          ref,
+          type: visible ? "text" : "password",
+          className: cn("ui-password-input-field", className),
+          ...props
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "ui-password-input-toggle",
+          onClick: () => setVisible((v) => !v),
+          "aria-label": visible ? "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u96A0\u3059" : "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A",
+          tabIndex: -1,
+          children: visible ? /* @__PURE__ */ jsx(EyeOff, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(Eye, { "aria-hidden": "true" })
+        }
+      )
+    ] });
+  }
+);
+PasswordInput.displayName = "PasswordInput";
+var InputOTP = React2.forwardRef(({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ jsx(
+  OTPInput,
+  {
+    ref,
+    "data-slot": "input-otp",
+    containerClassName: cn("ui-otp-container", containerClassName),
+    className: cn("ui-otp-input", className),
+    ...props
+  }
+));
+InputOTP.displayName = "InputOTP";
+var InputOTPGroup = React2.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-group",
+      className: cn("ui-otp-group", className),
+      ...props
+    }
+  )
+);
+InputOTPGroup.displayName = "InputOTPGroup";
+var InputOTPSlot = React2.forwardRef(({ index, className, ...props }, ref) => {
+  const context = React2.useContext(OTPInputContext);
+  const slot = context.slots[index] ?? { char: null, hasFakeCaret: false, isActive: false };
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      "data-slot": "input-otp-slot",
+      "data-active": slot.isActive || void 0,
+      className: cn("ui-otp-slot", className),
+      ...props,
+      children: [
+        slot.char,
+        slot.hasFakeCaret ? /* @__PURE__ */ jsx("div", { className: "ui-otp-caret-wrapper", "aria-hidden": "true", children: /* @__PURE__ */ jsx("div", { className: "ui-otp-caret" }) }) : null
+      ]
+    }
+  );
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+var InputOTPSeparator = React2.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx(Minus, { className: "ui-otp-separator-icon", "aria-hidden": "true" }) }));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+
+export { CountryOptionLabel, CountrySelect, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, PasswordInput };

package/dist/chunk-WFUIE252.js

@@ -0,0 +1,61 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { Drawer as Drawer$1 } from 'vaul';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Drawer({
+  shouldScaleBackground = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(Drawer$1.Root, { shouldScaleBackground, ...props });
+}
+Drawer.displayName = "Drawer";
+var DrawerTrigger = Drawer$1.Trigger;
+var DrawerClose = Drawer$1.Close;
+var DrawerPortal = Drawer$1.Portal;
+var DrawerOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Drawer$1.Overlay,
+  {
+    ref,
+    "data-slot": "drawer-overlay",
+    className: cn("ui-drawer-overlay", className),
+    ...props
+  }
+));
+DrawerOverlay.displayName = "DrawerOverlay";
+var DrawerContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    Drawer$1.Content,
+    {
+      ref,
+      "data-slot": "drawer-content",
+      className: cn("ui-drawer-content", className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: "ui-drawer-handle", "aria-hidden": "true" }),
+        children
+      ]
+    }
+  )
+] }));
+DrawerContent.displayName = "DrawerContent";
+function DrawerHeader({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "drawer-header", className: cn("ui-drawer-header", className), ...props });
+}
+function DrawerFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { "data-slot": "drawer-footer", className: cn("ui-drawer-footer", className), ...props });
+}
+var DrawerTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(Drawer$1.Title, { ref, className: cn("ui-drawer-title", className), ...props }));
+DrawerTitle.displayName = "DrawerTitle";
+var DrawerDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  Drawer$1.Description,
+  {
+    ref,
+    className: cn("ui-drawer-description", className),
+    ...props
+  }
+));
+DrawerDescription.displayName = "DrawerDescription";
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger };

package/dist/components/admin/index.js

@@ -1,21 +1,21 @@
 import '../../chunk-HKD6ERY7.js';
-export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-N43OKOFT.js';
 export { toast, useToast } from '../../chunk-B3WX53JQ.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-AINW5WYN.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
 export { PageContainer, Stack } from '../../chunk-WTVLZVBA.js';
 import '../../chunk-FRU44GA2.js';
 import '../../chunk-32WO3YLB.js';
+export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from '../../chunk-N43OKOFT.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
 export { FilterBar, FilterGroup, PageHeader, Toolbar, ToolbarGroup } from '../../chunk-4R7RQDXI.js';
-import '../../chunk-TO33OY4L.js';
 export { Pagination } from '../../chunk-SKIRU7GC.js';
 export { Steps } from '../../chunk-OJZ6C2HM.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
+import '../../chunk-TO33OY4L.js';
 export { TreeSelect } from '../../chunk-A22MCA3X.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-Z6HNY2PL.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from '../../chunk-4R7QL3MW.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-SMWKD2HG.js';
 export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from '../../chunk-P4HFJQID.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from '../../chunk-4R7QL3MW.js';
 import '../../chunk-G2WYOCDL.js';
 import '../../chunk-CRERCLIZ.js';
 export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from '../../chunk-NG23LVTM.js';

package/dist/components/data-display/index.d.ts

@@ -10,6 +10,8 @@ import { ReactNode } from 'react';
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from './popover.js';
 export { ScrollArea, ScrollBar } from './scroll-area.js';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
 import '@radix-ui/react-avatar';
@@ -58,4 +60,13 @@ declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.
 declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Collapsible, CollapsibleContent, CollapsibleTrigger, Progress, type ProgressProps, type ProgressTone, Timeline, type TimelineItem, type TimelineProps, TreeList, type TreeListItem, type TreeListProps };
+declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+declare const HoverCard: React.FC<HoverCardPrimitive.HoverCardProps>;
+declare const HoverCardTrigger: React.ForwardRefExoticComponent<HoverCardPrimitive.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+declare const HoverCardContent: React.ForwardRefExoticComponent<Omit<HoverCardPrimitive.HoverCardContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Collapsible, CollapsibleContent, CollapsibleTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Progress, type ProgressProps, type ProgressTone, Timeline, type TimelineItem, type TimelineProps, TreeList, type TreeListItem, type TreeListProps };

package/dist/components/data-display/index.js

@@ -12,9 +12,12 @@ import '../../chunk-M4PZNAMV.js';
 import '../../chunk-IBK5D2Q6.js';
 import '../../chunk-RLGHEV4A.js';
 import '../../chunk-FXFJF4YA.js';
-import '../../chunk-U7N2A7A3.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ChevronRight, Package, Plane, CheckCircle2 } from 'lucide-react';
+import { cn } from '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ChevronDown, ChevronRight, Package, Plane, CheckCircle2 } from 'lucide-react';
+import * as React from 'react';
+import * as AccordionPrimitive from '@radix-ui/react-accordion';
+import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 
 function Progress({ value, label, tone = "success" }) {
   const boundedValue = Math.max(0, Math.min(100, value));
@@ -73,5 +76,55 @@ function Timeline({ items }) {
     ] }, index);
   }) });
 }
+var Accordion = AccordionPrimitive.Root;
+var AccordionItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Item,
+  {
+    ref,
+    "data-slot": "accordion-item",
+    className: cn("ui-accordion-item", className),
+    ...props
+  }
+));
+AccordionItem.displayName = "AccordionItem";
+var AccordionTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(AccordionPrimitive.Header, { className: "ui-accordion-header", children: /* @__PURE__ */ jsxs(
+  AccordionPrimitive.Trigger,
+  {
+    ref,
+    "data-slot": "accordion-trigger",
+    className: cn("ui-accordion-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronDown, { className: "ui-accordion-chevron", "aria-hidden": "true" })
+    ]
+  }
+) }));
+AccordionTrigger.displayName = "AccordionTrigger";
+var AccordionContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+  AccordionPrimitive.Content,
+  {
+    ref,
+    "data-slot": "accordion-content",
+    className: cn("ui-accordion-content", className),
+    ...props,
+    children: /* @__PURE__ */ jsx("div", { className: "ui-accordion-content-inner", children })
+  }
+));
+AccordionContent.displayName = "AccordionContent";
+var HoverCard = HoverCardPrimitive.Root;
+var HoverCardTrigger = HoverCardPrimitive.Trigger;
+var HoverCardContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(HoverCardPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  HoverCardPrimitive.Content,
+  {
+    ref,
+    "data-slot": "hover-card-content",
+    align,
+    sideOffset,
+    className: cn("ui-hover-card-content", className),
+    ...props
+  }
+) }));
+HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
-export { Progress, Timeline, TreeList };
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, HoverCard, HoverCardContent, HoverCardTrigger, Progress, Timeline, TreeList };

package/dist/components/data-entry/index.d.ts

@@ -1,4 +1,5 @@
-export { Input, InputProps } from './input.js';
+import { Input } from './input.js';
+export { InputProps } from './input.js';
 export { Label } from './label.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from './select.js';
 export { C as Checkbox, a as CheckboxGroup } from '../../checkbox-ChRsR7Nk.js';
@@ -22,7 +23,8 @@ export { Cascader, TreeFieldNames, TreeOption } from './cascader.js';
 export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from './tree-select.js';
 export { Transfer } from './transfer.js';
 export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList } from './command.js';
-import 'react';
+import * as React from 'react';
+import * as input_otp from 'input-otp';
 import 'class-variance-authority/types';
 import '@radix-ui/react-label';
 import 'class-variance-authority';
@@ -55,4 +57,40 @@ declare function CountrySelect({ id, name, options, defaultValue, required, allo
  */
 declare function SearchSelect({ value, onValueChange, options: staticOptions, loadOptions, renderOption, selectedLabel, placeholder, searchPlaceholder, emptyMessage, loadingMessage, clearLabel, clearable, disabled, name, id, className, "data-testid": dataTestId, }: SearchSelectProp): react_jsx_runtime.JSX.Element;
 
-export { CountryOptionLabel, CountryOptionLabelProp, CountrySelect, CountrySelectProp as CountrySelectProps, SearchSelect, SearchSelectProp as SearchSelectProps };
+type PasswordInputProps = Omit<React.ComponentPropsWithoutRef<typeof Input>, "type">;
+declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps & React.RefAttributes<HTMLInputElement>>;
+
+declare const InputOTP: React.ForwardRefExoticComponent<(Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render: (props: input_otp.RenderProps) => React.ReactNode;
+    children?: never;
+} & React.RefAttributes<HTMLInputElement>, "ref"> | Omit<Omit<React.InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "maxLength" | "textAlign" | "onComplete" | "pushPasswordManagerStrategy" | "pasteTransformer" | "containerClassName" | "noScriptCSSFallback"> & {
+    value?: string;
+    onChange?: (newValue: string) => unknown;
+    maxLength: number;
+    textAlign?: "left" | "center" | "right";
+    onComplete?: (...args: any[]) => unknown;
+    pushPasswordManagerStrategy?: "increase-width" | "none";
+    pasteTransformer?: (pasted: string) => string;
+    containerClassName?: string;
+    noScriptCSSFallback?: string | null;
+} & {
+    render?: never;
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLInputElement>, "ref">) & React.RefAttributes<HTMLInputElement>>;
+declare const InputOTPGroup: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSlot: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
+    index: number;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const InputOTPSeparator: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+
+export { CountryOptionLabel, CountryOptionLabelProp, CountrySelect, CountrySelectProp as CountrySelectProps, Input, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, PasswordInput, type PasswordInputProps, SearchSelect, SearchSelectProp as SearchSelectProps };

package/dist/components/data-entry/index.js

@@ -1,4 +1,4 @@
-export { CountryOptionLabel, CountrySelect } from '../../chunk-XMBCNMJI.js';
+export { CountryOptionLabel, CountrySelect, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, PasswordInput } from '../../chunk-KKMQLQ7F.js';
 export { Toggle, ToggleGroup, ToggleGroupItem } from '../../chunk-FYM3MJSK.js';
 export { Radio, RadioGroupOptions as RadioGroup, RadioGroupRoot, RadioItem } from '../../chunk-25RYBC5T.js';
 export { Switch } from '../../chunk-R2W2FX5Q.js';
@@ -10,9 +10,9 @@ export { DateRangePicker } from '../../chunk-WN52SCGE.js';
 export { Autocomplete } from '../../chunk-XDUZ7JJL.js';
 export { Calendar } from '../../chunk-IOGU3ZWF.js';
 export { SHOW_ALL, SHOW_CHILD, SHOW_PARENT, TreeSelect } from '../../chunk-A22MCA3X.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-Z6HNY2PL.js';
-import '../../chunk-4R7QL3MW.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-SMWKD2HG.js';
 import '../../chunk-P4HFJQID.js';
+import '../../chunk-4R7QL3MW.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-G2WYOCDL.js';
 export { Slider } from '../../chunk-CRERCLIZ.js';
 export { SearchInput, Transfer } from '../../chunk-NG23LVTM.js';

package/dist/components/data-entry/upload.js

@@ -1,6 +1,6 @@
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-Z6HNY2PL.js';
-import '../../chunk-4R7QL3MW.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-SMWKD2HG.js';
 import '../../chunk-P4HFJQID.js';
+import '../../chunk-4R7QL3MW.js';
 import '../../chunk-CRERCLIZ.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-M4PZNAMV.js';

package/dist/components/feedback/index.d.ts

@@ -7,8 +7,10 @@ export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, A
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import * as vaul from 'vaul';
+import { Drawer as Drawer$1 } from 'vaul';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
 export { A as AlertActionsProp, A as AlertActionsProps, a as AlertContentProp, a as AlertContentProps, b as AlertDescriptionProp, b as AlertDescriptionProps, c as AlertDialogProp, c as AlertDialogProps, d as AlertProp, d as AlertProps, e as AlertQueryErrorProp, e as AlertQueryErrorProps, f as AlertTitleProp, f as AlertTitleProps, D as DialogConfirmProp, D as DialogConfirmProps } from '../../feedback.prop-BR5JOpPl.js';
-import '@radix-ui/react-dialog';
 import '@radix-ui/react-alert-dialog';
 import '../../shared.prop-BsNSXeqD.js';
 import '../../content.prop-DrV_zDy-.js';
@@ -26,4 +28,18 @@ declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeo
 declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+declare function Drawer({ shouldScaleBackground, ...props }: React.ComponentProps<typeof Drawer$1.Root>): react_jsx_runtime.JSX.Element;
+declare namespace Drawer {
+    var displayName: string;
+}
+declare const DrawerTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerPortal: typeof vaul.Portal;
+declare const DrawerOverlay: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerContent: React.ForwardRefExoticComponent<Omit<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare function DrawerHeader({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare function DrawerFooter({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/feedback/index.js

@@ -1,12 +1,12 @@
-import '../../chunk-2H65B4JA.js';
+export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from '../../chunk-WFUIE252.js';
 export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-BHV2FUOA.js';
 export { toast, useToast } from '../../chunk-B3WX53JQ.js';
 export { Skeleton, SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from '../../chunk-AINW5WYN.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
 export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../chunk-32WO3YLB.js';
-import '../../chunk-4R7QL3MW.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
 export { AlertDialog, Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from '../../chunk-P4HFJQID.js';
+import '../../chunk-4R7QL3MW.js';
 import '../../chunk-TILFZBTE.js';
 import '../../chunk-VOHTRR5X.js';
 import '../../chunk-M4PZNAMV.js';

package/dist/components/navigation/index.js

@@ -1,8 +1,8 @@
 export { DateFormatPicker, FilterBar, FilterGroup, LocalePicker, PageHeader, TimeFormatPicker, TimezonePicker, Toolbar, ToolbarGroup } from '../../chunk-4R7RQDXI.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
 export { Pagination } from '../../chunk-SKIRU7GC.js';
 export { Steps } from '../../chunk-OJZ6C2HM.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
 import '../../chunk-G2WYOCDL.js';
 import '../../chunk-6QXQQAOQ.js';
 import '../../chunk-HTEL5DQI.js';

package/dist/components/ui/index.js

@@ -12,15 +12,15 @@ export { DateRangePicker } from '../../chunk-WN52SCGE.js';
 export { Autocomplete } from '../../chunk-XDUZ7JJL.js';
 export { Calendar } from '../../chunk-IOGU3ZWF.js';
 export { Skeleton } from '../../chunk-AINW5WYN.js';
-export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
 export { Toaster } from '../../chunk-TO7URV7U.js';
 export { AspectRatio } from '../../chunk-FRU44GA2.js';
-export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
+export { Alert, AlertActions, AlertBase, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from '../../chunk-TMDGV4CN.js';
 export { Pagination } from '../../chunk-SKIRU7GC.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from '../../chunk-V3N266PT.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-Z6HNY2PL.js';
-import '../../chunk-4R7QL3MW.js';
+export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from '../../chunk-TO33OY4L.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from '../../chunk-SMWKD2HG.js';
 export { AlertDialog, Dialog, DialogAction, DialogCancel, DialogClose, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogRoot, DialogTitle, DialogTrigger } from '../../chunk-P4HFJQID.js';
+import '../../chunk-4R7QL3MW.js';
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from '../../chunk-G2WYOCDL.js';
 export { Slider } from '../../chunk-CRERCLIZ.js';
 export { Checkbox } from '../../chunk-O24Z3ULJ.js';

package/dist/index.js

@@ -1,6 +1,6 @@
-import './chunk-2H65B4JA.js';
+import './chunk-WFUIE252.js';
 import './chunk-BHV2FUOA.js';
-import './chunk-XMBCNMJI.js';
+import './chunk-KKMQLQ7F.js';
 import './chunk-FYM3MJSK.js';
 import './chunk-25RYBC5T.js';
 import './chunk-R2W2FX5Q.js';
@@ -13,23 +13,23 @@ import './chunk-XDUZ7JJL.js';
 import './chunk-IOGU3ZWF.js';
 export { FormFieldControl, FormRoot, useZodForm } from './chunk-7WRZG2IG.js';
 import './chunk-HKD6ERY7.js';
-export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-N43OKOFT.js';
 export { toast, useToast } from './chunk-B3WX53JQ.js';
 export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable } from './chunk-AINW5WYN.js';
-export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-TMDGV4CN.js';
 export { Toaster } from './chunk-TO7URV7U.js';
 export { PageContainer, Stack } from './chunk-WTVLZVBA.js';
 import './chunk-FRU44GA2.js';
 import './chunk-32WO3YLB.js';
+export { AlertMutationFeedback, ButtonRefetch, DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages } from './chunk-N43OKOFT.js';
+export { Alert, AlertActions, AlertContent, AlertDescription, AlertQueryError, AlertTitle } from './chunk-TMDGV4CN.js';
 export { FilterBar, FilterGroup, PageHeader, Toolbar, ToolbarGroup } from './chunk-4R7RQDXI.js';
-import './chunk-TO33OY4L.js';
 export { Pagination } from './chunk-SKIRU7GC.js';
 export { Steps } from './chunk-OJZ6C2HM.js';
 export { Tabs, TabsContent, TabsList, TabsTrigger } from './chunk-V3N266PT.js';
+import './chunk-TO33OY4L.js';
 export { TreeSelect } from './chunk-A22MCA3X.js';
-export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-Z6HNY2PL.js';
-export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.js';
+export { Upload, collectUploadCommitActions, createUploadItem, useUploadDraft } from './chunk-SMWKD2HG.js';
 export { AlertDialog, Dialog, DialogConfirm, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from './chunk-P4HFJQID.js';
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId } from './chunk-4R7QL3MW.js';
 import './chunk-G2WYOCDL.js';
 import './chunk-CRERCLIZ.js';
 export { SearchInput, Transfer, useDebouncedValue, useTimeoutFlag } from './chunk-NG23LVTM.js';

package/dist/props/index.js

@@ -1,3 +1,3 @@
-import '../chunk-ZT5UEUBO.js';
 import '../chunk-B775Y6BE.js';
+import '../chunk-ZT5UEUBO.js';
 export { COMPONENT_PROP_REGISTRY, PROP_ALIASES_FORBIDDEN, VOCABULARY_REGISTRY } from '../chunk-C5H655GK.js';

package/dist/styles/control.css

@@ -570,3 +570,34 @@
     }
   }
 }
+
+/* PasswordInput */
+.ui-password-input { position: relative; display: block; }
+.ui-password-input-field { padding-right: 2.5rem; }
+.ui-password-input-toggle {
+  position: absolute; inset-block: 0; inset-inline-end: 0; display: inline-flex;
+  align-items: center; justify-content: center; width: 2.5rem;
+  color: hsl(var(--muted-foreground)); background: transparent; border: 0; cursor: pointer;
+}
+.ui-password-input-toggle:hover { color: hsl(var(--foreground)); }
+.ui-password-input-toggle svg { width: 1rem; height: 1rem; }
+
+/* InputOTP */
+.ui-otp-container { display: flex; align-items: center; gap: var(--space-2); }
+.ui-otp-input:disabled { cursor: not-allowed; }
+.ui-otp-group { display: flex; align-items: center; }
+.ui-otp-slot {
+  position: relative; display: flex; width: 2.25rem; height: 2.25rem;
+  align-items: center; justify-content: center; font-size: 0.875rem;
+  border: 1px solid hsl(var(--border)); border-inline-start-width: 0;
+  background: hsl(var(--background)); transition: box-shadow 0.15s ease;
+}
+.ui-otp-group .ui-otp-slot:first-child {
+  border-inline-start-width: 1px; border-start-start-radius: var(--radius-md); border-end-start-radius: var(--radius-md);
+}
+.ui-otp-group .ui-otp-slot:last-child { border-start-end-radius: var(--radius-md); border-end-end-radius: var(--radius-md); }
+.ui-otp-slot[data-active="true"] { z-index: 1; box-shadow: 0 0 0 2px hsl(var(--ring)); }
+.ui-otp-caret-wrapper { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; }
+.ui-otp-caret { width: 1px; height: 1rem; background: hsl(var(--foreground)); animation: ui-otp-blink 1s step-end infinite; }
+@keyframes ui-otp-blink { 50% { opacity: 0; } }
+.ui-otp-separator-icon { width: 1rem; height: 1rem; color: hsl(var(--muted-foreground)); }

package/dist/styles/data-display-layout.css

@@ -186,3 +186,28 @@
   }
 
 }
+
+/* Accordion */
+.ui-accordion-item { border-bottom: 1px solid hsl(var(--border)); }
+.ui-accordion-header { display: flex; }
+.ui-accordion-trigger {
+  display: flex; flex: 1; align-items: center; justify-content: space-between;
+  gap: var(--space-2); padding-block: var(--space-4); font-weight: 500; text-align: left;
+  transition: color 0.15s ease;
+}
+.ui-accordion-trigger:hover { text-decoration: underline; }
+.ui-accordion-chevron {
+  width: 1rem; height: 1rem; color: hsl(var(--muted-foreground));
+  transition: transform 0.2s ease; flex-shrink: 0;
+}
+.ui-accordion-trigger[data-state="open"] .ui-accordion-chevron { transform: rotate(180deg); }
+.ui-accordion-content { overflow: hidden; font-size: 0.875rem; }
+.ui-accordion-content-inner { padding-bottom: var(--space-4); }
+
+/* HoverCard */
+.ui-hover-card-content {
+  z-index: 50; width: 16rem; border-radius: var(--radius-md);
+  border: 1px solid hsl(var(--border)); background: hsl(var(--popover));
+  color: hsl(var(--popover-foreground)); padding: var(--space-4);
+  box-shadow: var(--shadow-md); outline: none;
+}

package/dist/styles/feedback-layout.css

@@ -0,0 +1,17 @@
+
+/* Drawer (bottom-sheet, vaul) */
+.ui-drawer-overlay { position: fixed; inset: 0; z-index: 50; background: hsl(var(--overlay, 0 0% 0% / 0.4)); }
+.ui-drawer-content {
+  position: fixed; inset-inline: 0; inset-block-end: 0; z-index: 50;
+  display: flex; flex-direction: column; max-height: 82vh;
+  border-start-start-radius: var(--radius-lg); border-start-end-radius: var(--radius-lg);
+  border: 1px solid hsl(var(--border)); background: hsl(var(--background));
+}
+.ui-drawer-handle {
+  margin: var(--space-3) auto; height: 0.375rem; width: 6rem; flex-shrink: 0;
+  border-radius: 9999px; background: hsl(var(--muted));
+}
+.ui-drawer-header { display: grid; gap: var(--space-1); padding: var(--space-4); text-align: center; }
+.ui-drawer-footer { display: flex; flex-direction: column; gap: var(--space-2); margin-top: auto; padding: var(--space-4); }
+.ui-drawer-title { font-weight: 600; line-height: 1.2; }
+.ui-drawer-description { font-size: 0.875rem; color: hsl(var(--muted-foreground)); }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@godxjp/ui",
-  "version": "8.0.0",
+  "version": "8.1.0",
   "type": "module",
   "description": "@godxjp/ui — shared React UI framework (shadcn + Radix + Tailwind v4).",
   "files": [
@@ -262,6 +262,7 @@
   "dependencies": {
     "@date-fns/tz": "^1.5.0",
     "@fontsource/m-plus-2": "^5.2.9",
+    "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-alert-dialog": "^1.1.15",
     "@radix-ui/react-aspect-ratio": "^1.1.8",
     "@radix-ui/react-avatar": "^1.1.11",
@@ -270,6 +271,7 @@
     "@radix-ui/react-context": "^1.1.2",
     "@radix-ui/react-dialog": "^1.1.15",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-hover-card": "^1.1.15",
     "@radix-ui/react-label": "^2.1.8",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-radio-group": "^1.3.8",
@@ -287,11 +289,13 @@
     "clsx": "^2.1.1",
     "cmdk": "^1.1.1",
     "date-fns": "^4.1.0",
+    "input-otp": "^1.4.2",
     "lucide-react": "^1.14.0",
     "react-day-picker": "^10.0.1",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.5.0",
-    "tailwindcss-animate": "^1.0.7"
+    "tailwindcss-animate": "^1.0.7",
+    "vaul": "^1.1.2"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.4",

package/dist/chunk-2H65B4JA.js

@@ -1 +0,0 @@
-

package/dist/chunk-XMBCNMJI.js

@@ -1,61 +0,0 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from './chunk-G2WYOCDL.js';
-import { Inline } from './chunk-TILFZBTE.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-function CountryOptionLabel({
-  country,
-  showCode = false,
-  className
-}) {
-  const code = country.value ?? country.code ?? "";
-  const text = country.nativeName != null && country.nativeName !== "" ? `${country.name} (${country.nativeName})` : country.name;
-  return /* @__PURE__ */ jsxs(Inline, { gap: "xs", className: cn("items-center", className), children: [
-    country.flagSvgPath != null && country.flagSvgPath !== "" && /* @__PURE__ */ jsx(
-      "img",
-      {
-        src: country.flagSvgPath,
-        alt: "",
-        className: "h-3 w-5 shrink-0 rounded-sm object-cover",
-        "aria-hidden": "true"
-      }
-    ),
-    /* @__PURE__ */ jsxs("span", { className: "truncate", children: [
-      text,
-      showCode && code !== "" && /* @__PURE__ */ jsxs("span", { className: "text-muted-foreground", children: [
-        " \xB7 ",
-        code
-      ] })
-    ] })
-  ] });
-}
-function CountrySelect({
-  id,
-  name,
-  options,
-  defaultValue,
-  required = false,
-  allowEmpty = false,
-  emptyLabel = "\u2014",
-  placeholder,
-  invalid = false
-}) {
-  const emptyValue = "0";
-  const resolvedDefault = defaultValue && defaultValue !== "" ? defaultValue : emptyValue;
-  return /* @__PURE__ */ jsxs(
-    Select,
-    {
-      name,
-      defaultValue: allowEmpty ? resolvedDefault : defaultValue ?? options[0]?.value,
-      children: [
-        /* @__PURE__ */ jsx(SelectTrigger, { id, className: "w-full", "aria-invalid": invalid, "aria-required": required, children: /* @__PURE__ */ jsx(SelectValue, { placeholder }) }),
-        /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsxs(SelectGroup, { children: [
-          allowEmpty && /* @__PURE__ */ jsx(SelectItem, { value: emptyValue, children: emptyLabel }),
-          options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value ?? "", children: /* @__PURE__ */ jsx(CountryOptionLabel, { country: option }) }, option.value))
-        ] }) })
-      ]
-    }
-  );
-}
-
-export { CountryOptionLabel, CountrySelect };

package/dist/{chunk-Z6HNY2PL.js → chunk-SMWKD2HG.js}

@@ -1,5 +1,5 @@
-import { formatBytes } from './chunk-4R7QL3MW.js';
 import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogFooter } from './chunk-P4HFJQID.js';
+import { formatBytes } from './chunk-4R7QL3MW.js';
 import { Slider } from './chunk-CRERCLIZ.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { controlIconClass } from './chunk-IBK5D2Q6.js';