@als-tp/als-react-ts-ui 0.3.1 → 0.5.0

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

@@ -1,5 +1,66 @@
-export interface ALSNavigationMenuProps {
-}
-export declare function ALSNavigationMenu(props: ALSNavigationMenuProps): import("react/jsx-runtime").JSX.Element;
-export default ALSNavigationMenu;
+import type { ALSNavigationMenuRootProps, ALSNavigationMenuListProps, ALSNavigationMenuItemProps, ALSNavigationMenuTriggerProps, ALSNavigationMenuIconProps, ALSNavigationMenuContentProps, ALSNavigationMenuLinkProps, ALSNavigationMenuPortalProps, ALSNavigationMenuPositionerProps, ALSNavigationMenuPopupProps, ALSNavigationMenuViewportProps, ALSNavigationMenuArrowProps, ALSNavigationMenuBackdropProps, ALSNavigationMenuLinkCardProps, ALSNavigationMenuOrientation, ALSNavigationMenuSize, ALSNavigationMenuVariant } from "./ALSNavigationMenu";
+/**
+ * ALSNavigationMenu - A compound component for building accessible navigation menus
+ *
+ * @example
+ * ```tsx
+ * <ALSNavigationMenu.Root>
+ *   <ALSNavigationMenu.List>
+ *     <ALSNavigationMenu.Item>
+ *       <ALSNavigationMenu.Trigger>
+ *         Products
+ *         <ALSNavigationMenu.Icon />
+ *       </ALSNavigationMenu.Trigger>
+ *       <ALSNavigationMenu.Content>
+ *         <ALSNavigationMenu.LinkCard
+ *           href="/products/overview"
+ *           title="Overview"
+ *           description="Learn about our products"
+ *         />
+ *       </ALSNavigationMenu.Content>
+ *     </ALSNavigationMenu.Item>
+ *   </ALSNavigationMenu.List>
+ *
+ *   <ALSNavigationMenu.Portal>
+ *     <ALSNavigationMenu.Positioner>
+ *       <ALSNavigationMenu.Popup>
+ *         <ALSNavigationMenu.Arrow />
+ *         <ALSNavigationMenu.Viewport />
+ *       </ALSNavigationMenu.Popup>
+ *     </ALSNavigationMenu.Positioner>
+ *   </ALSNavigationMenu.Portal>
+ * </ALSNavigationMenu.Root>
+ * ```
+ */
+export declare const ALSNavigationMenu: {
+    /** Groups all parts of the navigation menu */
+    Root: import("react").ForwardRefExoticComponent<ALSNavigationMenuRootProps & import("react").RefAttributes<HTMLElement>>;
+    /** Contains a list of navigation menu items */
+    List: import("react").ForwardRefExoticComponent<ALSNavigationMenuListProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** An individual navigation menu item */
+    Item: import("react").ForwardRefExoticComponent<ALSNavigationMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** Opens the navigation menu popup when hovered or clicked */
+    Trigger: import("react").ForwardRefExoticComponent<ALSNavigationMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    /** An icon that indicates the trigger opens a menu */
+    Icon: import("react").ForwardRefExoticComponent<ALSNavigationMenuIconProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** A container for the content of the navigation menu item */
+    Content: import("react").ForwardRefExoticComponent<ALSNavigationMenuContentProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** A link in the navigation menu */
+    Link: import("react").ForwardRefExoticComponent<ALSNavigationMenuLinkProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    /** A portal element that moves the popup to a different part of the DOM */
+    Portal: import("react").FC<ALSNavigationMenuPortalProps>;
+    /** Positions the navigation menu against the currently active trigger */
+    Positioner: import("react").ForwardRefExoticComponent<ALSNavigationMenuPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** A container for the navigation menu contents */
+    Popup: import("react").ForwardRefExoticComponent<ALSNavigationMenuPopupProps & import("react").RefAttributes<HTMLElement>>;
+    /** The clipping viewport of the navigation menu's current content */
+    Viewport: import("react").ForwardRefExoticComponent<ALSNavigationMenuViewportProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** Displays an element pointing toward the navigation menu's current anchor */
+    Arrow: import("react").ForwardRefExoticComponent<ALSNavigationMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** A backdrop for the navigation menu popup */
+    Backdrop: import("react").ForwardRefExoticComponent<ALSNavigationMenuBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** A styled link card for use within navigation menu content */
+    LinkCard: import("react").ForwardRefExoticComponent<ALSNavigationMenuLinkCardProps & import("react").RefAttributes<HTMLAnchorElement>>;
+};
+export type { ALSNavigationMenuRootProps, ALSNavigationMenuListProps, ALSNavigationMenuItemProps, ALSNavigationMenuTriggerProps, ALSNavigationMenuIconProps, ALSNavigationMenuContentProps, ALSNavigationMenuLinkProps, ALSNavigationMenuPortalProps, ALSNavigationMenuPositionerProps, ALSNavigationMenuPopupProps, ALSNavigationMenuViewportProps, ALSNavigationMenuArrowProps, ALSNavigationMenuBackdropProps, ALSNavigationMenuLinkCardProps, ALSNavigationMenuOrientation, ALSNavigationMenuSize, ALSNavigationMenuVariant, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ALSNavigationMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSNavigationMenu/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;CAEtC;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAM9D;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSNavigationMenu/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EACR,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,6BAA6B,EAC7B,0BAA0B,EAC1B,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,gCAAgC,EAChC,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,EAC3B,MAAM,qBAAqB,CAAC;AAE7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,iBAAiB;IAC1B,8CAA8C;;IAE9C,+CAA+C;;IAE/C,yCAAyC;;IAEzC,8DAA8D;;IAE9D,sDAAsD;;IAEtD,8DAA8D;;IAE9D,oCAAoC;;IAEpC,2EAA2E;;IAE3E,yEAAyE;;IAEzE,mDAAmD;;IAEnD,qEAAqE;;IAErE,+EAA+E;;IAE/E,+CAA+C;;IAE/C,gEAAgE;;CAEnE,CAAC;AAEF,YAAY,EACR,0BAA0B,EAC1B,0BAA0B,EAC1B,0BAA0B,EAC1B,6BAA6B,EAC7B,0BAA0B,EAC1B,6BAA6B,EAC7B,0BAA0B,EAC1B,4BAA4B,EAC5B,gCAAgC,EAChC,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,8BAA8B,EAC9B,8BAA8B,EAC9B,4BAA4B,EAC5B,qBAAqB,EACrB,wBAAwB,GAC3B,CAAC"}

package/dist/components/ALSNavigationMenu/index.module.css

@@ -0,0 +1 @@
+._root_17v0f_9{min-width:max-content;border-radius:var(--radius-lg);font-family:var(--font-family-base);color:var(--text-primary)}._root--default_17v0f_17{background-color:var(--color-als-white);padding:var(--space-xs)}._root--filled_17v0f_22{background-color:var(--color-als-gray-100);padding:var(--space-sm)}._root--minimal_17v0f_27{background-color:transparent;padding:0}._root--sm_17v0f_33{font-size:var(--font-small)}._root--md_17v0f_37{font-size:var(--font-base)}._root--lg_17v0f_41{font-size:clamp(1rem,.5vw + .5rem,1.125rem)}._list_17v0f_48{display:flex;position:relative;list-style:none;padding:0;margin:0;gap:var(--space-xs)}._item_17v0f_60{position:relative;margin:0;display:flex;align-items:center;justify-content:center}._trigger_17v0f_71{box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:0;outline:0;border:none;border-radius:var(--radius-md);background-color:transparent;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);color:var(--text-primary);-webkit-user-select:none;user-select:none;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}._trigger--sm_17v0f_94{height:2rem;padding:0 var(--space-sm);font-size:var(--font-small)}._trigger--md_17v0f_100{height:2.5rem;padding:0 var(--space-md);font-size:var(--font-base)}._trigger--lg_17v0f_106{height:100%;padding:0 var(--space-lg);font-size:clamp(1rem,.5vw + .5rem,1.125rem)}._trigger--default_17v0f_113:hover{background-color:var(--color-als-gray-100)}._trigger--default_17v0f_113[data-popup-open]{background-color:var(--color-als-blue-100);color:var(--color-als-dark-blue)}._trigger--filled_17v0f_124{background-color:var(--color-als-gray-100)}._trigger--filled_17v0f_124:hover{background-color:var(--color-als-gray-500)}._trigger--filled_17v0f_124[data-popup-open]{background-color:var(--color-als-blue-500);color:var(--color-als-dark-blue)}._trigger--minimal_17v0f_137:hover{color:var(--color-als-aux-blue-800)}._trigger--minimal_17v0f_137[data-popup-open]{color:var(--color-als-aux-blue-500)}._trigger_17v0f_71:focus-visible{position:relative;outline:2px solid var(--color-als-aux-blue-500);outline-offset:2px}._icon_17v0f_157{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-fast)}._icon_17v0f_157[data-popup-open]{transform:rotate(180deg)}._positioner_17v0f_171{--easing: cubic-bezier(.22, 1, .36, 1);--duration: var(--transition-duration-slow);box-sizing:border-box;transition-property:top,left,right,bottom;transition-duration:var(--duration);transition-timing-function:var(--easing);width:var(--positioner-width);height:var(--positioner-height);max-width:var(--available-width);z-index:var(--z-dropdown)}._positioner_17v0f_171:before{content:"";position:absolute}._positioner_17v0f_171[data-side=top]:before{left:0;right:0;bottom:-10px;height:10px}._positioner_17v0f_171[data-side=bottom]:before{left:0;right:0;top:-10px;height:10px}._positioner_17v0f_171[data-side=left]:before{top:0;bottom:0;right:-10px;width:10px}._positioner_17v0f_171[data-side=right]:before{top:0;bottom:0;left:-10px;width:10px}._positioner_17v0f_171[data-instant]{transition:none}._popup_17v0f_226{position:relative;overflow:visible;box-sizing:border-box;border-radius:var(--radius-lg);background-color:var(--color-als-white);color:var(--text-primary);transform-origin:var(--transform-origin);transition-property:opacity,transform,width,height;transition-duration:var(--duration);transition-timing-function:var(--easing);width:var(--popup-width);height:var(--popup-height);outline:1px solid var(--border-primary);box-shadow:var(--shadow-lg)}._popup_17v0f_226[data-starting-style],._popup_17v0f_226[data-ending-style]{opacity:0;transform:scale(.95)}._popup_17v0f_226[data-ending-style]{transition-timing-function:ease;transition-duration:var(--transition-duration-fast)}._popup--default_17v0f_255{background-color:var(--color-als-white)}._popup--filled_17v0f_259{background-color:var(--color-als-gray-100)}._popup--minimal_17v0f_263{background-color:var(--color-als-white);box-shadow:var(--shadow-xl)}._content_17v0f_271{box-sizing:border-box;transition:opacity calc(var(--duration) * .5) ease,transform var(--duration) var(--easing);padding:var(--space-lg);width:calc(100vw - 40px);height:100%}@media(min-width:500px){._content_17v0f_271{width:max-content;min-width:320px}}._content_17v0f_271[data-starting-style],._content_17v0f_271[data-ending-style]{opacity:0}._content_17v0f_271[data-starting-style][data-activation-direction=left]{transform:translate(-50%)}._content_17v0f_271[data-starting-style][data-activation-direction=right],._content_17v0f_271[data-ending-style][data-activation-direction=left]{transform:translate(50%)}._content_17v0f_271[data-ending-style][data-activation-direction=right]{transform:translate(-50%)}._viewport_17v0f_311{position:relative;overflow:hidden;width:100%;height:100%}._link_17v0f_321{box-sizing:border-box;display:block;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-primary);border:none;background-color:transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}._link_17v0f_321:hover{background-color:var(--color-als-blue-100)}._link_17v0f_321:focus-visible{position:relative;outline:2px solid var(--color-als-aux-blue-500);outline-offset:-2px}._link_17v0f_321[data-active]{background-color:var(--color-als-blue-100);color:var(--color-als-aux-blue-800)}._link--sm_17v0f_351{padding:var(--space-xs) var(--space-sm);font-size:var(--font-small)}._link--md_17v0f_356{padding:var(--space-sm) var(--space-md);font-size:var(--font-base)}._link--lg_17v0f_361{padding:var(--space-md) var(--space-lg);font-size:clamp(1rem,.5vw + .5rem,1.125rem)}._linkCard_17v0f_369{display:flex;flex-direction:column;gap:var(--space-xs);width:100%;height:100%;padding:var(--space-md);text-align:left}._linkCard_17v0f_369:hover{background-color:var(--color-als-gray-100)}._linkCardTitle_17v0f_383{margin:0;font-size:var(--font-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}._linkCardDescription_17v0f_391{margin:0;font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--text-secondary)}._arrow_17v0f_402{display:flex;transition:left var(--duration) var(--easing)}._arrow_17v0f_402[data-side=top]{bottom:-8px;rotate:180deg}._arrow_17v0f_402[data-side=bottom]{top:-8px;rotate:0deg}._arrow_17v0f_402[data-side=left]{right:-13px;rotate:90deg}._arrow_17v0f_402[data-side=right]{left:-13px;rotate:-90deg}._arrowFill_17v0f_428{fill:var(--color-als-white)}._arrowOuterStroke_17v0f_432{fill:var(--border-primary)}._arrowInnerStroke_17v0f_436{fill:transparent}._backdrop_17v0f_443{position:fixed;inset:0;background-color:#0003;z-index:var(--z-modal-backdrop);transition:opacity var(--transition-base),backdrop-filter var(--transition-base)}._backdrop_17v0f_443[data-starting-style],._backdrop_17v0f_443[data-ending-style]{opacity:0}._backdrop_17v0f_443[data-open]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media(max-width:640px){._trigger--md_17v0f_100{padding:0 var(--space-sm)}._trigger--lg_17v0f_106{padding:0 var(--space-md)}._content_17v0f_271{padding:var(--space-md);min-width:auto}}

package/dist/components/ALSNumberField/ALSNumberField.d.ts

@@ -0,0 +1,170 @@
+import React from "react";
+/** Size variants for the number field */
+export type ALSNumberFieldSize = "sm" | "md" | "lg";
+/** Visual variants for the number field */
+export type ALSNumberFieldVariant = "outlined" | "filled";
+/**
+ * Props for ALSNumberField.Root component
+ */
+export interface ALSNumberFieldRootProps {
+    /** Name attribute for form submission */
+    name?: string;
+    /** Uncontrolled default value */
+    defaultValue?: number;
+    /** Controlled value */
+    value?: number | null;
+    /** Callback fired when value changes */
+    onValueChange?: (value: number | null, eventDetails: {
+        event: Event | null;
+    }) => void;
+    /** Locale for number formatting */
+    locale?: Intl.LocalesArgument;
+    /** Whether value should snap to nearest step */
+    snapOnStep?: boolean;
+    /** Step amount for increment/decrement */
+    step?: number;
+    /** Small step when meta key is held */
+    smallStep?: number;
+    /** Large step when shift key is held */
+    largeStep?: number;
+    /** Minimum allowed value */
+    min?: number;
+    /** Maximum allowed value */
+    max?: number;
+    /** Allow wheel scrub while focused */
+    allowWheelScrub?: boolean;
+    /** Intl.NumberFormat options for formatting */
+    format?: Intl.NumberFormatOptions;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is read-only */
+    readOnly?: boolean;
+    /** Whether the field is required */
+    required?: boolean;
+    /** Ref for the hidden input element */
+    inputRef?: React.Ref<HTMLInputElement>;
+    /** ID for the input element */
+    id?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children components */
+    children?: React.ReactNode;
+    /** Size variant */
+    size?: ALSNumberFieldSize;
+    /** Visual variant */
+    variant?: ALSNumberFieldVariant;
+}
+/**
+ * Props for ALSNumberField.Group component
+ */
+export interface ALSNumberFieldGroupProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children components */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNumberField.Input component
+ */
+export interface ALSNumberFieldInputProps {
+    /** Accessible role description */
+    "aria-roledescription"?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Placeholder text */
+    placeholder?: string;
+}
+/**
+ * Props for ALSNumberField.Increment component
+ */
+export interface ALSNumberFieldIncrementProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children (icon or text) */
+    children?: React.ReactNode;
+    /** Accessible label */
+    "aria-label"?: string;
+}
+/**
+ * Props for ALSNumberField.Decrement component
+ */
+export interface ALSNumberFieldDecrementProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children (icon or text) */
+    children?: React.ReactNode;
+    /** Accessible label */
+    "aria-label"?: string;
+}
+/**
+ * Props for ALSNumberField.ScrubArea component
+ */
+export interface ALSNumberFieldScrubAreaProps {
+    /** Cursor movement direction */
+    direction?: "horizontal" | "vertical";
+    /** Pixels to move before value changes */
+    pixelSensitivity?: number;
+    /** Distance before cursor loops back */
+    teleportDistance?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children components */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNumberField.ScrubAreaCursor component
+ */
+export interface ALSNumberFieldScrubAreaCursorProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children components */
+    children?: React.ReactNode;
+}
+/**
+ * Root component that groups all parts of the number field.
+ * Manages state and provides context to child components.
+ */
+export declare const ALSNumberFieldRoot: React.ForwardRefExoticComponent<ALSNumberFieldRootProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Groups the input with increment and decrement buttons.
+ * Provides visual container for the number field controls.
+ */
+export declare const ALSNumberFieldGroup: React.ForwardRefExoticComponent<ALSNumberFieldGroupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * The native input control for the number field.
+ * Handles numeric input and formatting.
+ */
+export declare const ALSNumberFieldInput: React.ForwardRefExoticComponent<ALSNumberFieldInputProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * Stepper button that increases the field value when clicked.
+ */
+export declare const ALSNumberFieldIncrement: React.ForwardRefExoticComponent<ALSNumberFieldIncrementProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Stepper button that decreases the field value when clicked.
+ */
+export declare const ALSNumberFieldDecrement: React.ForwardRefExoticComponent<ALSNumberFieldDecrementProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Interactive area where the user can click and drag to change the field value.
+ * Useful for fine-grained adjustments.
+ */
+export declare const ALSNumberFieldScrubArea: React.ForwardRefExoticComponent<ALSNumberFieldScrubAreaProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * Custom cursor element displayed while scrubbing.
+ * Replaces the native cursor during drag operations.
+ */
+export declare const ALSNumberFieldScrubAreaCursor: React.ForwardRefExoticComponent<ALSNumberFieldScrubAreaCursorProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=ALSNumberField.d.ts.map

package/dist/components/ALSNumberField/ALSNumberField.d.ts.map

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

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

@@ -1,5 +1,26 @@
-export interface ALSNumberFieldProps {
-}
-export declare function ALSNumberField(props: ALSNumberFieldProps): import("react/jsx-runtime").JSX.Element;
-export default ALSNumberField;
+import type { ALSNumberFieldRootProps, ALSNumberFieldGroupProps, ALSNumberFieldInputProps, ALSNumberFieldIncrementProps, ALSNumberFieldDecrementProps, ALSNumberFieldScrubAreaProps, ALSNumberFieldScrubAreaCursorProps, ALSNumberFieldSize, ALSNumberFieldVariant } from "./ALSNumberField";
+/**
+ * ALSNumberField - A numeric input element with increment and decrement buttons.
+ *
+ * @example
+ * ```tsx
+ * <ALSNumberField.Root defaultValue={0} min={0} max={100}>
+ *   <ALSNumberField.Group>
+ *     <ALSNumberField.Decrement />
+ *     <ALSNumberField.Input />
+ *     <ALSNumberField.Increment />
+ *   </ALSNumberField.Group>
+ * </ALSNumberField.Root>
+ * ```
+ */
+export declare const ALSNumberField: {
+    Root: import("react").ForwardRefExoticComponent<ALSNumberFieldRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Group: import("react").ForwardRefExoticComponent<ALSNumberFieldGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+    Input: import("react").ForwardRefExoticComponent<ALSNumberFieldInputProps & import("react").RefAttributes<HTMLInputElement>>;
+    Increment: import("react").ForwardRefExoticComponent<ALSNumberFieldIncrementProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Decrement: import("react").ForwardRefExoticComponent<ALSNumberFieldDecrementProps & import("react").RefAttributes<HTMLButtonElement>>;
+    ScrubArea: import("react").ForwardRefExoticComponent<ALSNumberFieldScrubAreaProps & import("react").RefAttributes<HTMLSpanElement>>;
+    ScrubAreaCursor: import("react").ForwardRefExoticComponent<ALSNumberFieldScrubAreaCursorProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export type { ALSNumberFieldRootProps, ALSNumberFieldGroupProps, ALSNumberFieldInputProps, ALSNumberFieldIncrementProps, ALSNumberFieldDecrementProps, ALSNumberFieldScrubAreaProps, ALSNumberFieldScrubAreaCursorProps, ALSNumberFieldSize, ALSNumberFieldVariant, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ALSNumberField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSNumberField/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;CAEnC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAMxD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSNumberField/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EACR,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,4BAA4B,EAC5B,4BAA4B,EAC5B,kCAAkC,EAClC,kBAAkB,EAClB,qBAAqB,EACxB,MAAM,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF,YAAY,EACR,uBAAuB,EACvB,wBAAwB,EACxB,wBAAwB,EACxB,4BAA4B,EAC5B,4BAA4B,EAC5B,4BAA4B,EAC5B,kCAAkC,EAClC,kBAAkB,EAClB,qBAAqB,GACxB,CAAC"}

package/dist/components/ALSNumberField/index.module.css

@@ -0,0 +1 @@
+._root_1n2ml_6{display:inline-flex;flex-direction:column;font-family:var(--font-family-base)}._root--sm_1n2ml_13{font-size:var(--font-small)}._root--md_1n2ml_17{font-size:var(--font-base)}._root--lg_1n2ml_21{font-size:var(--font-h6)}._group_1n2ml_26{display:inline-flex;align-items:stretch;border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}._group--sm_1n2ml_36{height:2rem}._group--md_1n2ml_40{height:2.5rem}._group--lg_1n2ml_44{height:3rem}._group--outlined_1n2ml_49{border:1px solid var(--border-primary);background-color:var(--color-als-white)}._group--outlined_1n2ml_49:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-als-blue-100)}._group--filled_1n2ml_60{border:1px solid transparent;background-color:var(--color-als-gray-100)}._group--filled_1n2ml_60:focus-within{background-color:var(--color-als-white);border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-als-blue-100)}._input_1n2ml_72{flex:1;min-width:3rem;border:none;background:transparent;text-align:center;font-family:inherit;font-weight:var(--font-weight-semibold);color:var(--text-primary);outline:none;padding:0 var(--space-sm);-moz-appearance:textfield}._input_1n2ml_72::-webkit-outer-spin-button,._input_1n2ml_72::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._input_1n2ml_72::placeholder{color:var(--text-secondary);font-weight:var(--font-weight-regular)}._input--sm_1n2ml_98{font-size:var(--font-small);padding:0 var(--space-xs)}._input--md_1n2ml_103{font-size:var(--font-base);padding:0 var(--space-sm)}._input--lg_1n2ml_108{font-size:var(--font-h6);padding:0 var(--space-md)}._input_1n2ml_72[data-disabled]{color:var(--text-secondary);cursor:not-allowed}._input_1n2ml_72[data-readonly]{cursor:default}._button_1n2ml_125{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}._button_1n2ml_125:hover:not([data-disabled]){background-color:var(--color-als-gray-100)}._button_1n2ml_125:active:not([data-disabled]){background-color:var(--color-als-gray-500)}._button_1n2ml_125:focus-visible{outline:none;background-color:var(--color-als-blue-100)}._button_1n2ml_125[data-disabled]{color:var(--text-secondary);cursor:not-allowed;opacity:.6}._button--sm_1n2ml_159{width:1.75rem;padding:var(--space-xs)}._button--md_1n2ml_164{width:2.25rem;padding:var(--space-sm)}._button--lg_1n2ml_169{width:2.75rem;padding:var(--space-sm)}._button--outlined_1n2ml_175{background-color:var(--color-als-gray-100)}._button--outlined_1n2ml_175:hover:not([data-disabled]){background-color:var(--color-als-gray-500)}._button--outlined_1n2ml_175:active:not([data-disabled]){background-color:var(--color-als-gray-900)}._button--filled_1n2ml_188{background-color:transparent}._button--filled_1n2ml_188:hover:not([data-disabled]){background-color:var(--color-als-gray-500)}._button--filled_1n2ml_188:active:not([data-disabled]){background-color:var(--color-als-gray-900)}._decrement_1n2ml_201{border-right:1px solid var(--border-secondary)}._increment_1n2ml_206{border-left:1px solid var(--border-secondary)}._icon_1n2ml_211{width:1em;height:1em;flex-shrink:0}._scrubArea_1n2ml_218{display:inline-flex;align-items:center;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;padding:var(--space-xs) var(--space-sm);color:var(--text-secondary);transition:color var(--transition-fast)}._scrubArea_1n2ml_218:hover{color:var(--text-primary)}._scrubArea_1n2ml_218[data-scrubbing]{color:var(--color-als-aux-blue-500)}._scrubArea_1n2ml_218[data-disabled]{cursor:not-allowed;opacity:.6}._scrubAreaCursor_1n2ml_243{display:none;position:fixed;pointer-events:none;z-index:var(--z-tooltip);width:1.5rem;height:1.5rem;transform:translate(-50%,-50%);filter:drop-shadow(var(--shadow-md))}._scrubAreaCursor_1n2ml_243[data-scrubbing]{display:block}._scrubCursorIcon_1n2ml_258{width:100%;height:100%;color:var(--color-als-dark-blue)}._group_1n2ml_26[data-disabled]{opacity:.6;cursor:not-allowed}._group_1n2ml_26[data-invalid]{border-color:var(--color-error)}._group_1n2ml_26[data-invalid]:focus-within{border-color:var(--color-error);box-shadow:0 0 0 3px var(--color-als-red-100)}._group_1n2ml_26[data-valid]{border-color:var(--color-success)}._group_1n2ml_26[data-valid]:focus-within{border-color:var(--color-success);box-shadow:0 0 0 3px var(--color-als-green-100)}._root_1n2ml_6[data-disabled]{pointer-events:none}._group_1n2ml_26[data-scrubbing]{border-color:var(--color-als-aux-blue-500);box-shadow:0 0 0 3px var(--color-als-aux-blue-100)}

package/dist/components/ALSPopover/index.module.css

@@ -0,0 +1 @@
+._popup_1w2m7_1{position:relative;background-color:var(--color-als-white);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-md);outline:none;z-index:var(--z-popover);min-width:200px;max-width:400px;transform-origin:var(--transform-origin);transition:opacity var(--transition-duration-fast) ease-out,transform var(--transition-duration-fast) ease-out,overlay var(--transition-duration-fast) ease-out,display var(--transition-duration-fast) ease-out allow-discrete}._popup_1w2m7_1[data-starting-style],._popup_1w2m7_1[data-ending-style]{opacity:0;transform:scale(.95)}._arrow_1w2m7_25{position:absolute;background-color:var(--color-als-white);border:1px solid var(--border-primary);width:10px;height:10px;transform:rotate(45deg);z-index:var(--z-popover)}._title_1w2m7_35{margin:0 0 var(--space-sm) 0;font-size:var(--font-h6);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._description_1w2m7_42{margin:0;font-size:var(--font-small);color:var(--text-secondary);line-height:var(--line-height-base)}._close_1w2m7_49{position:absolute;top:var(--space-xs);right:var(--space-xs);padding:var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast)}._close_1w2m7_49:hover{background-color:var(--color-als-gray-100);color:var(--text-primary)}._close_1w2m7_49:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._backdrop_1w2m7_76{background-color:#0003;position:fixed;inset:0;z-index:var(--z-modal-backdrop);transition:opacity var(--transition-duration-fast) ease-out,display var(--transition-duration-fast) ease-out allow-discrete}._backdrop_1w2m7_76[data-starting-style],._backdrop_1w2m7_76[data-ending-style]{opacity:0}

package/dist/components/ALSPreviewCard/ALSPreviewCard.d.ts

@@ -0,0 +1,187 @@
+import * as React from "react";
+/** Alignment options for the preview card popup */
+export type ALSPreviewCardAlign = "start" | "center" | "end";
+/** Side positioning options for the preview card popup */
+export type ALSPreviewCardSide = "top" | "bottom" | "left" | "right";
+/** Visual variant options for the preview card */
+export type ALSPreviewCardVariant = "default" | "compact" | "rich";
+/** Size options for the preview card */
+export type ALSPreviewCardSize = "sm" | "md" | "lg";
+/**
+ * Props for the ALSPreviewCard Root component
+ */
+export interface ALSPreviewCardRootProps {
+    /** Whether the preview card is initially open (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Whether the preview card is currently open (controlled) */
+    open?: boolean;
+    /** Callback when the preview card open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Content to be rendered inside the preview card context */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Trigger component
+ */
+export interface ALSPreviewCardTriggerProps {
+    /** URL that the trigger link points to */
+    href: string;
+    /** How long to wait before opening the preview card (ms) */
+    delay?: number;
+    /** How long to wait before closing the preview card (ms) */
+    closeDelay?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Content to be rendered inside the trigger */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Portal component
+ */
+export interface ALSPreviewCardPortalProps {
+    /** Container element to render the portal into */
+    container?: HTMLElement | null;
+    /** Whether to keep the portal mounted when closed */
+    keepMounted?: boolean;
+    /** Content to be rendered inside the portal */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Positioner component
+ */
+export interface ALSPreviewCardPositionerProps {
+    /** Which side of the anchor to position the popup */
+    side?: ALSPreviewCardSide;
+    /** Distance between the anchor and popup (px) */
+    sideOffset?: number;
+    /** Alignment relative to the specified side */
+    align?: ALSPreviewCardAlign;
+    /** Additional offset along the alignment axis (px) */
+    alignOffset?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Content to be rendered inside the positioner */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Popup component
+ */
+export interface ALSPreviewCardPopupProps {
+    /** Visual variant of the popup */
+    variant?: ALSPreviewCardVariant;
+    /** Size of the popup */
+    size?: ALSPreviewCardSize;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Content to be rendered inside the popup */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Arrow component
+ */
+export interface ALSPreviewCardArrowProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for the ALSPreviewCard Image component
+ */
+export interface ALSPreviewCardImageProps {
+    /** Image source URL */
+    src: string;
+    /** Image alt text for accessibility */
+    alt: string;
+    /** Image width */
+    width?: number;
+    /** Image height */
+    height?: number;
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for the ALSPreviewCard Title component
+ */
+export interface ALSPreviewCardTitleProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Title content */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Description component
+ */
+export interface ALSPreviewCardDescriptionProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Description content */
+    children: React.ReactNode;
+}
+/**
+ * Props for the ALSPreviewCard Content component
+ */
+export interface ALSPreviewCardContentProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Content to be rendered */
+    children: React.ReactNode;
+}
+/**
+ * Root component that groups all parts of the preview card.
+ * Provides context for variant and size to child components.
+ */
+export declare const ALSPreviewCardRoot: React.FC<ALSPreviewCardRootProps>;
+/**
+ * Trigger component that opens the preview card on hover.
+ * Renders as an anchor element.
+ */
+export declare const ALSPreviewCardTrigger: React.ForwardRefExoticComponent<ALSPreviewCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * Portal component that moves the popup to a different part of the DOM.
+ */
+export declare const ALSPreviewCardPortal: React.FC<ALSPreviewCardPortalProps>;
+/**
+ * Positioner component that positions the popup against the trigger.
+ */
+export declare const ALSPreviewCardPositioner: React.ForwardRefExoticComponent<ALSPreviewCardPositionerProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Popup component that contains the preview card content.
+ * Provides context for variant and size to child components.
+ */
+export declare const ALSPreviewCardPopup: React.ForwardRefExoticComponent<ALSPreviewCardPopupProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Arrow component that displays a visual pointer to the anchor.
+ */
+export declare const ALSPreviewCardArrow: React.ForwardRefExoticComponent<ALSPreviewCardArrowProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Image component for displaying a preview image.
+ */
+export declare const ALSPreviewCardImage: React.ForwardRefExoticComponent<ALSPreviewCardImageProps & React.RefAttributes<HTMLImageElement>>;
+/**
+ * Title component for the preview card heading.
+ */
+export declare const ALSPreviewCardTitle: React.ForwardRefExoticComponent<ALSPreviewCardTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+/**
+ * Description component for the preview card body text.
+ */
+export declare const ALSPreviewCardDescription: React.ForwardRefExoticComponent<ALSPreviewCardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
+/**
+ * Content component for wrapping custom preview card content.
+ */
+export declare const ALSPreviewCardContent: React.ForwardRefExoticComponent<ALSPreviewCardContentProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSPreviewCard.d.ts.map

package/dist/components/ALSPreviewCard/ALSPreviewCard.d.ts.map

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

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

@@ -1,5 +1,52 @@
-export interface ALSPreviewCardProps {
-}
-export declare function ALSPreviewCard(props: ALSPreviewCardProps): import("react/jsx-runtime").JSX.Element;
-export default ALSPreviewCard;
+import type { ALSPreviewCardRootProps, ALSPreviewCardTriggerProps, ALSPreviewCardPortalProps, ALSPreviewCardPositionerProps, ALSPreviewCardPopupProps, ALSPreviewCardArrowProps, ALSPreviewCardImageProps, ALSPreviewCardTitleProps, ALSPreviewCardDescriptionProps, ALSPreviewCardContentProps, ALSPreviewCardAlign, ALSPreviewCardSide, ALSPreviewCardVariant, ALSPreviewCardSize } from "./ALSPreviewCard";
+/**
+ * ALSPreviewCard - A preview card that appears when hovering over a link.
+ * Shows contextual preview content like images, titles, and descriptions.
+ *
+ * @example
+ * ```tsx
+ * <ALSPreviewCard.Root>
+ *   <p>
+ *     Check out our{" "}
+ *     <ALSPreviewCard.Trigger href="/docs">documentation</ALSPreviewCard.Trigger>
+ *     {" "}for more info.
+ *   </p>
+ *   <ALSPreviewCard.Portal>
+ *     <ALSPreviewCard.Positioner>
+ *       <ALSPreviewCard.Popup>
+ *         <ALSPreviewCard.Arrow />
+ *         <ALSPreviewCard.Image src="/preview.jpg" alt="Documentation" />
+ *         <ALSPreviewCard.Title>Documentation</ALSPreviewCard.Title>
+ *         <ALSPreviewCard.Description>
+ *           Learn how to use our product with comprehensive guides.
+ *         </ALSPreviewCard.Description>
+ *       </ALSPreviewCard.Popup>
+ *     </ALSPreviewCard.Positioner>
+ *   </ALSPreviewCard.Portal>
+ * </ALSPreviewCard.Root>
+ * ```
+ */
+export declare const ALSPreviewCard: {
+    /** Root component that groups all preview card parts */
+    Root: import("react").FC<ALSPreviewCardRootProps>;
+    /** Trigger link that opens the preview card on hover */
+    Trigger: import("react").ForwardRefExoticComponent<ALSPreviewCardTriggerProps & import("react").RefAttributes<HTMLAnchorElement>>;
+    /** Portal that moves the popup to a different DOM location */
+    Portal: import("react").FC<ALSPreviewCardPortalProps>;
+    /** Positioner that positions the popup relative to the trigger */
+    Positioner: import("react").ForwardRefExoticComponent<ALSPreviewCardPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** Popup container for the preview content */
+    Popup: import("react").ForwardRefExoticComponent<ALSPreviewCardPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** Arrow pointing to the trigger element */
+    Arrow: import("react").ForwardRefExoticComponent<ALSPreviewCardArrowProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** Image component for preview thumbnails */
+    Image: import("react").ForwardRefExoticComponent<ALSPreviewCardImageProps & import("react").RefAttributes<HTMLImageElement>>;
+    /** Title heading for the preview */
+    Title: import("react").ForwardRefExoticComponent<ALSPreviewCardTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+    /** Description text for the preview */
+    Description: import("react").ForwardRefExoticComponent<ALSPreviewCardDescriptionProps & import("react").RefAttributes<HTMLParagraphElement>>;
+    /** Generic content wrapper for custom content */
+    Content: import("react").ForwardRefExoticComponent<ALSPreviewCardContentProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type { ALSPreviewCardRootProps, ALSPreviewCardTriggerProps, ALSPreviewCardPortalProps, ALSPreviewCardPositionerProps, ALSPreviewCardPopupProps, ALSPreviewCardArrowProps, ALSPreviewCardImageProps, ALSPreviewCardTitleProps, ALSPreviewCardDescriptionProps, ALSPreviewCardContentProps, ALSPreviewCardAlign, ALSPreviewCardSide, ALSPreviewCardVariant, ALSPreviewCardSize, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ALSPreviewCard/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSPreviewCard/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,mBAAmB;CAEnC;AAED,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAMxD;AAED,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSPreviewCard/index.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,8BAA8B,EAC9B,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,EACrB,MAAM,kBAAkB,CAAC;AAE1B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,cAAc;IACvB,wDAAwD;;IAExD,wDAAwD;;IAExD,8DAA8D;;IAE9D,kEAAkE;;IAElE,8CAA8C;;IAE9C,4CAA4C;;IAE5C,6CAA6C;;IAE7C,oCAAoC;;IAEpC,uCAAuC;;IAEvC,iDAAiD;;CAEpD,CAAC;AAEF,YAAY,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,yBAAyB,EACzB,6BAA6B,EAC7B,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,wBAAwB,EACxB,8BAA8B,EAC9B,0BAA0B,EAC1B,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,kBAAkB,GACrB,CAAC"}

package/dist/components/ALSPreviewCard/index.module.css

@@ -0,0 +1 @@
+._trigger_r1z8h_6{outline:0;color:var(--color-als-aux-blue-800);text-decoration-line:none;text-decoration-thickness:1px;text-decoration-color:color-mix(in oklab,var(--color-als-aux-blue-800),transparent 40%);text-underline-offset:2px;border-radius:var(--radius-sm);transition:color var(--transition-fast),text-decoration var(--transition-fast)}@media(hover:hover){._trigger_r1z8h_6:hover{text-decoration-line:underline;color:var(--color-als-aux-blue-900)}}._trigger_r1z8h_6[data-popup-open]{text-decoration-line:underline}._trigger_r1z8h_6:focus-visible{outline:2px solid var(--color-als-blue-500);outline-offset:2px;text-decoration-line:none}._positioner_r1z8h_40{z-index:var(--z-popover)}._popup_r1z8h_45{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm);border-radius:var(--radius-lg);background-color:var(--color-als-white);border:1px solid var(--color-als-gray-500);box-shadow:var(--shadow-lg);transform-origin:var(--transform-origin);transition:transform var(--transition-fast),opacity var(--transition-fast)}._popup_r1z8h_45[data-starting-style],._popup_r1z8h_45[data-ending-style]{opacity:0;transform:scale(.92)}._popup--compact_r1z8h_70{padding:var(--space-xs);gap:var(--space-xs)}._popup--rich_r1z8h_75{padding:var(--space-md);gap:var(--space-md);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}._popup--sm_r1z8h_83{width:180px}._popup--md_r1z8h_87{width:260px}._popup--lg_r1z8h_91{width:340px}._arrow_r1z8h_96{display:flex}._arrow_r1z8h_96[data-side=top]{bottom:-8px;rotate:180deg}._arrow_r1z8h_96[data-side=bottom]{top:-8px;rotate:0deg}._arrow_r1z8h_96[data-side=left]{right:-13px;rotate:90deg}._arrow_r1z8h_96[data-side=right]{left:-13px;rotate:-90deg}._arrowFill_r1z8h_121{fill:var(--color-als-white)}._arrowOuterStroke_r1z8h_125{fill:var(--color-als-gray-500)}._arrowInnerStroke_r1z8h_129{fill:transparent}._image_r1z8h_134{display:block;width:100%;height:auto;border-radius:var(--radius-md);object-fit:cover}._image--sm_r1z8h_142{max-height:100px}._image--md_r1z8h_146{max-height:150px}._image--lg_r1z8h_150{max-height:200px}._title_r1z8h_155{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}._title--sm_r1z8h_163{font-size:var(--font-small)}._title--md_r1z8h_167{font-size:var(--font-base)}._title--lg_r1z8h_171{font-size:var(--font-h6)}._description_r1z8h_176{margin:0;font-family:var(--font-family-base);font-weight:var(--font-weight-regular);color:var(--text-secondary);line-height:var(--line-height-base);text-wrap:pretty}._description--sm_r1z8h_185{font-size:var(--font-tiny)}._description--md_r1z8h_189{font-size:var(--font-small)}._description--lg_r1z8h_193{font-size:var(--font-base)}._content_r1z8h_198{display:flex;flex-direction:column;gap:var(--space-xs)}

package/dist/components/ALSProgress/index.module.css

@@ -0,0 +1 @@
+._root_1m4y4_2{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}._track_1m4y4_10{position:relative;width:100%;background-color:var(--color-als-gray-500);border-radius:var(--radius-md);overflow:hidden}._indicator_1m4y4_19{height:100%;background-color:var(--color-als-blue-900);border-radius:var(--radius-md);transition:width var(--transition-base)}._label_1m4y4_27{font-size:var(--font-small);font-weight:var(--font-weight-semibold);color:var(--text-primary)}._value_1m4y4_34{font-size:var(--font-small);font-weight:var(--font-weight-regular);color:var(--text-secondary);text-align:right}._size-sm_1m4y4_42 ._track_1m4y4_10{height:var(--space-sm)}._size-md_1m4y4_46 ._track_1m4y4_10{height:var(--space-md)}._size-lg_1m4y4_50 ._track_1m4y4_10{height:var(--space-lg)}._variant-primary_1m4y4_55 ._indicator_1m4y4_19{background-color:var(--color-als-blue-900)}._variant-success_1m4y4_60 ._indicator_1m4y4_19{background-color:var(--color-success)}._variant-warning_1m4y4_65 ._indicator_1m4y4_19{background-color:var(--color-warning)}._variant-error_1m4y4_70 ._indicator_1m4y4_19{background-color:var(--color-error)}._root_1m4y4_2[data-indeterminate] ._indicator_1m4y4_19{animation:_indeterminate_1m4y4_1 1.5s ease-in-out infinite;width:40%!important}@keyframes _indeterminate_1m4y4_1{0%{transform:translate(-100%)}50%{transform:translate(250%)}to{transform:translate(-100%)}}._root_1m4y4_2[data-complete] ._indicator_1m4y4_19{background-color:var(--color-success)}