@adam-milo/ui 1.0.31 → 1.0.33

package/dist/src/components/layout/divider/Divider.component.d.ts

@@ -0,0 +1,39 @@
+import { ComponentPropsWithoutRef } from 'react';
+
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+export interface DividerProps extends Omit<ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>, 'decorative'> {
+    /**
+     * The orientation of the divider
+     * @default 'horizontal'
+     */
+    orientation?: 'horizontal' | 'vertical';
+    /**
+     * Whether the divider is decorative (hidden from screen readers)
+     * If true, uses aria-hidden. If false, uses role="separator"
+     * @default true
+     */
+    decorative?: boolean;
+    /**
+     * Spacing around the divider (uses design system spacing scale)
+     * Applied as margin-block for horizontal or margin-inline for vertical
+     * @default '0'
+     */
+    spacing?: '0' | '1' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12';
+    /**
+     * Custom color for the divider line
+     * If not provided, uses --color-border from design tokens
+     */
+    color?: string;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     * Auto-generates as "divider-{orientation}" if not provided
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     * Auto-generates as "divider-{orientation}" if not provided
+     */
+    'data-testid'?: string;
+}
+export declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Divider.component.d.ts.map

package/dist/src/components/layout/divider/Divider.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/divider/Divider.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,wBAAwB,EAAc,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAEhE,OAAO,eAAe,CAAC;AAEvB,MAAM,WAAW,YAAa,SAAQ,IAAI,CACxC,wBAAwB,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,EACxD,YAAY,CACb;IACC;;;OAGG;IACH,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IAExC;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,IAAI,CAAC;IAEtE;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,eAAO,MAAM,OAAO,yGAuCnB,CAAC"}

package/dist/src/components/typography/heading/Heading.component.d.ts

@@ -0,0 +1,91 @@
+import { ComponentPropsWithoutRef } from 'react';
+
+/**
+ * Semantic heading level (1-6 for h1-h6)
+ */
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+/**
+ * Visual size variants for headings
+ * Decoupled from semantic level to allow styling flexibility
+ */
+export type HeadingSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
+/**
+ * Heading weight variants
+ */
+export type HeadingWeight = 'medium' | 'semibold' | 'bold';
+/**
+ * Heading alignment options
+ */
+export type HeadingAlign = 'start' | 'center' | 'end';
+/**
+ * Heading color variants using design token colors
+ */
+export type HeadingColor = 'text' | 'action' | 'clickable' | 'popup' | 'error' | 'secondary' | 'system-text' | 'grey-07';
+/**
+ * Props for the Heading component
+ */
+export interface HeadingProps extends Omit<ComponentPropsWithoutRef<'h1'>, 'color'> {
+    /**
+     * Semantic heading level (1-6 for h1-h6)
+     * @default 2
+     */
+    level?: HeadingLevel;
+    /**
+     * Visual size variant (decoupled from semantic level)
+     * @default derived from level
+     */
+    size?: HeadingSize;
+    /**
+     * Font weight
+     * @default 'bold'
+     */
+    weight?: HeadingWeight;
+    /**
+     * Text color using design token colors
+     * @default 'text'
+     */
+    color?: HeadingColor;
+    /**
+     * Text alignment
+     * @default 'start'
+     */
+    align?: HeadingAlign;
+    /**
+     * Custom className for additional styling
+     */
+    className?: string;
+    /**
+     * Custom data-cy attribute for Cypress testing
+     */
+    'data-cy'?: string;
+    /**
+     * Custom data-testid attribute for unit testing
+     */
+    'data-testid'?: string;
+    /**
+     * Heading content
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Heading component for semantic heading levels (h1-h6) with consistent styling
+ *
+ * @example
+ * ```tsx
+ * // Basic usage - renders as h2 with xl size
+ * <Heading>Page Title</Heading>
+ *
+ * // Specify level for semantic HTML
+ * <Heading level={1}>Main Heading</Heading>
+ *
+ * // Decouple visual size from semantic level
+ * <Heading level={3} size="xl">H3 styled as H1 size</Heading>
+ *
+ * // With weight and color
+ * <Heading level={2} weight="semibold" color="secondary">
+ *   Section Title
+ * </Heading>
+ * ```
+ */
+export declare const Heading: import('react').ForwardRefExoticComponent<HeadingProps & import('react').RefAttributes<HTMLHeadingElement>>;
+//# sourceMappingURL=Heading.component.d.ts.map

package/dist/src/components/typography/heading/Heading.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Heading.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/typography/heading/Heading.component.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,eAAe,CAAC;AAEvB;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAEjD;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;AAEnE;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;AAE3D;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAEtD;;GAEG;AACH,MAAM,MAAM,YAAY,GACpB,MAAM,GACN,QAAQ,GACR,WAAW,GACX,OAAO,GACP,OAAO,GACP,WAAW,GACX,aAAa,GACb,SAAS,CAAC;AAcd;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,OAAO,CAAC;IACjF;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,OAAO,6GAkDnB,CAAC"}

package/dist/src/index.d.ts

@@ -32,8 +32,12 @@ export { Stack } from './components/layout/stack/Stack.component';
 export type { StackProps } from './components/layout/stack/Stack.component';
 export { Container } from './components/layout/container/Container.component';
 export type { ContainerProps } from './components/layout/container/Container.component';
+export { Divider } from './components/layout/divider/Divider.component';
+export type { DividerProps } from './components/layout/divider/Divider.component';
 export { Text } from './components/typography/text/Text.component';
 export type { TextProps, TextSize, TextWeight, TextAlign, TextColor, } from './components/typography/text/Text.component';
+export { Heading } from './components/typography/heading/Heading.component';
+export type { HeadingProps, HeadingLevel, HeadingSize, HeadingWeight, HeadingAlign, HeadingColor, } from './components/typography/heading/Heading.component';
 export { Grid } from './components/layout/grid/Grid.component';
 export type { GridProps } from './components/layout/grid/Grid.component';
 export { cn, generateId } from './lib';

package/dist/src/index.d.ts.map

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

package/dist/style.css

@@ -1 +1 @@
-.btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5);inline-size:100%;position:relative}.select-wrapper--full-width{inline-size:100%}.select-field{position:relative;display:flex;flex-direction:column;inline-size:100%}.select-field__top{display:flex;align-items:flex-end;block-size:var(--spacing-2)}.select-field__border-left{inline-size:var(--spacing-3);block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-block-end:none;border-inline-end:none;border-start-start-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable)}.select-field__border-left--error{border-block-start:1px solid var(--color-error);border-inline-start:1px solid var(--color-error)}.select-field__border-left--error.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-start:var(--border-width-md) solid var(--color-error)}.select-field__border-left--disabled{opacity:.5}.select-field__label-container{display:flex;align-items:flex-start;padding-inline:var(--spacing-1);padding-block:0}.select-field__border-right{flex:1;min-inline-size:1px;min-block-size:1px;block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-block-end:none;border-inline-start:none;border-start-end-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-field__border-right--error{border-block-start:1px solid var(--color-error);border-inline-end:1px solid var(--color-error)}.select-field__border-right--error.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-end:var(--border-width-md) solid var(--color-error)}.select-field__border-right--disabled{opacity:.5}.select-field__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1;color:var(--color-clickable);white-space:nowrap}.select-field__label--floating{color:var(--color-clickable)}.select-field__label--error{color:var(--color-error)}.select-field__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-3);background-color:var(--color-card);border-block-start:none;border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-icon-secondary);text-align:start;cursor:pointer;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.select-trigger--floating{color:var(--color-text);border-block-end:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-trigger--full-width{inline-size:100%}.select-trigger:hover:not(:disabled){border-color:var(--color-clickable)}.select-trigger:focus{outline:none}.select-trigger[data-state=open]{border-color:var(--color-clickable)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__placeholder-label{flex:1;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);color:var(--color-icon-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-action)}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-2)}.select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-default);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1.5;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s ease-in-out}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:var(--color-bg-secondary)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:500;color:var(--color-system-text)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-4)}.select__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-4)}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}.container{inline-size:100%;margin-inline:auto;box-sizing:border-box}.container--max-width-sm{max-inline-size:40rem}.container--max-width-md{max-inline-size:48rem}.container--max-width-lg{max-inline-size:64rem}.container--max-width-xl{max-inline-size:80rem}.container--max-width-full{max-inline-size:100%}.container--padding-none{padding-inline:0}.container--padding-sm{padding-inline:var(--spacing-4)}.container--padding-md{padding-inline:var(--spacing-6)}.container--padding-lg{padding-inline:var(--spacing-8)}.container--padding-xl{padding-inline:var(--spacing-12)}@media (min-width: 768px){.container--padding-sm{padding-inline:var(--spacing-6)}.container--padding-md{padding-inline:var(--spacing-8)}.container--padding-lg{padding-inline:var(--spacing-12)}.container--padding-xl{padding-inline:var(--spacing-16)}}@media (min-width: 1024px){.container--padding-xl{padding-inline:var(--spacing-20)}}.text{margin:0;font-family:var(--font-family-default);line-height:1.5;color:var(--color-text)}.text--size-xs{font-size:var(--font-size-10);line-height:1.4}.text--size-sm{font-size:var(--font-size-9);line-height:1.45}.text--size-md{font-size:var(--font-size-8);line-height:1.5}.text--size-lg{font-size:var(--font-size-7);line-height:1.55}.text--size-xl{font-size:var(--font-size-6);line-height:1.6}.text--weight-regular{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-text{color:var(--color-text)}.text--color-action{color:var(--color-action)}.text--color-clickable{color:var(--color-clickable)}.text--color-popup{color:var(--color-popup)}.text--color-error{color:var(--color-error)}.text--color-secondary{color:var(--color-secondary)}.text--color-system-text{color:var(--color-system-text)}.text--color-grey-07{color:var(--color-grey-07)}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.text--size-lg{line-height:1.6}.text--size-xl{line-height:1.65}}@media (min-width: 1024px){.text{line-height:1.6}}.grid{display:grid}.grid--columns-1{grid-template-columns:repeat(1,1fr)}.grid--columns-2{grid-template-columns:repeat(2,1fr)}.grid--columns-3{grid-template-columns:repeat(3,1fr)}.grid--columns-4{grid-template-columns:repeat(4,1fr)}.grid--columns-5{grid-template-columns:repeat(5,1fr)}.grid--columns-6{grid-template-columns:repeat(6,1fr)}.grid--columns-7{grid-template-columns:repeat(7,1fr)}.grid--columns-8{grid-template-columns:repeat(8,1fr)}.grid--columns-9{grid-template-columns:repeat(9,1fr)}.grid--columns-10{grid-template-columns:repeat(10,1fr)}.grid--columns-11{grid-template-columns:repeat(11,1fr)}.grid--columns-12{grid-template-columns:repeat(12,1fr)}.grid--columns-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-auto-fit-min, 15rem),1fr))}.grid--rows-1{grid-template-rows:repeat(1,1fr)}.grid--rows-2{grid-template-rows:repeat(2,1fr)}.grid--rows-3{grid-template-rows:repeat(3,1fr)}.grid--rows-4{grid-template-rows:repeat(4,1fr)}.grid--rows-5{grid-template-rows:repeat(5,1fr)}.grid--rows-6{grid-template-rows:repeat(6,1fr)}.grid--rows-7{grid-template-rows:repeat(7,1fr)}.grid--rows-8{grid-template-rows:repeat(8,1fr)}.grid--rows-9{grid-template-rows:repeat(9,1fr)}.grid--rows-10{grid-template-rows:repeat(10,1fr)}.grid--rows-11{grid-template-rows:repeat(11,1fr)}.grid--rows-12{grid-template-rows:repeat(12,1fr)}.grid--rows-auto{grid-auto-rows:auto}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--spacing-1)}.grid--gap-2{gap:var(--spacing-2)}.grid--gap-3{gap:var(--spacing-3)}.grid--gap-4{gap:var(--spacing-4)}.grid--gap-5{gap:var(--spacing-5)}.grid--gap-6{gap:var(--spacing-6)}.grid--gap-8{gap:var(--spacing-8)}.grid--gap-10{gap:var(--spacing-10)}.grid--gap-12{gap:var(--spacing-12)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--spacing-1)}.grid--row-gap-2{row-gap:var(--spacing-2)}.grid--row-gap-3{row-gap:var(--spacing-3)}.grid--row-gap-4{row-gap:var(--spacing-4)}.grid--row-gap-5{row-gap:var(--spacing-5)}.grid--row-gap-6{row-gap:var(--spacing-6)}.grid--row-gap-8{row-gap:var(--spacing-8)}.grid--row-gap-10{row-gap:var(--spacing-10)}.grid--row-gap-12{row-gap:var(--spacing-12)}.grid--column-gap-0{column-gap:0}.grid--column-gap-1{column-gap:var(--spacing-1)}.grid--column-gap-2{column-gap:var(--spacing-2)}.grid--column-gap-3{column-gap:var(--spacing-3)}.grid--column-gap-4{column-gap:var(--spacing-4)}.grid--column-gap-5{column-gap:var(--spacing-5)}.grid--column-gap-6{column-gap:var(--spacing-6)}.grid--column-gap-8{column-gap:var(--spacing-8)}.grid--column-gap-10{column-gap:var(--spacing-10)}.grid--column-gap-12{column-gap:var(--spacing-12)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}
+.btn{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding-block:var(--spacing-3);padding-inline:var(--spacing-4);gap:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-weight:400;font-size:var(--font-size-8);line-height:1.5rem;text-align:center;white-space:nowrap;border:none;border-radius:var(--radius-default);transition-property:background-color,color,border-color,transform;transition-duration:.2s;transition-timing-function:ease-in-out;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation}.btn:focus-visible{outline:2px solid;outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{cursor:not-allowed;opacity:1;pointer-events:none}.btn--primary-workspace{background-color:var(--color-popup);color:var(--color-card);outline-color:var(--color-popup)}.btn--primary-workspace:hover:not(:disabled){background-color:var(--color-action)}.btn--primary-workspace:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--primary-builder{background-color:var(--color-action);color:var(--color-card);outline-color:var(--color-action)}.btn--primary-builder:hover:not(:disabled){background-color:var(--color-text)}.btn--primary-builder:disabled{background-color:var(--color-bg-secondary);color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--secondary{background-color:var(--color-card);color:var(--color-text);border:1px solid var(--color-system-text);outline-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--secondary:disabled{background-color:transparent;color:var(--color-icon-secondary);border:1px solid var(--color-border)}.btn--ghost{background-color:transparent;color:var(--color-text);outline-color:var(--color-border)}.btn--ghost:hover:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost:disabled{background-color:transparent;color:var(--color-icon-secondary)}.btn--full-width{inline-size:100%}.btn__icon{display:inline-flex;align-items:center;justify-content:center;inline-size:1rem;block-size:1rem;flex-shrink:0}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-2);inline-size:100%}.input-wrapper--full-width{inline-size:100%}.input__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:400;color:var(--color-grey-07);line-height:1}.input__field-container{position:relative;display:flex;align-items:center;inline-size:100%}.input{display:block;inline-size:100%;block-size:var(--spacing-11);padding-inline:var(--spacing-3-5);padding-block:var(--spacing-3-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-text);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-5px);transition-property:border-color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out;cursor:text}.input:focus{outline:none;border-color:var(--color-clickable);box-shadow:none}.input:hover:not(:disabled):not(:focus){border-color:var(--color-clickable)}.input:disabled{cursor:not-allowed;opacity:.5;background-color:var(--color-card);color:var(--color-text);pointer-events:none}.input::placeholder{color:var(--color-icon-secondary)}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:none}.input--error:hover:not(:disabled){border-color:var(--color-error)}.input--full-width{inline-size:100%}.input--with-toggle{padding-inline-end:var(--spacing-12)}.input__toggle{position:absolute;inset-block-start:50%;inset-inline-end:var(--spacing-3-5);transform:translateY(-50%);display:flex;align-items:center;justify-content:center;inline-size:var(--spacing-5);block-size:var(--spacing-5);padding:0;background:transparent;border:none;color:var(--color-border);cursor:pointer;transition-property:color,transform;transition-duration:.2s;transition-timing-function:ease-in-out}.input__toggle:hover{color:var(--color-system-text)}.input__toggle:focus{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-sm)}.input__toggle:focus:not(:focus-visible){outline:none}.input__toggle:active{transform:translateY(-50%) scale(.95)}.input__toggle svg{inline-size:100%;block-size:100%}.input__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}.input__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-3-5);padding-block-start:var(--spacing-1-5)}@media (min-width: 768px){.input{block-size:var(--spacing-11)}}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5)}.checkbox-wrapper--disabled{opacity:.5;cursor:not-allowed}.checkbox__container{display:flex;align-items:center;gap:var(--spacing-2)}.checkbox__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1rem;height:1rem;margin:0;border:1px solid var(--color-icon-secondary);border-radius:.1875rem;background-color:var(--color-card);cursor:pointer;position:relative;flex-shrink:0;transition:all .15s ease-in-out}.checkbox__input:hover:not(:disabled){border-color:var(--color-icon-secondary);background-color:var(--color-bg)}.checkbox__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.checkbox__input:checked{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input:checked:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%) rotate(45deg);width:.3125rem;height:.625rem;border:solid var(--color-card);border-width:0 .125rem .125rem 0;border-inline-start-width:0;border-block-start-width:0}.checkbox__input[data-indeterminate=true]{background-color:var(--color-clickable);border-color:var(--color-clickable)}.checkbox__input[data-indeterminate=true]:before{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;transform:translate(-50%,-50%);width:.625rem;height:.125rem;background-color:var(--color-card);border:none;border-radius:.0625rem}.checkbox__input:disabled{border-color:var(--color-border);background-color:var(--color-bg-secondary);cursor:not-allowed}.checkbox__input:disabled:checked{background-color:var(--color-border);border-color:var(--color-border)}.checkbox__input--error{border-color:var(--color-error)}.checkbox__input--error:checked{background-color:var(--color-error);border-color:var(--color-error)}.checkbox__label{color:var(--color-text);font-size:var(--font-size-9);line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-wrapper--disabled .checkbox__label{cursor:not-allowed}.checkbox__error{display:block;color:var(--color-error);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}.checkbox__helper{display:block;color:var(--color-system-text);font-size:var(--font-size-10);line-height:1.4;margin-inline-start:calc(1rem + var(--spacing-2))}@media (min-width: 768px){.checkbox__label{font-size:var(--font-size-9)}}.radio-wrapper{display:inline-flex;flex-direction:column;gap:var(--spacing-2)}.radio-wrapper--disabled{opacity:1;cursor:not-allowed}.radio__container{display:inline-flex;align-items:center;gap:var(--spacing-2);position:relative}.radio__input{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:1.25rem;height:1.25rem;border:1px solid var(--color-icon-secondary);border-radius:50%;background-color:transparent;cursor:pointer;flex-shrink:0;position:relative;transition:all .2s ease}.radio__input:not(:disabled):hover{border-color:var(--color-action)}.radio__input:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.radio__input:checked{border-color:var(--color-action);border-width:1px}.radio__input:checked:before{content:"";position:absolute;inset-inline-start:22%;inset-block-start:22%;width:56%;height:56%;background-color:var(--color-clickable);border-radius:50%;transition:all .2s ease}.radio__input:disabled{border-color:var(--color-border);background-color:transparent;cursor:not-allowed}.radio__input:disabled:checked{border-color:var(--color-icon-secondary)}.radio__input:disabled:checked:before{background-color:var(--color-icon-secondary)}.radio__input--error{border-color:var(--color-error)}.radio__input--error:checked{border-color:var(--color-error)}.radio__label{color:var(--color-text);font-size:var(--font-size-9);font-weight:400;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none}.radio-wrapper--disabled .radio__label{color:var(--color-system-text);cursor:not-allowed}.radio__error{color:var(--color-error);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}.radio__helper{color:var(--color-system-text);font-size:var(--font-size-8);line-height:1.5;margin-inline-start:calc(1.25rem + var(--spacing-2))}@media (min-width: 768px){.radio__input{width:1.25rem;height:1.25rem}}@media (prefers-contrast: high){.radio__input{border-width:2px}.radio__input:checked:before{border:1px solid var(--color-bg)}}@media (prefers-reduced-motion: reduce){.radio__input,.radio__input:before{transition:none}}.select-wrapper{display:flex;flex-direction:column;gap:var(--spacing-1-5);inline-size:100%;position:relative}.select-wrapper--full-width{inline-size:100%}.select-field{position:relative;display:flex;flex-direction:column;inline-size:100%}.select-field__top{display:flex;align-items:flex-end;block-size:var(--spacing-2)}.select-field__border-left{inline-size:var(--spacing-3);block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-block-end:none;border-inline-end:none;border-start-start-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable)}.select-field__border-left--error{border-block-start:1px solid var(--color-error);border-inline-start:1px solid var(--color-error)}.select-field__border-left--error.select-field__border-left--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-start:var(--border-width-md) solid var(--color-error)}.select-field__border-left--disabled{opacity:.5}.select-field__label-container{display:flex;align-items:flex-start;padding-inline:var(--spacing-1);padding-block:0}.select-field__border-right{flex:1;min-inline-size:1px;min-block-size:1px;block-size:var(--spacing-2);border-block-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-block-end:none;border-inline-start:none;border-start-end-radius:var(--radius-md);transition:border-color .2s ease-in-out}.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-field__border-right--error{border-block-start:1px solid var(--color-error);border-inline-end:1px solid var(--color-error)}.select-field__border-right--error.select-field__border-right--floating{border-block-start:var(--border-width-md) solid var(--color-error);border-inline-end:var(--border-width-md) solid var(--color-error)}.select-field__border-right--disabled{opacity:.5}.select-field__label{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:400;line-height:1;color:var(--color-clickable);white-space:nowrap}.select-field__label--floating{color:var(--color-clickable)}.select-field__label--error{color:var(--color-error)}.select-field__label--disabled{opacity:.5}.select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);inline-size:100%;padding-block-start:var(--spacing-1-5);padding-block-end:var(--spacing-3-5);padding-inline-start:var(--spacing-4);padding-inline-end:var(--spacing-3);background-color:var(--color-card);border-block-start:none;border-block-end:1px solid var(--color-border);border-inline-start:1px solid var(--color-border);border-inline-end:1px solid var(--color-border);border-end-start-radius:var(--radius-md);border-end-end-radius:var(--radius-md);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1;color:var(--color-icon-secondary);text-align:start;cursor:pointer;transition-property:border-color;transition-duration:.2s;transition-timing-function:ease-in-out}.select-trigger--floating{color:var(--color-text);border-block-end:var(--border-width-md) solid var(--color-clickable);border-inline-start:var(--border-width-md) solid var(--color-clickable);border-inline-end:var(--border-width-md) solid var(--color-clickable)}.select-trigger--full-width{inline-size:100%}.select-trigger:hover:not(:disabled){border-color:var(--color-clickable)}.select-trigger:focus{outline:none}.select-trigger[data-state=open]{border-color:var(--color-clickable)}.select-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.select-trigger--error{border-color:var(--color-error)}.select-trigger--error:hover:not(:disabled),.select-trigger--error:focus,.select-trigger--error[data-state=open]{border-color:var(--color-error)}.select-trigger__placeholder-label{flex:1;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);color:var(--color-icon-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.select-trigger__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;inline-size:var(--spacing-6);block-size:var(--spacing-6);color:var(--color-action)}.select-trigger__icon svg{inline-size:100%;block-size:100%}.select-content{overflow:hidden;z-index:50;min-inline-size:var(--radix-select-trigger-width);max-block-size:var(--radix-select-content-available-height);background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem #0000001a;animation-duration:.15s;animation-timing-function:ease-out}.select-content[data-state=open]{animation-name:select-content-open}.select-content[data-state=closed]{animation-name:select-content-close}@keyframes select-content-open{0%{opacity:0;transform:translateY(-.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes select-content-close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}.select-viewport{padding:var(--spacing-2)}.select-item{display:flex;align-items:center;padding:var(--spacing-2);border-radius:var(--radius-default);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-8);line-height:1.5;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:background-color .1s ease-in-out}.select-item:hover,.select-item:focus,.select-item[data-highlighted]{background-color:var(--color-bg-secondary)}.select-item[data-state=checked]{background-color:var(--color-bg-secondary)}.select-item[data-disabled]{cursor:not-allowed;opacity:.5;pointer-events:none}.select-group-label{padding-block:var(--spacing-2);padding-inline:var(--spacing-2);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);font-weight:500;color:var(--color-system-text)}.select-separator{block-size:1px;margin-block:var(--spacing-1);background-color:var(--color-border)}.select__helper{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-grey-07);padding-inline-start:var(--spacing-4)}.select__error{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-10);line-height:1;color:var(--color-error);padding-inline-start:var(--spacing-4)}.tabs-list{display:inline-flex;align-items:center;justify-content:center;block-size:2.5rem;padding:var(--spacing-1);gap:var(--spacing-1);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-icon-secondary)}.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding-inline:var(--spacing-3);padding-block:var(--spacing-1-5);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);font-weight:500;line-height:1.5;border:none;border-radius:var(--radius-default);background-color:transparent;color:var(--color-icon-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition-property:background-color,color,box-shadow;transition-duration:.2s;transition-timing-function:ease-in-out}.tabs-trigger:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;z-index:1}.tabs-trigger:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.tabs-trigger[data-state=active]{background-color:var(--color-card);color:var(--color-text);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.tabs-trigger:hover:not([data-state=active]):not(:disabled){background-color:var(--color-border);color:var(--color-text)}.tabs-content{margin-block-start:var(--spacing-2)}.tabs-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px;border-radius:var(--radius-default)}@media (max-width: 639px){.tabs-list{inline-size:100%;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tabs-trigger{padding-inline:var(--spacing-4);padding-block:var(--spacing-2)}}.alert{position:relative;display:flex;gap:var(--spacing-3);padding-inline:var(--spacing-4);padding-block:var(--spacing-3);font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;border:1px solid;border-radius:var(--radius-md)}.alert--info{background-color:var(--color-clickable-light, rgba(47, 157, 178, .05));border-color:var(--color-clickable-light, rgba(47, 157, 178, .2));color:var(--color-clickable)}.alert--success{background-color:var(--color-success-light, rgba(76, 175, 80, .05));border-color:var(--color-success-light, rgba(76, 175, 80, .2));color:var(--color-success, #4caf50)}.alert--warning{background-color:var(--color-warning-light, rgba(255, 152, 0, .05));border-color:var(--color-warning-light, rgba(255, 152, 0, .2));color:var(--color-warning, #ff9800)}.alert--error{background-color:var(--color-error-light, rgba(255, 104, 104, .05));border-color:var(--color-error-light, rgba(255, 104, 104, .2));color:var(--color-error)}.alert__icon{display:inline-flex;align-items:flex-start;justify-content:center;flex-shrink:0;margin-block-start:.125rem}.alert--info .alert__icon{color:var(--color-clickable)}.alert--success .alert__icon{color:var(--color-success, #4caf50)}.alert--warning .alert__icon{color:var(--color-warning, #ff9800)}.alert--error .alert__icon{color:var(--color-error)}.alert__content{flex:1;min-inline-size:0}.alert__title{font-weight:600;margin-block-end:var(--spacing-1);line-height:1.3}@media (min-width: 768px){.alert{padding-inline:var(--spacing-5);padding-block:var(--spacing-4)}}.card{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-card);overflow:hidden}.card--default{border:1px solid var(--color-border);background-color:var(--color-card)}.card--outlined{border:2px solid var(--color-system-text);background-color:var(--color-card)}.card--elevated{border:1px solid var(--color-border);background-color:var(--color-card);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d}.card-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);padding:var(--spacing-6)}.card-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text)}.card-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}.card-content{padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}.card-footer{display:flex;align-items:center;gap:var(--spacing-4);padding-inline:var(--spacing-6);padding-block:var(--spacing-6);padding-block-start:0}@media (max-width: 639px){.card-header,.card-content,.card-footer{padding-inline:var(--spacing-4);padding-block:var(--spacing-4)}.card-content,.card-footer{padding-block-start:0}}.datatable-wrapper{inline-size:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--color-border) var(--color-bg-secondary)}.datatable{inline-size:100%;border-collapse:collapse;font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-text)}.datatable__head{border-block-end:1px solid var(--color-border);background-color:var(--color-bg-secondary)}.datatable__header-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);text-align:start;font-weight:600;color:var(--color-system-text)}.datatable__body-row{border-block-end:1px solid var(--color-border)}.datatable__body-row.datatable__body-row--hoverable:hover{background-color:var(--color-bg)}.datatable__body-row.datatable__body-row--striped:nth-child(2n){background-color:var(--color-bg)}.datatable__body-cell{padding-inline:var(--spacing-4);padding-block:var(--spacing-3);color:var(--color-text)}.datatable__empty{padding:var(--spacing-12);text-align:center;color:var(--color-icon-secondary);font-style:italic}@media (max-width: 639px){.datatable__header-cell,.datatable__body-cell{padding-inline:var(--spacing-2);padding-block:var(--spacing-2);font-size:var(--font-size-10)}.datatable__empty{padding:var(--spacing-8)}}.chip{display:inline-flex;align-items:center;justify-content:center;padding-block:var(--spacing-1);padding-inline:var(--spacing-3);border-radius:var(--radius-default);border-width:var(--border-width-default);border-style:solid;font-size:var(--font-size-9);line-height:1;font-weight:400;transition:all .2s ease-in-out;cursor:default;-webkit-user-select:none;user-select:none}.chip__label{white-space:nowrap}.chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 10%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 30%,transparent);color:var(--color-clickable)}.chip--primary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-clickable) 15%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 40%,transparent)}.chip--primary.chip--selected{background-color:var(--color-clickable);border-color:var(--color-clickable);color:var(--color-card)}.chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 10%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 30%,transparent);color:var(--color-toggle)}.chip--secondary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-toggle) 15%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 40%,transparent)}.chip--secondary.chip--selected{background-color:var(--color-toggle);border-color:var(--color-toggle);color:var(--color-card)}.chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 10%,transparent);border-color:color-mix(in srgb,var(--color-popup) 30%,transparent);color:var(--color-popup)}.chip--tertiary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-popup) 15%,transparent);border-color:color-mix(in srgb,var(--color-popup) 40%,transparent)}.chip--tertiary.chip--selected{background-color:var(--color-popup);border-color:var(--color-popup);color:var(--color-card)}.chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 10%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 30%,transparent);color:var(--color-secondary)}.chip--quaternary:hover:not(.chip--disabled):not(.chip--selected){background-color:color-mix(in srgb,var(--color-secondary) 15%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 40%,transparent)}.chip--quaternary.chip--selected{background-color:var(--color-secondary);border-color:var(--color-secondary);color:var(--color-card)}.chip--disabled{opacity:.4;cursor:not-allowed;pointer-events:none}@media (min-width: 768px){.chip{padding-inline:var(--spacing-3-5)}}@media (min-width: 1024px){.chip{padding-inline:var(--spacing-3)}}.sr-only{position:absolute;width:.0625rem;height:.0625rem;padding:0;margin:-.0625rem;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.chip-group{display:block;width:100%;position:relative;overflow:visible}.chip-group__container{display:flex;flex-wrap:nowrap;gap:var(--spacing-2);align-items:center}.chip-group__item-wrapper{display:inline-flex;flex-shrink:0}.chip-group__item{position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);cursor:pointer;outline:none;transition:all .2s ease-in-out;border-radius:var(--radius-default)}.chip-group__item:hover:not([aria-disabled=true]){cursor:pointer}.chip-group__item:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--spacing-0-5);border-radius:var(--radius-default)}.chip-group__item:focus-visible:not(:focus){outline:none}.chip-group__item:active:not([aria-disabled=true]){transform:scale(.98)}.chip-group__item[aria-disabled=true]{cursor:not-allowed}.chip-group__item .chip{cursor:pointer}.chip-group__item[aria-disabled=true] .chip{cursor:not-allowed}.chip-group__remove{position:absolute;inset-inline-end:var(--spacing-1);inset-block-start:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:var(--spacing-4);height:var(--spacing-4);padding:0;border:none;background:transparent;cursor:pointer;border-radius:var(--radius-round);transition:background-color .2s ease-in-out;color:currentColor}.chip-group__remove:hover{background-color:color-mix(in srgb,currentColor 20%,transparent)}.chip-group__remove:focus-visible{outline:var(--border-width-md) solid var(--color-clickable);outline-offset:var(--border-width-default)}.chip-group__item:has(.chip-group__remove) .chip{padding-inline-end:var(--spacing-6)}.chip-group__overflow{position:relative;display:inline-flex;flex-shrink:0;cursor:pointer}.chip-group__overflow .chip{transition:all .2s ease-in-out}.chip-group__overflow .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 20%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 50%,transparent);color:var(--color-clickable);cursor:pointer}.chip-group__overflow .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 20%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 50%,transparent);color:var(--color-toggle);cursor:pointer}.chip-group__overflow .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 20%,transparent);border-color:color-mix(in srgb,var(--color-popup) 50%,transparent);color:var(--color-popup);cursor:pointer}.chip-group__overflow .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 20%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 50%,transparent);color:var(--color-secondary);cursor:pointer}.chip-group__overflow:hover .chip--primary{background-color:color-mix(in srgb,var(--color-clickable) 25%,transparent);border-color:color-mix(in srgb,var(--color-clickable) 60%,transparent)}.chip-group__overflow:hover .chip--secondary{background-color:color-mix(in srgb,var(--color-toggle) 25%,transparent);border-color:color-mix(in srgb,var(--color-toggle) 60%,transparent)}.chip-group__overflow:hover .chip--tertiary{background-color:color-mix(in srgb,var(--color-popup) 25%,transparent);border-color:color-mix(in srgb,var(--color-popup) 60%,transparent)}.chip-group__overflow:hover .chip--quaternary{background-color:color-mix(in srgb,var(--color-secondary) 25%,transparent);border-color:color-mix(in srgb,var(--color-secondary) 60%,transparent)}.chip-group__tooltip{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding-block:var(--spacing-2);padding-inline:var(--spacing-3);background-color:var(--color-text);color:var(--color-card);border:none;border-radius:var(--radius-default);font-size:var(--font-size-8);line-height:normal;animation:tooltipFadeIn .2s ease-in-out;display:flex;flex-direction:column;gap:var(--spacing-2);pointer-events:none}.chip-group__tooltip-item{white-space:pre-wrap;word-break:break-word;min-width:100%;width:min-content}.chip-group__dropdown{position:absolute;inset-block-end:calc(100% + var(--spacing-2));inset-inline-start:50%;translate:-50% 0;z-index:var(--z-index-popover, 1000);min-width:calc(var(--spacing-35));max-width:calc(var(--spacing-62-5));padding:0;background-color:var(--color-card);border:none;border-radius:var(--radius-md);box-shadow:0 0 var(--spacing-4) #0000001a;animation:tooltipFadeIn .2s ease-in-out;overflow:hidden}.chip-group__dropdown-item{padding-block:var(--spacing-2-5);padding-inline:var(--spacing-3);font-size:var(--font-size-9);color:var(--color-grey-07);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:background-color .15s ease-in-out;width:100%}.chip-group__dropdown-item:first-child{background-color:var(--color-bg)}.chip-group__dropdown-item:hover:not(.chip-group__dropdown-item--disabled){background-color:var(--color-bg)}.chip-group__dropdown-item--disabled{opacity:.4;cursor:not-allowed}.chip-group__tooltip:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-text) transparent transparent transparent}.chip-group__dropdown:after{content:"";position:absolute;inset-block-start:100%;inset-inline-start:50%;translate:-50% 0;border-width:var(--spacing-2);border-style:solid;border-color:var(--color-card) transparent transparent transparent}@keyframes tooltipFadeIn{0%{opacity:0;translate:-50% calc(var(--spacing-1) * -1)}to{opacity:1;translate:-50% 0}}.chip-group--disabled{opacity:.4;pointer-events:none}@media (min-width: 768px){.chip-group__container{gap:var(--spacing-2-5)}}@media (min-width: 1024px){.chip-group__container{gap:var(--spacing-2)}}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background-color:#191a3980;-webkit-backdrop-filter:blur(.25rem);backdrop-filter:blur(.25rem);animation-duration:.2s;animation-timing-function:ease-out;animation-fill-mode:forwards}.dialog-overlay[data-state=open]{animation-name:dialog-overlay-fade-in}.dialog-overlay[data-state=closed]{animation-name:dialog-overlay-fade-out}.dialog-content{position:fixed;inset-inline-start:50%;inset-block-start:50%;z-index:50;transform:translate(-50%,-50%);display:grid;gap:var(--spacing-4);inline-size:100%;max-inline-size:32rem;padding:var(--spacing-6);background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 .625rem 1.875rem -.1875rem #0000001a,0 .25rem .375rem -.125rem #0000000d;animation-duration:.2s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards}.dialog-content[data-state=open]{animation-name:dialog-content-show}.dialog-content[data-state=closed]{animation-name:dialog-content-hide}.dialog-content:focus-visible{outline:2px solid var(--color-clickable);outline-offset:2px}.dialog-header{display:flex;flex-direction:column;gap:var(--spacing-1-5);text-align:center}@media (min-width: 640px){.dialog-header{text-align:start}}.dialog-footer{display:flex;flex-direction:column-reverse;gap:var(--spacing-2)}@media (min-width: 640px){.dialog-footer{flex-direction:row;justify-content:flex-end;gap:var(--spacing-2)}}.dialog-title{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-6);font-weight:600;line-height:1.2;color:var(--color-text);letter-spacing:-.01em}.dialog-description{font-family:Almoni DL AAA,sans-serif;font-size:var(--font-size-9);line-height:1.5;color:var(--color-icon-secondary)}@keyframes dialog-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes dialog-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes dialog-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}@media (max-width: 639px){.dialog-content{inline-size:calc(100% - var(--spacing-8));max-inline-size:calc(100% - var(--spacing-8));padding:var(--spacing-5)}}.stack{display:flex}.stack--horizontal{flex-direction:row}.stack--vertical{flex-direction:column}.stack--spacing-0{gap:0}.stack--spacing-1{gap:var(--spacing-1)}.stack--spacing-2{gap:var(--spacing-2)}.stack--spacing-3{gap:var(--spacing-3)}.stack--spacing-4{gap:var(--spacing-4)}.stack--spacing-5{gap:var(--spacing-5)}.stack--spacing-6{gap:var(--spacing-6)}.stack--spacing-8{gap:var(--spacing-8)}.stack--spacing-10{gap:var(--spacing-10)}.stack--spacing-12{gap:var(--spacing-12)}.stack--align-start{align-items:flex-start}.stack--align-center{align-items:center}.stack--align-end{align-items:flex-end}.stack--align-stretch{align-items:stretch}.stack--justify-start{justify-content:flex-start}.stack--justify-center{justify-content:center}.stack--justify-end{justify-content:flex-end}.stack--justify-between{justify-content:space-between}.stack--justify-around{justify-content:space-around}.stack--wrap{flex-wrap:wrap}@media (max-width: 639px){.stack--horizontal.stack--responsive{flex-direction:column}}.container{inline-size:100%;margin-inline:auto;box-sizing:border-box}.container--max-width-sm{max-inline-size:40rem}.container--max-width-md{max-inline-size:48rem}.container--max-width-lg{max-inline-size:64rem}.container--max-width-xl{max-inline-size:80rem}.container--max-width-full{max-inline-size:100%}.container--padding-none{padding-inline:0}.container--padding-sm{padding-inline:var(--spacing-4)}.container--padding-md{padding-inline:var(--spacing-6)}.container--padding-lg{padding-inline:var(--spacing-8)}.container--padding-xl{padding-inline:var(--spacing-12)}@media (min-width: 768px){.container--padding-sm{padding-inline:var(--spacing-6)}.container--padding-md{padding-inline:var(--spacing-8)}.container--padding-lg{padding-inline:var(--spacing-12)}.container--padding-xl{padding-inline:var(--spacing-16)}}@media (min-width: 1024px){.container--padding-xl{padding-inline:var(--spacing-20)}}.divider{flex-shrink:0;background-color:var(--color-border);border:none}.divider--horizontal{width:100%;height:.0625rem}.divider--vertical{width:.0625rem;height:100%;align-self:stretch}.divider--horizontal.divider--spacing-0{margin-block:0}.divider--horizontal.divider--spacing-1{margin-block:var(--spacing-1)}.divider--horizontal.divider--spacing-2{margin-block:var(--spacing-2)}.divider--horizontal.divider--spacing-3{margin-block:var(--spacing-3)}.divider--horizontal.divider--spacing-4{margin-block:var(--spacing-4)}.divider--horizontal.divider--spacing-5{margin-block:var(--spacing-5)}.divider--horizontal.divider--spacing-6{margin-block:var(--spacing-6)}.divider--horizontal.divider--spacing-8{margin-block:var(--spacing-8)}.divider--horizontal.divider--spacing-10{margin-block:var(--spacing-10)}.divider--horizontal.divider--spacing-12{margin-block:var(--spacing-12)}.divider--vertical.divider--spacing-0{margin-inline:0}.divider--vertical.divider--spacing-1{margin-inline:var(--spacing-1)}.divider--vertical.divider--spacing-2{margin-inline:var(--spacing-2)}.divider--vertical.divider--spacing-3{margin-inline:var(--spacing-3)}.divider--vertical.divider--spacing-4{margin-inline:var(--spacing-4)}.divider--vertical.divider--spacing-5{margin-inline:var(--spacing-5)}.divider--vertical.divider--spacing-6{margin-inline:var(--spacing-6)}.divider--vertical.divider--spacing-8{margin-inline:var(--spacing-8)}.divider--vertical.divider--spacing-10{margin-inline:var(--spacing-10)}.divider--vertical.divider--spacing-12{margin-inline:var(--spacing-12)}.text{margin:0;font-family:var(--font-family-default);line-height:1.5;color:var(--color-text)}.text--size-xs{font-size:var(--font-size-10);line-height:1.4}.text--size-sm{font-size:var(--font-size-9);line-height:1.45}.text--size-md{font-size:var(--font-size-8);line-height:1.5}.text--size-lg{font-size:var(--font-size-7);line-height:1.55}.text--size-xl{font-size:var(--font-size-6);line-height:1.6}.text--weight-regular{font-weight:400}.text--weight-medium{font-weight:500}.text--weight-semibold{font-weight:600}.text--weight-bold{font-weight:700}.text--color-text{color:var(--color-text)}.text--color-action{color:var(--color-action)}.text--color-clickable{color:var(--color-clickable)}.text--color-popup{color:var(--color-popup)}.text--color-error{color:var(--color-error)}.text--color-secondary{color:var(--color-secondary)}.text--color-system-text{color:var(--color-system-text)}.text--color-grey-07{color:var(--color-grey-07)}.text--align-start{text-align:start}.text--align-center{text-align:center}.text--align-end{text-align:end}.text--truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width: 768px){.text--size-lg{line-height:1.6}.text--size-xl{line-height:1.65}}@media (min-width: 1024px){.text{line-height:1.6}}.heading{margin:0;font-family:var(--font-family-default);line-height:1.2;color:var(--color-text)}.heading--size-2xl{font-size:var(--font-size-1);line-height:1.15}.heading--size-xl{font-size:var(--font-size-2);line-height:1.2}.heading--size-lg{font-size:var(--font-size-3);line-height:1.2}.heading--size-md{font-size:var(--font-size-4);line-height:1.25}.heading--size-sm{font-size:var(--font-size-5);line-height:1.3}.heading--size-xs{font-size:var(--font-size-6);line-height:1.35}.heading--weight-medium{font-weight:500}.heading--weight-semibold{font-weight:600}.heading--weight-bold{font-weight:700}.heading--color-text{color:var(--color-text)}.heading--color-action{color:var(--color-action)}.heading--color-clickable{color:var(--color-clickable)}.heading--color-popup{color:var(--color-popup)}.heading--color-error{color:var(--color-error)}.heading--color-secondary{color:var(--color-secondary)}.heading--color-system-text{color:var(--color-system-text)}.heading--color-grey-07{color:var(--color-grey-07)}.heading--align-start{text-align:start}.heading--align-center{text-align:center}.heading--align-end{text-align:end}@media (min-width: 768px){.heading--size-2xl{line-height:1.2}.heading--size-xl{line-height:1.25}}@media (min-width: 1024px){.heading--size-2xl{line-height:1.25}.heading--size-xl{line-height:1.3}.heading--size-lg{line-height:1.25}}.grid{display:grid}.grid--columns-1{grid-template-columns:repeat(1,1fr)}.grid--columns-2{grid-template-columns:repeat(2,1fr)}.grid--columns-3{grid-template-columns:repeat(3,1fr)}.grid--columns-4{grid-template-columns:repeat(4,1fr)}.grid--columns-5{grid-template-columns:repeat(5,1fr)}.grid--columns-6{grid-template-columns:repeat(6,1fr)}.grid--columns-7{grid-template-columns:repeat(7,1fr)}.grid--columns-8{grid-template-columns:repeat(8,1fr)}.grid--columns-9{grid-template-columns:repeat(9,1fr)}.grid--columns-10{grid-template-columns:repeat(10,1fr)}.grid--columns-11{grid-template-columns:repeat(11,1fr)}.grid--columns-12{grid-template-columns:repeat(12,1fr)}.grid--columns-auto{grid-template-columns:repeat(auto-fit,minmax(var(--grid-auto-fit-min, 15rem),1fr))}.grid--rows-1{grid-template-rows:repeat(1,1fr)}.grid--rows-2{grid-template-rows:repeat(2,1fr)}.grid--rows-3{grid-template-rows:repeat(3,1fr)}.grid--rows-4{grid-template-rows:repeat(4,1fr)}.grid--rows-5{grid-template-rows:repeat(5,1fr)}.grid--rows-6{grid-template-rows:repeat(6,1fr)}.grid--rows-7{grid-template-rows:repeat(7,1fr)}.grid--rows-8{grid-template-rows:repeat(8,1fr)}.grid--rows-9{grid-template-rows:repeat(9,1fr)}.grid--rows-10{grid-template-rows:repeat(10,1fr)}.grid--rows-11{grid-template-rows:repeat(11,1fr)}.grid--rows-12{grid-template-rows:repeat(12,1fr)}.grid--rows-auto{grid-auto-rows:auto}.grid--gap-0{gap:0}.grid--gap-1{gap:var(--spacing-1)}.grid--gap-2{gap:var(--spacing-2)}.grid--gap-3{gap:var(--spacing-3)}.grid--gap-4{gap:var(--spacing-4)}.grid--gap-5{gap:var(--spacing-5)}.grid--gap-6{gap:var(--spacing-6)}.grid--gap-8{gap:var(--spacing-8)}.grid--gap-10{gap:var(--spacing-10)}.grid--gap-12{gap:var(--spacing-12)}.grid--row-gap-0{row-gap:0}.grid--row-gap-1{row-gap:var(--spacing-1)}.grid--row-gap-2{row-gap:var(--spacing-2)}.grid--row-gap-3{row-gap:var(--spacing-3)}.grid--row-gap-4{row-gap:var(--spacing-4)}.grid--row-gap-5{row-gap:var(--spacing-5)}.grid--row-gap-6{row-gap:var(--spacing-6)}.grid--row-gap-8{row-gap:var(--spacing-8)}.grid--row-gap-10{row-gap:var(--spacing-10)}.grid--row-gap-12{row-gap:var(--spacing-12)}.grid--column-gap-0{column-gap:0}.grid--column-gap-1{column-gap:var(--spacing-1)}.grid--column-gap-2{column-gap:var(--spacing-2)}.grid--column-gap-3{column-gap:var(--spacing-3)}.grid--column-gap-4{column-gap:var(--spacing-4)}.grid--column-gap-5{column-gap:var(--spacing-5)}.grid--column-gap-6{column-gap:var(--spacing-6)}.grid--column-gap-8{column-gap:var(--spacing-8)}.grid--column-gap-10{column-gap:var(--spacing-10)}.grid--column-gap-12{column-gap:var(--spacing-12)}.grid--align-start{align-items:start}.grid--align-center{align-items:center}.grid--align-end{align-items:end}.grid--align-stretch{align-items:stretch}.grid--justify-start{justify-items:start}.grid--justify-center{justify-items:center}.grid--justify-end{justify-items:end}.grid--justify-stretch{justify-items:stretch}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adam-milo/ui",
-  "version": "1.0.31",
+  "version": "1.0.33",
   "type": "module",
   "description": "Adam Milo Design System - UI Component Library",
   "keywords": [
@@ -63,6 +63,7 @@
     "@adam-milo/tokens": "*",
     "@radix-ui/react-dialog": "^1.0.5",
     "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "1.1.0",
     "@radix-ui/react-tabs": "^1.0.4",
     "clsx": "^2.1.0",
     "email-validator": "^2.0.4",

package/dist/index24.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index21.cjs");;/* empty css          */const a=require("./index25.cjs"),s=require("./index42.cjs"),n=r.forwardRef(({type:n="text",label:l,error:i,helperText:o,fullWidth:u=!1,showPasswordToggle:d=!0,showLastChar:c=!0,lastCharDelay:p=500,validate:h,onValidationChange:f,className:g,id:x,onChange:v,onBlur:w,required:j,value:m,"data-cy":y,"data-testid":k,...b},C)=>{const[$,N]=r.useState(!1),[_,q]=r.useState(),[M,S]=r.useState(!1),[L,R]=r.useState(!1),T=r.useRef(!1),[E,W]=r.useState(""),B=r.useRef(""),F=r.useRef(null),I=r.useRef(null),z=a.useMergedRef(C,I),D=r.useId(),O=x||D,P=`${O}-error`,V=`${O}-helper`,H=y||"input",A=k||"input",G="password"===n,J=G&&d,K=G&&c&&!$,Q=G&&($||K&&B.current.length>0)?"text":n,U=l&&j&&!l.includes("*")?`${l} *`:l,X=r.useMemo(()=>s.debounce(e=>{if(h&&T.current){const r=h(e);q(r),null==f||f(!r)}},300),[h,f]),Y=r.useRef(X);r.useEffect(()=>{Y.current=X},[X]),r.useEffect(()=>{process.env.NODE_ENV},[G,c,m]),r.useEffect(()=>()=>{F.current&&clearTimeout(F.current),Y.current.cancel()},[]);const Z=K&&void 0===m?E:$&&G&&void 0===m?B.current||"":m,ee=i||_,re=b.disabled?"disabled":ee?"error":M?"focus":L?"hover":"idle";return e.jsxs("div",{className:t.cn("input-wrapper",u&&"input-wrapper--full-width"),"data-cy":`${H}-wrapper`,"data-testid":`${A}-wrapper`,children:[l&&e.jsx("label",{htmlFor:O,className:"input__label","data-cy":`${H}-label`,"data-testid":`${A}-label`,children:U}),e.jsxs("div",{className:"input__field-container",children:[e.jsx("input",{ref:z,id:O,type:Q,value:Z,className:t.cn("input",ee&&"input--error",u&&"input--full-width",J&&"input--with-toggle",g),"aria-invalid":ee?"true":"false","aria-required":j?"true":void 0,"aria-describedby":ee?P:o?V:void 0,"data-cy":H,"data-testid":A,"data-state":re,onChange:e=>{null==v||v(e);let r=e.target.value;if(K){const t=e.target,a=t.value;B.current=a;const s=a?"•".repeat(a.length-1)+a.slice(-1):"";W(s),t.value=s,r=a,F.current&&clearTimeout(F.current),F.current=setTimeout(()=>{W("•".repeat(a.length))},p)}T.current&&X(r)},onFocus:e=>{var r;S(!0),null==(r=b.onFocus)||r.call(b,e)},onBlur:e=>{if(S(!1),T.current=!0,h){const r=K?B.current:e.target.value,t=h(r);q(t),null==f||f(!t)}null==w||w(e)},onMouseEnter:()=>{R(!0)},onMouseLeave:()=>{R(!1)},required:j,...b}),J&&e.jsx("button",{type:"button",className:"input__toggle",onClick:()=>{N(e=>!e),setTimeout(()=>{var e;return null==(e=I.current)?void 0:e.focus()},0)},"aria-label":$?"Hide password":"Show password","data-cy":`${H}-toggle`,"data-testid":`${A}-toggle`,children:$?e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ee&&e.jsx("span",{id:P,className:"input__error",role:"alert","data-cy":`${H}-error`,"data-testid":`${A}-error`,children:ee}),o&&!ee&&e.jsx("span",{id:V,className:"input__helper","data-cy":`${H}-helper`,"data-testid":`${A}-helper`,children:o})]})});n.displayName="Input",exports.Input=n;