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

package/dist/components/ALSForm/ALSForm.d.ts

@@ -0,0 +1,220 @@
+import * as React from "react";
+/**
+ * Error object structure for form validation
+ * Keys correspond to field names, values are error messages
+ * Must match Base UI's Errors type
+ */
+export type ALSFormErrors = Record<string, string | string[]>;
+/**
+ * Form layout variants
+ */
+export type ALSFormLayout = "vertical" | "horizontal" | "inline";
+/**
+ * Form size variants
+ */
+export type ALSFormSize = "sm" | "md" | "lg";
+/**
+ * Field validation mode
+ */
+export type ALSFieldValidationMode = "onBlur" | "onChange";
+/**
+ * Props for ALSForm.Root component
+ */
+export interface ALSFormRootProps extends React.FormHTMLAttributes<HTMLFormElement> {
+    /** Error object for server-side validation */
+    errors?: ALSFormErrors;
+    /** Callback when errors should be cleared */
+    onClearErrors?: (errors: ALSFormErrors) => void;
+    /** Form layout variant */
+    layout?: ALSFormLayout;
+    /** Form size variant */
+    size?: ALSFormSize;
+    /** Additional CSS class */
+    className?: string;
+    /** Form children */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSForm.Field component
+ */
+export interface ALSFormFieldProps {
+    /** Field name for form submission */
+    name: string;
+    /** Whether the field is disabled */
+    disabled?: boolean;
+    /** Whether the field is invalid */
+    invalid?: boolean;
+    /** Custom validation function */
+    validate?: (value: unknown, formValues: Record<string, unknown>) => string | string[] | Promise<string | string[] | null> | null;
+    /** When to trigger validation */
+    validationMode?: ALSFieldValidationMode;
+    /** Debounce time for onChange validation (ms) */
+    validationDebounceTime?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Field children */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSForm.Label component
+ */
+export interface ALSFormLabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
+    /** Whether the field is required (shows asterisk) */
+    required?: boolean;
+    /** Additional CSS class */
+    className?: string;
+    /** Label content */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSForm.Control component (input)
+ */
+export interface ALSFormControlProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** Default value for uncontrolled input */
+    defaultValue?: string | number | readonly string[];
+    /** Callback fired when value changes */
+    onValueChange?: (value: string) => void;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Props for ALSForm.Textarea component
+ * Note: We define specific props instead of extending TextareaHTMLAttributes
+ * to avoid type conflicts with Base UI's input-based Field.Control
+ */
+export interface ALSFormTextareaProps {
+    /** Number of visible text columns */
+    cols?: number;
+    /** Number of visible text rows */
+    rows?: number;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Whether the textarea is disabled */
+    disabled?: boolean;
+    /** Whether the textarea is read-only */
+    readOnly?: boolean;
+    /** Whether the textarea is required */
+    required?: boolean;
+    /** Maximum length of the textarea value */
+    maxLength?: number;
+    /** Minimum length of the textarea value */
+    minLength?: number;
+    /** Name attribute for form submission */
+    name?: string;
+    /** Default value for uncontrolled textarea */
+    defaultValue?: string;
+    /** Controlled value */
+    value?: string;
+    /** Autocomplete attribute */
+    autoComplete?: string;
+    /** Whether to auto-focus the textarea */
+    autoFocus?: boolean;
+    /** Additional CSS class */
+    className?: string;
+}
+/**
+ * Props for ALSForm.Error component
+ */
+export interface ALSFormErrorProps {
+    /** Match specific validity state or always show */
+    match?: boolean | "valid" | "badInput" | "customError" | "patternMismatch" | "rangeOverflow" | "rangeUnderflow" | "stepMismatch" | "tooLong" | "tooShort" | "typeMismatch" | "valueMissing";
+    /** Additional CSS class */
+    className?: string;
+    /** Error message content */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSForm.Description component
+ */
+export interface ALSFormDescriptionProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Description content */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSForm.Actions component
+ */
+export interface ALSFormActionsProps {
+    /** Alignment of actions */
+    align?: "left" | "center" | "right" | "between";
+    /** Additional CSS class */
+    className?: string;
+    /** Action buttons/content */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSForm.Group component (groups related fields)
+ */
+export interface ALSFormGroupProps {
+    /** Group title */
+    title?: string;
+    /** Group description */
+    description?: string;
+    /** Additional CSS class */
+    className?: string;
+    /** Group children */
+    children?: React.ReactNode;
+}
+/**
+ * ALSForm.Root - Main form container with error handling
+ *
+ * @example
+ * ```tsx
+ * <ALSForm.Root onSubmit={handleSubmit} errors={errors} onClearErrors={setErrors}>
+ *   <ALSForm.Field name="email">
+ *     <ALSForm.Label required>Email</ALSForm.Label>
+ *     <ALSForm.Control type="email" placeholder="Enter email" />
+ *     <ALSForm.Error match="valueMissing">Email is required</ALSForm.Error>
+ *   </ALSForm.Field>
+ * </ALSForm.Root>
+ * ```
+ */
+export declare const ALSFormRoot: React.ForwardRefExoticComponent<ALSFormRootProps & React.RefAttributes<HTMLFormElement>>;
+/**
+ * ALSForm.Field - Wrapper for form field with validation
+ */
+export declare const ALSFormField: React.ForwardRefExoticComponent<ALSFormFieldProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSForm.Label - Accessible label for form control
+ */
+export declare const ALSFormLabel: React.ForwardRefExoticComponent<ALSFormLabelProps & React.RefAttributes<HTMLLabelElement>>;
+/**
+ * ALSForm.Control - Input control for the field
+ */
+export declare const ALSFormControl: React.ForwardRefExoticComponent<ALSFormControlProps & React.RefAttributes<HTMLInputElement>>;
+/**
+ * ALSForm.Textarea - Textarea control for the field
+ * Note: Due to Base UI's Field.Control typing being input-focused,
+ * we pass props explicitly to avoid event handler type conflicts.
+ */
+export declare const ALSFormTextarea: React.FC<ALSFormTextareaProps>;
+/**
+ * ALSForm.Error - Error message for field validation
+ */
+export declare const ALSFormError: React.FC<ALSFormErrorProps>;
+/**
+ * ALSForm.Description - Helper text for the field
+ */
+export declare const ALSFormDescription: React.FC<ALSFormDescriptionProps>;
+/**
+ * ALSForm.Actions - Container for form action buttons
+ */
+export declare const ALSFormActions: React.FC<ALSFormActionsProps>;
+/**
+ * ALSForm.Group - Groups related fields with optional title
+ */
+export declare const ALSFormGroup: React.FC<ALSFormGroupProps>;
+/**
+ * ALSForm.Row - Horizontal row for inline fields
+ */
+export interface ALSFormRowProps {
+    /** Gap between fields */
+    gap?: "sm" | "md" | "lg";
+    /** Additional CSS class */
+    className?: string;
+    /** Row children */
+    children?: React.ReactNode;
+}
+export declare const ALSFormRow: React.FC<ALSFormRowProps>;
+//# sourceMappingURL=ALSForm.d.ts.map

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

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

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

@@ -1,5 +1,56 @@
-export interface ALSFormProps {
-}
-export declare function ALSForm(props: ALSFormProps): import("react/jsx-runtime").JSX.Element;
-export default ALSForm;
+/**
+ * ALSForm - Form component with compound pattern
+ *
+ * A comprehensive form component built on Base UI's Form and Field components,
+ * providing accessible, validated form controls with consistent styling.
+ *
+ * @example
+ * ```tsx
+ * import { ALSForm } from './ALSForm';
+ *
+ * function ContactForm() {
+ *   const [errors, setErrors] = React.useState({});
+ *
+ *   return (
+ *     <ALSForm.Root errors={errors} onClearErrors={setErrors} onSubmit={handleSubmit}>
+ *       <ALSForm.Field name="name">
+ *         <ALSForm.Label required>Name</ALSForm.Label>
+ *         <ALSForm.Control placeholder="Enter your name" required />
+ *         <ALSForm.Error match="valueMissing">Name is required</ALSForm.Error>
+ *       </ALSForm.Field>
+ *
+ *       <ALSForm.Field name="email">
+ *         <ALSForm.Label required>Email</ALSForm.Label>
+ *         <ALSForm.Control type="email" placeholder="Enter email" required />
+ *         <ALSForm.Error match="typeMismatch">Enter a valid email</ALSForm.Error>
+ *       </ALSForm.Field>
+ *
+ *       <ALSForm.Field name="message">
+ *         <ALSForm.Label>Message</ALSForm.Label>
+ *         <ALSForm.Textarea placeholder="Your message..." rows={4} />
+ *         <ALSForm.Description>Optional feedback</ALSForm.Description>
+ *       </ALSForm.Field>
+ *
+ *       <ALSForm.Actions>
+ *         <button type="submit">Submit</button>
+ *       </ALSForm.Actions>
+ *     </ALSForm.Root>
+ *   );
+ * }
+ * ```
+ */
+import type { ALSFormErrors, ALSFormLayout, ALSFormSize, ALSFieldValidationMode, ALSFormRootProps, ALSFormFieldProps, ALSFormLabelProps, ALSFormControlProps, ALSFormTextareaProps, ALSFormErrorProps, ALSFormDescriptionProps, ALSFormActionsProps, ALSFormGroupProps, ALSFormRowProps } from "./ALSForm";
+export declare const ALSForm: {
+    Root: import("react").ForwardRefExoticComponent<ALSFormRootProps & import("react").RefAttributes<HTMLFormElement>>;
+    Field: import("react").ForwardRefExoticComponent<ALSFormFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<ALSFormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+    Control: import("react").ForwardRefExoticComponent<ALSFormControlProps & import("react").RefAttributes<HTMLInputElement>>;
+    Textarea: import("react").FC<ALSFormTextareaProps>;
+    Error: import("react").FC<ALSFormErrorProps>;
+    Description: import("react").FC<ALSFormDescriptionProps>;
+    Actions: import("react").FC<ALSFormActionsProps>;
+    Group: import("react").FC<ALSFormGroupProps>;
+    Row: import("react").FC<ALSFormRowProps>;
+};
+export type { ALSFormErrors, ALSFormLayout, ALSFormSize, ALSFieldValidationMode, ALSFormRootProps, ALSFormFieldProps, ALSFormLabelProps, ALSFormControlProps, ALSFormTextareaProps, ALSFormErrorProps, ALSFormDescriptionProps, ALSFormActionsProps, ALSFormGroupProps, ALSFormRowProps, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSForm/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;CAE5B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAM1C;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSForm/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AAeH,OAAO,KAAK,EACR,aAAa,EACb,aAAa,EACb,WAAW,EACX,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,EAClB,MAAM,WAAW,CAAC;AAEnB,eAAO,MAAM,OAAO;;;;;;;;;;;CAWnB,CAAC;AAEF,YAAY,EACR,aAAa,EACb,aAAa,EACb,WAAW,EACX,sBAAsB,EACtB,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,mBAAmB,EACnB,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,eAAe,GAClB,CAAC"}

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

@@ -0,0 +1 @@
+._root_1351o_9{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}._layout-horizontal_1351o_21 ._field_1351o_21{flex-direction:row;align-items:flex-start}._layout-horizontal_1351o_21 ._label_1351o_26{min-width:8rem;padding-top:var(--space-sm)}._layout-inline_1351o_31{flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:var(--space-md)}._layout-inline_1351o_31 ._field_1351o_21{flex:1 1 auto;min-width:10rem}._size-sm_1351o_44{gap:var(--space-md)}._size-md_1351o_48{gap:var(--space-lg)}._size-lg_1351o_52{gap:var(--space-xl)}._field_1351o_21{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}._field-vertical_1351o_66{flex-direction:column}._field-horizontal_1351o_70{flex-direction:row;align-items:flex-start;gap:var(--space-md)}._field-inline_1351o_76{flex-direction:column}._field_1351o_21[data-disabled]{opacity:.6;cursor:not-allowed}._field_1351o_21[data-invalid] ._control_1351o_86,._field_1351o_21[data-invalid] ._textarea_1351o_87{border-color:var(--color-als-red-500)}._field_1351o_21[data-invalid] ._control_1351o_86:focus,._field_1351o_21[data-invalid] ._textarea_1351o_87:focus{outline-color:var(--color-als-red-500)}._field_1351o_21[data-valid] ._control_1351o_86,._field_1351o_21[data-valid] ._textarea_1351o_87{border-color:var(--color-als-green-500)}._label_1351o_26{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-base)}._label-sm_1351o_115{font-size:var(--font-tiny)}._label-md_1351o_119{font-size:var(--font-small)}._label-lg_1351o_123{font-size:var(--font-base)}._label_1351o_26[data-disabled]{color:var(--text-secondary)}._required_1351o_133{color:var(--color-als-red-500);font-weight:var(--font-weight-bold)}._control_1351o_86{box-sizing:border-box;width:100%;padding:var(--space-sm) var(--space-md);margin:0;border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--color-als-white);font-family:var(--font-family-base);color:var(--text-primary);transition:border-color var(--transition-fast),outline var(--transition-fast),box-shadow var(--transition-fast)}._control_1351o_86::placeholder{color:var(--color-als-gray-900)}._control_1351o_86:focus{outline:2px solid var(--border-focus);outline-offset:-1px;border-color:var(--border-focus)}._control_1351o_86:disabled{background-color:var(--color-als-gray-100);color:var(--text-secondary);cursor:not-allowed}._control-sm_1351o_172{height:2rem;padding:var(--space-xs) var(--space-sm);font-size:var(--font-small)}._control-md_1351o_178{height:2.5rem;padding:var(--space-sm) var(--space-md);font-size:var(--font-base)}._control-lg_1351o_184{height:3rem;padding:var(--space-md) var(--space-lg);font-size:var(--font-base)}._textarea_1351o_87{box-sizing:border-box;width:100%;min-height:6rem;padding:var(--space-sm) var(--space-md);margin:0;border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--color-als-white);font-family:var(--font-family-base);color:var(--text-primary);resize:vertical;transition:border-color var(--transition-fast),outline var(--transition-fast)}._textarea_1351o_87::placeholder{color:var(--color-als-gray-900)}._textarea_1351o_87:focus{outline:2px solid var(--border-focus);outline-offset:-1px;border-color:var(--border-focus)}._textarea_1351o_87:disabled{background-color:var(--color-als-gray-100);color:var(--text-secondary);cursor:not-allowed}._textarea-sm_1351o_226{min-height:4rem;padding:var(--space-xs) var(--space-sm);font-size:var(--font-small)}._textarea-md_1351o_232{min-height:6rem;padding:var(--space-sm) var(--space-md);font-size:var(--font-base)}._textarea-lg_1351o_238{min-height:8rem;padding:var(--space-md) var(--space-lg);font-size:var(--font-base)}._error_1351o_247{display:flex;align-items:center;gap:var(--space-xs);margin:0;font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);color:var(--color-als-red-500);line-height:var(--line-height-base)}._error_1351o_247:before{content:"";display:inline-block;width:.875rem;height:.875rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff6f6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cline x1='12' y1='8' x2='12' y2='12'/%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;flex-shrink:0}._description_1351o_273{margin:0;font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);color:var(--text-secondary);line-height:var(--line-height-base)}._actions_1351o_285{display:flex;flex-wrap:wrap;gap:var(--space-md);padding-top:var(--space-md)}._actions-left_1351o_292{justify-content:flex-start}._actions-center_1351o_296{justify-content:center}._actions-right_1351o_300{justify-content:flex-end}._actions-between_1351o_304{justify-content:space-between}._group_1351o_311{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);margin:0;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background-color:var(--color-als-white)}._groupTitle_1351o_322{margin:0;padding:0 var(--space-sm);font-family:var(--font-family-base);font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-base)}._groupDescription_1351o_332{margin:0;font-family:var(--font-family-base);font-size:var(--font-small);color:var(--text-secondary);line-height:var(--line-height-base)}._groupContent_1351o_340{display:flex;flex-direction:column;gap:var(--space-md)}._row_1351o_349{display:flex;flex-wrap:wrap;width:100%}._row_1351o_349>*{flex:1 1 auto;min-width:0}._row-gap-sm_1351o_360{gap:var(--space-sm)}._row-gap-md_1351o_364{gap:var(--space-md)}._row-gap-lg_1351o_368{gap:var(--space-lg)}._control_1351o_86:focus-visible,._textarea_1351o_87:focus-visible{outline:2px solid var(--color-als-aux-blue-500);outline-offset:2px}@media(max-width:640px){._layout-horizontal_1351o_21 ._field_1351o_21{flex-direction:column}._layout-horizontal_1351o_21 ._label_1351o_26{min-width:auto;padding-top:0}._row_1351o_349{flex-direction:column}._row_1351o_349>*{min-width:100%}}

package/dist/components/ALSMenu/ALSMenu.d.ts

@@ -0,0 +1,205 @@
+import * as React from "react";
+/** Size variants for menu items */
+export type ALSMenuSize = "sm" | "md" | "lg";
+/** Visual variants for destructive actions */
+export type ALSMenuItemVariant = "default" | "danger";
+/** Props for ALSMenu.Root */
+export interface ALSMenuRootProps {
+    /** The content of the menu */
+    children: React.ReactNode;
+    /** Whether the menu is open (controlled) */
+    open?: boolean;
+    /** Callback fired when the menu open state changes */
+    onOpenChange?: (open: boolean) => void;
+    /** Whether the menu is initially open (uncontrolled) */
+    defaultOpen?: boolean;
+    /** Whether the menu should close when clicking outside */
+    modal?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.Trigger */
+export interface ALSMenuTriggerProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /** The content of the trigger */
+    children: React.ReactNode;
+    /** Whether the menu should open on hover */
+    openOnHover?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.Content */
+export interface ALSMenuContentProps {
+    /** The content of the menu popup */
+    children: React.ReactNode;
+    /** Side offset from the trigger */
+    sideOffset?: number;
+    /** Alignment offset */
+    alignOffset?: number;
+    /** Preferred side for the popup */
+    side?: "top" | "bottom" | "left" | "right";
+    /** Preferred alignment */
+    align?: "start" | "center" | "end";
+    /** Whether to show an arrow */
+    showArrow?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.Item */
+export interface ALSMenuItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onClick"> {
+    /** The content of the menu item */
+    children: React.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Visual variant */
+    variant?: ALSMenuItemVariant;
+    /** Click handler */
+    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /** Icon to display before the label */
+    icon?: React.ReactNode;
+    /** Shortcut text to display on the right */
+    shortcut?: string;
+    /** Size of the menu item */
+    size?: ALSMenuSize;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.Separator */
+export interface ALSMenuSeparatorProps {
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.Group */
+export interface ALSMenuGroupProps {
+    /** The content of the group */
+    children: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.GroupLabel */
+export interface ALSMenuGroupLabelProps {
+    /** The label text */
+    children: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.CheckboxItem */
+export interface ALSMenuCheckboxItemProps {
+    /** The label of the checkbox item */
+    children: React.ReactNode;
+    /** Whether the item is checked */
+    checked?: boolean;
+    /** Callback fired when the checked state changes */
+    onCheckedChange?: (checked: boolean) => void;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Size of the menu item */
+    size?: ALSMenuSize;
+    /** Whether to close the menu when clicking */
+    closeOnClick?: boolean;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.RadioGroup */
+export interface ALSMenuRadioGroupProps {
+    /** The content of the radio group */
+    children: React.ReactNode;
+    /** The current value */
+    value?: string;
+    /** Callback fired when the value changes */
+    onValueChange?: (value: string) => void;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.RadioItem */
+export interface ALSMenuRadioItemProps {
+    /** The label of the radio item */
+    children: React.ReactNode;
+    /** The value of this radio item */
+    value: string;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Size of the menu item */
+    size?: ALSMenuSize;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.SubmenuRoot */
+export interface ALSMenuSubmenuRootProps {
+    /** The content of the submenu */
+    children: React.ReactNode;
+}
+/** Props for ALSMenu.SubmenuTrigger */
+export interface ALSMenuSubmenuTriggerProps {
+    /** The label of the submenu trigger */
+    children: React.ReactNode;
+    /** Whether the item is disabled */
+    disabled?: boolean;
+    /** Size of the menu item */
+    size?: ALSMenuSize;
+    /** Additional class name */
+    className?: string;
+}
+/** Props for ALSMenu.SubmenuContent */
+export interface ALSMenuSubmenuContentProps {
+    /** The content of the submenu popup */
+    children: React.ReactNode;
+    /** Side offset from the trigger */
+    sideOffset?: number;
+    /** Alignment offset */
+    alignOffset?: number;
+    /** Additional class name */
+    className?: string;
+}
+/**
+ * ALSMenu.Root - The root container for the menu
+ */
+export declare const ALSMenuRoot: React.FC<ALSMenuRootProps>;
+/**
+ * ALSMenu.Trigger - The button that triggers the menu
+ */
+export declare const ALSMenuTrigger: React.ForwardRefExoticComponent<ALSMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * ALSMenu.Content - The popup container for menu items
+ */
+export declare const ALSMenuContent: React.FC<ALSMenuContentProps>;
+/**
+ * ALSMenu.Item - An individual menu item
+ */
+export declare const ALSMenuItem: React.ForwardRefExoticComponent<ALSMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSMenu.Separator - A visual separator between menu items
+ */
+export declare const ALSMenuSeparator: React.FC<ALSMenuSeparatorProps>;
+/**
+ * ALSMenu.Group - A group of related menu items
+ */
+export declare const ALSMenuGroup: React.FC<ALSMenuGroupProps>;
+/**
+ * ALSMenu.GroupLabel - A label for a group of menu items
+ */
+export declare const ALSMenuGroupLabel: React.FC<ALSMenuGroupLabelProps>;
+/**
+ * ALSMenu.CheckboxItem - A checkbox menu item
+ */
+export declare const ALSMenuCheckboxItem: React.FC<ALSMenuCheckboxItemProps>;
+/**
+ * ALSMenu.RadioGroup - A group of radio menu items
+ */
+export declare const ALSMenuRadioGroup: React.FC<ALSMenuRadioGroupProps>;
+/**
+ * ALSMenu.RadioItem - A radio menu item
+ */
+export declare const ALSMenuRadioItem: React.FC<ALSMenuRadioItemProps>;
+/**
+ * ALSMenu.SubmenuRoot - The root container for a submenu
+ */
+export declare const ALSMenuSubmenuRoot: React.FC<ALSMenuSubmenuRootProps>;
+/**
+ * ALSMenu.SubmenuTrigger - The trigger for a submenu
+ */
+export declare const ALSMenuSubmenuTrigger: React.FC<ALSMenuSubmenuTriggerProps>;
+/**
+ * ALSMenu.SubmenuContent - The popup container for submenu items
+ */
+export declare const ALSMenuSubmenuContent: React.FC<ALSMenuSubmenuContentProps>;
+//# sourceMappingURL=ALSMenu.d.ts.map

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

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

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

@@ -1,5 +1,47 @@
-export interface ALSMenuProps {
-}
-export declare function ALSMenu(props: ALSMenuProps): import("react/jsx-runtime").JSX.Element;
-export default ALSMenu;
+import type { ALSMenuRootProps, ALSMenuTriggerProps, ALSMenuContentProps, ALSMenuItemProps, ALSMenuSeparatorProps, ALSMenuGroupProps, ALSMenuGroupLabelProps, ALSMenuCheckboxItemProps, ALSMenuRadioGroupProps, ALSMenuRadioItemProps, ALSMenuSubmenuRootProps, ALSMenuSubmenuTriggerProps, ALSMenuSubmenuContentProps, ALSMenuSize, ALSMenuItemVariant } from "./ALSMenu";
+/**
+ * ALSMenu - A dropdown menu component for displaying a list of actions
+ *
+ * @example
+ * ```tsx
+ * <ALSMenu.Root>
+ *   <ALSMenu.Trigger>Actions</ALSMenu.Trigger>
+ *   <ALSMenu.Content>
+ *     <ALSMenu.Item>Edit</ALSMenu.Item>
+ *     <ALSMenu.Item>Duplicate</ALSMenu.Item>
+ *     <ALSMenu.Separator />
+ *     <ALSMenu.Item variant="danger">Delete</ALSMenu.Item>
+ *   </ALSMenu.Content>
+ * </ALSMenu.Root>
+ * ```
+ */
+export declare const ALSMenu: {
+    /** Root container for the menu */
+    Root: import("react").FC<ALSMenuRootProps>;
+    /** Button that triggers the menu */
+    Trigger: import("react").ForwardRefExoticComponent<ALSMenuTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    /** Popup container for menu items */
+    Content: import("react").FC<ALSMenuContentProps>;
+    /** Individual menu item */
+    Item: import("react").ForwardRefExoticComponent<ALSMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
+    /** Visual separator between items */
+    Separator: import("react").FC<ALSMenuSeparatorProps>;
+    /** Group of related menu items */
+    Group: import("react").FC<ALSMenuGroupProps>;
+    /** Label for a group of items */
+    GroupLabel: import("react").FC<ALSMenuGroupLabelProps>;
+    /** Checkbox menu item */
+    CheckboxItem: import("react").FC<ALSMenuCheckboxItemProps>;
+    /** Group for radio items */
+    RadioGroup: import("react").FC<ALSMenuRadioGroupProps>;
+    /** Radio menu item */
+    RadioItem: import("react").FC<ALSMenuRadioItemProps>;
+    /** Root for a submenu */
+    SubmenuRoot: import("react").FC<ALSMenuSubmenuRootProps>;
+    /** Trigger for a submenu */
+    SubmenuTrigger: import("react").FC<ALSMenuSubmenuTriggerProps>;
+    /** Content container for a submenu */
+    SubmenuContent: import("react").FC<ALSMenuSubmenuContentProps>;
+};
+export type { ALSMenuRootProps, ALSMenuTriggerProps, ALSMenuContentProps, ALSMenuItemProps, ALSMenuSeparatorProps, ALSMenuGroupProps, ALSMenuGroupLabelProps, ALSMenuCheckboxItemProps, ALSMenuRadioGroupProps, ALSMenuRadioItemProps, ALSMenuSubmenuRootProps, ALSMenuSubmenuTriggerProps, ALSMenuSubmenuContentProps, ALSMenuSize, ALSMenuItemVariant, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMenu/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,YAAY;CAE5B;AAED,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,2CAM1C;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMenu/index.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACR,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,WAAW,EACX,kBAAkB,EACrB,MAAM,WAAW,CAAC;AAEnB;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,OAAO;IAChB,kCAAkC;;IAElC,oCAAoC;;IAEpC,qCAAqC;;IAErC,2BAA2B;;IAE3B,qCAAqC;;IAErC,kCAAkC;;IAElC,iCAAiC;;IAEjC,yBAAyB;;IAEzB,4BAA4B;;IAE5B,sBAAsB;;IAEtB,yBAAyB;;IAEzB,4BAA4B;;IAE5B,sCAAsC;;CAEzC,CAAC;AAEF,YAAY,EACR,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,sBAAsB,EACtB,wBAAwB,EACxB,sBAAsB,EACtB,qBAAqB,EACrB,uBAAuB,EACvB,0BAA0B,EAC1B,0BAA0B,EAC1B,WAAW,EACX,kBAAkB,GACrB,CAAC"}

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

@@ -0,0 +1 @@
+._Trigger_y8p83_7{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);height:2.5rem;padding:0 var(--space-md);margin:0;outline:0;border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--color-als-white);font-family:var(--font-family-base);font-size:var(--font-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}._Trigger_y8p83_7:hover{background-color:var(--color-als-gray-100);border-color:var(--color-als-gray-900)}._Trigger_y8p83_7:active{background-color:var(--color-als-gray-500)}._Trigger_y8p83_7[data-popup-open]{background-color:var(--color-als-gray-100);border-color:var(--color-als-blue-500)}._Trigger_y8p83_7:focus-visible{outline:2px solid var(--color-als-blue-500);outline-offset:2px}._Trigger_y8p83_7:disabled{opacity:.5;cursor:not-allowed}._TriggerIcon_y8p83_55{margin-left:var(--space-xs);transition:transform var(--transition-fast)}._Trigger_y8p83_7[data-popup-open] ._TriggerIcon_y8p83_55{transform:rotate(180deg)}._Positioner_y8p83_65{outline:0;z-index:var(--z-dropdown)}._Popup_y8p83_71{box-sizing:border-box;min-width:12rem;padding-block:var(--space-xs);border-radius:var(--radius-lg);background-color:var(--color-als-white);color:var(--text-primary);outline:1px solid var(--border-primary);box-shadow:var(--shadow-lg);transform-origin:var(--transform-origin);transition:transform var(--transition-fast),opacity var(--transition-fast)}._Popup_y8p83_71[data-starting-style],._Popup_y8p83_71[data-ending-style]{opacity:0;transform:scale(.95)}._Arrow_y8p83_91{display:flex}._Arrow_y8p83_91[data-side=top]{bottom:-8px;rotate:180deg}._Arrow_y8p83_91[data-side=bottom]{top:-8px;rotate:0deg}._Arrow_y8p83_91[data-side=left]{right:-13px;rotate:90deg}._Arrow_y8p83_91[data-side=right]{left:-13px;rotate:-90deg}._ArrowFill_y8p83_115{fill:var(--color-als-white)}._ArrowOuterStroke_y8p83_119{fill:var(--border-primary)}._ArrowInnerStroke_y8p83_123{fill:transparent}._Item_y8p83_128{box-sizing:border-box;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;outline:0;transition:background-color var(--transition-fast),color var(--transition-fast)}._Item_y8p83_128:hover,._Item_y8p83_128[data-highlighted]{background-color:var(--color-als-blue-100);color:var(--text-primary)}._Item_y8p83_128:active{background-color:var(--color-als-blue-500)}._Item_y8p83_128[data-disabled]{opacity:.5;cursor:not-allowed}._Item--sm_y8p83_165{padding:var(--space-xs) var(--space-sm);padding-right:var(--space-lg);font-size:var(--font-tiny)}._Item--md_y8p83_171{padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);font-size:var(--font-small)}._Item--lg_y8p83_177{padding:var(--space-md) var(--space-lg);padding-right:var(--space-2xl);font-size:var(--font-base)}._Item--danger_y8p83_184{color:var(--color-als-red-500)}._Item--danger_y8p83_184:hover,._Item--danger_y8p83_184[data-highlighted]{background-color:var(--color-als-red-100);color:var(--color-als-red-900)}._Item--danger_y8p83_184:active{background-color:var(--color-als-red-500);color:var(--color-als-white)}._ItemIcon_y8p83_200{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;flex-shrink:0}._ItemIcon_y8p83_200 svg{width:100%;height:100%}._ItemLabel_y8p83_215{flex:1}._ItemShortcut_y8p83_220{margin-left:auto;padding-left:var(--space-lg);font-size:var(--font-tiny);color:var(--text-secondary);opacity:.7}._Separator_y8p83_229{height:1px;margin:var(--space-xs) var(--space-md);background-color:var(--border-primary)}._GroupLabel_y8p83_236{padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + var(--space-xs));font-family:var(--font-family-base);font-size:var(--font-tiny);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);cursor:default;-webkit-user-select:none;user-select:none}._CheckboxItem_y8p83_250{box-sizing:border-box;display:grid;grid-template-columns:1rem 1fr;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;outline:0;transition:background-color var(--transition-fast),color var(--transition-fast)}._CheckboxItem_y8p83_250:hover,._CheckboxItem_y8p83_250[data-highlighted]{background-color:var(--color-als-blue-100)}._CheckboxItem_y8p83_250:active{background-color:var(--color-als-blue-500)}._CheckboxItem_y8p83_250[data-disabled]{opacity:.5;cursor:not-allowed}._CheckboxItemIndicator_y8p83_286{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--color-als-aux-blue-800)}._CheckboxItemText_y8p83_295{grid-column-start:2}._RadioItem_y8p83_300{box-sizing:border-box;display:grid;grid-template-columns:1rem 1fr;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;outline:0;transition:background-color var(--transition-fast),color var(--transition-fast)}._RadioItem_y8p83_300:hover,._RadioItem_y8p83_300[data-highlighted]{background-color:var(--color-als-blue-100)}._RadioItem_y8p83_300:active{background-color:var(--color-als-blue-500)}._RadioItem_y8p83_300[data-disabled]{opacity:.5;cursor:not-allowed}._RadioItemIndicator_y8p83_336{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--color-als-aux-blue-800)}._RadioItemText_y8p83_345{grid-column-start:2}._SubmenuTrigger_y8p83_350{box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-sm) var(--space-md);margin:0 var(--space-xs);border-radius:var(--radius-sm);font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--text-primary);cursor:default;-webkit-user-select:none;user-select:none;outline:0;transition:background-color var(--transition-fast),color var(--transition-fast)}._SubmenuTrigger_y8p83_350:hover,._SubmenuTrigger_y8p83_350[data-highlighted]{background-color:var(--color-als-blue-100)}._SubmenuTrigger_y8p83_350[data-popup-open]{background-color:var(--color-als-gray-100)}._SubmenuTrigger_y8p83_350[data-highlighted][data-popup-open]{background-color:var(--color-als-blue-100)}._SubmenuTrigger_y8p83_350:active{background-color:var(--color-als-blue-500)}._SubmenuTrigger_y8p83_350[data-disabled]{opacity:.5;cursor:not-allowed}._SubmenuTriggerLabel_y8p83_393{flex:1}._SubmenuTriggerIcon_y8p83_397{flex-shrink:0;opacity:.6}

package/dist/components/ALSMenubar/ALSMenubar.d.ts

@@ -0,0 +1,37 @@
+import * as React from "react";
+/** Orientation variants for menubar */
+export type ALSMenubarOrientation = "horizontal" | "vertical";
+/** Props for ALSMenubar.Root */
+export interface ALSMenubarRootProps {
+    /** Child Menu.Root components */
+    children: React.ReactNode;
+    /** Whether the menubar is disabled */
+    disabled?: boolean;
+    /** Whether to loop keyboard focus */
+    loopFocus?: boolean;
+    /** Whether the menubar is modal */
+    modal?: boolean;
+    /** Orientation of the menubar */
+    orientation?: ALSMenubarOrientation;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * ALSMenubarRoot - Root container for the menubar
+ *
+ * @example
+ * ```tsx
+ * <ALSMenubar.Root>
+ *   <ALSMenu.Root>
+ *     <ALSMenu.Trigger>File</ALSMenu.Trigger>
+ *     <ALSMenu.Content>
+ *       <ALSMenu.Item>New</ALSMenu.Item>
+ *     </ALSMenu.Content>
+ *   </ALSMenu.Root>
+ * </ALSMenubar.Root>
+ * ```
+ */
+export declare const ALSMenubarRoot: React.ForwardRefExoticComponent<ALSMenubarRootProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSMenubar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSMenubar.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMenubar/ALSMenubar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,uCAAuC;AACvC,MAAM,MAAM,qBAAqB,GAAG,YAAY,GAAG,UAAU,CAAC;AAE9D,gCAAgC;AAChC,MAAM,WAAW,mBAAmB;IAChC,iCAAiC;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,sCAAsC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,iCAAiC;IACjC,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAMD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,cAAc,4FAqCzB,CAAC"}