@godxjp/ui 5.0.2 → 6.0.1

package/dist/chunk-GDSVW62T.js

@@ -0,0 +1,171 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-3F2AKYRD.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/components/navigation/pagination-utils.ts
+function buildPageRange(current, totalPages, siblingCount = 1) {
+  if (totalPages <= 1) return totalPages === 1 ? [1] : [];
+  const totalNumbers = siblingCount * 2 + 5;
+  if (totalPages <= totalNumbers) {
+    return Array.from({ length: totalPages }, (_, i) => i + 1);
+  }
+  const left = Math.max(current - siblingCount, 1);
+  const right = Math.min(current + siblingCount, totalPages);
+  const showLeftEllipsis = left > 2;
+  const showRightEllipsis = right < totalPages - 1;
+  const range = [];
+  range.push(1);
+  if (showLeftEllipsis) range.push("ellipsis");
+  else for (let i = 2; i < left; i++) range.push(i);
+  for (let i = left; i <= right; i++) {
+    if (i !== 1 && i !== totalPages) range.push(i);
+  }
+  if (showRightEllipsis) range.push("ellipsis");
+  else for (let i = right + 1; i < totalPages; i++) range.push(i);
+  if (totalPages > 1) range.push(totalPages);
+  return range;
+}
+function Pagination({
+  current = 1,
+  total = 0,
+  pageSize = 10,
+  pageSizeOptions = [10, 20, 50, 100],
+  showSizeChanger,
+  showTotal,
+  simple,
+  disabled,
+  className,
+  onChange
+}) {
+  const { t } = useTranslation();
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
+  const safeCurrent = Math.min(Math.max(1, current), totalPages);
+  const pages = buildPageRange(safeCurrent, totalPages);
+  const go = (page, size = pageSize) => {
+    if (disabled) return;
+    const nextPage = Math.min(Math.max(1, page), Math.max(1, Math.ceil(total / size)));
+    onChange?.(nextPage, size);
+  };
+  const totalLabel = typeof showTotal === "function" ? showTotal(total, [
+    (safeCurrent - 1) * pageSize + 1,
+    Math.min(safeCurrent * pageSize, total)
+  ]) : showTotal ? t("navigation.pagination.total", { total }) : null;
+  if (simple) {
+    return /* @__PURE__ */ jsxs(
+      "nav",
+      {
+        "aria-label": t("navigation.pagination.ariaLabel"),
+        "data-simple": "true",
+        className: cn("ui-pagination", className),
+        children: [
+          totalLabel && /* @__PURE__ */ jsx("span", { className: "ui-pagination-total", children: totalLabel }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled: Boolean(disabled) || safeCurrent <= 1,
+              "aria-label": t("navigation.pagination.prev"),
+              onClick: () => go(safeCurrent - 1),
+              children: /* @__PURE__ */ jsx(ChevronLeft, { className: "size-4", "aria-hidden": "true" })
+            }
+          ),
+          /* @__PURE__ */ jsxs("span", { className: "ui-pagination-count", children: [
+            safeCurrent,
+            " / ",
+            totalPages
+          ] }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              size: "sm",
+              disabled: Boolean(disabled) || safeCurrent >= totalPages,
+              "aria-label": t("navigation.pagination.next"),
+              onClick: () => go(safeCurrent + 1),
+              children: /* @__PURE__ */ jsx(ChevronRight, { className: "size-4", "aria-hidden": "true" })
+            }
+          )
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "nav",
+    {
+      "aria-label": t("navigation.pagination.ariaLabel"),
+      className: cn("ui-pagination", className),
+      children: [
+        totalLabel && /* @__PURE__ */ jsx("span", { className: "ui-pagination-total", children: totalLabel }),
+        showSizeChanger && /* @__PURE__ */ jsxs(
+          Select,
+          {
+            value: String(pageSize),
+            onValueChange: (v) => go(1, Number(v)),
+            disabled,
+            children: [
+              /* @__PURE__ */ jsx(
+                SelectTrigger,
+                {
+                  className: "ui-pagination-size-trigger",
+                  "aria-label": t("navigation.pagination.pageSize"),
+                  children: /* @__PURE__ */ jsx(SelectValue, {})
+                }
+              ),
+              /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: String(size), children: t("navigation.pagination.pageSizeOption", { size }) }, size)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "ui-button--compact-icon",
+            disabled: Boolean(disabled) || safeCurrent <= 1,
+            "aria-label": t("navigation.pagination.prev"),
+            onClick: () => go(safeCurrent - 1),
+            children: /* @__PURE__ */ jsx(ChevronLeft, { "aria-hidden": "true" })
+          }
+        ),
+        /* @__PURE__ */ jsx("ul", { className: "ui-pagination-list", children: pages.map(
+          (page, index) => page === "ellipsis" ? /* @__PURE__ */ jsx("li", { className: "ui-pagination-ellipsis ui-button--compact-icon", children: /* @__PURE__ */ jsx(MoreHorizontal, { "aria-hidden": "true" }) }, `e-${index}`) : /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "button",
+              variant: page === safeCurrent ? "default" : "outline",
+              size: "icon",
+              className: "ui-button--compact-icon ui-pagination-page",
+              disabled,
+              "aria-label": t("navigation.pagination.page", { page }),
+              "aria-current": page === safeCurrent ? "page" : void 0,
+              onClick: () => go(page),
+              children: page
+            }
+          ) }, page)
+        ) }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            type: "button",
+            variant: "outline",
+            size: "icon",
+            className: "ui-button--compact-icon",
+            disabled: Boolean(disabled) || safeCurrent >= totalPages,
+            "aria-label": t("navigation.pagination.next"),
+            onClick: () => go(safeCurrent + 1),
+            children: /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" })
+          }
+        )
+      ]
+    }
+  );
+}
+
+export { Pagination };

package/dist/chunk-H2FHJOLU.js

@@ -0,0 +1,178 @@
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from './chunk-UX634MYF.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation, useOptionalAppContext, APP_LOCALES, resolveTimezonePickerOptions, getTimezoneLabel, APP_TIME_FORMAT_OPTIONS, getTimeFormatLabel } from './chunk-3F2AKYRD.js';
+import { APP_DATE_FORMAT_OPTIONS, getDateFormatLabel } from './chunk-YFCQKO3B.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 FilterBar({
+  onClear,
+  hasActiveFilters = true,
+  className,
+  children
+}) {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: cn("ui-filter-bar", className), children: [
+    children,
+    onClear && hasActiveFilters && /* @__PURE__ */ jsxs(Button, { variant: "ghost", size: "sm", onClick: onClear, className: "ui-filter-clear", children: [
+      /* @__PURE__ */ jsx(X, { "aria-hidden": "true" }),
+      t("common.clearFilters")
+    ] })
+  ] });
+}
+function FilterGroup({ label, className, children }) {
+  return /* @__PURE__ */ jsxs("div", { className: cn("ui-stack-xs ui-filter-group", className), children: [
+    /* @__PURE__ */ jsx("div", { className: "ui-filter-label", children: label }),
+    children
+  ] });
+}
+function PageHeader({ title, description, breadcrumb, actions, 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(
+          "span",
+          {
+            className: isLast ? "text-foreground" : "",
+            "aria-current": isLast ? "page" : void 0,
+            children: item.label
+          }
+        ),
+        !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3", "aria-hidden": "true" })
+      ] }, i);
+    }) }) }),
+    /* @__PURE__ */ jsxs("div", { className: "ui-page-header-row", children: [
+      /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
+        /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
+        description && /* @__PURE__ */ jsx("p", { className: "ui-page-subtitle", children: description })
+      ] }),
+      actions && /* @__PURE__ */ jsx("div", { className: "ui-inline-sm shrink-0", children: actions })
+    ] })
+  ] });
+}
+function LocalePicker({ className, disabled, id, value, onChange }) {
+  const ctx = useOptionalAppContext();
+  const { t } = useTranslation();
+  const current = value ?? ctx?.locale;
+  const handleChange = onChange ?? ctx?.setLocale;
+  if (current === void 0 || !handleChange) {
+    throw new Error("LocalePicker requires <AppProvider> or controlled value + onChange");
+  }
+  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
+    /* @__PURE__ */ jsxs(
+      SelectTrigger,
+      {
+        id,
+        className: cn("w-full sm:w-40", className),
+        "aria-label": t("navigation.localePicker.ariaLabel"),
+        children: [
+          /* @__PURE__ */ jsx(Languages, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(SelectValue, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: APP_LOCALES.map((code) => /* @__PURE__ */ jsx(SelectItem, { value: code, children: t(`locale.${code}`) }, code)) })
+  ] });
+}
+function TimezonePicker({
+  className,
+  disabled,
+  id,
+  value,
+  onChange,
+  options: optionsProp
+}) {
+  const ctx = useOptionalAppContext();
+  const { t, locale, fallbackLocale } = useTranslation();
+  const current = value ?? ctx?.timezone;
+  const handleChange = onChange ?? ctx?.setTimezone;
+  const configured = optionsProp ?? ctx?.timezoneOptions;
+  if (current === void 0 || !handleChange) {
+    throw new Error("TimezonePicker requires <AppProvider> or controlled value + onChange");
+  }
+  const options = React.useMemo(
+    () => resolveTimezonePickerOptions(configured, current),
+    [configured, current]
+  );
+  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
+    /* @__PURE__ */ jsxs(
+      SelectTrigger,
+      {
+        id,
+        className: cn("w-full sm:w-56", className),
+        "aria-label": t("navigation.timezonePicker.ariaLabel"),
+        children: [
+          /* @__PURE__ */ jsx(Globe, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(SelectValue, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: options.map((tz) => /* @__PURE__ */ jsx(SelectItem, { value: tz, children: getTimezoneLabel(tz, locale, fallbackLocale) }, tz)) })
+  ] });
+}
+function TimeFormatPicker({
+  className,
+  disabled,
+  id,
+  value,
+  onChange
+}) {
+  const ctx = useOptionalAppContext();
+  const { t, locale, fallbackLocale } = useTranslation();
+  const current = value ?? ctx?.timeFormat;
+  const handleChange = onChange ?? ctx?.setTimeFormat;
+  if (current === void 0 || !handleChange) {
+    throw new Error("TimeFormatPicker requires <AppProvider> or controlled value + onChange");
+  }
+  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
+    /* @__PURE__ */ jsxs(
+      SelectTrigger,
+      {
+        id,
+        className: cn("w-full sm:w-44", className),
+        "aria-label": t("navigation.timeFormatPicker.ariaLabel"),
+        children: [
+          /* @__PURE__ */ jsx(Clock, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(SelectValue, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: APP_TIME_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: getTimeFormatLabel(option.value, locale, fallbackLocale) }, option.value)) })
+  ] });
+}
+function DateFormatPicker({
+  className,
+  disabled,
+  id,
+  value,
+  onChange
+}) {
+  const ctx = useOptionalAppContext();
+  const { t, locale, fallbackLocale } = useTranslation();
+  const current = value ?? ctx?.dateFormat;
+  const handleChange = onChange ?? ctx?.setDateFormat;
+  if (current === void 0 || !handleChange) {
+    throw new Error("DateFormatPicker requires <AppProvider> or controlled value + onChange");
+  }
+  return /* @__PURE__ */ jsxs(Select, { value: current, onValueChange: handleChange, disabled, children: [
+    /* @__PURE__ */ jsxs(
+      SelectTrigger,
+      {
+        id,
+        className: cn("w-full sm:w-44", className),
+        "aria-label": t("navigation.dateFormatPicker.ariaLabel"),
+        children: [
+          /* @__PURE__ */ jsx(CalendarDays, { className: "mr-2 size-4 shrink-0 opacity-70", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(SelectValue, {})
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(SelectContent, { children: APP_DATE_FORMAT_OPTIONS.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, children: getDateFormatLabel(option.value, locale, fallbackLocale) }, option.value)) })
+  ] });
+}
+
+export { DateFormatPicker, FilterBar, FilterGroup, LocalePicker, PageHeader, TimeFormatPicker, TimezonePicker };

package/dist/chunk-HJEBRCXL.js

@@ -0,0 +1,55 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var buttonVariants = cva("ui-button", {
+  variants: {
+    variant: {
+      default: "ui-button--default bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "ui-button--destructive bg-destructive text-destructive-foreground hover:bg-destructive/90 focus-visible:ring-destructive/20",
+      outline: "ui-button--outline border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground",
+      secondary: "ui-button--secondary bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "ui-button--ghost hover:bg-accent hover:text-accent-foreground",
+      link: "ui-button--link text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "ui-button--default-size py-2 has-[>svg]:px-3",
+      xs: "h-[calc(var(--control-height)-0.75rem)] gap-1 rounded-md px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "ui-button--sm gap-1.5 rounded-md has-[>svg]:px-2.5",
+      lg: "ui-button--lg rounded-md has-[>svg]:px-4",
+      icon: "ui-button--icon",
+      "icon-xs": "size-[calc(var(--control-height)-0.75rem)] rounded-md [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-[calc(var(--control-height)-0.5rem)]",
+      "icon-lg": "size-[calc(var(--control-height)+0.25rem)]"
+    }
+  },
+  defaultVariants: { variant: "default", size: "default" }
+});
+var Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        "data-slot": "button",
+        "data-variant": variant ?? "default",
+        "data-size": size ?? "default",
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none",
+          "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+          "disabled:pointer-events-none disabled:opacity-50",
+          "aria-invalid:border-destructive aria-invalid:ring-destructive/20",
+          "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+          buttonVariants({ variant, size, className })
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };

package/dist/chunk-ICM6XBST.js

@@ -0,0 +1,16 @@
+// src/lib/control-styles.ts
+var controlMultilineClass = "ui-control-multiline w-full rounded-lg border border-input bg-background ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50";
+var controlTriggerClass = "ui-control flex w-full items-center justify-between gap-2 whitespace-nowrap rounded-lg border border-input bg-background shadow-sm focus-visible:outline-none focus-visible:ring-[3px] focus-visible:ring-ring/25 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1";
+var controlIconClass = "size-[length:var(--control-height)] shrink-0";
+var controlIconSmClass = "size-[calc(var(--control-height)-0.5rem)] shrink-0";
+var controlIconLeadingClass = "size-[length:var(--control-icon-size)] shrink-0";
+var tableRowHeightClass = "h-[length:var(--table-row-height)]";
+var tableHeadHeightClass = "h-[length:var(--table-row-height)]";
+var tableCellPaddingClass = "py-[length:var(--table-cell-padding-y)]";
+var toneSuccessClass = "border-success/30 bg-success/10 text-success";
+var toneWarningClass = "border-warning/30 bg-warning/10 text-warning-foreground";
+var toneInfoClass = "border-info/30 bg-info/10 text-info";
+var toneDestructiveClass = "border-destructive/30 bg-destructive/10 text-destructive";
+var toneNeutralClass = "border-border bg-muted text-muted-foreground";
+
+export { controlIconClass, controlIconLeadingClass, controlIconSmClass, controlMultilineClass, controlTriggerClass, tableCellPaddingClass, tableHeadHeightClass, tableRowHeightClass, toneDestructiveClass, toneInfoClass, toneNeutralClass, toneSuccessClass, toneWarningClass };

package/dist/chunk-IK7I3ABN.js

@@ -0,0 +1,88 @@
+import { controlIconSmClass } from './chunk-ICM6XBST.js';
+import { buttonVariants } from './chunk-HJEBRCXL.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { ChevronLeft, ChevronRight } from 'lucide-react';
+import { DayPicker } from 'react-day-picker';
+import { jsx } from 'react/jsx-runtime';
+
+function Calendar({
+  className,
+  classNames,
+  showOutsideDays = true,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    DayPicker,
+    {
+      showOutsideDays,
+      className: cn("p-3", className),
+      classNames: {
+        months: cn("flex flex-col gap-4 sm:flex-row", classNames?.months),
+        month: cn("relative flex flex-col gap-4", classNames?.month),
+        month_caption: cn(
+          "flex h-[length:var(--control-height)] w-full items-center justify-center px-8",
+          classNames?.month_caption
+        ),
+        caption_label: cn("text-sm font-medium", classNames?.caption_label),
+        nav: cn("absolute inset-x-0 top-3 flex items-center justify-between px-1", classNames?.nav),
+        button_previous: cn(
+          buttonVariants({ variant: "outline" }),
+          controlIconSmClass,
+          "bg-transparent p-0 opacity-70 hover:opacity-100",
+          classNames?.button_previous
+        ),
+        button_next: cn(
+          buttonVariants({ variant: "outline" }),
+          controlIconSmClass,
+          "bg-transparent p-0 opacity-70 hover:opacity-100",
+          classNames?.button_next
+        ),
+        month_grid: cn("mt-4 w-full border-collapse", classNames?.month_grid),
+        weekdays: cn("flex", classNames?.weekdays),
+        weekday: cn(
+          "w-[length:var(--control-height)] rounded-md text-xs font-normal text-muted-foreground",
+          classNames?.weekday
+        ),
+        week: cn("mt-2 flex w-full", classNames?.week),
+        day: cn(
+          "relative p-0 text-center text-sm focus-within:relative focus-within:z-20",
+          "[&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50",
+          "[&:has([aria-selected].day-range-end)]:rounded-r-md",
+          classNames?.day
+        ),
+        day_button: cn(
+          buttonVariants({ variant: "ghost" }),
+          "size-[length:var(--control-height)] p-0 font-normal aria-selected:opacity-100",
+          classNames?.day_button
+        ),
+        range_start: cn("day-range-start rounded-l-md", classNames?.range_start),
+        range_end: cn("day-range-end rounded-r-md", classNames?.range_end),
+        range_middle: cn(
+          "aria-selected:bg-accent aria-selected:text-accent-foreground",
+          classNames?.range_middle
+        ),
+        selected: cn(
+          "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+          classNames?.selected
+        ),
+        today: cn("bg-accent text-accent-foreground", classNames?.today),
+        outside: cn(
+          "day-outside text-muted-foreground aria-selected:text-muted-foreground",
+          classNames?.outside
+        ),
+        disabled: cn("text-muted-foreground opacity-50", classNames?.disabled),
+        hidden: cn("invisible", classNames?.hidden),
+        ...classNames
+      },
+      components: {
+        Chevron: ({ orientation, className: chevronClassName }) => {
+          const Icon = orientation === "left" ? ChevronLeft : ChevronRight;
+          return /* @__PURE__ */ jsx(Icon, { className: cn("size-4", chevronClassName), "aria-hidden": "true" });
+        }
+      },
+      ...props
+    }
+  );
+}
+
+export { Calendar };

package/dist/chunk-L6J44O74.js

@@ -0,0 +1,144 @@
+import { controlIconClass } from './chunk-ICM6XBST.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { Check, Loader2, X, Circle } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function resolveStepStatus(index, current, itemStatus, currentStatus) {
+  if (itemStatus) return itemStatus;
+  if (index < current) return "finish";
+  if (index === current) return currentStatus ?? "process";
+  return "wait";
+}
+function StepIcon({
+  status,
+  icon,
+  type
+}) {
+  if (icon)
+    return /* @__PURE__ */ jsx("span", { className: cn("flex items-center justify-center", controlIconClass), children: icon });
+  if (type === "dot") {
+    return /* @__PURE__ */ jsx(
+      "span",
+      {
+        className: cn(
+          "block size-2.5 rounded-full",
+          status === "finish" && "bg-primary",
+          status === "process" && "bg-primary ring-primary/20 ring-4",
+          status === "error" && "bg-destructive",
+          status === "wait" && "bg-muted-foreground/30"
+        )
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      className: cn(
+        "flex items-center justify-center",
+        controlIconClass,
+        "rounded-full border-2 text-sm font-medium",
+        status === "finish" && "border-primary bg-primary text-primary-foreground",
+        status === "process" && "border-primary text-primary",
+        status === "error" && "border-destructive bg-destructive text-destructive-foreground",
+        status === "wait" && "border-muted-foreground/30 text-muted-foreground"
+      ),
+      children: [
+        status === "finish" && /* @__PURE__ */ jsx(Check, { className: "size-4", "aria-hidden": "true" }),
+        status === "process" && /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" }),
+        status === "error" && /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
+        status === "wait" && /* @__PURE__ */ jsx(Circle, { className: "size-3 fill-current", "aria-hidden": "true" })
+      ]
+    }
+  );
+}
+function Steps({
+  items = [],
+  current = 0,
+  initial = 0,
+  status: currentStatus = "process",
+  orientation = "horizontal",
+  type = "default",
+  size = "default",
+  titlePlacement = "horizontal",
+  onChange,
+  className
+}) {
+  const base = initial;
+  const isVertical = orientation === "vertical";
+  const compact = size === "small";
+  return /* @__PURE__ */ jsx(
+    "ol",
+    {
+      className: cn(
+        "flex w-full",
+        isVertical ? "flex-col gap-0" : "flex-row items-start",
+        className
+      ),
+      "aria-label": "Progress",
+      children: items.map((item, index) => {
+        const absoluteIndex = base + index;
+        const stepStatus = resolveStepStatus(absoluteIndex, current, item.status, currentStatus);
+        const clickable = Boolean(onChange) && !item.disabled;
+        const description = item.content ?? item.description;
+        return /* @__PURE__ */ jsx(
+          "li",
+          {
+            className: cn(
+              "relative flex min-w-0 flex-1",
+              isVertical ? "flex-row gap-3 pb-8 last:pb-0" : "flex-col items-center text-center",
+              !isVertical && index < items.length - 1 && "after:bg-border after:absolute after:top-4 after:h-px",
+              !isVertical && index < items.length - 1 && "after:left-[calc(50%+1.25rem)] after:w-[calc(100%-2.5rem)]"
+            ),
+            children: /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                disabled: !clickable,
+                onClick: clickable ? () => onChange?.(absoluteIndex) : void 0,
+                className: cn(
+                  "group flex min-w-0",
+                  isVertical ? "flex-row items-start gap-3" : "flex-col items-center",
+                  clickable && "cursor-pointer",
+                  !clickable && "cursor-default"
+                ),
+                children: [
+                  /* @__PURE__ */ jsx(StepIcon, { status: stepStatus, icon: item.icon, type }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: cn(
+                        "min-w-0",
+                        isVertical ? "pt-1 text-left" : "mt-2 px-2",
+                        titlePlacement === "vertical" && !isVertical && "mt-1"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsx(
+                          "div",
+                          {
+                            className: cn(
+                              "font-medium",
+                              compact ? "text-xs" : "text-sm",
+                              stepStatus === "process" && "text-foreground",
+                              stepStatus === "wait" && "text-muted-foreground",
+                              stepStatus === "error" && "text-destructive"
+                            ),
+                            children: item.title
+                          }
+                        ),
+                        item.subTitle && /* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs", children: item.subTitle }),
+                        description && /* @__PURE__ */ jsx("div", { className: cn("text-muted-foreground", compact ? "text-xs" : "text-sm"), children: description })
+                      ]
+                    }
+                  )
+                ]
+              }
+            )
+          },
+          index
+        );
+      })
+    }
+  );
+}
+
+export { Steps };

package/dist/chunk-LDSLS6HE.js

@@ -0,0 +1 @@
+