@godxjp/ui 8.1.0 → 8.3.0

package/dist/{chunk-SKIRU7GC.js → chunk-56NYZNVY.js}

@@ -1,4 +1,4 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-G2WYOCDL.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-CAEL2ZD2.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import { cn } from './chunk-U7N2A7A3.js';

package/dist/{chunk-C5H655GK.js → chunk-6PA2YHRE.js}

@@ -319,10 +319,26 @@ var VOCABULARY_REGISTRY = {
 };
 var COMPONENT_PROP_REGISTRY = {
   AppProviderProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ChildrenProp"] },
-  LocalePickerProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"] },
-  TimezonePickerProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"] },
-  TimeFormatPickerProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"] },
-  DateFormatPickerProp: { group: "app", file: "components/app.prop.ts", vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"] },
+  LocalePickerProp: {
+    group: "app",
+    file: "components/app.prop.ts",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
+  },
+  TimezonePickerProp: {
+    group: "app",
+    file: "components/app.prop.ts",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
+  },
+  TimeFormatPickerProp: {
+    group: "app",
+    file: "components/app.prop.ts",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
+  },
+  DateFormatPickerProp: {
+    group: "app",
+    file: "components/app.prop.ts",
+    vocabulary: ["ValueProp", "OnValueChangeProp", "DisabledProp", "IdProp", "ClassNameProp"]
+  },
   PageContainerProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -363,13 +379,41 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/layout.prop.ts",
     vocabulary: ["ChildrenProp"]
   },
-  SidebarProductProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["LabelProp"] },
-  SidebarItemProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["IdProp", "LabelProp", "DisabledProp", "ChildrenProp"] },
-  SidebarSectionProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["LabelProp"] },
-  SidebarProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["IdProp", "OnValueChangeProp", "ChildrenProp"] },
-  TopbarProductProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["LabelProp"] },
-  TopbarProjectProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["LabelProp"] },
-  TopbarProp: { group: "layout", file: "components/layout.prop.ts", vocabulary: ["ChildrenProp", "OnOpenChangeProp", "OnValueChangeProp"] },
+  SidebarProductProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["LabelProp"]
+  },
+  SidebarItemProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["IdProp", "LabelProp", "DisabledProp", "ChildrenProp"]
+  },
+  SidebarSectionProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["LabelProp"]
+  },
+  SidebarProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["IdProp", "OnValueChangeProp", "ChildrenProp"]
+  },
+  TopbarProductProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["LabelProp"]
+  },
+  TopbarProjectProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["LabelProp"]
+  },
+  TopbarProp: {
+    group: "layout",
+    file: "components/layout.prop.ts",
+    vocabulary: ["ChildrenProp", "OnOpenChangeProp", "OnValueChangeProp"]
+  },
   PageHeaderProp: {
     group: "layout",
     file: "components/layout.prop.ts",
@@ -379,13 +423,7 @@ var COMPONENT_PROP_REGISTRY = {
   ButtonProp: {
     group: "general",
     file: "components/general.prop.ts",
-    vocabulary: [
-      "ButtonVariantProp",
-      "SizeProp",
-      "AsChildProp",
-      "DisabledProp",
-      "OnClickProp"
-    ]
+    vocabulary: ["ButtonVariantProp", "SizeProp", "AsChildProp", "DisabledProp", "OnClickProp"]
   },
   InputProp: {
     group: "data-entry",
@@ -417,7 +455,11 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/data-entry.prop.ts",
     vocabulary: ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "DisabledProp"]
   },
-  ChoiceOptionProp: { group: "data-entry", file: "components/data-entry.prop.ts", vocabulary: ["LabelProp", "ValueProp", "DisabledProp", "DescriptionProp"] },
+  ChoiceOptionProp: {
+    group: "data-entry",
+    file: "components/data-entry.prop.ts",
+    vocabulary: ["LabelProp", "ValueProp", "DisabledProp", "DescriptionProp"]
+  },
   RadioProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
@@ -551,7 +593,13 @@ var COMPONENT_PROP_REGISTRY = {
   UploadProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "DisabledProp", "ClassNameProp"]
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "DisabledProp",
+      "ClassNameProp"
+    ]
   },
   UploadFileItemProp: {
     group: "data-entry",
@@ -572,12 +620,28 @@ var COMPONENT_PROP_REGISTRY = {
   CascaderProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "ClassNameProp", "IdProp"]
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "PlaceholderProp",
+      "DisabledProp",
+      "ClassNameProp",
+      "IdProp"
+    ]
   },
   TreeSelectProp: {
     group: "data-entry",
     file: "components/data-entry.prop.ts",
-    vocabulary: ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "PlaceholderProp", "DisabledProp", "ClassNameProp", "IdProp"]
+    vocabulary: [
+      "ValueProp",
+      "DefaultValueProp",
+      "OnValueChangeProp",
+      "PlaceholderProp",
+      "DisabledProp",
+      "ClassNameProp",
+      "IdProp"
+    ]
   },
   ShowCheckedStrategyProp: {
     group: "data-entry",
@@ -645,9 +709,17 @@ var COMPONENT_PROP_REGISTRY = {
       "ConfirmLabelProp",
       "CancelLabelProp",
       "ConfirmVariantProp",
-      { field: "confirmPhrase", local: true, reason: "Destructive-dialog type-to-confirm friction phrase." },
+      {
+        field: "confirmPhrase",
+        local: true,
+        reason: "Destructive-dialog type-to-confirm friction phrase."
+      },
       "HandlerProp",
-      { field: "keepOpenOnConfirm", local: true, reason: "AlertDialog-specific async completion behavior." },
+      {
+        field: "keepOpenOnConfirm",
+        local: true,
+        reason: "AlertDialog-specific async completion behavior."
+      },
       "PendingProp"
     ]
   },
@@ -656,10 +728,18 @@ var COMPONENT_PROP_REGISTRY = {
     group: "query",
     file: "components/query.prop.ts",
     vocabulary: [
-      { field: "mutation", local: true, reason: "TanStack mutation lifecycle object consumed by this helper." },
+      {
+        field: "mutation",
+        local: true,
+        reason: "TanStack mutation lifecycle object consumed by this helper."
+      },
       "HandlerProp",
       { field: "showRetry", local: true, reason: "Query helper retry affordance toggle." },
-      { field: "pending", local: true, reason: "Inline pending ReactNode slot, not boolean PendingProp state." },
+      {
+        field: "pending",
+        local: true,
+        reason: "Inline pending ReactNode slot, not boolean PendingProp state."
+      },
       "ClassNameProp"
     ]
   },
@@ -672,7 +752,11 @@ var COMPONENT_PROP_REGISTRY = {
     group: "query",
     file: "components/query.prop.ts",
     vocabulary: [
-      { field: "query", local: true, reason: "TanStack query refetch handle consumed by this helper." },
+      {
+        field: "query",
+        local: true,
+        reason: "TanStack query refetch handle consumed by this helper."
+      },
       "LabelProp"
     ]
   },
@@ -695,7 +779,14 @@ var COMPONENT_PROP_REGISTRY = {
   AlertProp: {
     group: "feedback",
     file: "components/feedback.prop.ts",
-    vocabulary: ["AlertVariantProp", "ToneProp", "IconProp", "OnValueChangeProp", "ClassNameProp", "ChildrenProp"]
+    vocabulary: [
+      "AlertVariantProp",
+      "ToneProp",
+      "IconProp",
+      "OnValueChangeProp",
+      "ClassNameProp",
+      "ChildrenProp"
+    ]
   },
   AlertTitleProp: {
     group: "feedback",
@@ -748,14 +839,22 @@ var COMPONENT_PROP_REGISTRY = {
     file: "components/navigation.prop.ts",
     vocabulary: ["SizeProp", "OnValueChangeProp", "ClassNameProp"]
   },
-  StepItemProp: { group: "navigation", file: "components/navigation.prop.ts", vocabulary: ["TitleProp", "DescriptionProp", "IconProp", "DisabledProp"] },
+  StepItemProp: {
+    group: "navigation",
+    file: "components/navigation.prop.ts",
+    vocabulary: ["TitleProp", "DescriptionProp", "IconProp", "DisabledProp"]
+  },
   StepStatusProp: { group: "navigation", file: "components/navigation.prop.ts", vocabulary: [] },
   TabsProp: {
     group: "navigation",
     file: "components/navigation.prop.ts",
     vocabulary: ["ValueProp", "DefaultValueProp", "OnValueChangeProp", "ClassNameProp"]
   },
-  TabItemProp: { group: "navigation", file: "components/navigation.prop.ts", vocabulary: ["ValueProp", "LabelProp", "ChildrenProp", "DisabledProp"] },
+  TabItemProp: {
+    group: "navigation",
+    file: "components/navigation.prop.ts",
+    vocabulary: ["ValueProp", "LabelProp", "ChildrenProp", "DisabledProp"]
+  },
   FormRootProp: {
     group: "form",
     file: "components/form.prop.ts",

package/dist/{chunk-KKMQLQ7F.js → chunk-6YK3IJXW.js}

@@ -1,10 +1,10 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from './chunk-G2WYOCDL.js';
-import { Inline } from './chunk-TILFZBTE.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectGroup, SelectItem } from './chunk-CAEL2ZD2.js';
 import { Input } from './chunk-VOHTRR5X.js';
+import { Inline } from './chunk-TILFZBTE.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 { EyeOff, Eye, Minus, Star, X } from 'lucide-react';
 import { OTPInput, OTPInputContext } from 'input-otp';
 
 function CountryOptionLabel({
@@ -133,5 +133,129 @@ var InputOTPSlot = React2.forwardRef(({ index, className, ...props }, ref) => {
 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";
+var Rating = React2.forwardRef(
+  ({
+    value,
+    defaultValue = 0,
+    onValueChange,
+    max = 5,
+    readOnly,
+    disabled,
+    name,
+    className,
+    ...rest
+  }, ref) => {
+    const [internal, setInternal] = React2.useState(defaultValue);
+    const current = value ?? internal;
+    const [hover, setHover] = React2.useState(null);
+    const display = hover ?? current;
+    const interactive = !readOnly && !disabled;
+    const select = (next) => {
+      if (!interactive) return;
+      if (value === void 0) setInternal(next);
+      onValueChange?.(next);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "data-slot": "rating",
+        className: cn("ui-rating", className),
+        "aria-label": rest["aria-label"] ?? "\u8A55\u4FA1",
+        children: [
+          Array.from({ length: max }, (_, i) => i + 1).map((star) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "radio",
+              "aria-checked": current === star,
+              "aria-label": String(star),
+              disabled: disabled || readOnly,
+              tabIndex: interactive ? 0 : -1,
+              className: cn("ui-rating-star", star <= display && "ui-rating-star-filled"),
+              onMouseEnter: () => interactive && setHover(star),
+              onMouseLeave: () => setHover(null),
+              onClick: () => select(star),
+              children: /* @__PURE__ */ jsx(Star, { "aria-hidden": "true" })
+            },
+            star
+          )),
+          name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: current }) : null
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+var TagInput = React2.forwardRef(
+  ({ value, defaultValue = [], onValueChange, placeholder, disabled, name, className }, ref) => {
+    const [internal, setInternal] = React2.useState(defaultValue);
+    const tags = value ?? internal;
+    const [draft, setDraft] = React2.useState("");
+    const commit = (next) => {
+      if (value === void 0) setInternal(next);
+      onValueChange?.(next);
+    };
+    const add = (raw) => {
+      const tag = raw.trim();
+      if (!tag || tags.includes(tag)) return;
+      commit([...tags, tag]);
+    };
+    const removeAt = (i) => commit(tags.filter((_, idx) => idx !== i));
+    const onKeyDown = (e) => {
+      if (e.key === "Enter" || e.key === ",") {
+        e.preventDefault();
+        add(draft);
+        setDraft("");
+      } else if (e.key === "Backspace" && draft === "" && tags.length > 0) {
+        removeAt(tags.length - 1);
+      }
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "tag-input",
+        className: cn("ui-tag-input", disabled && "ui-tag-input-disabled", className),
+        children: [
+          tags.map((tag, i) => /* @__PURE__ */ jsxs("span", { className: "ui-tag-input-chip", "data-slot": "tag-input-chip", children: [
+            tag,
+            !disabled ? /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "ui-tag-input-remove",
+                "aria-label": `${tag} \u3092\u524A\u9664`,
+                onClick: () => removeAt(i),
+                children: /* @__PURE__ */ jsx(X, { "aria-hidden": "true" })
+              }
+            ) : null
+          ] }, tag)),
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              ref,
+              type: "text",
+              className: "ui-tag-input-field",
+              value: draft,
+              placeholder: tags.length === 0 ? placeholder : void 0,
+              disabled,
+              onChange: (e) => setDraft(e.target.value),
+              onKeyDown,
+              onBlur: () => {
+                if (draft.trim()) {
+                  add(draft);
+                  setDraft("");
+                }
+              }
+            }
+          ),
+          name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: tags.join(",") }) : null
+        ]
+      }
+    );
+  }
+);
+TagInput.displayName = "TagInput";
 
-export { CountryOptionLabel, CountrySelect, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, PasswordInput };
+export { CountryOptionLabel, CountrySelect, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, PasswordInput, Rating, TagInput };

package/dist/chunk-B73NA66T.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as MenubarPrimitive from '@radix-ui/react-menubar';
+import { Check, Circle, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Menubar = MenubarPrimitive.Root;
+var MenubarMenu = MenubarPrimitive.Menu;
+function MenubarTrigger(props) {
+  return /* @__PURE__ */ jsx(MenubarPrimitive.Trigger, { "data-slot": "menubar-trigger", ...props });
+}
+var MenubarContent = React.forwardRef(({ className, align = "start", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  MenubarPrimitive.Content,
+  {
+    ref,
+    "data-slot": "menubar-content",
+    align,
+    sideOffset,
+    className: cn("ui-menubar-content", className),
+    ...props
+  }
+) }));
+MenubarContent.displayName = MenubarPrimitive.Content.displayName;
+var MenubarItem = React.forwardRef(({ className, inset, variant = "default", ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Item,
+  {
+    ref,
+    "data-slot": "menubar-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("ui-menubar-item", className),
+    ...props
+  }
+));
+MenubarItem.displayName = MenubarPrimitive.Item.displayName;
+var MenubarCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.CheckboxItem,
+  {
+    ref,
+    "data-slot": "menubar-checkbox-item",
+    className: cn("ui-menubar-checkbox-item", className),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "ui-menubar-item-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "ui-menubar-check" }) }) }),
+      children
+    ]
+  }
+));
+MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
+var MenubarRadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.RadioGroup,
+  {
+    ref,
+    "data-slot": "menubar-radio-group",
+    className: cn("ui-menubar-radio-group", className),
+    ...props
+  }
+));
+MenubarRadioGroup.displayName = MenubarPrimitive.RadioGroup.displayName;
+var MenubarRadioItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.RadioItem,
+  {
+    ref,
+    "data-slot": "menubar-radio-item",
+    className: cn("ui-menubar-radio-item", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "ui-menubar-item-indicator", "aria-hidden": "true", children: /* @__PURE__ */ jsx(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Circle, { className: "ui-menubar-dot" }) }) }),
+      children
+    ]
+  }
+));
+MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
+var MenubarLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Label,
+  {
+    ref,
+    "data-slot": "menubar-label",
+    className: cn("ui-menubar-label", className),
+    ...props
+  }
+));
+MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
+var MenubarSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.Separator,
+  {
+    ref,
+    "data-slot": "menubar-separator",
+    className: cn("ui-menubar-separator", className),
+    ...props
+  }
+));
+MenubarSeparator.displayName = MenubarPrimitive.Separator.displayName;
+var MenubarShortcut = ({ className, ...props }) => /* @__PURE__ */ jsx("span", { "data-slot": "menubar-shortcut", className: cn("ui-menubar-shortcut", className), ...props });
+var MenubarSub = MenubarPrimitive.Sub;
+var MenubarSubTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  MenubarPrimitive.SubTrigger,
+  {
+    ref,
+    "data-slot": "menubar-sub-trigger",
+    className: cn("ui-menubar-sub-trigger", className),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(ChevronRight, { className: "ui-menubar-sub-trigger-icon", "aria-hidden": "true" })
+    ]
+  }
+));
+MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
+var MenubarSubContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  MenubarPrimitive.SubContent,
+  {
+    ref,
+    "data-slot": "menubar-sub-content",
+    className: cn("ui-menubar-sub-content", className),
+    ...props
+  }
+));
+MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
+
+export { Menubar, MenubarCheckboxItem, MenubarContent, MenubarItem, MenubarLabel, MenubarMenu, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger };

package/dist/{chunk-G2WYOCDL.js → chunk-CAEL2ZD2.js}

@@ -1,4 +1,4 @@
-import { SearchSelect } from './chunk-6QXQQAOQ.js';
+import { SearchSelect } from './chunk-KDBGFJJI.js';
 import { controlTriggerClass } from './chunk-IBK5D2Q6.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import * as React from 'react';

package/dist/{chunk-XDUZ7JJL.js → chunk-GKXPALFT.js}

@@ -1,4 +1,4 @@
-import { SearchSelect } from './chunk-6QXQQAOQ.js';
+import { SearchSelect } from './chunk-KDBGFJJI.js';
 import { jsx } from 'react/jsx-runtime';
 
 function Autocomplete({

package/dist/{chunk-N43OKOFT.js → chunk-GLEEJYGQ.js}

@@ -1,4 +1,4 @@
-import { AlertQueryError } from './chunk-TMDGV4CN.js';
+import { AlertQueryError } from './chunk-ZRRLOOBX.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation } from './chunk-RLGHEV4A.js';
 import * as React from 'react';

package/dist/chunk-HCM4JAC2.js

@@ -0,0 +1,134 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import useEmblaCarousel from 'embla-carousel-react';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var CarouselContext = React.createContext(null);
+var useCarousel = () => {
+  const context = React.useContext(CarouselContext);
+  if (!context) {
+    throw new Error("useCarousel must be used within a Carousel component");
+  }
+  return context;
+};
+var Carousel = React.forwardRef(({ className, opts, plugins, setApi, children, ...props }, ref) => {
+  const [emblaRef, api] = useEmblaCarousel(opts, plugins);
+  const [canScrollPrev, setCanScrollPrev] = React.useState(false);
+  const [canScrollNext, setCanScrollNext] = React.useState(false);
+  const onSelect = React.useCallback(() => {
+    if (!api) return;
+    setCanScrollPrev(api.canScrollPrev());
+    setCanScrollNext(api.canScrollNext());
+  }, [api]);
+  React.useEffect(() => {
+    if (!api) return void 0;
+    onSelect();
+    setApi?.(api);
+    api.on("reInit", onSelect);
+    api.on("select", onSelect);
+    return () => {
+      api.off("reInit", onSelect);
+      api.off("select", onSelect);
+    };
+  }, [api, onSelect, setApi]);
+  const scrollPrev = React.useCallback(() => {
+    api?.scrollPrev();
+  }, [api]);
+  const scrollNext = React.useCallback(() => {
+    api?.scrollNext();
+  }, [api]);
+  const scrollTo = React.useCallback(
+    (index) => {
+      api?.scrollTo(index);
+    },
+    [api]
+  );
+  const contextValue = React.useMemo(
+    () => ({
+      canScrollPrev,
+      canScrollNext,
+      api,
+      scrollPrev,
+      scrollNext,
+      scrollTo
+    }),
+    [canScrollPrev, canScrollNext, api, scrollPrev, scrollNext, scrollTo]
+  );
+  return /* @__PURE__ */ jsx(CarouselContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "carousel",
+      className: cn("ui-carousel", className),
+      "data-orientation": opts?.axis === "y" ? "vertical" : "horizontal",
+      ...props,
+      children: /* @__PURE__ */ jsx("div", { className: "ui-carousel-viewport", ref: emblaRef, children })
+    }
+  ) });
+});
+Carousel.displayName = "Carousel";
+var CarouselContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    ref,
+    "data-slot": "carousel-content",
+    className: cn("ui-carousel-content", className),
+    ...props
+  }
+));
+CarouselContent.displayName = "CarouselContent";
+var CarouselItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "carousel-item",
+      className: cn("ui-carousel-item", className),
+      ...props
+    }
+  )
+);
+CarouselItem.displayName = "CarouselItem";
+var CarouselPrevious = React.forwardRef(({ className, ...props }, ref) => {
+  const { canScrollPrev, scrollPrev } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-slot": "carousel-previous",
+      disabled: !canScrollPrev,
+      className: cn("ui-carousel-previous", className),
+      onClick: scrollPrev,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronLeft, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Previous" })
+      ]
+    }
+  );
+});
+CarouselPrevious.displayName = "CarouselPrevious";
+var CarouselNext = React.forwardRef(({ className, ...props }, ref) => {
+  const { canScrollNext, scrollNext } = useCarousel();
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      "data-slot": "carousel-next",
+      disabled: !canScrollNext,
+      className: cn("ui-carousel-next", className),
+      onClick: scrollNext,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(ChevronRight, { className: "ui-carousel-arrow", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Next" })
+      ]
+    }
+  );
+});
+CarouselNext.displayName = "CarouselNext";
+
+export { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel };