@godxjp/ui 8.2.0 → 9.0.0

package/dist/{chunk-3EMDVI7X.js → chunk-2ACNEQOI.js}

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

package/dist/{chunk-PZ4LO723.js → chunk-32ZUUKML.js}

@@ -1,19 +1,13 @@
-import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-3EMDVI7X.js';
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-2ACNEQOI.js';
 import { Button } from './chunk-M4PZNAMV.js';
 import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-RLGHEV4A.js';
 import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-FXFJF4YA.js';
 import { cn } from './chunk-U7N2A7A3.js';
 import { X, ChevronRight, Languages, Globe, Clock, CalendarDays } from 'lucide-react';
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { Link } from 'react-router-dom';
 import * as React from 'react';
 
-function Toolbar({
-  onClear,
-  hasActiveFilters = true,
-  className,
-  children
-}) {
+function Toolbar({ onClear, hasActiveFilters = true, className, children }) {
   const { t } = useTranslation();
   return /* @__PURE__ */ jsxs("div", { className: cn("ui-toolbar", className), children: [
     children,
@@ -31,12 +25,27 @@ function ToolbarGroup({ label, className, children }) {
 }
 var FilterBar = Toolbar;
 var FilterGroup = ToolbarGroup;
-function PageHeader({ title, description, breadcrumb, actions, className }) {
+function PageHeader({
+  title,
+  description,
+  breadcrumb,
+  actions,
+  linkComponent: LinkComponent = "a",
+  className
+}) {
   return /* @__PURE__ */ jsxs("header", { className: cn("ui-page-header", className), children: [
     breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
       const isLast = i === breadcrumb.length - 1;
       return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
-        item.to && !isLast ? /* @__PURE__ */ jsx(Link, { to: item.to, className: "hover:text-foreground hover:underline", children: item.label }) : /* @__PURE__ */ jsx(
+        item.to && !isLast ? /* @__PURE__ */ jsx(
+          LinkComponent,
+          {
+            href: item.to,
+            to: item.to,
+            className: "hover:text-foreground hover:underline",
+            children: item.label
+          }
+        ) : /* @__PURE__ */ jsx(
           "span",
           {
             className: isLast ? "text-foreground" : "",

package/dist/{chunk-YXJ3FS6O.js → chunk-442ULAA6.js}

@@ -4,7 +4,6 @@ import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV5
 import { densityClass, pageContainerVariantClass, Flex } from './chunk-TILFZBTE.js';
 import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
 import { cn } from './chunk-U7N2A7A3.js';
-import { Link } from 'react-router-dom';
 import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
@@ -19,6 +18,7 @@ function PageContainerRoot({
   extra,
   footer,
   breadcrumb,
+  linkComponent: LinkComponent = "a",
   density = "default",
   variant = "default",
   stickyFooter = false,
@@ -40,7 +40,15 @@ function PageContainerRoot({
           breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
             const isLast = i === breadcrumb.length - 1;
             return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
-              item.to && !isLast ? /* @__PURE__ */ jsx(Link, { to: item.to, className: "hover:text-foreground hover:underline", children: item.label }) : /* @__PURE__ */ jsx(
+              item.to && !isLast ? /* @__PURE__ */ jsx(
+                LinkComponent,
+                {
+                  href: item.to,
+                  to: item.to,
+                  className: "hover:text-foreground hover:underline",
+                  children: item.label
+                }
+              ) : /* @__PURE__ */ jsx(
                 "span",
                 {
                   className: isLast ? "text-foreground" : "",
@@ -101,11 +109,11 @@ function AppShell({
     footer !== void 0 && /* @__PURE__ */ jsx("footer", { className: "app-footer", children: footer })
   ] });
 }
-function Breadcrumb({ items }) {
+function Breadcrumb({ items, linkComponent: LinkComponent = "a" }) {
   return /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {
     const isLast = index === items.length - 1;
     return /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
-      item.to && !isLast ? /* @__PURE__ */ jsx(Link, { to: item.to, className: "ui-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }),
+      item.to && !isLast ? /* @__PURE__ */ jsx(LinkComponent, { href: item.to, to: item.to, className: "ui-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }),
       !isLast ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : null
     ] }, item.to ?? index);
   }) }) });

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-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-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 };