@godxjp/ui 6.0.0 → 6.0.2

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 @@
+

package/dist/chunk-LVNUHUEZ.js

@@ -0,0 +1,191 @@
+import { AlertQueryError } from './chunk-E4HJNQ62.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation } from './chunk-3F2AKYRD.js';
+import * as React from 'react';
+import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
+import { RefreshCw } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { useQueryClient } from '@tanstack/react-query';
+
+function defaultIsEmpty(data) {
+  if (!data) return true;
+  if (Array.isArray(data)) return data.length === 0;
+  if (typeof data === "object" && data !== null) {
+    const obj = data;
+    if (Array.isArray(obj.items)) return obj.items.length === 0;
+    if (typeof obj.length === "number") return obj.length === 0;
+  }
+  return false;
+}
+function DataState({
+  query,
+  skeleton,
+  empty,
+  isEmpty = defaultIsEmpty,
+  errorRenderer,
+  showRetry = true,
+  onRetry,
+  children
+}) {
+  const retry = React.useCallback(() => {
+    if (onRetry) {
+      void onRetry();
+      return;
+    }
+    void query.refetch();
+  }, [onRetry, query]);
+  if (query.isPending) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+  if (query.isError) {
+    if (query.isFetching) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+    if (errorRenderer) return /* @__PURE__ */ jsx(Fragment, { children: errorRenderer(query.error, retry) });
+    return /* @__PURE__ */ jsx(AlertQueryError, { error: query.error, onRetry: showRetry ? retry : void 0 });
+  }
+  const data = query.data;
+  if (data === void 0) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+  if (empty && (data === null || isEmpty(data))) return /* @__PURE__ */ jsx(Fragment, { children: empty });
+  return /* @__PURE__ */ jsx(Fragment, { children: children(data) });
+}
+function MutationFeedback({
+  mutation,
+  onRetry,
+  showRetry = true,
+  pending,
+  className
+}) {
+  if (mutation.isPending && pending) return /* @__PURE__ */ jsx(Fragment, { children: pending });
+  if (!mutation.isError || mutation.error == null) return null;
+  return /* @__PURE__ */ jsx(
+    AlertQueryError,
+    {
+      className,
+      error: mutation.error,
+      onRetry: showRetry ? onRetry : void 0
+    }
+  );
+}
+function QueryRefetchButton({
+  query,
+  label = "Refresh",
+  children,
+  variant = "outline",
+  size = "sm",
+  className,
+  ...props
+}) {
+  const text = children ?? label;
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      type: "button",
+      variant,
+      size,
+      className,
+      onClick: () => void query.refetch(),
+      disabled: query.isFetching,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          RefreshCw,
+          {
+            className: "ui-query-refetch-icon",
+            "data-fetching": query.isFetching,
+            "aria-hidden": "true"
+          }
+        ),
+        text
+      ]
+    }
+  );
+}
+function flattenItemPages(data) {
+  if (!data) return [];
+  return data.pages.flatMap((page) => page.items);
+}
+function defaultIsEmptyFlat(flat) {
+  if (Array.isArray(flat)) return flat.length === 0;
+  return !flat;
+}
+function InfiniteQueryState({
+  query,
+  skeleton,
+  empty,
+  flatten,
+  isEmpty = defaultIsEmptyFlat,
+  errorRenderer,
+  showRetry = true,
+  onRetry,
+  loadingMore,
+  loadMore,
+  showLoadMore = true,
+  children
+}) {
+  const { t } = useTranslation();
+  const retry = React.useCallback(() => {
+    if (onRetry) {
+      void onRetry();
+      return;
+    }
+    void query.refetch();
+  }, [onRetry, query]);
+  if (query.isPending) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+  if (query.isError) {
+    if (query.isFetching && !query.isFetchingNextPage) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+    if (errorRenderer) return /* @__PURE__ */ jsx(Fragment, { children: errorRenderer(query.error, retry) });
+    return /* @__PURE__ */ jsx(AlertQueryError, { error: query.error, onRetry: showRetry ? retry : void 0 });
+  }
+  const data = query.data;
+  if (!data) return /* @__PURE__ */ jsx(Fragment, { children: skeleton });
+  const flat = flatten(data);
+  if (empty && isEmpty(flat)) return /* @__PURE__ */ jsx(Fragment, { children: empty });
+  const footer = showLoadMore && query.hasNextPage ? loadMore ?? /* @__PURE__ */ jsx("div", { className: "flex justify-center pt-4", children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      type: "button",
+      variant: "outline",
+      size: "sm",
+      disabled: query.isFetchingNextPage,
+      onClick: () => void query.fetchNextPage(),
+      children: query.isFetchingNextPage ? t("common.working") : t("query.loadMore")
+    }
+  ) }) : null;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    children(flat, {
+      fetchNextPage: () => void query.fetchNextPage(),
+      hasNextPage: !!query.hasNextPage,
+      isFetchingNextPage: query.isFetchingNextPage
+    }),
+    query.isFetchingNextPage && (loadingMore ?? /* @__PURE__ */ jsx("p", { className: "text-muted-foreground pt-2 text-center text-xs", children: t("common.working") })),
+    footer
+  ] });
+}
+function PrefetchLink({
+  queryKey,
+  queryFn,
+  prefetchOn = "both",
+  staleTime = 3e4,
+  onMouseEnter,
+  onFocus,
+  ...linkProps
+}) {
+  const queryClient = useQueryClient();
+  const prefetch = React.useCallback(() => {
+    if (prefetchOn === "none") return;
+    void queryClient.prefetchQuery({ queryKey, queryFn, staleTime });
+  }, [prefetchOn, queryClient, queryFn, queryKey, staleTime]);
+  return /* @__PURE__ */ jsx(
+    Link,
+    {
+      ...linkProps,
+      onMouseEnter: (event) => {
+        if (prefetchOn === "hover" || prefetchOn === "both") prefetch();
+        onMouseEnter?.(event);
+      },
+      onFocus: (event) => {
+        if (prefetchOn === "focus" || prefetchOn === "both") prefetch();
+        onFocus?.(event);
+      }
+    }
+  );
+}
+
+export { DataState, InfiniteQueryState, MutationFeedback, PrefetchLink, QueryRefetchButton, flattenItemPages };

package/dist/chunk-M64MVRLS.js

@@ -0,0 +1,92 @@
+import { tableCellPaddingClass, tableRowHeightClass } from './chunk-ICM6XBST.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { toast as toast$1 } from 'sonner';
+
+function SkeletonBlock({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-busy": "true",
+      "aria-live": "polite",
+      className: cn("ui-skeleton-block", className),
+      ...props
+    }
+  );
+}
+function SkeletonRows({ rows = 6, columns = 4, className }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("ui-skeleton-rows", className), "aria-busy": "true", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx("div", { className: "ui-skeleton-row", children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx(
+    SkeletonBlock,
+    {
+      className: cn("h-4", j === 0 ? "w-1/4" : j === columns - 1 ? "w-1/6" : "flex-1")
+    },
+    j
+  )) }, i)) });
+}
+function SkeletonTable({ rows = 8, columns = 5 }) {
+  return /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-table", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx("div", { className: cn("ui-skeleton-table-head", tableCellPaddingClass, tableRowHeightClass), children: Array.from({ length: columns }).map((_, j) => /* @__PURE__ */ jsx(SkeletonBlock, { className: cn("h-3", j === 0 ? "w-1/5" : "flex-1") }, j)) }),
+    /* @__PURE__ */ jsx("div", { className: "ui-skeleton-table-body", children: Array.from({ length: rows }).map((_, i) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: cn("ui-skeleton-table-row", tableCellPaddingClass, tableRowHeightClass),
+        children: Array.from({ length: columns }).map((_2, j) => /* @__PURE__ */ jsx(SkeletonBlock, { className: cn("h-4", j === 0 ? "w-1/5" : "flex-1") }, j))
+      },
+      i
+    )) })
+  ] });
+}
+function SkeletonDetail() {
+  return /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-detail ui-skeleton-detail-stack", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-7 w-1/3" }),
+    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-1/2" }),
+    /* @__PURE__ */ jsx("div", { className: "ui-skeleton-detail-box ui-skeleton-detail-stack", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-detail-stack", children: [
+      /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-24" }),
+      /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-4 w-full max-w-md" })
+    ] }, i)) })
+  ] });
+}
+function SkeletonCard() {
+  return /* @__PURE__ */ jsxs("div", { className: "ui-skeleton-card", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-24" }),
+    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-[length:var(--control-height)] w-32" }),
+    /* @__PURE__ */ jsx(SkeletonBlock, { className: "h-3 w-20" })
+  ] });
+}
+function nodeText(value) {
+  if (value == null) return "";
+  if (typeof value === "string") return value;
+  if (typeof value === "number" || typeof value === "boolean") return String(value);
+  return "";
+}
+function legacyToast(options) {
+  const { title, description, variant, ...rest } = options;
+  const titleText = nodeText(title);
+  const descText = nodeText(description);
+  const message = titleText || descText;
+  const desc = titleText && descText ? descText : void 0;
+  const sonnerOptions = { ...rest, description: desc };
+  switch (variant) {
+    case "destructive":
+      return toast$1.error(message, sonnerOptions);
+    case "success":
+      return toast$1.success(message, sonnerOptions);
+    default:
+      return toast$1(message, sonnerOptions);
+  }
+}
+var toast = Object.assign((messageOrOptions) => {
+  if (typeof messageOrOptions === "string") {
+    return toast$1(messageOrOptions);
+  }
+  return legacyToast(messageOrOptions);
+}, toast$1);
+function useToast() {
+  return {
+    toast: (options) => legacyToast(options),
+    dismiss: toast$1.dismiss,
+    toasts: []
+  };
+}
+
+export { SkeletonCard, SkeletonDetail, SkeletonRows, SkeletonTable, toast, useToast };