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

package/dist/components/ALSSlider/ALSSlider.d.ts

@@ -0,0 +1,161 @@
+import React from "react";
+/** Slider size variants */
+export type ALSSliderSize = "sm" | "md" | "lg";
+/** Slider color variants */
+export type ALSSliderVariant = "primary" | "secondary" | "success" | "warning" | "error";
+/** Slider orientation */
+export type ALSSliderOrientation = "horizontal";
+/** Props for ALSSlider.Root */
+export interface ALSSliderRootProps {
+    /** The size of the slider */
+    size?: ALSSliderSize;
+    /** The color variant of the slider */
+    variant?: ALSSliderVariant;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** The orientation of the slider */
+    orientation?: ALSSliderOrientation;
+    /** Whether to show the value display */
+    showValue?: boolean;
+    /** The default value (uncontrolled) */
+    defaultValue?: number | number[];
+    /** The controlled value */
+    value?: number | number[];
+    /** Callback fired when value changes */
+    onValueChange?: (value: number | number[]) => void;
+    /** Callback fired when dragging ends */
+    onValueCommitted?: (value: number | number[]) => void;
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step increment */
+    step?: number;
+    /** Large step for Page Up/Down */
+    largeStep?: number;
+    /** Minimum steps between thumbs in range slider */
+    minStepsBetweenValues?: number;
+    /** Format options for the value display */
+    format?: Intl.NumberFormatOptions;
+    /** Name attribute for form submission */
+    name?: string;
+    /** Thumb alignment behavior */
+    thumbAlignment?: "center" | "edge" | "edge-client-only";
+    /** How thumbs behave when they collide */
+    thumbCollisionBehavior?: "none" | "push" | "swap";
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children?: React.ReactNode;
+    /** Accessible label for the slider */
+    "aria-label"?: string;
+    /** ID of element that labels the slider */
+    "aria-labelledby"?: string;
+}
+/** Props for ALSSlider.Control */
+export interface ALSSliderControlProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/** Props for ALSSlider.Track */
+export interface ALSSliderTrackProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children elements */
+    children?: React.ReactNode;
+}
+/** Props for ALSSlider.Indicator */
+export interface ALSSliderIndicatorProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/** Props for ALSSlider.Thumb */
+export interface ALSSliderThumbProps {
+    /** Index of the thumb (required for range sliders) */
+    index?: number;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Function to generate aria-label */
+    getAriaLabel?: (index: number) => string;
+    /** Function to generate aria-valuetext */
+    getAriaValueText?: (formattedValue: string, value: number, index: number) => string;
+    /** Tab index */
+    tabIndex?: number;
+    /** Whether this specific thumb is disabled */
+    disabled?: boolean;
+    /** Focus handler */
+    onFocus?: React.FocusEventHandler<HTMLInputElement>;
+    /** Blur handler */
+    onBlur?: React.FocusEventHandler<HTMLInputElement>;
+}
+/** Props for ALSSlider.Value */
+export interface ALSSliderValueProps {
+    /** Custom render function for the value */
+    children?: ((formattedValues: readonly string[], values: readonly number[]) => React.ReactNode) | null;
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+}
+/** Props for ALSSlider.Label */
+export interface ALSSliderLabelProps {
+    /** Additional CSS class */
+    className?: string;
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Label text */
+    children?: React.ReactNode;
+}
+/**
+ * ALSSlider.Root - The root container for the slider
+ *
+ * @example
+ * ```tsx
+ * <ALSSlider.Root defaultValue={50}>
+ *   <ALSSlider.Control>
+ *     <ALSSlider.Track>
+ *       <ALSSlider.Indicator />
+ *       <ALSSlider.Thumb />
+ *     </ALSSlider.Track>
+ *   </ALSSlider.Control>
+ * </ALSSlider.Root>
+ * ```
+ */
+export declare const ALSSliderRoot: React.FC<ALSSliderRootProps>;
+/**
+ * ALSSlider.Control - The interactive control area of the slider
+ */
+export declare const ALSSliderControl: React.ForwardRefExoticComponent<ALSSliderControlProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSSlider.Track - The track that represents the full range
+ */
+export declare const ALSSliderTrack: React.ForwardRefExoticComponent<ALSSliderTrackProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSSlider.Indicator - Visualizes the current value range
+ */
+export declare const ALSSliderIndicator: React.ForwardRefExoticComponent<ALSSliderIndicatorProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSSlider.Thumb - The draggable thumb element
+ */
+export declare const ALSSliderThumb: React.ForwardRefExoticComponent<ALSSliderThumbProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * ALSSlider.Value - Displays the current value
+ */
+export declare const ALSSliderValue: React.FC<ALSSliderValueProps>;
+/**
+ * ALSSlider.Label - A label for the slider
+ */
+export declare const ALSSliderLabel: React.FC<ALSSliderLabelProps>;
+//# sourceMappingURL=ALSSlider.d.ts.map

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

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

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

@@ -1,5 +1,58 @@
-export interface ALSSliderProps {
-}
-export declare function ALSSlider(props: ALSSliderProps): import("react/jsx-runtime").JSX.Element;
-export default ALSSlider;
+/**
+ * ALSSlider - A customizable slider component
+ *
+ * @description
+ * A compound component slider built on Base UI Slider.
+ * Supports single values and range sliders with multiple thumbs.
+ *
+ * @example Basic usage
+ * ```tsx
+ * <ALSSlider.Root defaultValue={50}>
+ *   <ALSSlider.Control>
+ *     <ALSSlider.Track>
+ *       <ALSSlider.Indicator />
+ *       <ALSSlider.Thumb />
+ *     </ALSSlider.Track>
+ *   </ALSSlider.Control>
+ * </ALSSlider.Root>
+ * ```
+ *
+ * @example Range slider
+ * ```tsx
+ * <ALSSlider.Root defaultValue={[25, 75]}>
+ *   <ALSSlider.Control>
+ *     <ALSSlider.Track>
+ *       <ALSSlider.Indicator />
+ *       <ALSSlider.Thumb index={0} />
+ *       <ALSSlider.Thumb index={1} />
+ *     </ALSSlider.Track>
+ *   </ALSSlider.Control>
+ * </ALSSlider.Root>
+ * ```
+ *
+ * @example With label and value display
+ * ```tsx
+ * <ALSSlider.Root defaultValue={50} showValue>
+ *   <ALSSlider.Label>Volume</ALSSlider.Label>
+ *   <ALSSlider.Value />
+ *   <ALSSlider.Control>
+ *     <ALSSlider.Track>
+ *       <ALSSlider.Indicator />
+ *       <ALSSlider.Thumb />
+ *     </ALSSlider.Track>
+ *   </ALSSlider.Control>
+ * </ALSSlider.Root>
+ * ```
+ */
+import type { ALSSliderRootProps, ALSSliderControlProps, ALSSliderTrackProps, ALSSliderIndicatorProps, ALSSliderThumbProps, ALSSliderValueProps, ALSSliderLabelProps, ALSSliderSize, ALSSliderVariant, ALSSliderOrientation } from "./ALSSlider";
+export declare const ALSSlider: {
+    Root: import("react").FC<ALSSliderRootProps>;
+    Control: import("react").ForwardRefExoticComponent<ALSSliderControlProps & import("react").RefAttributes<HTMLDivElement>>;
+    Track: import("react").ForwardRefExoticComponent<ALSSliderTrackProps & import("react").RefAttributes<HTMLDivElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<ALSSliderIndicatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Thumb: import("react").ForwardRefExoticComponent<ALSSliderThumbProps & import("react").RefAttributes<HTMLDivElement>>;
+    Value: import("react").FC<ALSSliderValueProps>;
+    Label: import("react").FC<ALSSliderLabelProps>;
+};
+export type { ALSSliderRootProps, ALSSliderControlProps, ALSSliderTrackProps, ALSSliderIndicatorProps, ALSSliderThumbProps, ALSSliderValueProps, ALSSliderLabelProps, ALSSliderSize, ALSSliderVariant, ALSSliderOrientation, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSlider/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;CAE9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAM9C;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSlider/index.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AAYH,OAAO,KAAK,EACR,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,EACvB,MAAM,aAAa,CAAC;AAErB,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC;AAEF,YAAY,EACR,kBAAkB,EAClB,qBAAqB,EACrB,mBAAmB,EACnB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,mBAAmB,EACnB,aAAa,EACb,gBAAgB,EAChB,oBAAoB,GACvB,CAAC"}

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

@@ -0,0 +1 @@
+._root_umbx7_9{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}._root_umbx7_9[data-orientation=vertical]{flex-direction:row;width:auto;height:100%}._root--disabled_umbx7_22{opacity:.5;cursor:not-allowed}._root--sm_umbx7_28{gap:var(--space-xs)}._root--md_umbx7_32{gap:var(--space-sm)}._root--lg_umbx7_36{gap:var(--space-md)}._control_umbx7_43{display:flex;align-items:center;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer;width:100%}._control_umbx7_43[data-orientation=vertical]{flex-direction:column;width:auto;height:100%}._control--sm_umbx7_59{padding-block:var(--space-sm)}._control--md_umbx7_63{padding-block:var(--space-md)}._control--lg_umbx7_67{padding-block:var(--space-lg)}._control--sm_umbx7_59[data-orientation=vertical]{padding-block:0;padding-inline:var(--space-sm)}._control--md_umbx7_63[data-orientation=vertical]{padding-block:0;padding-inline:var(--space-md)}._control--lg_umbx7_67[data-orientation=vertical]{padding-block:0;padding-inline:var(--space-lg)}._track_umbx7_90{position:relative;border-radius:var(--radius-full);background-color:var(--color-als-gray-500);-webkit-user-select:none;user-select:none;width:100%}._track_umbx7_90[data-orientation=vertical]{width:auto;height:100%}._track--sm_umbx7_104{height:.25rem}._track--md_umbx7_108{height:.375rem}._track--lg_umbx7_112{height:.5rem}._track--sm_umbx7_104[data-orientation=vertical]{width:.25rem;height:100%}._track--md_umbx7_108[data-orientation=vertical]{width:.375rem;height:100%}._track--lg_umbx7_112[data-orientation=vertical]{width:.5rem;height:100%}._track--primary_umbx7_133{background-color:var(--color-als-blue-100)}._track--secondary_umbx7_137{background-color:var(--color-als-gray-500)}._track--success_umbx7_141{background-color:var(--color-als-green-100)}._track--warning_umbx7_145{background-color:var(--color-als-beige-100)}._track--error_umbx7_149{background-color:var(--color-als-red-100)}._indicator_umbx7_156{position:absolute;border-radius:var(--radius-full);-webkit-user-select:none;user-select:none;height:100%}._indicator_umbx7_156[data-orientation=vertical]{width:100%;height:auto}._indicator--primary_umbx7_169{background-color:var(--color-als-blue-900)}._indicator--secondary_umbx7_173{background-color:var(--color-als-dark-blue)}._indicator--success_umbx7_177{background-color:var(--color-als-green-900)}._indicator--warning_umbx7_181{background-color:var(--color-als-beige-900)}._indicator--error_umbx7_185{background-color:var(--color-als-red-500)}._thumb_umbx7_192{position:absolute;border-radius:var(--radius-full);background-color:var(--color-als-white);box-shadow:var(--shadow-md);-webkit-user-select:none;user-select:none;cursor:grab;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}._thumb_umbx7_192:hover{transform:scale(1.1)}._thumb_umbx7_192:active{cursor:grabbing}._thumb_umbx7_192:has(:focus-visible){outline:2px solid var(--color-als-blue-900);outline-offset:2px}._thumb_umbx7_192[data-dragging]{cursor:grabbing;transform:scale(1.15)}._thumb_umbx7_192[data-disabled]{cursor:not-allowed;opacity:.5}._thumb--sm_umbx7_230{width:.875rem;height:.875rem}._thumb--md_umbx7_235{width:1.125rem;height:1.125rem}._thumb--lg_umbx7_240{width:1.375rem;height:1.375rem}._thumb--primary_umbx7_246:has(:focus-visible){outline-color:var(--color-als-blue-900)}._thumb--secondary_umbx7_250:has(:focus-visible){outline-color:var(--color-als-dark-blue)}._thumb--success_umbx7_254:has(:focus-visible){outline-color:var(--color-als-green-900)}._thumb--warning_umbx7_258:has(:focus-visible){outline-color:var(--color-als-beige-900)}._thumb--error_umbx7_262:has(:focus-visible){outline-color:var(--color-als-red-500)}._value_umbx7_269{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:right;min-width:2.5rem}._value--sm_umbx7_278{font-size:var(--font-tiny)}._value--md_umbx7_282{font-size:var(--font-small)}._value--lg_umbx7_286{font-size:var(--font-base)}._value--primary_umbx7_291{color:var(--color-als-blue-900)}._value--secondary_umbx7_295{color:var(--color-als-dark-blue)}._value--success_umbx7_299{color:var(--color-als-green-900)}._value--warning_umbx7_303{color:var(--color-als-beige-900)}._value--error_umbx7_307{color:var(--color-als-red-500)}._label_umbx7_314{font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);line-height:var(--line-height-tight)}._label--sm_umbx7_322{font-size:var(--font-small)}._label--md_umbx7_326{font-size:var(--font-base)}._label--lg_umbx7_330{font-size:var(--font-h6)}

package/dist/components/ALSSwitch/ALSSwitch.d.ts

@@ -0,0 +1,119 @@
+import React from "react";
+/**
+ * Size options for the switch
+ */
+export type ALSSwitchSize = "sm" | "md" | "lg";
+/**
+ * Color options for the switch when checked
+ */
+export type ALSSwitchColor = "primary" | "success" | "warning" | "error";
+/**
+ * Label position options
+ */
+export type ALSSwitchLabelPosition = "left" | "right";
+/**
+ * Props for the ALSSwitch component
+ */
+export interface ALSSwitchProps {
+    /**
+     * The size of the switch
+     * @default 'md'
+     */
+    size?: ALSSwitchSize;
+    /**
+     * The color of the switch when checked
+     * @default 'primary'
+     */
+    color?: ALSSwitchColor;
+    /**
+     * Whether the switch is initially checked (uncontrolled)
+     * @default false
+     */
+    defaultChecked?: boolean;
+    /**
+     * Whether the switch is checked (controlled)
+     */
+    checked?: boolean;
+    /**
+     * Callback fired when the switch state changes
+     */
+    onCheckedChange?: (checked: boolean) => void;
+    /**
+     * Whether the switch is disabled
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Whether the switch is read-only
+     * @default false
+     */
+    readOnly?: boolean;
+    /**
+     * Whether the switch is required
+     * @default false
+     */
+    required?: boolean;
+    /**
+     * The name attribute for form submission
+     */
+    name?: string;
+    /**
+     * The id attribute for the switch
+     */
+    id?: string;
+    /**
+     * Optional label text for the switch
+     */
+    label?: string;
+    /**
+     * Position of the label relative to the switch
+     * @default 'right'
+     */
+    labelPosition?: ALSSwitchLabelPosition;
+    /**
+     * Optional description text displayed below the label
+     */
+    description?: string;
+    /**
+     * Accessible label for screen readers (use when no visible label)
+     */
+    "aria-label"?: string;
+    /**
+     * Additional CSS class names for the root container
+     */
+    className?: string;
+    /**
+     * Additional inline styles for the root container
+     */
+    style?: React.CSSProperties;
+}
+/**
+ * ALSSwitch - A toggle switch component for binary on/off settings.
+ *
+ * This component wraps Base UI's Switch with ALS design system styling,
+ * providing an accessible toggle control with optional labels and descriptions.
+ *
+ * @example
+ * ```tsx
+ * // Basic switch
+ * <ALSSwitch />
+ *
+ * // Switch with label
+ * <ALSSwitch label="Enable notifications" />
+ *
+ * // Controlled switch
+ * <ALSSwitch
+ *   checked={isEnabled}
+ *   onCheckedChange={setIsEnabled}
+ *   label="Dark mode"
+ * />
+ *
+ * // Switch with description
+ * <ALSSwitch
+ *   label="Email notifications"
+ *   description="Receive updates about your account"
+ * />
+ * ```
+ */
+export declare const ALSSwitch: React.ForwardRefExoticComponent<ALSSwitchProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ALSSwitch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSSwitch.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSwitch/ALSSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAKjD;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEzE;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,OAAO,CAAC;AAEtD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE7C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,aAAa,CAAC,EAAE,sBAAsB,CAAC;IAEvC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,eAAO,MAAM,SAAS,0FA0HrB,CAAC"}

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

@@ -1,5 +1,5 @@
-export interface ALSSwitchProps {
-}
-export declare function ALSSwitch(props: ALSSwitchProps): import("react/jsx-runtime").JSX.Element;
-export default ALSSwitch;
+import { ALSSwitch } from "./ALSSwitch";
+import type { ALSSwitchProps, ALSSwitchSize, ALSSwitchColor, ALSSwitchLabelPosition } from "./ALSSwitch";
+export { ALSSwitch };
+export type { ALSSwitchProps, ALSSwitchSize, ALSSwitchColor, ALSSwitchLabelPosition, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSwitch/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;CAE9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAM9C;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSSwitch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EACR,cAAc,EACd,aAAa,EACb,cAAc,EACd,sBAAsB,EACzB,MAAM,aAAa,CAAC;AAErB,OAAO,EAAE,SAAS,EAAE,CAAC;AAErB,YAAY,EACR,cAAc,EACd,aAAa,EACb,cAAc,EACd,sBAAsB,GACzB,CAAC"}

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

@@ -0,0 +1 @@
+._container_z6vxp_6{display:inline-flex;align-items:flex-start;gap:var(--space-sm)}._container--left_z6vxp_12,._container--right_z6vxp_16{flex-direction:row}._container--disabled_z6vxp_20{opacity:.5;cursor:not-allowed}._labelContainer_z6vxp_26{display:flex;flex-direction:column;gap:var(--space-xs)}._label_z6vxp_26{font-family:var(--font-family-base);font-size:var(--font-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-tight);color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none}._container--disabled_z6vxp_20 ._label_z6vxp_26{cursor:not-allowed}._required_z6vxp_46{color:var(--color-als-red-500);margin-left:var(--space-xs)}._description_z6vxp_51{font-family:var(--font-family-base);font-size:var(--font-small);font-weight:var(--font-weight-regular);line-height:var(--line-height-base);color:var(--text-secondary);margin:0}._switch_z6vxp_61{position:relative;display:inline-flex;align-items:center;flex-shrink:0;padding:2px;border:none;border-radius:var(--radius-full);background-color:var(--color-als-gray-500);cursor:pointer;transition:background-color var(--transition-fast);outline:none}._switch_z6vxp_61:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--border-focus)}._switch_z6vxp_61:hover:not([data-disabled]){background-color:var(--color-als-gray-900)}._switch_z6vxp_61[data-disabled]{cursor:not-allowed;opacity:.5}._switch_z6vxp_61[data-readonly]{cursor:default}._switch--primary_z6vxp_93[data-checked]{background-color:var(--color-als-blue-900)}._switch--primary_z6vxp_93[data-checked]:hover:not([data-disabled]){background-color:var(--color-als-aux-blue-800)}._switch--success_z6vxp_101[data-checked]{background-color:var(--color-als-green-900)}._switch--success_z6vxp_101[data-checked]:hover:not([data-disabled]){background-color:var(--color-als-green-500)}._switch--warning_z6vxp_109[data-checked]{background-color:var(--color-als-beige-900)}._switch--warning_z6vxp_109[data-checked]:hover:not([data-disabled]){background-color:var(--color-als-beige-500)}._switch--error_z6vxp_117[data-checked]{background-color:var(--color-als-red-500)}._switch--error_z6vxp_117[data-checked]:hover:not([data-disabled]){background-color:var(--color-als-red-900)}._switch--sm_z6vxp_126{width:2rem;height:1.125rem;padding:2px}._switch--md_z6vxp_132{width:2.75rem;height:1.5rem;padding:2px}._switch--lg_z6vxp_138{width:3.5rem;height:1.875rem;padding:3px}._thumb_z6vxp_145{display:block;border-radius:var(--radius-full);background-color:var(--color-als-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}._thumb_z6vxp_145[data-checked]{transform:translate(100%)}._thumb--sm_z6vxp_158{width:.875rem;height:.875rem}._thumb--md_z6vxp_163{width:1.25rem;height:1.25rem}._thumb--lg_z6vxp_168{width:1.5rem;height:1.5rem}._switch--sm_z6vxp_126 ._thumb_z6vxp_145[data-checked]{transform:translate(calc(1.125rem - 4px))}._switch--md_z6vxp_132 ._thumb_z6vxp_145[data-checked]{transform:translate(calc(1.5rem - 4px))}._switch--lg_z6vxp_138 ._thumb_z6vxp_145[data-checked]{transform:translate(calc(2rem - 6px))}._switch_z6vxp_61:active:not([data-disabled]) ._thumb_z6vxp_145{width:110%}._switch--sm_z6vxp_126:active:not([data-disabled]) ._thumb_z6vxp_145{width:1rem}._switch--md_z6vxp_132:active:not([data-disabled]) ._thumb_z6vxp_145{width:1.4rem}._switch--lg_z6vxp_138:active:not([data-disabled]) ._thumb_z6vxp_145{width:1.7rem}

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

@@ -0,0 +1 @@
+._root_1soxo_5{display:flex;gap:var(--space-lg)}._root_1soxo_5[data-orientation=horizontal]{flex-direction:column}._root_1soxo_5[data-orientation=vertical]{flex-direction:row}._list_1soxo_22{position:relative;display:flex;border-bottom:2px solid var(--border-primary)}._list_1soxo_22[data-orientation=horizontal]{flex-direction:row;gap:var(--space-sm)}._list_1soxo_22[data-orientation=vertical]{flex-direction:column;gap:var(--space-xs);border-bottom:none;border-right:2px solid var(--border-primary)}._tab_1soxo_44{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap;color:var(--text-secondary);background-color:transparent;border:none;border-radius:var(--radius-md) var(--radius-md) 0 0;transition:color var(--transition-fast),background-color var(--transition-fast)}._tab--sm_1soxo_76{padding:var(--space-sm) var(--space-md);font-size:var(--font-small);min-height:2rem}._tab--md_1soxo_82{padding:var(--space-md) var(--space-lg);font-size:var(--font-base);min-height:2.5rem}._tab--lg_1soxo_88{padding:var(--space-lg) var(--space-xl);font-size:var(--font-h6);min-height:3rem}._tab_1soxo_44:hover:not([data-disabled]){color:var(--color-als-blue-900);background-color:var(--color-als-gray-100)}._tab_1soxo_44:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;z-index:1}._tab_1soxo_44[data-active]{color:var(--color-als-blue-900);font-weight:var(--font-weight-bold)}._tab_1soxo_44[data-disabled]{color:var(--color-als-gray-900);cursor:not-allowed;opacity:.5}._tab_1soxo_44[data-orientation=vertical]{border-radius:var(--radius-md) 0 0 var(--radius-md)}._indicator_1soxo_129{position:absolute;background-color:var(--color-als-blue-900);transition:all var(--transition-base);z-index:0}._indicator_1soxo_129[data-orientation=horizontal]{bottom:-2px;height:3px;left:var(--active-tab-left);width:var(--active-tab-width)}._indicator_1soxo_129[data-orientation=vertical]{right:-2px;width:3px;top:var(--active-tab-top);height:var(--active-tab-height)}._panel_1soxo_154{padding:var(--space-lg);color:var(--text-primary);font-size:var(--font-base);line-height:var(--line-height-base)}._panel_1soxo_154[data-hidden]{display:none}._panel_1soxo_154:not([data-hidden]){animation:_fadeIn_1soxo_1 var(--transition-base)}@keyframes _fadeIn_1soxo_1{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}

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

@@ -0,0 +1 @@
+._viewport_x4zrf_2{position:fixed;top:var(--space-lg);right:var(--space-lg);z-index:var(--z-tooltip);width:380px;max-width:100vw;pointer-events:none;display:block;height:0}._root_x4zrf_16{position:absolute;top:0;right:0;width:100%;display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);background:var(--color-als-white);box-shadow:var(--shadow-lg);border:1px solid var(--border-primary);pointer-events:auto;--gap: .75rem;--peek: .75rem;--scale: max(0, 1 - (var(--toast-index) * .1)) ;--shrink: calc(1 - var(--scale));--height: var(--toast-frontmost-height, var(--toast-height));--offset-y: calc( var(--toast-offset-y) * -1 + (var(--toast-index) * var(--gap) * -1) + var(--toast-swipe-movement-y) );transform:translate(var(--toast-swipe-movement-x)) translateY(calc(var(--toast-swipe-movement-y) - (var(--toast-index) * var(--peek)) - (var(--shrink) * var(--height)))) scale(var(--scale));transform-origin:bottom center;opacity:1;z-index:calc(1000 - var(--toast-index));transition:all var(--transition-base)}._root_x4zrf_16[data-expanded]{transform:translate(var(--toast-swipe-movement-x)) translateY(var(--offset-y));height:var(--toast-height)}._root_x4zrf_16[data-starting-style],._root_x4zrf_16[data-ending-style]{transform:translateY(150%)}._root_x4zrf_16[data-limited],._root_x4zrf_16[data-ending-style]{opacity:0}._root_x4zrf_16[data-ending-style][data-swipe-direction=up]{transform:translateY(calc(var(--toast-swipe-movement-y) - 150%))}._root_x4zrf_16[data-ending-style][data-swipe-direction=left]{transform:translate(calc(var(--toast-swipe-movement-x) - 150%)) translateY(var(--offset-y))}._root_x4zrf_16[data-ending-style][data-swipe-direction=right]{transform:translate(calc(var(--toast-swipe-movement-x) + 150%)) translateY(var(--offset-y))}._root_x4zrf_16[data-ending-style][data-swipe-direction=down]{transform:translateY(calc(var(--toast-swipe-movement-y) + 150%))}._root--success_x4zrf_99{border-left:4px solid var(--color-success)}._root--error_x4zrf_103{border-left:4px solid var(--color-error)}._root--warning_x4zrf_107{border-left:4px solid var(--color-warning)}._root--info_x4zrf_111{border-left:4px solid var(--color-info)}._root--default_x4zrf_115{border-left:4px solid var(--color-als-gray-900)}._content_x4zrf_120{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);min-width:0}._content_x4zrf_120[data-behind]{opacity:.5}._title_x4zrf_133{margin:0;font-size:var(--font-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}._title_x4zrf_133[data-type=success]{color:var(--color-als-green-900)}._title_x4zrf_133[data-type=error]{color:var(--color-als-red-900)}._title_x4zrf_133[data-type=warning]{color:var(--color-als-beige-900)}._title_x4zrf_133[data-type=info]{color:var(--color-als-blue-900)}._description_x4zrf_158{margin:0;font-size:var(--font-small);line-height:var(--line-height-base);color:var(--text-secondary)}._action_x4zrf_166{margin-top:var(--space-xs);padding:var(--space-xs) var(--space-md);border:1px solid var(--border-primary);border-radius:var(--radius-md);background:transparent;font-size:var(--font-small);font-weight:var(--font-weight-semibold);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}._action_x4zrf_166:hover{background:var(--color-als-gray-100);border-color:var(--color-als-gray-900)}._action_x4zrf_166:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._action_x4zrf_166:active{transform:scale(.98)}._close_x4zrf_194{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}._close_x4zrf_194:hover{background:var(--color-als-gray-100);color:var(--text-primary)}._close_x4zrf_194:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._close_x4zrf_194:active{transform:scale(.95)}._closeIcon_x4zrf_225{width:16px;height:16px}@media(max-width:640px){._viewport_x4zrf_2{top:var(--space-sm);right:var(--space-sm);left:var(--space-sm);width:auto;max-width:none}._root_x4zrf_16{padding:var(--space-sm) var(--space-md)}}

package/dist/components/ALSToggle/ALSToggle.d.ts

@@ -0,0 +1,45 @@
+import * as React from "react";
+/**
+ * Props for the ALSToggle component
+ */
+export interface ALSToggleProps {
+    /** Unique value for the toggle when used in a toggle group */
+    value?: string;
+    /** Whether the toggle is pressed (controlled) */
+    pressed?: boolean;
+    /** Default pressed state (uncontrolled) */
+    defaultPressed?: boolean;
+    /** Callback when pressed state changes */
+    onPressedChange?: (pressed: boolean) => void;
+    /** Whether the toggle is disabled */
+    disabled?: boolean;
+    /** Size variant */
+    size?: "sm" | "md" | "lg";
+    /** Visual variant */
+    variant?: "default" | "primary" | "success" | "error";
+    /** Additional CSS class - can be a string or function that receives toggle state */
+    className?: string | ((state: {
+        pressed: boolean;
+        disabled: boolean;
+    }) => string | undefined);
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Accessible label */
+    "aria-label"?: string;
+    /** ID of element that labels this toggle */
+    "aria-labelledby"?: string;
+    /** Children content */
+    children?: React.ReactNode;
+}
+/**
+ * ALSToggle - A two-state button component based on Base UI Toggle
+ *
+ * @example
+ * ```tsx
+ * <ALSToggle aria-label="Toggle feature">
+ *   Toggle me
+ * </ALSToggle>
+ * ```
+ */
+export declare const ALSToggle: React.ForwardRefExoticComponent<ALSToggleProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ALSToggle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ALSToggle/ALSToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,cAAc;IAC3B,8DAA8D;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iDAAiD;IACjD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,2CAA2C;IAC3C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mBAAmB;IACnB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,oFAAoF;IACpF,SAAS,CAAC,EACJ,MAAM,GACN,CAAC,CAAC,KAAK,EAAE;QACL,OAAO,EAAE,OAAO,CAAC;QACjB,QAAQ,EAAE,OAAO,CAAC;KACrB,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;IAChC,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,uBAAuB;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,4CAA4C;IAC5C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uBAAuB;IACvB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,SAAS,0FAkDrB,CAAC"}

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

@@ -1,5 +1,5 @@
-export interface ALSToggleProps {
-}
-export declare function ALSToggle(props: ALSToggleProps): import("react/jsx-runtime").JSX.Element;
-export default ALSToggle;
+import { ALSToggle } from "./ALSToggle";
+import type { ALSToggleProps } from "./ALSToggle";
+export { ALSToggle };
+export type { ALSToggleProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSToggle/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;CAE9B;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,2CAM9C;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSToggle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,CAAC;AACrB,YAAY,EAAE,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+._toggle_1lewf_2{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-family-base);font-weight:var(--font-weight-semibold);line-height:var(--line-height-base);background-color:var(--color-als-white);color:var(--text-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}._toggle_1lewf_2:hover:not(._toggle--disabled_1lewf_31){background-color:var(--color-als-gray-100);border-color:var(--color-als-blue-500)}._toggle_1lewf_2:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._toggle--pressed_1lewf_43{background-color:var(--color-als-blue-500);color:var(--color-als-white);border-color:var(--color-als-blue-500)}._toggle--pressed_1lewf_43:hover:not(._toggle--disabled_1lewf_31){background-color:var(--color-als-blue-900);border-color:var(--color-als-blue-900)}._toggle--disabled_1lewf_31{opacity:.5;cursor:not-allowed;pointer-events:none}._toggle--sm_1lewf_62{padding:var(--space-xs) var(--space-sm);font-size:var(--font-small);min-height:2rem}._toggle--md_1lewf_68{padding:var(--space-sm) var(--space-md);font-size:var(--font-base);min-height:2.5rem}._toggle--lg_1lewf_74{padding:var(--space-md) var(--space-lg);font-size:var(--font-h6);min-height:3rem}._toggle--primary_1lewf_86._toggle--pressed_1lewf_43{background-color:var(--color-als-blue-900);border-color:var(--color-als-blue-900)}._toggle--primary_1lewf_86._toggle--pressed_1lewf_43:hover:not(._toggle--disabled_1lewf_31){background-color:var(--color-als-aux-blue-500);border-color:var(--color-als-aux-blue-500)}._toggle--success_1lewf_97._toggle--pressed_1lewf_43{background-color:var(--color-als-green-500);border-color:var(--color-als-green-500)}._toggle--success_1lewf_97._toggle--pressed_1lewf_43:hover:not(._toggle--disabled_1lewf_31){background-color:var(--color-als-green-900);border-color:var(--color-als-green-900)}._toggle--error_1lewf_108._toggle--pressed_1lewf_43{background-color:var(--color-als-red-500);border-color:var(--color-als-red-500)}._toggle--error_1lewf_108._toggle--pressed_1lewf_43:hover:not(._toggle--disabled_1lewf_31){background-color:var(--color-als-red-900);border-color:var(--color-als-red-900)}

package/dist/components/ALSToggleGroup/ALSToggleGroup.d.ts

@@ -0,0 +1,46 @@
+import * as React from "react";
+/**
+ * Props for the ALSToggleGroup component
+ */
+export interface ALSToggleGroupProps<T = unknown> {
+    /** Controlled value - array of pressed toggle values */
+    value?: T[];
+    /** Default value (uncontrolled) - array of pressed toggle values */
+    defaultValue?: T[];
+    /** Callback when the pressed states change */
+    onValueChange?: (groupValue: T[]) => void;
+    /** Whether multiple toggles can be pressed simultaneously */
+    multiple?: boolean;
+    /** Whether the toggle group is disabled */
+    disabled?: boolean;
+    /** Orientation of the toggle group */
+    orientation?: "horizontal" | "vertical";
+    /** Whether to loop keyboard focus */
+    loopFocus?: boolean;
+    /** Size variant for child toggles */
+    size?: "sm" | "md" | "lg";
+    /** Visual variant */
+    variant?: "default" | "primary" | "success" | "error";
+    /** Additional CSS class */
+    className?: string | ((state: {
+        disabled: boolean;
+    }) => string | undefined);
+    /** Inline styles */
+    style?: React.CSSProperties;
+    /** Children - should be Toggle components */
+    children?: React.ReactNode;
+}
+/**
+ * ALSToggleGroup - Provides shared state to a series of toggle buttons
+ *
+ * @example
+ * ```tsx
+ * <ALSToggleGroup defaultValue={['left']}>
+ *   <Toggle value="left">Left</Toggle>
+ *   <Toggle value="center">Center</Toggle>
+ *   <Toggle value="right">Right</Toggle>
+ * </ALSToggleGroup>
+ * ```
+ */
+export declare const ALSToggleGroup: React.ForwardRefExoticComponent<ALSToggleGroupProps<unknown> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSToggleGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSToggleGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ALSToggleGroup/ALSToggleGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,MAAM,WAAW,mBAAmB,CAAC,CAAC,GAAG,OAAO;IAC5C,wDAAwD;IACxD,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC;IACZ,oEAAoE;IACpE,YAAY,CAAC,EAAE,CAAC,EAAE,CAAC;IACnB,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC1C,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sCAAsC;IACtC,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,qCAAqC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qCAAqC;IACrC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,qBAAqB;IACrB,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IACtD,2BAA2B;IAC3B,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE;QAAE,QAAQ,EAAE,OAAO,CAAA;KAAE,KAAK,MAAM,GAAG,SAAS,CAAC,CAAC;IAC5E,oBAAoB;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,qGAmDzB,CAAC"}

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

@@ -1,5 +1,5 @@
-export interface ALSToggleGroupProps {
-}
-export declare function ALSToggleGroup(props: ALSToggleGroupProps): import("react/jsx-runtime").JSX.Element;
-export default ALSToggleGroup;
+import { ALSToggleGroup } from "./ALSToggleGroup";
+import type { ALSToggleGroupProps } from "./ALSToggleGroup";
+export { ALSToggleGroup };
+export type { ALSToggleGroupProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSToggleGroup/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/ALSToggleGroup/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,cAAc,EAAE,CAAC;AAC1B,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

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

@@ -0,0 +1 @@
+._group_1ni9e_2{display:inline-flex;gap:0;border-radius:var(--radius-md);background-color:var(--color-als-white);padding:var(--space-xs);border:1px solid var(--border-primary)}._group--horizontal_1ni9e_12{flex-direction:row}._group--vertical_1ni9e_16{flex-direction:column}._group--disabled_1ni9e_21{opacity:.5;pointer-events:none}._group--sm_1ni9e_27{padding:calc(var(--space-xs) / 2);gap:calc(var(--space-xs) / 2)}._group--md_1ni9e_32{padding:var(--space-xs);gap:var(--space-xs)}._group--lg_1ni9e_37{padding:var(--space-sm);gap:var(--space-sm)}._group--primary_1ni9e_47{background-color:var(--color-als-blue-100);border-color:var(--color-als-blue-500)}._group--success_1ni9e_52{background-color:var(--color-als-green-100);border-color:var(--color-als-green-500)}._group--error_1ni9e_57{background-color:var(--color-als-red-100);border-color:var(--color-als-red-500)}._group_1ni9e_2:focus-within{outline:2px solid var(--border-focus);outline-offset:2px}