@unisane/ui 0.1.0-next.b67ebfd0

package/dist/lib/action-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-control.js","sourceRoot":"","sources":["../../src/lib/action-control.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,0BAA0B,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpE,MAAM,CAAC,MAAM,sBAAsB,GAAG,EAAE,CACtC,uPAAuP,EACvP,SAAS,CACV,CAAC;AAEF,MAAM,UAAU,sBAAsB,CAAC,QAAiB,EAAE,OAAgB;IACxE,OAAO,QAAQ,IAAI,OAAO,CAAC;AAC7B,CAAC;AAED,MAAM,UAAU,wBAAwB,CAAC,UAAmB,EAAE,OAAgB;IAC5E,OAAO;QACL,WAAW,EAAE,OAAO,IAAI,SAAS;QACjC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;KACjD,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,UAAmB,EACnB,OAAgB,EAChB,KAGC,EACD,UAGC;IAED,OAAO;QACL,GAAG,wBAAwB,CAAC,UAAU,EAAE,OAAO,CAAC;QAChD,eAAe,EAAE,UAAU,IAAI,SAAS;QACxC,GAAG,KAAK;QACR,OAAO,EAAE,0BAA0B,CAAC,UAAU,EAAE,KAAK,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC;QAClF,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC;KACpE,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,EAAE,SAAS,EAA0B;IACpE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CACX,uKAAuK,EACvK,SAAS,CACV,GACD,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAA0B;IACjE,OAAO,CACL,eACE,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,EACxC,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,iBACC,MAAM,aAElB,iBAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG,EAC9F,eACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GACnH,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/action-size.d.ts

@@ -0,0 +1,41 @@
+export declare const actionFrameHeightClasses: {
+    readonly sm: "h-[var(--size-action-sm)]";
+    readonly md: "h-[var(--size-action-md)]";
+    readonly lg: "h-[var(--size-action-lg)]";
+};
+export declare const actionFramePaddingXClasses: {
+    readonly sm: "px-[var(--space-action-padding-x-sm)]";
+    readonly md: "px-[var(--space-action-padding-x-md)]";
+    readonly lg: "px-[var(--space-action-padding-x-lg)]";
+};
+export declare const actionFrameSizeClasses: {
+    readonly sm: "h-[var(--size-action-sm)] px-[var(--space-action-padding-x-sm)]";
+    readonly md: "h-[var(--size-action-md)] px-[var(--space-action-padding-x-md)]";
+    readonly lg: "h-[var(--size-action-lg)] px-[var(--space-action-padding-x-lg)]";
+};
+export declare const actionButtonSizeClasses: {
+    readonly sm: "h-[var(--size-action-sm)] px-[var(--space-action-padding-x-sm)] text-label-medium";
+    readonly md: "h-[var(--size-action-md)] px-[var(--space-action-padding-x-md)] text-label-large";
+    readonly lg: "h-[var(--size-action-lg)] px-[var(--space-action-padding-x-lg)] text-label-large";
+};
+export declare const iconButtonSizeClasses: {
+    readonly sm: "h-[var(--size-icon-button-sm)] w-[var(--size-icon-button-sm)]";
+    readonly md: "h-[var(--size-icon-button-md)] w-[var(--size-icon-button-md)]";
+    readonly lg: "h-[var(--size-icon-button-lg)] w-[var(--size-icon-button-lg)]";
+};
+export type IconFrameSize = number | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export declare function getIconFrameSizeClass(size: IconFrameSize): string;
+export declare const fabSizeClasses: {
+    readonly sm: "h-[var(--size-fab-sm)] w-[var(--size-fab-sm)]";
+    readonly md: "h-[var(--size-fab-md)] w-[var(--size-fab-md)]";
+    readonly lg: "h-[var(--size-fab-lg)] w-[var(--size-fab-lg)]";
+    readonly extended: "h-[var(--size-fab-md)] min-w-[var(--size-fab-extended-min)] w-auto px-[var(--space-fab-extended-x)]";
+};
+export declare const avatarSizeClasses: {
+    readonly sm: "h-[var(--size-avatar-sm)] w-[var(--size-avatar-sm)] text-label-small";
+    readonly md: "h-[var(--size-avatar-md)] w-[var(--size-avatar-md)] text-body-small";
+    readonly lg: "h-[var(--size-avatar-lg)] w-[var(--size-avatar-lg)] text-body-medium";
+    readonly xl: "h-[var(--size-avatar-xl)] w-[var(--size-avatar-xl)] text-body-large";
+};
+export declare const paginationButtonClass = "relative h-[var(--size-pagination-button)] w-[var(--size-pagination-button)] rounded-button flex items-center justify-center overflow-hidden transition-colors";
+//# sourceMappingURL=action-size.d.ts.map

package/dist/lib/action-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-size.d.ts","sourceRoot":"","sources":["../../src/lib/action-size.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;CAI3B,CAAC;AAEX,eAAO,MAAM,0BAA0B;;;;CAI7B,CAAC;AAEX,eAAO,MAAM,sBAAsB;;;;CAIzB,CAAC;AAEX,eAAO,MAAM,uBAAuB;;;;CAI1B,CAAC;AAEX,eAAO,MAAM,qBAAqB;;;;CAIxB,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEtE,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,aAAa,GAAG,MAAM,CAgBjE;AAED,eAAO,MAAM,cAAc;;;;;CAMjB,CAAC;AAEX,eAAO,MAAM,iBAAiB;;;;;CAKpB,CAAC;AAEX,eAAO,MAAM,qBAAqB,mKACgI,CAAC"}

package/dist/lib/action-size.js

@@ -0,0 +1,59 @@
+export const actionFrameHeightClasses = {
+    sm: 'h-[var(--size-action-sm)]',
+    md: 'h-[var(--size-action-md)]',
+    lg: 'h-[var(--size-action-lg)]',
+};
+export const actionFramePaddingXClasses = {
+    sm: 'px-[var(--space-action-padding-x-sm)]',
+    md: 'px-[var(--space-action-padding-x-md)]',
+    lg: 'px-[var(--space-action-padding-x-lg)]',
+};
+export const actionFrameSizeClasses = {
+    sm: `${actionFrameHeightClasses.sm} ${actionFramePaddingXClasses.sm}`,
+    md: `${actionFrameHeightClasses.md} ${actionFramePaddingXClasses.md}`,
+    lg: `${actionFrameHeightClasses.lg} ${actionFramePaddingXClasses.lg}`,
+};
+export const actionButtonSizeClasses = {
+    sm: `${actionFrameSizeClasses.sm} text-label-medium`,
+    md: `${actionFrameSizeClasses.md} text-label-large`,
+    lg: `${actionFrameSizeClasses.lg} text-label-large`,
+};
+export const iconButtonSizeClasses = {
+    sm: 'h-[var(--size-icon-button-sm)] w-[var(--size-icon-button-sm)]',
+    md: 'h-[var(--size-icon-button-md)] w-[var(--size-icon-button-md)]',
+    lg: 'h-[var(--size-icon-button-lg)] w-[var(--size-icon-button-lg)]',
+};
+export function getIconFrameSizeClass(size) {
+    if (typeof size === 'number') {
+        if (size <= 16)
+            return 'size-icon-xs';
+        if (size <= 20)
+            return 'size-icon-sm';
+        if (size <= 24)
+            return 'size-icon-md';
+        if (size <= 32)
+            return 'size-icon-lg';
+        return 'size-icon-xl';
+    }
+    return {
+        xs: 'size-icon-xs',
+        sm: 'size-icon-sm',
+        md: 'size-icon-md',
+        lg: 'size-icon-lg',
+        xl: 'size-icon-xl',
+    }[size];
+}
+export const fabSizeClasses = {
+    sm: 'h-[var(--size-fab-sm)] w-[var(--size-fab-sm)]',
+    md: 'h-[var(--size-fab-md)] w-[var(--size-fab-md)]',
+    lg: 'h-[var(--size-fab-lg)] w-[var(--size-fab-lg)]',
+    extended: 'h-[var(--size-fab-md)] min-w-[var(--size-fab-extended-min)] w-auto px-[var(--space-fab-extended-x)]',
+};
+export const avatarSizeClasses = {
+    sm: 'h-[var(--size-avatar-sm)] w-[var(--size-avatar-sm)] text-label-small',
+    md: 'h-[var(--size-avatar-md)] w-[var(--size-avatar-md)] text-body-small',
+    lg: 'h-[var(--size-avatar-lg)] w-[var(--size-avatar-lg)] text-body-medium',
+    xl: 'h-[var(--size-avatar-xl)] w-[var(--size-avatar-xl)] text-body-large',
+};
+export const paginationButtonClass = 'relative h-[var(--size-pagination-button)] w-[var(--size-pagination-button)] rounded-button flex items-center justify-center overflow-hidden transition-colors';
+//# sourceMappingURL=action-size.js.map

package/dist/lib/action-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"action-size.js","sourceRoot":"","sources":["../../src/lib/action-size.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;IAC/B,EAAE,EAAE,2BAA2B;CACvB,CAAC;AAEX,MAAM,CAAC,MAAM,0BAA0B,GAAG;IACxC,EAAE,EAAE,uCAAuC;IAC3C,EAAE,EAAE,uCAAuC;IAC3C,EAAE,EAAE,uCAAuC;CACnC,CAAC;AAEX,MAAM,CAAC,MAAM,sBAAsB,GAAG;IACpC,EAAE,EAAE,GAAG,wBAAwB,CAAC,EAAE,IAAI,0BAA0B,CAAC,EAAE,EAAE;IACrE,EAAE,EAAE,GAAG,wBAAwB,CAAC,EAAE,IAAI,0BAA0B,CAAC,EAAE,EAAE;IACrE,EAAE,EAAE,GAAG,wBAAwB,CAAC,EAAE,IAAI,0BAA0B,CAAC,EAAE,EAAE;CAC7D,CAAC;AAEX,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,EAAE,EAAE,GAAG,sBAAsB,CAAC,EAAE,oBAAoB;IACpD,EAAE,EAAE,GAAG,sBAAsB,CAAC,EAAE,mBAAmB;IACnD,EAAE,EAAE,GAAG,sBAAsB,CAAC,EAAE,mBAAmB;CAC3C,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACnC,EAAE,EAAE,+DAA+D;IACnE,EAAE,EAAE,+DAA+D;IACnE,EAAE,EAAE,+DAA+D;CAC3D,CAAC;AAIX,MAAM,UAAU,qBAAqB,CAAC,IAAmB;IACvD,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,IAAI,IAAI,IAAI,EAAE;YAAE,OAAO,cAAc,CAAC;QACtC,IAAI,IAAI,IAAI,EAAE;YAAE,OAAO,cAAc,CAAC;QACtC,IAAI,IAAI,IAAI,EAAE;YAAE,OAAO,cAAc,CAAC;QACtC,IAAI,IAAI,IAAI,EAAE;YAAE,OAAO,cAAc,CAAC;QACtC,OAAO,cAAc,CAAC;IACxB,CAAC;IAED,OAAO;QACL,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;QAClB,EAAE,EAAE,cAAc;KACnB,CAAC,IAAI,CAAC,CAAC;AACV,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,EAAE,EAAE,+CAA+C;IACnD,EAAE,EAAE,+CAA+C;IACnD,EAAE,EAAE,+CAA+C;IACnD,QAAQ,EACN,qGAAqG;CAC/F,CAAC;AAEX,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,EAAE,EAAE,sEAAsE;IAC1E,EAAE,EAAE,qEAAqE;IACzE,EAAE,EAAE,sEAAsE;IAC1E,EAAE,EAAE,qEAAqE;CACjE,CAAC;AAEX,MAAM,CAAC,MAAM,qBAAqB,GAChC,gKAAgK,CAAC"}

package/dist/lib/field-shell.d.ts

@@ -0,0 +1,31 @@
+import { type FieldSize } from './field-size.js';
+export type FieldShellVariant = 'outlined' | 'filled';
+export declare const fieldContainerVariants: (props?: ({
+    variant?: "filled" | "outlined" | null | undefined;
+    error?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type FieldLabelClassOptions = {
+    size?: FieldSize;
+    variant?: FieldShellVariant;
+    floating: boolean;
+    error?: boolean;
+    active?: boolean;
+    multiline?: boolean;
+    labelBg?: string;
+    labelClassName?: string;
+    floatingClassName?: string;
+    restingTextClassName?: string;
+};
+export declare function getFieldLabelClasses({ size, variant, floating, error, active, multiline, labelBg, labelClassName, floatingClassName, restingTextClassName, }: FieldLabelClassOptions): string;
+type FieldAffixClassOptions = {
+    size?: FieldSize;
+    error?: boolean;
+    active?: boolean;
+    multiline?: boolean;
+    side: 'leading' | 'trailing';
+};
+export declare function getFieldAffixClasses({ size, error, active, multiline, side, }: FieldAffixClassOptions): string;
+export declare function getFieldHelperTextClasses(size?: FieldSize, error?: boolean): string;
+export {};
+//# sourceMappingURL=field-shell.d.ts.map

package/dist/lib/field-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-shell.d.ts","sourceRoot":"","sources":["../../src/lib/field-shell.ts"],"names":[],"mappings":"AAIA,OAAO,EAAsB,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG,QAAQ,CAAC;AAEtD,eAAO,MAAM,sBAAsB;;;;8EAsBlC,CAAC;AAEF,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,IAAW,EACX,OAAoB,EACpB,QAAQ,EACR,KAAa,EACb,MAAc,EACd,SAAiB,EACjB,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,oBAAoB,GACrB,EAAE,sBAAsB,UAsBxB;AAED,KAAK,sBAAsB,GAAG;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,EAAE,SAAS,GAAG,UAAU,CAAC;CAC9B,CAAC;AAEF,wBAAgB,oBAAoB,CAAC,EACnC,IAAW,EACX,KAAa,EACb,MAAc,EACd,SAAiB,EACjB,IAAI,GACL,EAAE,sBAAsB,UASxB;AAED,wBAAgB,yBAAyB,CAAC,IAAI,GAAE,SAAgB,EAAE,KAAK,UAAQ,UAS9E"}

package/dist/lib/field-shell.js

@@ -0,0 +1,48 @@
+'use client';
+import { cva } from 'class-variance-authority';
+import { cn } from './utils.js';
+import { getFieldSizeStyles } from './field-size.js';
+export const fieldContainerVariants = cva('relative flex w-full transition-all duration-snappy ease-emphasized group cursor-text', {
+    variants: {
+        variant: {
+            outlined: 'rounded-sm border border-control-outline bg-surface hover:border-outline-medium focus-within:border-primary! focus-within:ring-1 focus-within:ring-focus-ring',
+            filled: 'rounded-t-sm rounded-b-none border-b border-outline-subtle bg-surface-container-low hover:bg-surface-container focus-within:bg-surface',
+        },
+        error: {
+            true: 'border-error focus-within:border-error hover:border-error ring-focus-ring-error',
+        },
+        disabled: {
+            true: 'opacity-38 cursor-not-allowed pointer-events-none',
+        },
+    },
+    defaultVariants: {
+        variant: 'outlined',
+        error: false,
+    },
+});
+export function getFieldLabelClasses({ size = 'md', variant = 'outlined', floating, error = false, active = false, multiline = false, labelBg, labelClassName, floatingClassName, restingTextClassName, }) {
+    const fieldSize = getFieldSizeStyles(size);
+    return cn('absolute pointer-events-none truncate max-w-[calc(100%-calc(var(--unit)*4))] transition-all duration-medium ease-emphasized origin-left', fieldSize.labelLeft, !floating && [
+        restingTextClassName ?? fieldSize.valueText,
+        'text-on-surface-variant',
+        multiline ? fieldSize.multilineLabelTop : 'top-1/2 -translate-y-1/2',
+    ], floating && [
+        'text-label-small font-medium',
+        variant === 'outlined' && [
+            'top-0 -translate-y-1/2 px-1 -ml-1',
+            labelBg || 'bg-surface',
+            labelClassName,
+        ],
+        variant === 'filled' && [fieldSize.filledFloatingLabel, floatingClassName],
+        error ? 'text-error' : active ? 'text-primary' : 'text-on-surface-variant',
+    ]);
+}
+export function getFieldAffixClasses({ size = 'md', error = false, active = false, multiline = false, side, }) {
+    const fieldSize = getFieldSizeStyles(size);
+    return cn('transition-colors shrink-0 flex items-center justify-center', side === 'leading' ? fieldSize.leadingPadding : fieldSize.trailingPadding, multiline ? fieldSize.multilineIconOffset : 'h-full', error ? 'text-error' : active ? 'text-primary' : 'text-on-surface-variant');
+}
+export function getFieldHelperTextClasses(size = 'md', error = false) {
+    const fieldSize = getFieldSizeStyles(size);
+    return cn('text-label-small font-medium', fieldSize.helperMarginTop, fieldSize.helperPaddingX, error ? 'text-error' : 'text-on-surface-variant');
+}
+//# sourceMappingURL=field-shell.js.map

package/dist/lib/field-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-shell.js","sourceRoot":"","sources":["../../src/lib/field-shell.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAkB,MAAM,cAAc,CAAC;AAIlE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CACvC,uFAAuF,EACvF;IACE,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,QAAQ,EACN,+JAA+J;YACjK,MAAM,EACJ,wIAAwI;SAC3I;QACD,KAAK,EAAE;YACL,IAAI,EAAE,iFAAiF;SACxF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,mDAAmD;SAC1D;KACF;IACD,eAAe,EAAE;QACf,OAAO,EAAE,UAAU;QACnB,KAAK,EAAE,KAAK;KACb;CACF,CACF,CAAC;AAeF,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,GAAG,IAAI,EACX,OAAO,GAAG,UAAU,EACpB,QAAQ,EACR,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,OAAO,EACP,cAAc,EACd,iBAAiB,EACjB,oBAAoB,GACG;IACvB,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,EAAE,CACP,yIAAyI,EACzI,SAAS,CAAC,SAAS,EACnB,CAAC,QAAQ,IAAI;QACX,oBAAoB,IAAI,SAAS,CAAC,SAAS;QAC3C,yBAAyB;QACzB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,0BAA0B;KACrE,EACD,QAAQ,IAAI;QACV,8BAA8B;QAC9B,OAAO,KAAK,UAAU,IAAI;YACxB,mCAAmC;YACnC,OAAO,IAAI,YAAY;YACvB,cAAc;SACf;QACD,OAAO,KAAK,QAAQ,IAAI,CAAC,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;QAC1E,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,yBAAyB;KAC3E,CACF,CAAC;AACJ,CAAC;AAUD,MAAM,UAAU,oBAAoB,CAAC,EACnC,IAAI,GAAG,IAAI,EACX,KAAK,GAAG,KAAK,EACb,MAAM,GAAG,KAAK,EACd,SAAS,GAAG,KAAK,EACjB,IAAI,GACmB;IACvB,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,EAAE,CACP,6DAA6D,EAC7D,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,CAAC,eAAe,EACzE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC,QAAQ,EACpD,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,yBAAyB,CAC3E,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,OAAkB,IAAI,EAAE,KAAK,GAAG,KAAK;IAC7E,MAAM,SAAS,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAE3C,OAAO,EAAE,CACP,8BAA8B,EAC9B,SAAS,CAAC,eAAe,EACzB,SAAS,CAAC,cAAc,EACxB,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,yBAAyB,CACjD,CAAC;AACJ,CAAC"}

package/dist/lib/field-size.d.ts

@@ -0,0 +1,44 @@
+export type FieldSize = 'sm' | 'md' | 'lg';
+type FieldSizeStyles = {
+    actionInset: string;
+    actionSize: string;
+    chevronOffset: string;
+    containerHeight: string;
+    externalLabelText: string;
+    filledDisplayPadding: string;
+    filledDisplayFloatingLabel: string;
+    filledFloatingLabel: string;
+    filledInputPadding: string;
+    filledTextareaPadding: string;
+    helperMarginTop: string;
+    helperPaddingX: string;
+    horizontalPadding: string;
+    iconSize: string;
+    labelLeft: string;
+    leadingPadding: string;
+    multilineIconOffset: string;
+    multilineLabelTop: string;
+    multilinePaddingY: string;
+    optionHeight: string;
+    optionHeightPx: number;
+    optionPaddingX: string;
+    optionText: string;
+    passiveTrailingInset: string;
+    passiveTrailingSize: string;
+    searchInputPaddingLeft: string;
+    searchInputPaddingRightWithTrailing: string;
+    searchInputPaddingRightWithoutTrailing: string;
+    searchText: string;
+    searchTriggerPadding: string;
+    segmentText: string;
+    segmentWidth: string;
+    segmentYearWidth: string;
+    selectRestingLabelText: string;
+    textareaMinHeight: string;
+    textareaPaddingY: string;
+    trailingPadding: string;
+    valueText: string;
+};
+export declare function getFieldSizeStyles(size?: FieldSize): FieldSizeStyles;
+export {};
+//# sourceMappingURL=field-size.d.ts.map

package/dist/lib/field-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-size.d.ts","sourceRoot":"","sources":["../../src/lib/field-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE3C,KAAK,eAAe,GAAG;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,0BAA0B,EAAE,MAAM,CAAC;IACnC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,qBAAqB,EAAE,MAAM,CAAC;IAC9B,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,mCAAmC,EAAE,MAAM,CAAC;IAC5C,sCAAsC,EAAE,MAAM,CAAC;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,gBAAgB,EAAE,MAAM,CAAC;IACzB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AA6HF,wBAAgB,kBAAkB,CAAC,IAAI,GAAE,SAAgB,GAAG,eAAe,CAE1E"}

package/dist/lib/field-size.js

@@ -0,0 +1,126 @@
+const FIELD_SIZE_STYLES = {
+    sm: {
+        actionInset: 'right-1',
+        actionSize: 'h-6 w-6',
+        chevronOffset: 'right-2.5',
+        containerHeight: 'h-8',
+        externalLabelText: 'text-label-medium',
+        filledDisplayPadding: 'pt-3 pb-0.5',
+        filledDisplayFloatingLabel: 'top-0.5 translate-y-0',
+        filledFloatingLabel: 'top-0.5 translate-y-0',
+        filledInputPadding: 'pt-3.5 pb-0',
+        filledTextareaPadding: 'pt-5 pb-1.5',
+        helperMarginTop: 'mt-1',
+        helperPaddingX: 'px-3',
+        horizontalPadding: 'px-3',
+        iconSize: 'size-icon-sm',
+        labelLeft: 'left-3',
+        leadingPadding: 'pl-3',
+        multilineIconOffset: 'mt-3',
+        multilineLabelTop: 'top-3',
+        multilinePaddingY: 'py-3',
+        optionHeight: 'h-8',
+        optionHeightPx: 32,
+        optionPaddingX: 'px-3',
+        optionText: 'text-label-medium',
+        passiveTrailingInset: 'right-2',
+        passiveTrailingSize: 'h-5 w-5',
+        searchInputPaddingLeft: 'pl-9',
+        searchInputPaddingRightWithTrailing: 'pr-9',
+        searchInputPaddingRightWithoutTrailing: 'pr-3',
+        searchText: 'text-body-small',
+        searchTriggerPadding: 'pl-3',
+        segmentText: 'text-label-medium',
+        segmentWidth: 'w-6',
+        segmentYearWidth: 'w-10',
+        selectRestingLabelText: 'text-label-medium',
+        textareaMinHeight: 'min-h-16',
+        textareaPaddingY: 'py-2.5',
+        trailingPadding: 'pr-3',
+        valueText: 'text-label-medium',
+    },
+    md: {
+        actionInset: 'right-1',
+        actionSize: 'h-7 w-7',
+        chevronOffset: 'right-3',
+        containerHeight: 'h-10',
+        externalLabelText: 'text-label-medium',
+        filledDisplayPadding: 'pt-4 pb-1',
+        filledDisplayFloatingLabel: 'top-0.5 translate-y-0',
+        filledFloatingLabel: 'top-1 translate-y-0',
+        filledInputPadding: 'pt-5 pb-0.5',
+        filledTextareaPadding: 'pt-6 pb-2',
+        helperMarginTop: 'mt-1.5',
+        helperPaddingX: 'px-4',
+        horizontalPadding: 'px-4',
+        iconSize: 'size-icon-sm',
+        labelLeft: 'left-4',
+        leadingPadding: 'pl-4',
+        multilineIconOffset: 'mt-4',
+        multilineLabelTop: 'top-4',
+        multilinePaddingY: 'py-4',
+        optionHeight: 'h-10',
+        optionHeightPx: 40,
+        optionPaddingX: 'px-4',
+        optionText: 'text-body-large',
+        passiveTrailingInset: 'right-2',
+        passiveTrailingSize: 'h-6 w-6',
+        searchInputPaddingLeft: 'pl-10',
+        searchInputPaddingRightWithTrailing: 'pr-11',
+        searchInputPaddingRightWithoutTrailing: 'pr-3',
+        searchText: 'text-body-medium',
+        searchTriggerPadding: 'pl-3',
+        segmentText: 'text-body-large',
+        segmentWidth: 'w-7',
+        segmentYearWidth: 'w-12',
+        selectRestingLabelText: 'text-body-medium',
+        textareaMinHeight: 'min-h-20',
+        textareaPaddingY: 'py-3',
+        trailingPadding: 'pr-4',
+        valueText: 'text-body-large',
+    },
+    lg: {
+        actionInset: 'right-2',
+        actionSize: 'h-8 w-8',
+        chevronOffset: 'right-4',
+        containerHeight: 'h-12',
+        externalLabelText: 'text-label-large',
+        filledDisplayPadding: 'pt-5 pb-1',
+        filledDisplayFloatingLabel: 'top-1 translate-y-0',
+        filledFloatingLabel: 'top-1.5 translate-y-0',
+        filledInputPadding: 'pt-6 pb-1',
+        filledTextareaPadding: 'pt-7 pb-3',
+        helperMarginTop: 'mt-2',
+        helperPaddingX: 'px-5',
+        horizontalPadding: 'px-5',
+        iconSize: 'size-icon-md',
+        labelLeft: 'left-5',
+        leadingPadding: 'pl-5',
+        multilineIconOffset: 'mt-5',
+        multilineLabelTop: 'top-5',
+        multilinePaddingY: 'py-5',
+        optionHeight: 'h-12',
+        optionHeightPx: 48,
+        optionPaddingX: 'px-5',
+        optionText: 'text-body-large',
+        passiveTrailingInset: 'right-3',
+        passiveTrailingSize: 'h-6 w-6',
+        searchInputPaddingLeft: 'pl-12',
+        searchInputPaddingRightWithTrailing: 'pr-12',
+        searchInputPaddingRightWithoutTrailing: 'pr-4',
+        searchText: 'text-body-large',
+        searchTriggerPadding: 'pl-4',
+        segmentText: 'text-body-large',
+        segmentWidth: 'w-8',
+        segmentYearWidth: 'w-14',
+        selectRestingLabelText: 'text-body-large',
+        textareaMinHeight: 'min-h-24',
+        textareaPaddingY: 'py-4',
+        trailingPadding: 'pr-5',
+        valueText: 'text-body-large',
+    },
+};
+export function getFieldSizeStyles(size = 'md') {
+    return FIELD_SIZE_STYLES[size];
+}
+//# sourceMappingURL=field-size.js.map

package/dist/lib/field-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"field-size.js","sourceRoot":"","sources":["../../src/lib/field-size.ts"],"names":[],"mappings":"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"}

package/dist/lib/navigation-action.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import type { NavigationItem, NavigationLinkRenderer, NavigationPresentationProps } from '../types/navigation.js';
+interface NavigationActionProps {
+    item: NavigationItem;
+    active: boolean;
+    className: string;
+    children: React.ReactNode;
+    renderLink?: NavigationLinkRenderer;
+    onActivate: (item: NavigationItem) => void;
+    ariaLabel?: string;
+    title?: string;
+    onMouseEnter?: React.MouseEventHandler<HTMLElement>;
+}
+export declare function NavigationAction({ item, active, className, children, renderLink, onActivate, ariaLabel, title, onMouseEnter, }: NavigationActionProps): React.JSX.Element;
+export declare function useNavigationSelection({ value, defaultValue, onValueChange, onItemSelect, }: Pick<NavigationPresentationProps, 'value' | 'defaultValue' | 'onValueChange' | 'onItemSelect'>): {
+    currentValue: string | null | undefined;
+    selectItem: (item: NavigationItem) => void;
+};
+export declare function getVisibleNavigationItems(items: NavigationItem[]): NavigationItem[];
+export {};
+//# sourceMappingURL=navigation-action.d.ts.map

package/dist/lib/navigation-action.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-action.d.ts","sourceRoot":"","sources":["../../src/lib/navigation-action.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAE3C,OAAO,KAAK,EACV,cAAc,EACd,sBAAsB,EACtB,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAE7B,UAAU,qBAAqB;IAC7B,IAAI,EAAE,cAAc,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,sBAAsB,CAAC;IACpC,UAAU,EAAE,CAAC,IAAI,EAAE,cAAc,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC;CACrD;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAI,EACJ,MAAM,EACN,SAAS,EACT,QAAQ,EACR,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,EACL,YAAY,GACb,EAAE,qBAAqB,qBAgDvB;AAED,wBAAgB,sBAAsB,CAAC,EACrC,KAAK,EACL,YAAmB,EACnB,aAAa,EACb,YAAY,GACb,EAAE,IAAI,CAAC,2BAA2B,EAAE,OAAO,GAAG,cAAc,GAAG,eAAe,GAAG,cAAc,CAAC;;uBAQtF,cAAc;EASxB;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,cAAc,EAAE,oBAEhE"}

package/dist/lib/navigation-action.js

@@ -0,0 +1,53 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { useControllableState } from './use-controllable-state.js';
+export function NavigationAction({ item, active, className, children, renderLink, onActivate, ariaLabel, title, onMouseEnter, }) {
+    const handleClick = (event) => {
+        if (item.disabled) {
+            event.preventDefault();
+            return;
+        }
+        onActivate(item);
+    };
+    const commonProps = {
+        className,
+        onClick: handleClick,
+        'aria-current': active ? 'page' : undefined,
+        'aria-disabled': item.disabled || undefined,
+        'aria-label': ariaLabel,
+        title,
+        onMouseEnter,
+    };
+    if (item.href && !item.disabled && renderLink) {
+        return renderLink(item, {
+            ...commonProps,
+            href: item.href,
+            target: item.external ? '_blank' : undefined,
+            rel: item.external ? 'noopener noreferrer' : undefined,
+            children,
+        });
+    }
+    if (item.href) {
+        return (_jsx("a", { ...commonProps, href: item.disabled ? undefined : item.href, target: item.external ? '_blank' : undefined, rel: item.external ? 'noopener noreferrer' : undefined, tabIndex: item.disabled ? -1 : undefined, children: children }));
+    }
+    return (_jsx("button", { ...commonProps, type: "button", disabled: item.disabled, children: children }));
+}
+export function useNavigationSelection({ value, defaultValue = null, onValueChange, onItemSelect, }) {
+    const [currentValue, setCurrentValue] = useControllableState({
+        value,
+        defaultValue,
+        onChange: onValueChange,
+    });
+    const selectItem = useCallback((item) => {
+        if (item.disabled)
+            return;
+        setCurrentValue(item.id);
+        onItemSelect?.(item);
+    }, [onItemSelect, setCurrentValue]);
+    return { currentValue, selectItem };
+}
+export function getVisibleNavigationItems(items) {
+    return items.filter((item) => !item.hidden);
+}
+//# sourceMappingURL=navigation-action.js.map

package/dist/lib/navigation-action.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-action.js","sourceRoot":"","sources":["../../src/lib/navigation-action.tsx"],"names":[],"mappings":"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"}

package/dist/lib/navigation-visuals.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { type IconProps } from '../components/icon.js';
+export interface NavigationIconProps {
+    icon: React.ReactNode | string;
+    active?: boolean;
+    size?: NonNullable<IconProps['size']>;
+    className?: string;
+}
+export declare function NavigationIcon({ icon, active, size, className, }: NavigationIconProps): React.JSX.Element;
+export declare function getNavigationRailItemClasses(disabled?: boolean, className?: string): string;
+interface NavigationRailItemContentProps {
+    icon: React.ReactNode | string;
+    activeIcon?: React.ReactNode | string;
+    badge?: string | number;
+    label: string;
+    showLabel?: boolean;
+    active: boolean;
+    disabled?: boolean;
+    ripple?: React.ReactNode;
+}
+export declare function NavigationRailItemContent({ icon, activeIcon, badge, label, showLabel, active, disabled, ripple, }: NavigationRailItemContentProps): React.JSX.Element;
+export declare function getNavigationDrawerItemClasses(args: {
+    active?: boolean;
+    disabled?: boolean;
+    className?: string;
+}): string;
+interface NavigationDrawerItemContentProps {
+    icon?: React.ReactNode | string;
+    activeIcon?: React.ReactNode | string;
+    badge?: React.ReactNode | string | number;
+    active?: boolean;
+    disabled?: boolean;
+    children: React.ReactNode;
+    ripple?: React.ReactNode;
+}
+export declare function NavigationDrawerItemContent({ icon, activeIcon, badge, active, children, ripple, }: NavigationDrawerItemContentProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=navigation-visuals.d.ts.map

package/dist/lib/navigation-visuals.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-visuals.d.ts","sourceRoot":"","sources":["../../src/lib/navigation-visuals.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAQ,KAAK,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE1D,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,MAAc,EACd,IAAW,EACX,SAAS,GACV,EAAE,mBAAmB,qBAMrB;AAED,wBAAgB,4BAA4B,CAAC,QAAQ,CAAC,EAAE,OAAO,EAAE,SAAS,CAAC,EAAE,MAAM,UAOlF;AAED,UAAU,8BAA8B;IACtC,IAAI,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,yBAAyB,CAAC,EACxC,IAAI,EACJ,UAAU,EACV,KAAK,EACL,KAAK,EACL,SAAgB,EAChB,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,8BAA8B,qBAmDhC;AAED,wBAAgB,8BAA8B,CAAC,IAAI,EAAE;IACnD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,UAaA;AAED,UAAU,gCAAgC;IACxC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IAChC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACtC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,IAAI,EACJ,UAAU,EACV,KAAK,EACL,MAAM,EACN,QAAQ,EACR,MAAM,GACP,EAAE,gCAAgC,qBA8BlC"}

package/dist/lib/navigation-visuals.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from './utils.js';
+import { Icon } from '../components/icon.js';
+export function NavigationIcon({ icon, active = false, size = 'sm', className, }) {
+    if (typeof icon === 'string') {
+        return _jsx(Icon, { symbol: icon, filled: active, size: size, className: className });
+    }
+    return _jsx(_Fragment, { children: icon });
+}
+export function getNavigationRailItemClasses(disabled, className) {
+    return cn('relative flex min-h-12 w-full cursor-pointer flex-col items-center gap-0.5 rounded-button py-1 outline-none select-none', 'focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-offset-2', disabled && 'pointer-events-none cursor-not-allowed opacity-38', className);
+}
+export function NavigationRailItemContent({ icon, activeIcon, badge, label, showLabel = true, active, disabled, ripple, }) {
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "relative flex items-center justify-center", "data-disabled": disabled ? 'true' : undefined, children: [_jsxs("div", { className: cn('rounded-button duration-medium ease-emphasized relative flex h-8 w-14 items-center justify-center overflow-hidden transition-all', active
+                            ? 'bg-state-selected text-on-surface'
+                            : 'text-on-surface-variant hover:bg-state-hover bg-transparent'), children: [ripple, _jsx("span", { className: "relative z-10 flex items-center justify-center", children: _jsx(NavigationIcon, { icon: active && activeIcon ? activeIcon : icon, active: active, size: "md" }) })] }), badge !== undefined && (_jsx("span", { className: cn('bg-error text-on-error ring-surface text-label-small pointer-events-none absolute -top-0.5 -right-0.5 z-20 flex h-3 min-w-3 items-center justify-center rounded-full px-0.5 leading-none font-medium ring-1', typeof badge === 'number' && badge < 10 && 'h-2 min-w-2 p-0.5'), role: "status", "aria-label": typeof badge === 'number' ? `${badge} notifications` : String(badge), children: badge }))] }), showLabel ? (_jsx("span", { className: cn('text-label-small duration-short max-w-full px-0.5 text-center transition-colors', active ? 'text-on-surface font-bold' : 'text-on-surface-variant font-medium'), children: label })) : null] }));
+}
+export function getNavigationDrawerItemClasses(args) {
+    const { active, disabled, className } = args;
+    return cn('relative flex w-full min-h-10 items-center justify-start gap-3 rounded-button px-4 py-2', 'text-body-medium text-left transition-colors duration-short select-none overflow-hidden outline-none', 'focus-visible:ring-2 focus-visible:ring-focus-ring focus-visible:ring-inset', active
+        ? 'bg-state-selected text-on-surface font-medium'
+        : 'text-on-surface-variant font-medium hover:bg-state-hover hover:text-on-surface', disabled && 'opacity-38 cursor-not-allowed pointer-events-none', className);
+}
+export function NavigationDrawerItemContent({ icon, activeIcon, badge, active, children, ripple, }) {
+    return (_jsxs(_Fragment, { children: [ripple, icon && (_jsx("span", { className: "size-icon-sm relative z-10 flex shrink-0 items-center justify-center", children: _jsx(NavigationIcon, { icon: active && activeIcon ? activeIcon : icon, active: !!active, size: "sm" }) })), _jsx("span", { className: "relative z-10 flex-1 truncate text-left", children: children }), badge && (_jsx("span", { className: "relative z-10 ml-auto", children: typeof badge === 'string' || typeof badge === 'number' ? (_jsx("span", { className: "text-label-small text-on-surface-variant inline-block min-w-5 px-1.5 py-0.5 text-center font-medium", children: badge })) : (badge) }))] }));
+}
+//# sourceMappingURL=navigation-visuals.js.map

package/dist/lib/navigation-visuals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation-visuals.js","sourceRoot":"","sources":["../../src/lib/navigation-visuals.tsx"],"names":[],"mappings":"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"}

package/dist/lib/portal-layer.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare function getPortalLayerStyle(anchor: HTMLElement | null): React.CSSProperties | undefined;
+//# sourceMappingURL=portal-layer.d.ts.map

package/dist/lib/portal-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-layer.d.ts","sourceRoot":"","sources":["../../src/lib/portal-layer.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,mBAAmB,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,GAAG,KAAK,CAAC,aAAa,GAAG,SAAS,CAY/F"}

package/dist/lib/portal-layer.js

@@ -0,0 +1,13 @@
+const MODAL_LAYER_SELECTOR = '[role="dialog"][aria-modal="true"]';
+export function getPortalLayerStyle(anchor) {
+    if (!anchor) {
+        return undefined;
+    }
+    if (anchor.closest(MODAL_LAYER_SELECTOR)) {
+        return {
+            zIndex: 'calc(var(--z-modal, 3000) + 10)',
+        };
+    }
+    return undefined;
+}
+//# sourceMappingURL=portal-layer.js.map

package/dist/lib/portal-layer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-layer.js","sourceRoot":"","sources":["../../src/lib/portal-layer.ts"],"names":[],"mappings":"AAEA,MAAM,oBAAoB,GAAG,oCAAoC,CAAC;AAElE,MAAM,UAAU,mBAAmB,CAAC,MAA0B;IAC5D,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,IAAI,MAAM,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;QACzC,OAAO;YACL,MAAM,EAAE,iCAAiC;SAC1C,CAAC;IACJ,CAAC;IAED,OAAO,SAAS,CAAC;AACnB,CAAC"}

package/dist/lib/selection-control-size.d.ts

@@ -0,0 +1,8 @@
+export type SelectionControlSize = 'sm' | 'md';
+export declare const selectionControlSizeClasses: Record<SelectionControlSize, {
+    control: string;
+    frame: string;
+    icon: string;
+    radioDot: string;
+}>;
+//# sourceMappingURL=selection-control-size.d.ts.map

package/dist/lib/selection-control-size.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-control-size.d.ts","sourceRoot":"","sources":["../../src/lib/selection-control-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,eAAO,MAAM,2BAA2B,EAAE,MAAM,CAC9C,oBAAoB,EACpB;IACE,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;CAClB,CAcF,CAAC"}

package/dist/lib/selection-control-size.js

@@ -0,0 +1,15 @@
+export const selectionControlSizeClasses = {
+    sm: {
+        control: 'h-[18px] w-[18px]',
+        frame: 'h-7 w-7',
+        icon: 'h-[18px] w-[18px] p-[3px]',
+        radioDot: 'after:h-2 after:w-2',
+    },
+    md: {
+        control: 'size-icon-sm',
+        frame: 'h-10 w-10',
+        icon: 'size-icon-sm p-0.5',
+        radioDot: 'after:h-2.5 after:w-2.5',
+    },
+};
+//# sourceMappingURL=selection-control-size.js.map

package/dist/lib/selection-control-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-control-size.js","sourceRoot":"","sources":["../../src/lib/selection-control-size.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAQpC;IACF,EAAE,EAAE;QACF,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,2BAA2B;QACjC,QAAQ,EAAE,qBAAqB;KAChC;IACD,EAAE,EAAE;QACF,OAAO,EAAE,cAAc;QACvB,KAAK,EAAE,WAAW;QAClB,IAAI,EAAE,oBAAoB;QAC1B,QAAQ,EAAE,yBAAyB;KACpC;CACF,CAAC"}