@akira-io/ui 1.0.0 → 1.1.1

package/dist/chunk-ODYCBCKS.js

@@ -0,0 +1,290 @@
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+import { cva } from 'class-variance-authority';
+import { LoaderCircle } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Slot } from '@radix-ui/react-slot';
+import * as React from 'react';
+
+// src/lib/utils.ts
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+// src/lib/language.ts
+var surfaceRadius = "rounded-3xl";
+var controlRadius = "rounded-2xl";
+var compactRadius = "rounded-xl";
+var glassEdge = "ring-1 ring-surface-ring backdrop-blur-2xl backdrop-saturate-150";
+var elevatedSurface = `${glassEdge} ${surfaceRadius} border-0 shadow-(--glass-elevation)`;
+var floatingSurface = `${glassEdge} border-0 bg-popover/85 text-popover-foreground shadow-(--glass-elevation)`;
+var modalSurface = `${floatingSurface} ${surfaceRadius}`;
+var panelSurface = `${floatingSurface} ${controlRadius}`;
+var menuSurface = `${panelSurface} bg-popover/80`;
+var recessedSurface = `${controlRadius} border-0 bg-surface-recessed/30 text-foreground shadow-none ring-0 backdrop-blur-none`;
+var nestedRadius = controlRadius;
+var nestedSurfaceReset = "nested-surface:border-0 nested-surface:ring-0 nested-surface:bg-transparent nested-surface:shadow-none nested-surface:backdrop-blur-none";
+var nestedEdgeToEdge = "nested-surface:rounded-none";
+var glassControl = "ring-1 ring-surface-ring border-0 shadow-(--glass-shadow) backdrop-blur-md backdrop-saturate-150";
+var controlFill = "bg-surface-control";
+var fieldSurface = `${glassControl} ${controlFill} ${controlRadius} text-foreground`;
+var focusRing = "outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50";
+var quietFocus = "focus-visible:ring-1 focus-visible:ring-surface-ring focus-visible:border-transparent focus:shadow-lg focus:shadow-black/10";
+var menuHighlight = "outline-hidden focus:bg-accent focus:text-accent-foreground";
+function surface(inset) {
+  return inset ? `${elevatedSurface} ${recessedSurface}` : elevatedSurface;
+}
+var spinnerVariants = cva("inline-flex shrink-0", {
+  variants: {
+    size: {
+      sm: "size-3.5",
+      default: "size-4",
+      lg: "size-5"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function Spinner({
+  className,
+  label = "Loading",
+  size = "default",
+  slotName = "spinner",
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    "span",
+    {
+      ...props,
+      "data-size": size,
+      role: "status",
+      className: cn(spinnerVariants({ size }), className),
+      "data-slot": slotName,
+      children: [
+        /* @__PURE__ */ jsx(
+          LoaderCircle,
+          {
+            "aria-hidden": "true",
+            className: "animate-spin size-full text-current motion-reduce:animate-none"
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: label })
+      ]
+    }
+  );
+}
+var buttonVariants = cva(
+  `inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-2xl text-sm font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 aria-invalid:ring-destructive/20 aria-invalid:border-destructive ${focusRing}`,
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow-xl hover:bg-primary/90 hover:scale-[1.02] active:scale-[0.98]",
+        destructive: "bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/40",
+        outline: `${glassControl} ${controlFill} hover:bg-accent hover:text-accent-foreground`,
+        secondary: `${glassControl} bg-secondary/80 text-secondary-foreground hover:bg-secondary`,
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-11 px-4 has-[>svg]:px-3",
+        sm: "h-9 gap-1.5 rounded-xl px-3 has-[>svg]:px-2.5",
+        lg: "h-12 px-6 has-[>svg]:px-5 text-base",
+        icon: "size-11",
+        "icon-sm": "size-9 rounded-xl",
+        "icon-lg": "size-12"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+function spinnerSize(size) {
+  if (size === "sm" || size === "icon-sm") return "sm";
+  if (size === "lg" || size === "icon-lg") return "lg";
+  return "default";
+}
+function loadingPadding(size) {
+  if (size === "sm") return "px-2.5";
+  if (size === "lg") return "px-5";
+  if (size === "default") return "px-3";
+  return void 0;
+}
+function Button({
+  className,
+  variant = "default",
+  size = "default",
+  asChild = false,
+  loading,
+  loadingLabel = "Loading",
+  slotName = "button",
+  disabled,
+  children,
+  onClick,
+  ...props
+}) {
+  const isLoading = loading === true;
+  const hasLoadingState = loading !== void 0;
+  const resolvedSize = size ?? "default";
+  const baseClasses = buttonVariants({ variant, size: resolvedSize });
+  const classes = cn(baseClasses, className);
+  const loadingClasses = cn(
+    baseClasses,
+    loadingPadding(resolvedSize),
+    className
+  );
+  if (asChild) {
+    const Comp = asChild ? Slot : "button";
+    const mappedSpinnerSize2 = spinnerSize(resolvedSize);
+    const slottedChild = React.isValidElement(children) ? children : void 0;
+    const items2 = React.Children.toArray(slottedChild?.props.children);
+    const first2 = items2[0];
+    const iconOnly2 = resolvedSize.startsWith("icon");
+    const hasLeadingVisual2 = React.isValidElement(first2) && (items2.length > 1 || iconOnly2);
+    const leadingVisual2 = hasLeadingVisual2 ? first2 : void 0;
+    const label2 = hasLeadingVisual2 ? items2.slice(1) : items2;
+    const slottedChildren = hasLoadingState && slottedChild ? React.cloneElement(
+      slottedChild,
+      isLoading ? {
+        onClick(event) {
+          event.preventDefault();
+          event.stopPropagation();
+        }
+      } : void 0,
+      /* @__PURE__ */ jsxs(
+        "span",
+        {
+          "data-slot": "button-content",
+          className: "inline-flex items-center gap-[inherit]",
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "button-leading",
+                className: cn(
+                  "inline-grid shrink-0 place-items-center",
+                  spinnerVariants({ size: mappedSpinnerSize2 })
+                ),
+                children: isLoading ? /* @__PURE__ */ jsx(
+                  Spinner,
+                  {
+                    size: mappedSpinnerSize2,
+                    label: loadingLabel,
+                    className: "size-full"
+                  }
+                ) : leadingVisual2
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { "data-slot": "button-label", children: label2 }),
+            !hasLeadingVisual2 && !iconOnly2 && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-slot": "button-balance",
+                className: spinnerVariants({
+                  size: mappedSpinnerSize2
+                })
+              }
+            )
+          ]
+        }
+      )
+    ) : children;
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        ...props,
+        "data-slot": slotName,
+        "data-variant": variant,
+        "data-size": resolvedSize,
+        "data-loading": isLoading || void 0,
+        className: hasLoadingState ? loadingClasses : classes,
+        disabled: disabled || isLoading,
+        "aria-busy": isLoading ? true : props["aria-busy"],
+        "aria-disabled": isLoading ? true : props["aria-disabled"],
+        onClick: isLoading ? void 0 : onClick,
+        children: slottedChildren
+      }
+    );
+  }
+  if (loading === void 0) {
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        ...props,
+        "data-slot": slotName,
+        "data-variant": variant,
+        "data-size": resolvedSize,
+        className: classes,
+        disabled,
+        onClick,
+        children
+      }
+    );
+  }
+  const items = React.Children.toArray(children);
+  const first = items[0];
+  const iconOnly = resolvedSize.startsWith("icon");
+  const hasLeadingVisual = React.isValidElement(first) && (items.length > 1 || iconOnly);
+  const leadingVisual = hasLeadingVisual ? first : void 0;
+  const label = hasLeadingVisual ? items.slice(1) : items;
+  const mappedSpinnerSize = spinnerSize(resolvedSize);
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ...props,
+      "data-slot": slotName,
+      "data-variant": variant,
+      "data-size": resolvedSize,
+      "data-loading": isLoading || void 0,
+      className: loadingClasses,
+      disabled: disabled || isLoading,
+      "aria-busy": isLoading ? true : props["aria-busy"],
+      onClick,
+      children: /* @__PURE__ */ jsxs(
+        "span",
+        {
+          "data-slot": "button-content",
+          className: "inline-flex items-center gap-[inherit]",
+          children: [
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                "data-slot": "button-leading",
+                className: cn(
+                  "inline-grid shrink-0 place-items-center",
+                  spinnerVariants({ size: mappedSpinnerSize })
+                ),
+                children: isLoading ? /* @__PURE__ */ jsx(
+                  Spinner,
+                  {
+                    size: mappedSpinnerSize,
+                    label: loadingLabel,
+                    className: "size-full"
+                  }
+                ) : leadingVisual
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { "data-slot": "button-label", children: label }),
+            !hasLeadingVisual && !iconOnly && /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                "data-slot": "button-balance",
+                className: spinnerVariants({
+                  size: mappedSpinnerSize
+                })
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}
+
+export { Button, Spinner, buttonVariants, cn, compactRadius, controlFill, controlRadius, elevatedSurface, fieldSurface, floatingSurface, focusRing, glassControl, menuHighlight, menuSurface, modalSurface, nestedEdgeToEdge, nestedRadius, nestedSurfaceReset, panelSurface, quietFocus, recessedSurface, spinnerVariants, surface };
+//# sourceMappingURL=chunk-ODYCBCKS.js.map
+//# sourceMappingURL=chunk-ODYCBCKS.js.map

package/dist/chunk-ODYCBCKS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/lib/utils.ts","../src/lib/language.ts","../src/components/ui/spinner.tsx","../src/components/ui/button.tsx"],"names":["cva","mappedSpinnerSize","items","first","iconOnly","hasLeadingVisual","leadingVisual","label","jsxs","jsx"],"mappings":"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","file":"chunk-ODYCBCKS.js","sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n    return twMerge(clsx(inputs));\n}\n","export const surfaceRadius = 'rounded-3xl';\n\nexport const controlRadius = 'rounded-2xl';\n\nexport const compactRadius = 'rounded-xl';\n\nexport const glassEdge =\n    'ring-1 ring-surface-ring backdrop-blur-2xl backdrop-saturate-150';\n\nexport const elevatedSurface = `${glassEdge} ${surfaceRadius} border-0 shadow-(--glass-elevation)`;\n\nexport const floatingSurface = `${glassEdge} border-0 bg-popover/85 text-popover-foreground shadow-(--glass-elevation)`;\n\nexport const modalSurface = `${floatingSurface} ${surfaceRadius}`;\n\nexport const panelSurface = `${floatingSurface} ${controlRadius}`;\n\nexport const menuSurface = `${panelSurface} bg-popover/80`;\n\nexport const recessedSurface = `${controlRadius} border-0 bg-surface-recessed/30 text-foreground shadow-none ring-0 backdrop-blur-none`;\n\nexport const nestedRadius = controlRadius;\n\nexport const nestedSurfaceReset =\n    'nested-surface:border-0 nested-surface:ring-0 nested-surface:bg-transparent nested-surface:shadow-none nested-surface:backdrop-blur-none';\n\nexport const nestedEdgeToEdge = 'nested-surface:rounded-none';\n\nexport const glassControl =\n    'ring-1 ring-surface-ring border-0 shadow-(--glass-shadow) backdrop-blur-md backdrop-saturate-150';\n\nexport const controlFill = 'bg-surface-control';\n\nexport const fieldSurface = `${glassControl} ${controlFill} ${controlRadius} text-foreground`;\n\nexport const focusRing =\n    'outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50';\n\nexport const quietFocus =\n    'focus-visible:ring-1 focus-visible:ring-surface-ring focus-visible:border-transparent focus:shadow-lg focus:shadow-black/10';\n\nexport const menuHighlight =\n    'outline-hidden focus:bg-accent focus:text-accent-foreground';\n\nexport interface SurfaceProps {\n    inset?: boolean;\n}\n\nexport function surface(inset?: boolean | null): string {\n    return inset ? `${elevatedSurface} ${recessedSurface}` : elevatedSurface;\n}\n","import { cva, type VariantProps } from 'class-variance-authority';\nimport { LoaderCircle } from 'lucide-react';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nconst spinnerVariants = cva('inline-flex shrink-0', {\n    variants: {\n        size: {\n            sm: 'size-3.5',\n            default: 'size-4',\n            lg: 'size-5',\n        },\n    },\n    defaultVariants: {\n        size: 'default',\n    },\n});\n\ninterface SpinnerProps\n    extends React.ComponentProps<'span'>, VariantProps<typeof spinnerVariants> {\n    label?: string;\n}\n\nfunction Spinner({\n    className,\n    label = 'Loading',\n    size = 'default',\n    slotName = 'spinner',\n    ...props\n}: SpinnerProps & SlotNameProps) {\n    return (\n        <span\n            {...props}\n            data-size={size}\n            role=\"status\"\n            className={cn(spinnerVariants({ size }), className)}\n            data-slot={slotName}\n        >\n            <LoaderCircle\n                aria-hidden=\"true\"\n                className=\"animate-spin size-full text-current motion-reduce:animate-none\"\n            />\n            <span className=\"sr-only\">{label}</span>\n        </span>\n    );\n}\n\nexport { Spinner, spinnerVariants, type SpinnerProps };\n","import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport * as React from 'react';\n\nimport {\n    Spinner,\n    spinnerVariants,\n    type SpinnerProps,\n} from '@/components/ui/spinner';\nimport { controlFill, focusRing, glassControl } from '@/lib/language';\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n    `inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-2xl text-sm font-semibold transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 aria-invalid:ring-destructive/20 aria-invalid:border-destructive ${focusRing}`,\n    {\n        variants: {\n            variant: {\n                default:\n                    'bg-primary text-primary-foreground shadow-xl hover:bg-primary/90 hover:scale-[1.02] active:scale-[0.98]',\n                destructive:\n                    'bg-destructive text-destructive-foreground shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/40',\n                outline: `${glassControl} ${controlFill} hover:bg-accent hover:text-accent-foreground`,\n                secondary: `${glassControl} bg-secondary/80 text-secondary-foreground hover:bg-secondary`,\n                ghost: 'hover:bg-accent hover:text-accent-foreground',\n                link: 'text-primary underline-offset-4 hover:underline',\n            },\n            size: {\n                default: 'h-11 px-4 has-[>svg]:px-3',\n                sm: 'h-9 gap-1.5 rounded-xl px-3 has-[>svg]:px-2.5',\n                lg: 'h-12 px-6 has-[>svg]:px-5 text-base',\n                icon: 'size-11',\n                'icon-sm': 'size-9 rounded-xl',\n                'icon-lg': 'size-12',\n            },\n        },\n        defaultVariants: {\n            variant: 'default',\n            size: 'default',\n        },\n    },\n);\n\ntype ButtonSize = NonNullable<VariantProps<typeof buttonVariants>['size']>;\n\ninterface ButtonProps\n    extends\n        React.ComponentProps<'button'>,\n        VariantProps<typeof buttonVariants> {\n    asChild?: boolean;\n    loading?: boolean;\n    loadingLabel?: string;\n    slotName?: string;\n}\n\nfunction spinnerSize(size: ButtonSize): SpinnerProps['size'] {\n    if (size === 'sm' || size === 'icon-sm') return 'sm';\n    if (size === 'lg' || size === 'icon-lg') return 'lg';\n    return 'default';\n}\n\nfunction loadingPadding(size: ButtonSize): string | undefined {\n    if (size === 'sm') return 'px-2.5';\n    if (size === 'lg') return 'px-5';\n    if (size === 'default') return 'px-3';\n    return undefined;\n}\n\nfunction Button({\n    className,\n    variant = 'default',\n    size = 'default',\n    asChild = false,\n    loading,\n    loadingLabel = 'Loading',\n    slotName = 'button',\n    disabled,\n    children,\n    onClick,\n    ...props\n}: ButtonProps) {\n    const isLoading = loading === true;\n    const hasLoadingState = loading !== undefined;\n    const resolvedSize: ButtonSize = size ?? 'default';\n    const baseClasses = buttonVariants({ variant, size: resolvedSize });\n    const classes = cn(baseClasses, className);\n    const loadingClasses = cn(\n        baseClasses,\n        loadingPadding(resolvedSize),\n        className,\n    );\n\n    if (asChild) {\n        const Comp = asChild ? Slot : 'button';\n        const mappedSpinnerSize = spinnerSize(resolvedSize);\n        const slottedChild = React.isValidElement<\n            React.HTMLAttributes<HTMLElement>\n        >(children)\n            ? children\n            : undefined;\n        const items = React.Children.toArray(slottedChild?.props.children);\n        const first = items[0];\n        const iconOnly = resolvedSize.startsWith('icon');\n        const hasLeadingVisual =\n            React.isValidElement(first) && (items.length > 1 || iconOnly);\n        const leadingVisual = hasLeadingVisual ? first : undefined;\n        const label = hasLeadingVisual ? items.slice(1) : items;\n        const slottedChildren =\n            hasLoadingState && slottedChild\n                ? React.cloneElement(\n                      slottedChild,\n                      isLoading\n                          ? {\n                                onClick(event) {\n                                    event.preventDefault();\n                                    event.stopPropagation();\n                                },\n                            }\n                          : undefined,\n                      <span\n                          data-slot=\"button-content\"\n                          className=\"inline-flex items-center gap-[inherit]\"\n                      >\n                          <span\n                              data-slot=\"button-leading\"\n                              className={cn(\n                                  'inline-grid shrink-0 place-items-center',\n                                  spinnerVariants({ size: mappedSpinnerSize }),\n                              )}\n                          >\n                              {isLoading ? (\n                                  <Spinner\n                                      size={mappedSpinnerSize}\n                                      label={loadingLabel}\n                                      className=\"size-full\"\n                                  />\n                              ) : (\n                                  leadingVisual\n                              )}\n                          </span>\n                          <span data-slot=\"button-label\">{label}</span>\n                          {!hasLeadingVisual && !iconOnly && (\n                              <span\n                                  aria-hidden=\"true\"\n                                  data-slot=\"button-balance\"\n                                  className={spinnerVariants({\n                                      size: mappedSpinnerSize,\n                                  })}\n                              />\n                          )}\n                      </span>,\n                  )\n                : children;\n\n        return (\n            <Comp\n                {...props}\n                data-slot={slotName}\n                data-variant={variant}\n                data-size={resolvedSize}\n                data-loading={isLoading || undefined}\n                className={hasLoadingState ? loadingClasses : classes}\n                disabled={disabled || isLoading}\n                aria-busy={isLoading ? true : props['aria-busy']}\n                aria-disabled={isLoading ? true : props['aria-disabled']}\n                onClick={isLoading ? undefined : onClick}\n            >\n                {slottedChildren}\n            </Comp>\n        );\n    }\n\n    if (loading === undefined) {\n        return (\n            <button\n                {...props}\n                data-slot={slotName}\n                data-variant={variant}\n                data-size={resolvedSize}\n                className={classes}\n                disabled={disabled}\n                onClick={onClick}\n            >\n                {children}\n            </button>\n        );\n    }\n\n    const items = React.Children.toArray(children);\n    const first = items[0];\n    const iconOnly = resolvedSize.startsWith('icon');\n    const hasLeadingVisual =\n        React.isValidElement(first) && (items.length > 1 || iconOnly);\n    const leadingVisual = hasLeadingVisual ? first : undefined;\n    const label = hasLeadingVisual ? items.slice(1) : items;\n    const mappedSpinnerSize = spinnerSize(resolvedSize);\n\n    return (\n        <button\n            {...props}\n            data-slot={slotName}\n            data-variant={variant}\n            data-size={resolvedSize}\n            data-loading={isLoading || undefined}\n            className={loadingClasses}\n            disabled={disabled || isLoading}\n            aria-busy={isLoading ? true : props['aria-busy']}\n            onClick={onClick}\n        >\n            <span\n                data-slot=\"button-content\"\n                className=\"inline-flex items-center gap-[inherit]\"\n            >\n                <span\n                    data-slot=\"button-leading\"\n                    className={cn(\n                        'inline-grid shrink-0 place-items-center',\n                        spinnerVariants({ size: mappedSpinnerSize }),\n                    )}\n                >\n                    {isLoading ? (\n                        <Spinner\n                            size={mappedSpinnerSize}\n                            label={loadingLabel}\n                            className=\"size-full\"\n                        />\n                    ) : (\n                        leadingVisual\n                    )}\n                </span>\n                <span data-slot=\"button-label\">{label}</span>\n                {!hasLeadingVisual && !iconOnly && (\n                    <span\n                        aria-hidden=\"true\"\n                        data-slot=\"button-balance\"\n                        className={spinnerVariants({\n                            size: mappedSpinnerSize,\n                        })}\n                    />\n                )}\n            </span>\n        </button>\n    );\n}\n\nexport { Button, buttonVariants, type ButtonProps };\n"]}