@als-tp/als-react-ts-ui 0.4.0 → 0.5.1

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/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/ALSRadio/ALSRadio.d.ts

@@ -0,0 +1,133 @@
+import * as React from "react";
+/**
+ * Size variants for the radio component
+ */
+export type ALSRadioSize = "sm" | "md" | "lg";
+/**
+ * Color variants for the radio component
+ */
+export type ALSRadioVariant = "primary" | "secondary" | "success" | "error";
+/**
+ * Orientation for the radio group layout
+ */
+export type ALSRadioOrientation = "horizontal" | "vertical";
+/**
+ * Props for individual radio option
+ */
+export interface ALSRadioOption {
+    /** Unique value for the radio option */
+    value: string;
+    /** Display label for the radio option */
+    label: React.ReactNode;
+    /** Whether this option is disabled */
+    disabled?: boolean;
+    /** Optional description text */
+    description?: string;
+}
+/**
+ * Props for ALSRadioGroup - the root container component
+ */
+export interface ALSRadioGroupProps {
+    /** Array of radio options to render */
+    options: ALSRadioOption[];
+    /** The name attribute for the radio group (used in forms) */
+    name?: string;
+    /** Default selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Controlled selected value */
+    value?: string;
+    /** Callback when value changes */
+    onValueChange?: (value: string) => void;
+    /** Size variant */
+    size?: ALSRadioSize;
+    /** Color variant */
+    variant?: ALSRadioVariant;
+    /** Layout orientation */
+    orientation?: ALSRadioOrientation;
+    /** Whether the entire group is disabled */
+    disabled?: boolean;
+    /** Whether the group is read-only */
+    readOnly?: boolean;
+    /** Whether a selection is required */
+    required?: boolean;
+    /** Optional group label */
+    label?: React.ReactNode;
+    /** Optional error message */
+    error?: string;
+    /** Optional helper text */
+    helperText?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for standalone ALSRadioItem component
+ */
+export interface ALSRadioItemProps {
+    /** Unique value for the radio */
+    value: string;
+    /** Display label */
+    label?: React.ReactNode;
+    /** Optional description */
+    description?: string;
+    /** Whether disabled */
+    disabled?: boolean;
+    /** Size variant */
+    size?: ALSRadioSize;
+    /** Color variant */
+    variant?: ALSRadioVariant;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for the radio indicator (the visual checkmark)
+ */
+export interface ALSRadioIndicatorProps {
+    /** Size variant */
+    size?: ALSRadioSize;
+    /** Color variant */
+    variant?: ALSRadioVariant;
+    /** Additional CSS class */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * ALSRadioIndicator - The visual indicator inside the radio button
+ */
+export declare const ALSRadioIndicator: React.ForwardRefExoticComponent<ALSRadioIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * ALSRadioItem - Individual radio button with label
+ */
+export declare const ALSRadioItem: React.ForwardRefExoticComponent<ALSRadioItemProps & React.RefAttributes<HTMLLabelElement>>;
+/**
+ * ALSRadioGroup - The main container component for radio buttons
+ *
+ * @example
+ * ```tsx
+ * <ALSRadioGroup
+ *   label="Select your preference"
+ *   options={[
+ *     { value: 'option1', label: 'Option 1' },
+ *     { value: 'option2', label: 'Option 2' },
+ *   ]}
+ *   defaultValue="option1"
+ *   onValueChange={(value) => console.log(value)}
+ * />
+ * ```
+ */
+export declare const ALSRadioGroupRoot: React.FC<ALSRadioGroupProps>;
+/**
+ * ALSRadioRoot - Wrapper around RadioGroup from Base UI for custom composition
+ */
+export declare const ALSRadioRoot: React.ForwardRefExoticComponent<Omit<import("@base-ui-components/react/radio-group").RadioGroupProps & React.RefAttributes<HTMLDivElement> & {
+    size?: ALSRadioSize;
+    variant?: ALSRadioVariant;
+    orientation?: ALSRadioOrientation;
+    className?: string;
+    children?: React.ReactNode;
+}, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSRadio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSRadio.d.ts","sourceRoot":"","sources":["../../../src/components/ALSRadio/ALSRadio.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAU/B;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,CAAC;AAE5E;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,wCAAwC;IACxC,KAAK,EAAE,MAAM,CAAC;IACd,yCAAyC;IACzC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,uCAAuC;IACvC,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,6DAA6D;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kCAAkC;IAClC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,mBAAmB;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,yBAAyB;IACzB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,6BAA6B;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,iCAAiC;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,mBAAmB;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,oBAAoB;IACpB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAsBD;;GAEG;AACH,eAAO,MAAM,iBAAiB,gGAwB5B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,YAAY,4FAoEvB,CAAC;AAEH;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2G1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY;WAGV,YAAY;cACT,eAAe;kBACX,mBAAmB;gBACrB,MAAM;eACP,KAAK,CAAC,SAAS;gDAiChC,CAAC"}