@akira-io/ui 1.3.0 → 1.3.1

package/dist/inertia.js

@@ -1,10 +1,10 @@
 import { TourProvider } from './chunk-NGMG2UWX.js';
 import './chunk-QNF4LJVT.js';
-import { AppSidebar, AppSidebarHeader, Breadcrumbs, NavMain, SettingsLayout } from './chunk-NA33PNQO.js';
-import './chunk-PSJGAZIS.js';
+import { AppSidebar, AppSidebarHeader, Breadcrumbs, NavMain, SettingsLayout } from './chunk-SZUXATOF.js';
+import './chunk-B3L6PRLX.js';
 import './chunk-L2H5GIF7.js';
-import './chunk-UTSTTTH5.js';
-import './chunk-I5UZAJB4.js';
+import './chunk-3Z2VGVPI.js';
+import './chunk-KHOA4TEI.js';
 import { Link, usePage, router } from '@inertiajs/react';
 import { createElement, useState, useRef, useCallback, useEffect } from 'react';
 

package/dist/shells.js

@@ -1,11 +1,11 @@
 export { initializeTheme, useAppearance } from './chunk-IQMRJXEO.js';
-import { Card } from './chunk-IE6VWUSB.js';
-export { AppSidebar, AppSidebarHeader, Breadcrumbs, Heading, NavFooter, NavMain, NavUser, SIDEBAR_COLLAPSED_GROUPS_KEY, SettingsLayout, UserInfo, UserMenuContent, useCollapsedGroup, useInitials } from './chunk-NA33PNQO.js';
-import { SidebarInset, SidebarProvider } from './chunk-PSJGAZIS.js';
-export { useIsMobile } from './chunk-PSJGAZIS.js';
+import { Card } from './chunk-2V6HUWST.js';
+export { AppSidebar, AppSidebarHeader, Breadcrumbs, Heading, NavFooter, NavMain, NavUser, SIDEBAR_COLLAPSED_GROUPS_KEY, SettingsLayout, UserInfo, UserMenuContent, useCollapsedGroup, useInitials } from './chunk-SZUXATOF.js';
+import { SidebarInset, SidebarProvider } from './chunk-B3L6PRLX.js';
+export { useIsMobile } from './chunk-B3L6PRLX.js';
 export { hrefToString } from './chunk-L2H5GIF7.js';
-import './chunk-UTSTTTH5.js';
-import { cn } from './chunk-I5UZAJB4.js';
+import './chunk-3Z2VGVPI.js';
+import { cn } from './chunk-KHOA4TEI.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 function AppContent({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akira-io/ui",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "Open-source React component library: the full shadcn/ui set on an OKLCH design-token system with swappable brand palettes.",
   "license": "MIT",
   "repository": {

package/theme.css

@@ -71,6 +71,7 @@
     --color-sidebar-accent: var(--sidebar-accent);
     --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
     --color-sidebar-accent-hover: var(--sidebar-accent-hover);
+    --color-tab-active: var(--tab-active);
     --color-sidebar-border: var(--sidebar-border);
     --color-sidebar-ring: var(--sidebar-ring);
 }
@@ -122,6 +123,7 @@
     --sidebar-accent: oklch(0.97 0 0);
     --sidebar-accent-foreground: oklch(0.205 0 0);
     --sidebar-accent-hover: oklch(0.955 0 0);
+    --tab-active: oklch(1 0 0);
     --sidebar-border: oklch(0.922 0 0);
     --sidebar-ring: oklch(0.87 0 0);
 }
@@ -171,6 +173,7 @@
     --sidebar-accent: oklch(0.269 0 0);
     --sidebar-accent-foreground: oklch(0.985 0 0);
     --sidebar-accent-hover: oklch(0.3 0 0);
+    --tab-active: oklch(0.32 0 0);
     --sidebar-border: oklch(0.269 0 0);
     --sidebar-ring: oklch(0.439 0 0);
 }

package/themes/nosferry.css

@@ -6,8 +6,8 @@
 }
 
 [data-brand='nosferry'].dark {
-    --primary: oklch(0.704 0.191 22.216); /* red-400 */
-    --primary-foreground: oklch(0.161 0.027 294);
+    --primary: oklch(0.637 0.237 25.331); /* red-500 */
+    --primary-foreground: oklch(0.985 0 0);
     --destructive: oklch(0.72 0.18 38);
     --destructive-foreground: oklch(0.161 0.027 294);
 }

package/dist/chunk-I5UZAJB4.js.map

@@ -1 +0,0 @@
-{"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-I5UZAJB4.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 flatSurface = 'shadow-none ring-0';\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    'focus-visible:outline-solid focus-visible:outline-1 focus-visible:outline-offset-0 focus-visible:outline-ring';\n\nexport const fieldFocus = `${focusRing} focus-visible:shadow-(--glass-elevation)`;\n\nexport const menuHighlight =\n    'outline-hidden focus:bg-accent focus:text-accent-foreground';\n\nexport interface SurfaceProps {\n    inset?: boolean;\n}\n\nexport interface FlatSurfaceProps extends SurfaceProps {\n    flat?: 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:outline-destructive',\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"]}

package/dist/chunk-UTSTTTH5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/ui/input.tsx","../src/components/ui/separator.tsx"],"names":["jsx"],"mappings":";;;;AAMA,SAAS,KAAA,CAAM;AAAA,EACX,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA,GAAW,OAAA;AAAA,EACX,GAAG;AACP,CAAA,EAAkD;AAC9C,EAAA,uBACI,GAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACG,IAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,CAAA,oOAAA,EAAuO,YAAY,CAAA,CAAA,EAAI,UAAU,CAAA,CAAA;AAAA,QACjQ;AAAA,OACJ;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAA,EAAW;AAAA;AAAA,GACf;AAER;ACjBA,SAAS,SAAA,CAAU;AAAA,EACf,SAAA;AAAA,EACA,WAAA,GAAc,YAAA;AAAA,EACd,UAAA,GAAa,IAAA;AAAA,EACb,QAAA,GAAW,gBAAA;AAAA,EACX,GAAG;AACP,CAAA,EAAyE;AACrE,EAAA,uBACIA,GAAAA;AAAA,IAAoB,kBAAA,CAAA,IAAA;AAAA,IAAnB;AAAA,MACG,UAAA;AAAA,MACA,WAAA;AAAA,MACA,SAAA,EAAW,EAAA;AAAA,QACP,gKAAA;AAAA,QACA;AAAA,OACJ;AAAA,MACC,GAAG,KAAA;AAAA,MACJ,WAAA,EAAW;AAAA;AAAA,GACf;AAER","file":"chunk-UTSTTTH5.js","sourcesContent":["import * as React from 'react';\n\nimport { fieldFocus, fieldSurface } from '@/lib/language';\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Input({\n    className,\n    type,\n    slotName = 'input',\n    ...props\n}: React.ComponentProps<'input'> & SlotNameProps) {\n    return (\n        <input\n            type={type}\n            className={cn(\n                `h-11 min-w-0 px-4 text-sm font-medium flex w-full transition-all placeholder:text-muted-foreground focus:bg-muted disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 ${fieldSurface} ${fieldFocus}`,\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport { Input };\n","import * as SeparatorPrimitive from '@radix-ui/react-separator';\nimport * as React from 'react';\n\nimport { cn } from '@/lib/utils';\nimport type { SlotNameProps } from '@/types';\n\nfunction Separator({\n    className,\n    orientation = 'horizontal',\n    decorative = true,\n    slotName = 'separator-root',\n    ...props\n}: React.ComponentProps<typeof SeparatorPrimitive.Root> & SlotNameProps) {\n    return (\n        <SeparatorPrimitive.Root\n            decorative={decorative}\n            orientation={orientation}\n            className={cn(\n                'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px',\n                className,\n            )}\n            {...props}\n            data-slot={slotName}\n        />\n    );\n}\n\nexport { Separator };\n"]}