@godxjp/ui 6.0.0 → 6.0.2

package/dist/chunk-7NZFVD24.js

@@ -0,0 +1,122 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var cardVariants = cva("group/card border", {
+  variants: {
+    size: {
+      default: "",
+      compact: ""
+    }
+  },
+  defaultVariants: { size: "default" }
+});
+var Card = React.forwardRef(
+  ({ className, size = "default", accent, variant, density, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ size }), className),
+      "data-slot": "card",
+      "data-size": size === "compact" ? "compact" : void 0,
+      "data-accent": accent,
+      "data-variant": variant && variant !== "default" ? variant : void 0,
+      "data-density": density,
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+var CardCover = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-cover", className: cn("ui-card-cover", className), ...props })
+);
+CardCover.displayName = "CardCover";
+var CardHeader = React.forwardRef(
+  ({ className, banded, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-header",
+      "data-banded": banded ? "" : void 0,
+      className: cn(banded && "ui-card-header--banded", className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+var CardTitle = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx("h3", { ref, "data-slot": "card-title", className, ...props, children }));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("p", { ref, "data-slot": "card-description", className, ...props }));
+CardDescription.displayName = "CardDescription";
+var CardContent = React.forwardRef(
+  ({ className, flush, tight, solo, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-content",
+      "data-flush": flush ? "" : void 0,
+      "data-tight": tight ? "" : void 0,
+      "data-solo": solo ? "" : void 0,
+      className,
+      ...props
+    }
+  )
+);
+CardContent.displayName = "CardContent";
+var CardFooter = React.forwardRef(
+  ({ className, separated, flush, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      "data-slot": "card-footer",
+      "data-separated": separated ? "" : void 0,
+      "data-flush": flush ? "" : void 0,
+      className,
+      ...props
+    }
+  )
+);
+CardFooter.displayName = "CardFooter";
+function CardStat({
+  label,
+  value,
+  hint,
+  delta,
+  layout = "stacked",
+  align = "start",
+  className,
+  size = "compact",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Card,
+    {
+      size: size ?? "compact",
+      className,
+      "data-stat-card": "",
+      "data-stat-layout": layout,
+      "data-stat-align": align,
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxs("div", { "data-slot": "card-stat-body", children: [
+          /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-label", children: label }),
+          hint && layout === "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-hint", children: hint }) : null
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { "data-slot": "card-stat-value-row", children: [
+            /* @__PURE__ */ jsx("span", { "data-slot": "card-stat-value", children: value }),
+            delta ? /* @__PURE__ */ jsx("span", { "data-slot": "card-stat-delta", children: delta }) : null
+          ] }),
+          hint && layout !== "inline" ? /* @__PURE__ */ jsx("div", { "data-slot": "card-stat-hint", children: hint }) : null
+        ] })
+      ]
+    }
+  );
+}
+var CardAction = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, "data-slot": "card-action", className, ...props })
+);
+CardAction.displayName = "CardAction";
+
+export { Card, CardAction, CardContent, CardCover, CardDescription, CardFooter, CardHeader, CardStat, CardTitle };

package/dist/chunk-7PWBC4BY.js

@@ -0,0 +1,25 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as LabelPrimitive from '@radix-ui/react-label';
+import { cva } from 'class-variance-authority';
+import { jsx } from 'react/jsx-runtime';
+
+var labelVariants = cva(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    "data-slot": "label",
+    className: cn(
+      "flex items-center gap-2 select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50",
+      labelVariants(),
+      className
+    ),
+    ...props
+  }
+));
+Label.displayName = LabelPrimitive.Root.displayName;
+
+export { Label };

package/dist/chunk-7S7MYFXE.js

@@ -0,0 +1,61 @@
+import { formatDate, translateCurrent } from './chunk-YFCQKO3B.js';
+
+// src/lib/format.ts
+function formatDateTime(value, options) {
+  return formatDate(value, { ...options, kind: "datetime" });
+}
+function formatDateLong(value, options) {
+  return formatDate(value, { ...options, kind: "long" });
+}
+function formatRelative(value, options) {
+  return formatDate(value, { ...options, kind: "relative" });
+}
+function formatBytes(n) {
+  if (n == null) return "\u2014";
+  if (n < 1024) return `${n} B`;
+  if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`;
+  if (n < 1024 * 1024 * 1024) return `${(n / 1024 / 1024).toFixed(1)} MB`;
+  return `${(n / 1024 / 1024 / 1024).toFixed(2)} GB`;
+}
+function formatCurrency(amountMinor, currency) {
+  if (amountMinor == null || !currency) return "\u2014";
+  const zeroDecimal = [
+    "JPY",
+    "VND",
+    "KRW",
+    "CLP",
+    "ISK",
+    "BIF",
+    "DJF",
+    "GNF",
+    "KMF",
+    "RWF",
+    "XAF",
+    "XOF",
+    "XPF"
+  ];
+  const minorUnitDigits = zeroDecimal.includes(currency.toUpperCase()) ? 0 : 2;
+  const major = amountMinor / Math.pow(10, minorUnitDigits);
+  return new Intl.NumberFormat("en-US", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: minorUnitDigits,
+    maximumFractionDigits: minorUnitDigits
+  }).format(major);
+}
+function shortId(id) {
+  if (!id) return "\u2014";
+  if (id.length <= 12) return id;
+  return id.slice(0, 8) + "\u2026";
+}
+function humanError(err) {
+  if (err instanceof Error) {
+    const msg = err.message;
+    const cleaned = msg.replace(/^\d{3}[^:]*:\s*/, "");
+    if (cleaned && cleaned !== "(empty)") return cleaned;
+    return translateCurrent("feedback.genericError");
+  }
+  return translateCurrent("feedback.genericError");
+}
+
+export { formatBytes, formatCurrency, formatDateLong, formatDateTime, formatRelative, humanError, shortId };

package/dist/chunk-7WRZG2IG.js

@@ -0,0 +1,71 @@
+import { FormField } from './chunk-F7PG4OEV.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { useForm, FormProvider, useFormContext, Controller } from 'react-hook-form';
+import { zodResolver } from '@hookform/resolvers/zod';
+import { jsx } from 'react/jsx-runtime';
+
+function useZodForm(schema, options) {
+  return useForm({
+    ...options,
+    // zodResolver + Zod 4 inference gap — runtime types are correct.
+    resolver: zodResolver(schema)
+  });
+}
+function FormRoot({
+  form,
+  onSubmit,
+  children,
+  className,
+  id
+}) {
+  return /* @__PURE__ */ jsx(FormProvider, { ...form, children: /* @__PURE__ */ jsx(
+    "form",
+    {
+      id,
+      className: cn("ui-stack-md", className),
+      onSubmit: (event) => {
+        void form.handleSubmit((values) => onSubmit(values))(event);
+      },
+      noValidate: true,
+      children
+    }
+  ) });
+}
+function FormFieldControl({
+  name,
+  label,
+  required,
+  helper,
+  className,
+  children
+}) {
+  const { control } = useFormContext();
+  return /* @__PURE__ */ jsx(
+    Controller,
+    {
+      name,
+      control,
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsx(
+        FormField,
+        {
+          id: String(name),
+          label,
+          required,
+          helper,
+          error: fieldState.error?.message,
+          className,
+          children: children({
+            id: String(name),
+            name: field.name,
+            value: field.value,
+            onChange: field.onChange,
+            onBlur: field.onBlur,
+            ref: field.ref
+          })
+        }
+      )
+    }
+  );
+}
+
+export { FormFieldControl, FormRoot, useZodForm };

package/dist/chunk-B775Y6BE.js

@@ -0,0 +1 @@
+

package/dist/chunk-BHV2FUOA.js

@@ -0,0 +1,111 @@
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function Sheet(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Root, { "data-slot": "sheet", ...props });
+}
+function SheetTrigger(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+}
+function SheetClose(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Close, { "data-slot": "sheet-close", ...props });
+}
+function SheetPortal(props) {
+  return /* @__PURE__ */ jsx(DialogPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+}
+var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    "data-slot": "sheet-overlay",
+    className: cn(
+      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50",
+      className
+    ),
+    ...props
+  }
+));
+SheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-50 flex flex-col gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:animate-in data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-md",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-md",
+        top: "inset-x-0 top-0 h-auto border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 h-auto border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom"
+      }
+    },
+    defaultVariants: { side: "right" }
+  }
+);
+var SheetContent = React.forwardRef(({ side = "right", className, children, showCloseButton = true, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    DialogPrimitive.Content,
+    {
+      ref,
+      "data-slot": "sheet-content",
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        showCloseButton ? /* @__PURE__ */ jsxs(
+          DialogPrimitive.Close,
+          {
+            "data-slot": "sheet-close",
+            className: "ring-offset-background focus:ring-ring absolute end-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none",
+            children: [
+              /* @__PURE__ */ jsx(X, { className: "size-4", "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+            ]
+          }
+        ) : null
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = DialogPrimitive.Content.displayName;
+var SheetHeader = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "sheet-header",
+    className: cn("flex flex-col gap-1.5 text-center sm:text-left", className),
+    ...props
+  }
+);
+var SheetFooter = ({ className, ...props }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "sheet-footer",
+    className: cn("mt-auto flex flex-col gap-2", className),
+    ...props
+  }
+);
+var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "sheet-title",
+    className: cn("text-foreground text-lg font-semibold", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Description,
+  {
+    ref,
+    "data-slot": "sheet-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  }
+));
+SheetDescription.displayName = DialogPrimitive.Description.displayName;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/chunk-BI3HERR7.js

@@ -0,0 +1,70 @@
+import { Calendar } from './chunk-IK7I3ABN.js';
+import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
+import { Button } from './chunk-HJEBRCXL.js';
+import { useTranslation, usePickerLocales } from './chunk-3F2AKYRD.js';
+import { formatDate } from './chunk-YFCQKO3B.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import * as React from 'react';
+import { CalendarIcon } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function formatRange(range) {
+  if (!range?.from) return "";
+  const fmt = (d) => formatDate(d, { kind: "calendar" });
+  if (!range.to) return fmt(range.from);
+  return `${fmt(range.from)} \u2013 ${fmt(range.to)}`;
+}
+function DateRangePicker({
+  value,
+  onChange,
+  placeholder,
+  disabled,
+  className,
+  id,
+  locale: localeProp,
+  fromDate,
+  toDate
+}) {
+  const { t } = useTranslation();
+  const { dayPickerLocale } = usePickerLocales(localeProp);
+  const [open, setOpen] = React.useState(false);
+  const label = formatRange(value);
+  const resolvedPlaceholder = placeholder ?? t("dataEntry.dateRangePicker.placeholder");
+  return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
+      Button,
+      {
+        id,
+        type: "button",
+        variant: "outline",
+        disabled,
+        className: cn(
+          "w-full justify-start text-left font-normal",
+          !label && "text-muted-foreground",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(CalendarIcon, { className: "mr-2 size-4 shrink-0", "aria-hidden": "true" }),
+          label || resolvedPlaceholder
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx(
+      Calendar,
+      {
+        mode: "range",
+        selected: value,
+        onSelect: onChange,
+        locale: dayPickerLocale,
+        disabled: [
+          ...fromDate ? [{ before: fromDate }] : [],
+          ...toDate ? [{ after: toDate }] : []
+        ],
+        startMonth: fromDate,
+        endMonth: toDate
+      }
+    ) })
+  ] });
+}
+
+export { DateRangePicker };

package/dist/chunk-BPSKQUL2.js

@@ -0,0 +1,68 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from './chunk-XG7XDYIM.js';
+import { cn } from './chunk-U7N2A7A3.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function TabsItems({
+  items,
+  value,
+  defaultValue,
+  onValueChange,
+  variant = "default",
+  className,
+  listClassName,
+  contentClassName
+}) {
+  const firstKey = items[0]?.key;
+  const resolvedDefault = defaultValue ?? firstKey;
+  return /* @__PURE__ */ jsxs(
+    Tabs,
+    {
+      value,
+      defaultValue: value === void 0 ? resolvedDefault : void 0,
+      onValueChange,
+      className,
+      "data-slot": "tabs",
+      children: [
+        /* @__PURE__ */ jsx(
+          TabsList,
+          {
+            "data-slot": "tabs-list",
+            className: cn(
+              variant === "line" && "h-auto w-full justify-start rounded-none border-b bg-transparent p-0",
+              variant === "card" && "w-full justify-start",
+              listClassName
+            ),
+            children: items.map((item) => /* @__PURE__ */ jsxs(
+              TabsTrigger,
+              {
+                value: item.key,
+                disabled: item.disabled,
+                className: cn(
+                  variant === "line" && "data-[state=active]:border-primary rounded-none border-b-2 border-transparent bg-transparent px-4 py-2 shadow-none data-[state=active]:bg-transparent data-[state=active]:shadow-none",
+                  variant === "card" && "data-[state=active]:shadow-sm"
+                ),
+                children: [
+                  item.icon && /* @__PURE__ */ jsx("span", { className: "mr-1.5 inline-flex", children: item.icon }),
+                  item.label
+                ]
+              },
+              item.key
+            ))
+          }
+        ),
+        items.map((item) => /* @__PURE__ */ jsx(
+          TabsContent,
+          {
+            value: item.key,
+            "data-slot": "tabs-panel",
+            className: cn(variant === "line" && "mt-0", contentClassName),
+            children: item.children
+          },
+          item.key
+        ))
+      ]
+    }
+  );
+}
+
+export { TabsItems };