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

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

@@ -1,5 +1,33 @@
-export interface ALSMenubarProps {
-}
-export declare function ALSMenubar(props: ALSMenubarProps): import("react/jsx-runtime").JSX.Element;
-export default ALSMenubar;
+import type { ALSMenubarRootProps, ALSMenubarOrientation } from "./ALSMenubar";
+/**
+ * ALSMenubar - A menu bar providing commands and options for your application
+ *
+ * @example
+ * ```tsx
+ * <ALSMenubar.Root>
+ *   <ALSMenu.Root>
+ *     <ALSMenu.Trigger>File</ALSMenu.Trigger>
+ *     <ALSMenu.Content>
+ *       <ALSMenu.Item>New</ALSMenu.Item>
+ *       <ALSMenu.Item>Open</ALSMenu.Item>
+ *       <ALSMenu.Separator />
+ *       <ALSMenu.Item>Exit</ALSMenu.Item>
+ *     </ALSMenu.Content>
+ *   </ALSMenu.Root>
+ *   <ALSMenu.Root>
+ *     <ALSMenu.Trigger>Edit</ALSMenu.Trigger>
+ *     <ALSMenu.Content>
+ *       <ALSMenu.Item>Cut</ALSMenu.Item>
+ *       <ALSMenu.Item>Copy</ALSMenu.Item>
+ *       <ALSMenu.Item>Paste</ALSMenu.Item>
+ *     </ALSMenu.Content>
+ *   </ALSMenu.Root>
+ * </ALSMenubar.Root>
+ * ```
+ */
+export declare const ALSMenubar: {
+    /** Root container for the menubar */
+    Root: import("react").ForwardRefExoticComponent<ALSMenubarRootProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type { ALSMenubarRootProps, ALSMenubarOrientation };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMenubar/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;CAE/B;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,2CAMhD;AAED,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMenubar/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACR,mBAAmB,EACnB,qBAAqB,EACxB,MAAM,cAAc,CAAC;AAEtB;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,UAAU;IACnB,qCAAqC;;CAExC,CAAC;AAEF,YAAY,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+._menubar_swhih_5{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs);background-color:var(--color-surface);border-radius:var(--radius-md)}._menubar--horizontal_swhih_15{flex-direction:row;align-items:center}._menubar--vertical_swhih_20{flex-direction:column;align-items:stretch}._menubar--disabled_swhih_26{opacity:.5;pointer-events:none;cursor:not-allowed}._menubar_swhih_5:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}

package/dist/components/ALSMeter/ALSMeter.d.ts

@@ -0,0 +1,114 @@
+import * as React from "react";
+/**
+ * Variant options for the meter component
+ */
+export type ALSMeterVariant = "primary" | "success" | "warning" | "error" | "info";
+/**
+ * Size options for the meter component
+ */
+export type ALSMeterSize = "sm" | "md" | "lg";
+/**
+ * Props for the ALSMeter Root component
+ */
+export interface ALSMeterRootProps {
+    /** The current value of the meter */
+    value: number;
+    /** Minimum value (default: 0) */
+    min?: number;
+    /** Maximum value (default: 100) */
+    max?: number;
+    /** Visual variant of the meter */
+    variant?: ALSMeterVariant;
+    /** Size of the meter */
+    size?: ALSMeterSize;
+    /** Whether to show the value label */
+    showValue?: boolean;
+    /** Custom aria-valuetext for accessibility */
+    "aria-valuetext"?: string;
+    /** Function to generate aria-valuetext */
+    getAriaValueText?: (formattedValue: string, value: number) => string;
+    /** Locale for number formatting */
+    locale?: Intl.LocalesArgument;
+    /** Number format options */
+    format?: Intl.NumberFormatOptions;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the ALSMeter Label component
+ */
+export interface ALSMeterLabelProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the ALSMeter Track component
+ */
+export interface ALSMeterTrackProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children elements (usually the Indicator) */
+    children?: React.ReactNode;
+}
+/**
+ * Props for the ALSMeter Indicator component
+ */
+export interface ALSMeterIndicatorProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for the ALSMeter Value component
+ */
+export interface ALSMeterValueProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Custom render function for the value */
+    children?: ((formattedValue: string, value: number) => React.ReactNode) | null;
+}
+/**
+ * ALSMeterRoot - The root component that wraps all meter parts
+ *
+ * @example
+ * ```tsx
+ * <ALSMeter.Root value={75}>
+ *   <ALSMeter.Label>Progress</ALSMeter.Label>
+ *   <ALSMeter.Track>
+ *     <ALSMeter.Indicator />
+ *   </ALSMeter.Track>
+ *   <ALSMeter.Value />
+ * </ALSMeter.Root>
+ * ```
+ */
+export declare const ALSMeterRoot: React.ForwardRefExoticComponent<ALSMeterRootProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSMeterLabel - Accessible label for the meter
+ */
+export declare const ALSMeterLabel: React.ForwardRefExoticComponent<ALSMeterLabelProps & React.RefAttributes<HTMLSpanElement>>;
+/**
+ * ALSMeterTrack - Contains the indicator and represents the full range
+ */
+export declare const ALSMeterTrack: React.ForwardRefExoticComponent<ALSMeterTrackProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSMeterIndicator - Visualizes the current value position
+ */
+export declare const ALSMeterIndicator: React.ForwardRefExoticComponent<ALSMeterIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSMeterValue - Displays the current value as text
+ */
+export declare const ALSMeterValue: React.ForwardRefExoticComponent<ALSMeterValueProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=ALSMeter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSMeter.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMeter/ALSMeter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B;;GAEG;AACH,MAAM,MAAM,eAAe,GACrB,SAAS,GACT,SAAS,GACT,SAAS,GACT,OAAO,GACP,MAAM,CAAC;AAEb;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,qCAAqC;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,iCAAiC;IACjC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mCAAmC;IACnC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,kCAAkC;IAClC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,wBAAwB;IACxB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,0CAA0C;IAC1C,gBAAgB,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACrE,mCAAmC;IACnC,MAAM,CAAC,EAAE,IAAI,CAAC,eAAe,CAAC;IAC9B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,IAAI,CAAC,mBAAmB,CAAC;IAClC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,wBAAwB;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,MAAM,WAAW,sBAAsB;IACnC,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IAC/B,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,EACH,CAAC,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,GAC5D,IAAI,CAAC;CACd;AA2BD;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,YAAY,0FAiDxB,CAAC;AAIF;;GAEG;AACH,eAAO,MAAM,aAAa,4FAgBxB,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,aAAa,2FAqBxB,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,iBAAiB,+FAkB5B,CAAC;AAIH;;GAEG;AACH,eAAO,MAAM,aAAa,4FAgBxB,CAAC"}

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

@@ -1,5 +1,24 @@
-export interface ALSMeterProps {
-}
-export declare function ALSMeter(props: ALSMeterProps): import("react/jsx-runtime").JSX.Element;
-export default ALSMeter;
+import type { ALSMeterRootProps, ALSMeterLabelProps, ALSMeterTrackProps, ALSMeterIndicatorProps, ALSMeterValueProps, ALSMeterVariant, ALSMeterSize } from "./ALSMeter";
+/**
+ * ALSMeter - A graphical display of a numeric value within a range
+ *
+ * @example
+ * ```tsx
+ * <ALSMeter.Root value={75} variant="primary">
+ *   <ALSMeter.Label>Storage Used</ALSMeter.Label>
+ *   <ALSMeter.Track>
+ *     <ALSMeter.Indicator />
+ *   </ALSMeter.Track>
+ *   <ALSMeter.Value />
+ * </ALSMeter.Root>
+ * ```
+ */
+export declare const ALSMeter: {
+    Root: import("react").ForwardRefExoticComponent<ALSMeterRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Label: import("react").ForwardRefExoticComponent<ALSMeterLabelProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Track: import("react").ForwardRefExoticComponent<ALSMeterTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<ALSMeterIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Value: import("react").ForwardRefExoticComponent<ALSMeterValueProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export type { ALSMeterRootProps, ALSMeterLabelProps, ALSMeterTrackProps, ALSMeterIndicatorProps, ALSMeterValueProps, ALSMeterVariant, ALSMeterSize, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMeter/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;CAE7B;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAM5C;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSMeter/index.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACR,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,YAAY,EACf,MAAM,YAAY,CAAC;AAEpB;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF,YAAY,EACR,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,YAAY,GACf,CAAC"}

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

@@ -0,0 +1 @@
+._root_1adzq_6{display:flex;flex-direction:column;gap:var(--space-sm);width:100%;font-family:var(--font-family-base)}._root--sm_1adzq_15{gap:var(--space-xs)}._root--md_1adzq_19{gap:var(--space-sm)}._root--lg_1adzq_23{gap:var(--space-md)}._label_1adzq_28{font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}._label--sm_1adzq_35{font-size:var(--font-tiny)}._label--md_1adzq_39{font-size:var(--font-small)}._label--lg_1adzq_43{font-size:var(--font-base)}._track_1adzq_48{position:relative;overflow:hidden;background-color:var(--color-als-gray-500);border-radius:var(--radius-full);width:100%}._track--sm_1adzq_57{height:.375rem}._track--md_1adzq_61{height:.5rem}._track--lg_1adzq_65{height:.75rem}._track--primary_1adzq_70{background-color:var(--color-als-blue-100)}._track--success_1adzq_74{background-color:var(--color-als-green-100)}._track--warning_1adzq_78{background-color:var(--color-als-beige-100)}._track--error_1adzq_82{background-color:var(--color-als-red-100)}._track--info_1adzq_86{background-color:var(--color-als-aux-blue-100)}._indicator_1adzq_91{height:100%;border-radius:var(--radius-full);transition:width var(--transition-base)}._indicator--primary_1adzq_98{background-color:var(--color-als-blue-900)}._indicator--success_1adzq_102{background-color:var(--color-als-green-900)}._indicator--warning_1adzq_106{background-color:var(--color-als-beige-900)}._indicator--error_1adzq_110{background-color:var(--color-als-red-500)}._indicator--info_1adzq_114{background-color:var(--color-als-aux-blue-500)}._value_1adzq_119{font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight);text-align:right}._value--sm_1adzq_127{font-size:var(--font-tiny)}._value--md_1adzq_131{font-size:var(--font-small)}._value--lg_1adzq_135{font-size:var(--font-base)}@keyframes _meterFill_1adzq_1{0%{transform:scaleX(0)}to{transform:scaleX(1)}}._indicator--animated_1adzq_152{transform-origin:left;animation:_meterFill_1adzq_1 var(--transition-slow) ease-out}._root--inline_1adzq_162{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between}._root--inline_1adzq_162 ._track_1adzq_48{flex-basis:100%;order:1;margin-top:var(--space-xs)}@media(prefers-contrast:high){._track_1adzq_48{border:1px solid var(--border-primary)}._indicator--primary_1adzq_98{background-color:var(--color-als-dark-blue)}._indicator--success_1adzq_102{background-color:var(--color-als-green-900)}._indicator--warning_1adzq_106{background-color:var(--color-als-beige-900)}._indicator--error_1adzq_110{background-color:var(--color-als-red-900)}._indicator--info_1adzq_114{background-color:var(--color-als-aux-blue-900)}}@media(prefers-reduced-motion:reduce){._indicator_1adzq_91{transition:none}._indicator--animated_1adzq_152{animation:none}}

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

@@ -0,0 +1,243 @@
+import * as React from "react";
+import { NavigationMenu } from "@base-ui-components/react/navigation-menu";
+/**
+ * Orientation options for the navigation menu
+ */
+export type ALSNavigationMenuOrientation = "horizontal" | "vertical";
+/**
+ * Size variants for the navigation menu
+ */
+export type ALSNavigationMenuSize = "sm" | "md" | "lg";
+/**
+ * Variant options for the navigation menu styling
+ */
+export type ALSNavigationMenuVariant = "default" | "filled" | "minimal";
+/**
+ * Props for ALSNavigationMenu.Root component
+ */
+export interface ALSNavigationMenuRootProps extends Omit<NavigationMenu.Root.Props, "className" | "style"> {
+    /** The orientation of the navigation menu */
+    orientation?: ALSNavigationMenuOrientation;
+    /** Size variant of the navigation menu */
+    size?: ALSNavigationMenuSize;
+    /** Visual variant of the navigation menu */
+    variant?: ALSNavigationMenuVariant;
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.List component
+ */
+export interface ALSNavigationMenuListProps extends Omit<NavigationMenu.List.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Item component
+ */
+export interface ALSNavigationMenuItemProps extends Omit<NavigationMenu.Item.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Trigger component
+ */
+export interface ALSNavigationMenuTriggerProps extends Omit<NavigationMenu.Trigger.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Icon component
+ */
+export interface ALSNavigationMenuIconProps extends Omit<NavigationMenu.Icon.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Content component
+ */
+export interface ALSNavigationMenuContentProps extends Omit<NavigationMenu.Content.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Link component
+ */
+export interface ALSNavigationMenuLinkProps extends Omit<NavigationMenu.Link.Props, "className" | "style"> {
+    /** Whether this link is currently active */
+    active?: boolean;
+    /** Whether to close the menu when clicking the link */
+    closeOnClick?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Portal component
+ */
+export interface ALSNavigationMenuPortalProps extends Omit<NavigationMenu.Portal.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Positioner component
+ */
+export interface ALSNavigationMenuPositionerProps extends Omit<NavigationMenu.Positioner.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Popup component
+ */
+export interface ALSNavigationMenuPopupProps extends Omit<NavigationMenu.Popup.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Viewport component
+ */
+export interface ALSNavigationMenuViewportProps extends Omit<NavigationMenu.Viewport.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * Props for ALSNavigationMenu.Arrow component
+ */
+export interface ALSNavigationMenuArrowProps extends Omit<NavigationMenu.Arrow.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Child elements */
+    children?: React.ReactNode;
+}
+/**
+ * Props for ALSNavigationMenu.Backdrop component
+ */
+export interface ALSNavigationMenuBackdropProps extends Omit<NavigationMenu.Backdrop.Props, "className" | "style"> {
+    /** Additional CSS class names */
+    className?: string;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+}
+/**
+ * ALSNavigationMenu.Root - Groups all parts of the navigation menu
+ * Renders a <nav> element at the root, or <div> element when nested.
+ */
+export declare const ALSNavigationMenuRoot: React.ForwardRefExoticComponent<ALSNavigationMenuRootProps & React.RefAttributes<HTMLElement>>;
+/**
+ * ALSNavigationMenu.List - Contains a list of navigation menu items
+ * Renders a <ul> element.
+ */
+export declare const ALSNavigationMenuList: React.ForwardRefExoticComponent<ALSNavigationMenuListProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Item - An individual navigation menu item
+ * Renders a <li> element.
+ */
+export declare const ALSNavigationMenuItem: React.ForwardRefExoticComponent<ALSNavigationMenuItemProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Trigger - Opens the navigation menu popup when hovered or clicked
+ * Renders a <button> element.
+ */
+export declare const ALSNavigationMenuTrigger: React.ForwardRefExoticComponent<ALSNavigationMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * ALSNavigationMenu.Icon - An icon that indicates that the trigger opens a menu
+ * Typically used to show a chevron icon.
+ */
+export declare const ALSNavigationMenuIcon: React.ForwardRefExoticComponent<ALSNavigationMenuIconProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Content - A container for the content of the navigation menu item
+ * Renders a <div> element.
+ */
+export declare const ALSNavigationMenuContent: React.ForwardRefExoticComponent<ALSNavigationMenuContentProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Link - A link in the navigation menu
+ * Renders an <a> element.
+ */
+export declare const ALSNavigationMenuLink: React.ForwardRefExoticComponent<ALSNavigationMenuLinkProps & React.RefAttributes<HTMLAnchorElement>>;
+/**
+ * ALSNavigationMenu.Portal - A portal element that moves the popup to a different part of the DOM
+ * By default, the portal element is appended to <body>.
+ */
+export declare const ALSNavigationMenuPortal: React.FC<ALSNavigationMenuPortalProps>;
+/**
+ * ALSNavigationMenu.Positioner - Positions the navigation menu against the currently active trigger
+ * Renders a <div> element.
+ */
+export declare const ALSNavigationMenuPositioner: React.ForwardRefExoticComponent<ALSNavigationMenuPositionerProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Popup - A container for the navigation menu contents
+ * Renders a <nav> element.
+ */
+export declare const ALSNavigationMenuPopup: React.ForwardRefExoticComponent<ALSNavigationMenuPopupProps & React.RefAttributes<HTMLElement>>;
+/**
+ * ALSNavigationMenu.Viewport - The clipping viewport of the navigation menu's current content
+ * Renders a <div> element.
+ */
+export declare const ALSNavigationMenuViewport: React.ForwardRefExoticComponent<ALSNavigationMenuViewportProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Arrow - Displays an element pointing toward the navigation menu's current anchor
+ * Renders a <div> element.
+ */
+export declare const ALSNavigationMenuArrow: React.ForwardRefExoticComponent<ALSNavigationMenuArrowProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSNavigationMenu.Backdrop - A backdrop for the navigation menu popup
+ * Renders a <div> element.
+ */
+export declare const ALSNavigationMenuBackdrop: React.ForwardRefExoticComponent<ALSNavigationMenuBackdropProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for LinkCard helper component
+ */
+export interface ALSNavigationMenuLinkCardProps extends ALSNavigationMenuLinkProps {
+    /** Title of the link card */
+    title: string;
+    /** Description text for the link card */
+    description?: string;
+}
+/**
+ * ALSNavigationMenu.LinkCard - A styled link card for use within navigation menu content
+ * Provides a consistent card-style link with title and description.
+ */
+export declare const ALSNavigationMenuLinkCard: React.ForwardRefExoticComponent<ALSNavigationMenuLinkCardProps & React.RefAttributes<HTMLAnchorElement>>;
+//# sourceMappingURL=ALSNavigationMenu.d.ts.map

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

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

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}}