@godxjp/ui 13.9.3 → 13.10.0

package/dist/components/feedback/sheet.d.ts

@@ -1,19 +1,15 @@
-import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { VariantProps } from 'class-variance-authority';
-import { W as WidthProp } from '../../shared.prop-BvMSLFJ6.js';
-import { k as ToneProp } from '../../interaction.prop-DD46aTro.js';
-
-declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
-declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): react_jsx_runtime.JSX.Element;
-declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): react_jsx_runtime.JSX.Element;
-declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+import * as React from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { type VariantProps } from "class-variance-authority";
+import type { ToneProp, WidthProp } from "../../props/vocabulary";
+export declare function Sheet(props: React.ComponentProps<typeof DialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export declare function SheetTrigger(props: React.ComponentProps<typeof DialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+export declare function SheetClose(props: React.ComponentProps<typeof DialogPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+export declare function SheetPortal(props: React.ComponentProps<typeof DialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+export declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
     side?: "left" | "right" | "top" | "bottom" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
     showCloseButton?: boolean;
     /**
@@ -23,8 +19,8 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof Dialog
      */
     width?: WidthProp;
 }
-declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
-interface SheetHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
+export declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+export interface SheetHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title"> {
     /** Header title (Ant Drawer-style). Rendered as the Radix-bound SheetTitle (accessible name). */
     title?: React.ReactNode;
     /** Secondary line under the title (rendered as SheetDescription). */
@@ -34,10 +30,9 @@ interface SheetHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "t
     /** Soft semantic background band for the header. `default` = no band. */
     tone?: ToneProp;
 }
-declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => react_jsx_runtime.JSX.Element;
-declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
-declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
-
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, type SheetHeaderProps, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };
+export declare const SheetHeader: ({ className, title, subtitle, extra, tone, children, ...props }: SheetHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SheetBody: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const SheetFooter: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+export declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export {};

package/dist/components/feedback/sheet.js

@@ -1,3 +1,192 @@
-export { Sheet, SheetBody, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger } from '../../chunk-5LTW2LWF.js';
-import '../../chunk-VU4GFGDG.js';
-import '../../chunk-U7N2A7A3.js';
+import { jsx, jsxs } from "react/jsx-runtime";
+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 { cn } from "../../lib/utils";
+import { overlayHeaderToneClass } from "./overlay-header-tone";
+const toCssLength = (v) => typeof v === "number" ? `${v}px` : v;
+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 });
+}
+const 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;
+const sheetVariants = cva(
+  "fixed z-50 flex flex-col gap-[var(--space-chrome-gap)] bg-background px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)] 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` is a deliberately PHYSICAL API (left/right/top/bottom) — a sheet
+      // opens from the edge the consumer names, not a locale-flipped one, matching
+      // the Radix/shadcn Sheet convention. The physical classes below are intended.
+      side: {
+        /* rtl-ignore: named physical 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",
+        /* rtl-ignore: named physical side */
+        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" }
+  }
+);
+const SheetContent = React.forwardRef(
+  ({ side = "right", className, children, showCloseButton = true, width, style, ...props }, ref) => {
+    const horizontal = side === "left" || side === "right";
+    const widthSet = width != null && horizontal;
+    const mergedStyle = widthSet ? { ...style, ["--sheet-width"]: toCssLength(width) } : style;
+    return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+      /* @__PURE__ */ jsx(SheetOverlay, {}),
+      /* @__PURE__ */ jsxs(
+        DialogPrimitive.Content,
+        {
+          ref,
+          "data-slot": "sheet-content",
+          style: mergedStyle,
+          className: cn(
+            sheetVariants({ side }),
+            // `width` caps at the viewport: full-width panel on a small screen, capped on a large one.
+            widthSet && "w-[min(var(--sheet-width),100%)] max-w-none sm:max-w-none",
+            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;
+const SheetHeader = ({
+  className,
+  title,
+  subtitle,
+  extra,
+  tone = "default",
+  children,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-header",
+      "data-tone": tone,
+      className: cn(
+        "-mx-[var(--sheet-pad-x)] -mt-[var(--sheet-pad-y)] flex flex-col gap-1.5 px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
+        overlayHeaderToneClass[tone],
+        className
+      ),
+      ...props,
+      children: children ?? // `pe-8` reserves room for the absolute close button (end-4) so title/extra never sit under it.
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-3 pe-8", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-col gap-1", children: [
+          title != null && /* @__PURE__ */ jsx(SheetTitle, { children: title }),
+          subtitle != null && /* @__PURE__ */ jsx(SheetDescription, { children: subtitle })
+        ] }),
+        extra != null && /* @__PURE__ */ jsx("div", { className: "flex shrink-0 items-center gap-2 whitespace-nowrap", children: extra })
+      ] })
+    }
+  );
+};
+const SheetBody = ({ className, ...props }) => (
+  // Scrollable region between a fixed header and a pinned footer (rule #41). Full-bleed horizontally
+  // (`-mx-6 px-6`) so content aligns to the sheet edge while the 3px focus ring of a full-width
+  // control keeps 24px of room and never clips against the scroll container's computed
+  // `overflow-x`. `py-1`/`scroll-py-1` keep a focused control's ring visible at the scroll edges.
+  // Use this instead of a hand-rolled `<div className="overflow-y-auto">` (which clips rings).
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-body",
+      className: cn(
+        "-mx-[var(--sheet-pad-x)] min-h-0 flex-1 scroll-py-1 overflow-y-auto px-[var(--sheet-pad-x)] py-1",
+        className
+      ),
+      ...props
+    }
+  )
+);
+const SheetFooter = ({ className, ...props }) => (
+  // Pinned action bar (Ant Design Drawer footer): sticks to the bottom, full-bleed top border, actions
+  // RIGHT-aligned (primary rightmost). A destructive / clear / reset action goes far-LEFT — give it
+  // `className="me-auto"`. See cardinal rule "Drawer & dialog footer layout".
+  // Owns its full vertical padding (symmetric 16/16) via `py-4`; `-mb-6` cancels SheetContent's
+  // `p-6` bottom so the footer doesn't inherit an asymmetric 16-top / 24-bottom rhythm.
+  /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "sheet-footer",
+      className: cn(
+        "-mx-[var(--sheet-pad-x)] mt-auto -mb-[var(--sheet-pad-y)] flex flex-wrap items-center justify-end gap-2 px-[var(--sheet-pad-x)] py-[var(--sheet-pad-y)]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  DialogPrimitive.Title,
+  {
+    ref,
+    "data-slot": "sheet-title",
+    className: cn("text-foreground text-lg font-medium", className),
+    ...props
+  }
+));
+SheetTitle.displayName = DialogPrimitive.Title.displayName;
+const 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,
+  SheetBody,
+  SheetClose,
+  SheetContent,
+  SheetDescription,
+  SheetFooter,
+  SheetHeader,
+  SheetOverlay,
+  SheetPortal,
+  SheetTitle,
+  SheetTrigger
+};

package/dist/components/feedback/skeleton.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+export type SkeletonProps = React.HTMLAttributes<HTMLDivElement>;
+export declare function Skeleton({ className, ...props }: SkeletonProps): import("react/jsx-runtime").JSX.Element;
+interface SkeletonRowsProps {
+    rows?: number;
+    columns?: number;
+    className?: string;
+}
+/** Skeleton for a flat list of rows (use inside a Card or section). */
+export declare function SkeletonRows({ rows, columns, className }: SkeletonRowsProps): import("react/jsx-runtime").JSX.Element;
+/** Skeleton matching the DataTable layout — header row + N body rows. */
+export declare function SkeletonTable({ rows, columns }: SkeletonRowsProps): import("react/jsx-runtime").JSX.Element;
+/** Skeleton matching a Card detail layout — title + 6 metadata rows. */
+export declare function SkeletonDetail(): import("react/jsx-runtime").JSX.Element;
+/** Skeleton matching a stat card / dashboard tile. */
+export declare function SkeletonStat(): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/{chunk-2BR7KFCP.js → components/feedback/skeleton.js}

@@ -1,7 +1,6 @@
-import { tableCellPaddingClass, tableRowHeightClass } from './chunk-B4K4BXEF.js';
-import { cn } from './chunk-U7N2A7A3.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn } from "../../lib/utils";
+import { tableCellPaddingClass, tableRowHeightClass } from "../../lib/control-styles";
 function Skeleton({ className, ...props }) {
   return /* @__PURE__ */ jsx(
     "div",
@@ -52,5 +51,10 @@ function SkeletonStat() {
     /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
   ] });
 }
-
-export { Skeleton, SkeletonDetail, SkeletonRows, SkeletonStat, SkeletonTable };
+export {
+  Skeleton,
+  SkeletonDetail,
+  SkeletonRows,
+  SkeletonStat,
+  SkeletonTable
+};

package/dist/components/feedback/sonner.d.ts

@@ -1,6 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ToasterProps } from 'sonner';
-
-declare function Toaster({ ...props }: ToasterProps): react_jsx_runtime.JSX.Element;
-
+import { type ToasterProps } from "sonner";
+declare function Toaster({ ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
 export { Toaster };

package/dist/components/feedback/sonner.js

@@ -1 +1,50 @@
-export { Toaster } from '../../chunk-TO7URV7U.js';
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { CheckCircle2, Info, Loader2, OctagonX, TriangleAlert } from "lucide-react";
+import { Toaster as Sonner } from "sonner";
+function useDocumentTheme() {
+  return React.useSyncExternalStore(
+    (onStoreChange) => {
+      if (typeof document === "undefined") return () => void 0;
+      const mq = window.matchMedia("(prefers-color-scheme: dark)");
+      mq.addEventListener("change", onStoreChange);
+      const obs = new MutationObserver(onStoreChange);
+      obs.observe(document.documentElement, { attributes: true, attributeFilter: ["class"] });
+      return () => {
+        mq.removeEventListener("change", onStoreChange);
+        obs.disconnect();
+      };
+    },
+    () => document.documentElement.classList.contains("dark") ? "dark" : "light",
+    () => "light"
+  );
+}
+function Toaster({ ...props }) {
+  const theme = useDocumentTheme();
+  return /* @__PURE__ */ jsx(
+    Sonner,
+    {
+      theme,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ jsx(CheckCircle2, { className: "size-4", "aria-hidden": "true" }),
+        info: /* @__PURE__ */ jsx(Info, { className: "size-4", "aria-hidden": "true" }),
+        warning: /* @__PURE__ */ jsx(TriangleAlert, { className: "size-4", "aria-hidden": "true" }),
+        error: /* @__PURE__ */ jsx(OctagonX, { className: "size-4", "aria-hidden": "true" }),
+        loading: /* @__PURE__ */ jsx(Loader2, { className: "size-4 animate-spin", "aria-hidden": "true" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)"
+      },
+      position: "bottom-right",
+      mobileOffset: { bottom: "16px", right: "16px" },
+      ...props
+    }
+  );
+}
+export {
+  Toaster
+};

package/dist/components/feedback/tooltip.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+/** Opt-in provider for tuning delay across a subtree. Each <Tooltip> already self-provides. */
+export declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+/** Self-contained tooltip — no app-level provider needed. Controllable via `open`/`onOpenChange`. */
+export declare function Tooltip({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Root> & {
+    delayDuration?: number;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-32WO3YLB.js → components/feedback/tooltip.js}

@@ -1,8 +1,7 @@
-import { cn } from './chunk-U7N2A7A3.js';
-import * as React from 'react';
-import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import { jsx } from 'react/jsx-runtime';
-
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TooltipPrimitive from "@radix-ui/react-tooltip";
+import { cn } from "../../lib/utils";
 function TooltipProvider({
   delayDuration = 200,
   ...props
@@ -15,8 +14,8 @@ function Tooltip({
 }) {
   return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, { delayDuration, children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props }) });
 }
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 6, children, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+const TooltipTrigger = TooltipPrimitive.Trigger;
+const TooltipContent = React.forwardRef(({ className, sideOffset = 6, children, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
   TooltipPrimitive.Content,
   {
     ref,
@@ -34,5 +33,9 @@ var TooltipContent = React.forwardRef(({ className, sideOffset = 6, children, ..
   }
 ) }));
 TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
+export {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger
+};

package/dist/components/feedback/use-toast.d.ts

@@ -0,0 +1,3 @@
+import { toast as sonnerToast } from "sonner";
+export type { ExternalToast } from "sonner";
+export { sonnerToast, sonnerToast as toast };

package/dist/components/feedback/use-toast.js

@@ -0,0 +1,5 @@
+import { toast as sonnerToast } from "sonner";
+export {
+  sonnerToast,
+  sonnerToast as toast
+};

package/dist/components/general/button.d.ts

@@ -1,27 +1,21 @@
-import { A as AsChildProp, e as OnClickProp, c as DisabledProp, P as PendingProp } from '../../shared.prop-BvMSLFJ6.js';
-import * as React from 'react';
-import { c as ButtonVariantProp, b as ButtonSizeProp, S as ShapeProp } from '../../interaction.prop-DD46aTro.js';
-import * as class_variance_authority_types from 'class-variance-authority/types';
-export { B as ButtonProp, B as ButtonProps } from '../../general.prop-CzlQin6v.js';
-
+import * as React from "react";
 declare const buttonVariants: (props?: ({
     variant?: "default" | "ghost" | "destructive" | "outline" | "dashed" | "secondary" | "link" | null | undefined;
     size?: "default" | "xs" | "sm" | "md" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
     shape?: "default" | "pill" | "sharp" | null | undefined;
-} & class_variance_authority_types.ClassProp) | undefined) => string;
-
-declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
-    variant?: ButtonVariantProp;
-    size?: ButtonSizeProp;
-    shape?: ShapeProp;
-    asChild?: AsChildProp;
-    onClick?: OnClickProp;
-    disabled?: DisabledProp;
-    loading?: PendingProp;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type { ButtonProp, ButtonProp as ButtonProps } from "../../props/components/general.prop";
+export declare const Button: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
+    variant?: import("../../props").ButtonVariantProp;
+    size?: import("../../props").ButtonSizeProp;
+    shape?: import("../../props").ShapeProp;
+    asChild?: import("../../props").AsChildProp;
+    onClick?: import("../../props").OnClickProp;
+    disabled?: import("../../props").DisabledProp;
+    loading?: import("../../props").PendingProp;
     loadingText?: string;
     count?: number;
     overflowCount?: number;
     showZero?: boolean;
 } & React.RefAttributes<HTMLButtonElement>>;
-
-export { Button, buttonVariants };
+export { buttonVariants };

package/dist/components/general/button.js

@@ -1,4 +1,118 @@
-export { Button, buttonVariants } from '../../chunk-XBFUROAY.js';
-import '../../chunk-B6S6LTWT.js';
-import '../../chunk-5732TWQF.js';
-import '../../chunk-U7N2A7A3.js';
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { Loader2 } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { useTranslation } from "../../i18n/use-translation";
+const buttonCountClass = {
+  default: "bg-primary-foreground/15",
+  destructive: "bg-destructive-foreground/15",
+  secondary: "bg-secondary-foreground/15",
+  outline: "bg-foreground/8 text-muted-foreground",
+  dashed: "bg-foreground/8 text-muted-foreground",
+  ghost: "bg-foreground/8 text-muted-foreground",
+  link: "bg-foreground/8 text-muted-foreground"
+};
+const 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",
+      dashed: "ui-button--dashed border border-dashed bg-background 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",
+      md: "ui-button--default-size py-2 has-[>svg]:px-3",
+      xs: "h-[calc(var(--control-height)-0.75rem)] gap-1 px-2 text-xs has-[>svg]:px-1.5 [&_svg:not([class*='size-'])]:size-3",
+      sm: "ui-button--sm gap-1.5 has-[>svg]:px-2.5",
+      lg: "ui-button--lg has-[>svg]:px-4",
+      icon: "ui-button--icon",
+      "icon-xs": "size-[calc(var(--control-height)-0.75rem)] [&_svg:not([class*='size-'])]:size-3",
+      "icon-sm": "size-[calc(var(--control-height)-0.5rem)]",
+      "icon-lg": "size-[calc(var(--control-height)+0.25rem)]"
+    },
+    // Single source of corner radius (deterministic — no competing rounded-* utility): default uses
+    // the control radius token, pill is fully rounded, sharp is square.
+    shape: {
+      default: "rounded-md",
+      pill: "rounded-[var(--radius-pill)]",
+      sharp: "rounded-[var(--radius-sharp)]"
+    }
+  },
+  defaultVariants: { variant: "default", size: "default", shape: "default" }
+});
+const Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    shape,
+    asChild = false,
+    loading = false,
+    loadingText,
+    count,
+    overflowCount = 99,
+    showZero = true,
+    disabled,
+    children,
+    ...props
+  }, ref) => {
+    const { locale } = useTranslation();
+    const Comp = asChild ? Slot : "button";
+    const isLoading = !asChild && loading;
+    const content = isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Loader2, { className: "animate-spin", "aria-hidden": "true" }),
+      loadingText ?? children
+    ] }) : children;
+    const showCount = !asChild && count != null && (count !== 0 || showZero);
+    const countLabel = showCount && count != null && count > overflowCount ? `${new Intl.NumberFormat(locale).format(overflowCount)}+` : count != null ? new Intl.NumberFormat(locale).format(count) : "";
+    const countNode = showCount ? /* @__PURE__ */ jsx(
+      "span",
+      {
+        "data-slot": "button-count",
+        className: cn(
+          "inline-flex min-w-4 items-center justify-center rounded-[var(--radius-pill)] px-1 text-xs leading-none tabular-nums",
+          buttonCountClass[variant ?? "default"]
+        ),
+        children: countLabel
+      }
+    ) : null;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        "data-slot": "button",
+        "data-variant": variant ?? "default",
+        "data-size": size ?? "default",
+        "data-shape": shape ?? "default",
+        "data-loading": isLoading ? "" : void 0,
+        "aria-busy": isLoading || void 0,
+        disabled: isLoading || disabled,
+        className: cn(
+          "inline-flex shrink-0 items-center justify-center gap-2 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",
+          "data-[loading]:pointer-events-none",
+          "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, shape, className })
+        ),
+        ref,
+        ...props,
+        children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+          content,
+          countNode
+        ] })
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+export {
+  Button,
+  buttonVariants
+};

package/dist/components/general/index.d.ts

@@ -1,37 +1,4 @@
-export { Button, buttonVariants } from './button.js';
-import * as React from 'react';
-import { H as HeadingLevelProp, j as TextToneProp, T as TextAlignProp, i as TextSizeProp, F as FontWeightProp } from '../../interaction.prop-DD46aTro.js';
-export { B as ButtonProps, H as HeadingProp, H as HeadingProps, T as TextProp, T as TextProps } from '../../general.prop-CzlQin6v.js';
-import '../../shared.prop-BvMSLFJ6.js';
-import 'class-variance-authority/types';
-
-/**
- * Text — the typographic primitive. Use it INSTEAD of a hand-rolled `<span className="text-[13px]
- * font-medium text-muted-foreground">`. `size` only accepts steps of the golden-ratio type scale
- * (never an arbitrary px), `tone` maps to semantic foreground tokens, `weight` respects the system's
- * 2-weight scale. Fully token-driven via `[data-slot="text"]` rules in text-layout.css.
- */
-declare const Text: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLElement>, "color"> & {
-    as?: "span" | "p" | "div" | "label" | "strong" | "em" | "small" | "code" | "kbd" | "dt" | "dd" | "caption" | "abbr";
-    size?: TextSizeProp;
-    tone?: TextToneProp;
-    weight?: FontWeightProp;
-    align?: TextAlignProp;
-    truncate?: boolean;
-    tabular?: boolean;
-    mono?: boolean;
-    htmlFor?: string;
-} & React.RefAttributes<HTMLElement>>;
-/**
- * Heading — h1..h4 sized from the `--heading-h*` tokens. `level` sets both the size token and the
- * semantic element; override the rendered element with `as` (e.g. a visual h2 that is a real <h1>).
- */
-declare const Heading: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
-    level?: HeadingLevelProp;
-    as?: "h1" | "h2" | "h3" | "h4" | "div";
-    tone?: TextToneProp;
-    align?: TextAlignProp;
-    truncate?: boolean;
-} & React.RefAttributes<HTMLHeadingElement>>;
-
-export { Heading, Text };
+export { Button, buttonVariants } from "./button";
+export type { ButtonProps } from "./button";
+export { Text, Heading } from "./typography";
+export type { TextProps, HeadingProps, TextProp, HeadingProp } from "./typography";