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

package/dist/als-react-ts-ui93.js

@@ -1,7 +1,211 @@
-const o = "_root_1kuso_1", t = {
-  root: o
-};
+import { jsx as n, jsxs as N, Fragment as H } from "react/jsx-runtime";
+import { createContext as j, forwardRef as f, useState as V, useCallback as b, useLayoutEffect as z, useRef as k, useContext as P } from "react";
+import { clsx as u } from "./als-react-ts-ui56.js";
+import t from "./als-react-ts-ui283.js";
+import { ScrollAreaRoot as q } from "./als-react-ts-ui284.js";
+import { ScrollAreaViewport as D } from "./als-react-ts-ui285.js";
+import { ScrollAreaContent as F } from "./als-react-ts-ui286.js";
+import { ScrollAreaScrollbar as G } from "./als-react-ts-ui287.js";
+import { ScrollAreaThumb as I } from "./als-react-ts-ui288.js";
+import { ScrollAreaCorner as J } from "./als-react-ts-ui289.js";
+const $ = j(
+  null
+);
+function h() {
+  const s = P($);
+  if (!s)
+    throw new Error(
+      "ALSScrollArea components must be used within an ALSScrollArea.Root"
+    );
+  return s;
+}
+const ot = f(function({
+  children: e,
+  className: l,
+  style: c,
+  size: o = "md",
+  variant: r = "default",
+  showFade: a = !1,
+  fadeColor: i,
+  overflowEdgeThreshold: p = 0,
+  ...w
+}, m) {
+  const [S, E] = V(null), [y, C] = V({
+    isAtTop: !0,
+    isAtBottom: !1
+  }), T = b((A) => {
+    const { scrollTop: d, scrollHeight: R, clientHeight: x } = A, v = 5;
+    C({
+      isAtTop: d <= v,
+      isAtBottom: d + x >= R - v
+    });
+  }, []), L = b(() => {
+    S && T(S);
+  }, [S, T]), O = b((A) => {
+    if (E(A), A) {
+      const { scrollTop: d, scrollHeight: R, clientHeight: x } = A, v = 5;
+      C({
+        isAtTop: d <= v,
+        isAtBottom: d + x >= R - v
+      });
+    }
+  }, []);
+  z(() => {
+    if (!S) return;
+    S.addEventListener("scroll", L, { passive: !0 });
+    const A = new ResizeObserver(L);
+    return A.observe(S), () => {
+      S.removeEventListener("scroll", L), A.disconnect();
+    };
+  }, [S, L]);
+  const g = {
+    size: o,
+    variant: r,
+    showFade: a,
+    fadeColor: i,
+    setViewportRef: O,
+    scrollState: y
+  }, B = i ? { "--fade-color": i } : {};
+  return /* @__PURE__ */ n($.Provider, { value: g, children: /* @__PURE__ */ N(
+    q,
+    {
+      ref: m,
+      className: u(
+        t.root,
+        t[`root--${o}`],
+        t[`root--${r}`],
+        l
+      ),
+      style: { ...c, ...B },
+      overflowEdgeThreshold: p,
+      ...w,
+      children: [
+        e,
+        a && /* @__PURE__ */ N(H, { children: [
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: u(
+                t.fadeOverlay,
+                t["fadeOverlay--top"]
+              ),
+              style: { opacity: y.isAtTop ? 0 : 1 },
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ n(
+            "div",
+            {
+              className: u(
+                t.fadeOverlay,
+                t["fadeOverlay--bottom"]
+              ),
+              style: { opacity: y.isAtBottom ? 0 : 1 },
+              "aria-hidden": "true"
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+}), et = f(function({ children: e, className: l, style: c, ...o }, r) {
+  const { variant: a, setViewportRef: i } = h(), p = k(null), w = b(
+    (m) => {
+      p.current = m, typeof r == "function" ? r(m) : r && (r.current = m), i(m);
+    },
+    [r, i]
+  );
+  return /* @__PURE__ */ n(
+    D,
+    {
+      ref: w,
+      className: u(
+        t.viewport,
+        t[`viewport--${a}`],
+        l
+      ),
+      style: c,
+      ...o,
+      children: e
+    }
+  );
+}), lt = f(function({ children: e, className: l, style: c, ...o }, r) {
+  const { size: a } = h();
+  return /* @__PURE__ */ n(
+    F,
+    {
+      ref: r,
+      className: u(
+        t.content,
+        t[`content--${a}`],
+        l
+      ),
+      style: c,
+      ...o,
+      children: e
+    }
+  );
+}), ct = f(function({
+  children: e,
+  className: l,
+  style: c,
+  orientation: o = "vertical",
+  keepMounted: r = !1,
+  ...a
+}, i) {
+  const { variant: p } = h();
+  return /* @__PURE__ */ n(
+    G,
+    {
+      ref: i,
+      className: u(
+        t.scrollbar,
+        t[`scrollbar--${p}`],
+        l
+      ),
+      style: c,
+      orientation: o,
+      keepMounted: r,
+      ...a,
+      children: e || /* @__PURE__ */ n(K, {})
+    }
+  );
+}), K = f(function({ className: e, style: l, ...c }, o) {
+  const { variant: r } = h();
+  return /* @__PURE__ */ n(
+    I,
+    {
+      ref: o,
+      className: u(
+        t.thumb,
+        t[`thumb--${r}`],
+        e
+      ),
+      style: l,
+      ...c
+    }
+  );
+}), nt = f(function({ className: e, style: l, ...c }, o) {
+  const { variant: r } = h();
+  return /* @__PURE__ */ n(
+    J,
+    {
+      ref: o,
+      className: u(
+        t.corner,
+        t[`corner--${r}`],
+        e
+      ),
+      style: l,
+      ...c
+    }
+  );
+});
 export {
-  t as default,
-  o as root
+  lt as ALSScrollAreaContent,
+  nt as ALSScrollAreaCorner,
+  ot as ALSScrollAreaRoot,
+  ct as ALSScrollAreaScrollbar,
+  K as ALSScrollAreaThumb,
+  et as ALSScrollAreaViewport
 };

package/dist/als-react-ts-ui95.js

@@ -1,4 +1,4 @@
-import o from "./als-react-ts-ui203.js";
+import o from "./als-react-ts-ui354.js";
 const e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]], c = o("chevron-down", e);
 export {
   e as __iconNode,

package/dist/als-react-ts-ui96.js

@@ -1,4 +1,4 @@
-import c from "./als-react-ts-ui203.js";
+import c from "./als-react-ts-ui354.js";
 const e = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], t = c("check", e);
 export {
   e as __iconNode,

package/dist/als-react-ts-ui97.js

@@ -1,23 +1,23 @@
 import * as l from "react";
-import { ownerDocument as Z } from "./als-react-ts-ui268.js";
-import { useTimeout as m } from "./als-react-ts-ui229.js";
-import { useStableCallback as $ } from "./als-react-ts-ui160.js";
-import { useMergedRefs as ee } from "./als-react-ts-ui169.js";
-import { useValueAsRef as te } from "./als-react-ts-ui225.js";
-import { useSelectRootContext as oe } from "./als-react-ts-ui253.js";
-import { useFieldRootContext as re } from "./als-react-ts-ui254.js";
-import { useLabelableContext as ne } from "./als-react-ts-ui255.js";
-import { pressableTriggerOpenStateMapping as se } from "./als-react-ts-ui188.js";
-import { fieldValidityMapping as ie } from "./als-react-ts-ui269.js";
-import { useRenderElement as le } from "./als-react-ts-ui166.js";
-import { selectors as s } from "./als-react-ts-ui257.js";
-import { getPseudoElementBounds as ae } from "./als-react-ts-ui270.js";
-import { createChangeEventDetails as F } from "./als-react-ts-ui167.js";
-import { useButton as ue } from "./als-react-ts-ui179.js";
-import { useStore as i } from "./als-react-ts-ui267.js";
-import { getFloatingFocusElement as ce, contains as O } from "./als-react-ts-ui241.js";
-import { mergeProps as me } from "./als-react-ts-ui213.js";
-import { focusOut as de, cancelOpen as fe } from "./als-react-ts-ui168.js";
+import { ownerDocument as Z } from "./als-react-ts-ui352.js";
+import { useTimeout as m } from "./als-react-ts-ui297.js";
+import { useStableCallback as $ } from "./als-react-ts-ui266.js";
+import { useMergedRefs as ee } from "./als-react-ts-ui272.js";
+import { useValueAsRef as te } from "./als-react-ts-ui318.js";
+import { useSelectRootContext as oe } from "./als-react-ts-ui397.js";
+import { useFieldRootContext as re } from "./als-react-ts-ui398.js";
+import { useLabelableContext as ne } from "./als-react-ts-ui399.js";
+import { pressableTriggerOpenStateMapping as se } from "./als-react-ts-ui227.js";
+import { fieldValidityMapping as ie } from "./als-react-ts-ui409.js";
+import { useRenderElement as le } from "./als-react-ts-ui226.js";
+import { selectors as s } from "./als-react-ts-ui401.js";
+import { getPseudoElementBounds as ae } from "./als-react-ts-ui410.js";
+import { createChangeEventDetails as F } from "./als-react-ts-ui229.js";
+import { useButton as ue } from "./als-react-ts-ui230.js";
+import { useStore as i } from "./als-react-ts-ui408.js";
+import { getFloatingFocusElement as ce, contains as O } from "./als-react-ts-ui312.js";
+import { mergeProps as me } from "./als-react-ts-ui305.js";
+import { focusOut as de, cancelOpen as fe } from "./als-react-ts-ui231.js";
 const d = 2, pe = {
   ...se,
   ...ie,

package/dist/als-react-ts-ui98.js

@@ -1,9 +1,9 @@
 import * as i from "react";
-import { useRenderElement as S } from "./als-react-ts-ui166.js";
-import { useSelectRootContext as v } from "./als-react-ts-ui253.js";
-import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./als-react-ts-ui260.js";
-import { selectors as o } from "./als-react-ts-ui257.js";
-import { useStore as r } from "./als-react-ts-ui267.js";
+import { useRenderElement as S } from "./als-react-ts-ui226.js";
+import { useSelectRootContext as v } from "./als-react-ts-ui397.js";
+import { resolveMultipleLabels as V, resolveSelectedLabel as b } from "./als-react-ts-ui404.js";
+import { selectors as o } from "./als-react-ts-ui401.js";
+import { useStore as r } from "./als-react-ts-ui408.js";
 const R = {
   value: () => null
 }, h = /* @__PURE__ */ i.forwardRef(function(s, c) {

package/dist/als-react-ts-ui99.js

@@ -1,9 +1,9 @@
 import * as o from "react";
-import { useRenderElement as p } from "./als-react-ts-ui166.js";
-import { useSelectRootContext as m } from "./als-react-ts-ui253.js";
-import { triggerOpenStateMapping as i } from "./als-react-ts-ui188.js";
-import { selectors as a } from "./als-react-ts-ui257.js";
-import { useStore as l } from "./als-react-ts-ui267.js";
+import { useRenderElement as p } from "./als-react-ts-ui226.js";
+import { useSelectRootContext as m } from "./als-react-ts-ui397.js";
+import { triggerOpenStateMapping as i } from "./als-react-ts-ui227.js";
+import { selectors as a } from "./als-react-ts-ui401.js";
+import { useStore as l } from "./als-react-ts-ui408.js";
 const f = /* @__PURE__ */ o.forwardRef(function(e, r) {
   const {
     className: d,

package/dist/components/ALSAutocomplete/ALSAutocomplete.d.ts

@@ -8,9 +8,9 @@ declare const ALSAutocompleteInput: React.ForwardRefExoticComponent<ALSAutocompl
 type ALSAutocompleteTriggerProps = Autocomplete.Trigger.Props;
 declare const ALSAutocompleteTrigger: React.ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteTriggerProps & React.RefAttributes<HTMLButtonElement>>;
 type ALSAutocompleteIconProps = Autocomplete.Icon.Props;
-declare const ALSAutocompleteIcon: React.ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/combobox/icon/ComboboxIcon").ComboboxIconProps & React.RefAttributes<HTMLDivElement>>;
+declare const ALSAutocompleteIcon: React.ForwardRefExoticComponent<import("@base-ui-components/react/combobox").ComboboxIconProps & React.RefAttributes<HTMLDivElement>>;
 type ALSAutocompleteClearProps = Autocomplete.Clear.Props;
-declare const ALSAutocompleteClear: React.ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/combobox/clear/ComboboxClear").ComboboxClearProps & React.RefAttributes<HTMLButtonElement>>;
+declare const ALSAutocompleteClear: React.ForwardRefExoticComponent<import("@base-ui-components/react/combobox").ComboboxClearProps & React.RefAttributes<HTMLButtonElement>>;
 type ALSAutocompleteValueProps = Autocomplete.Value.Props;
 declare function ALSAutocompleteValue(props: ALSAutocompleteValueProps): import("react/jsx-runtime").JSX.Element;
 type ALSAutocompletePortalProps = Autocomplete.Portal.Props;
@@ -32,7 +32,7 @@ declare const ALSAutocompleteList: React.ForwardRefExoticComponent<import("@base
 type ALSAutocompleteCollectionProps = Autocomplete.Collection.Props;
 declare function ALSAutocompleteCollection(props: ALSAutocompleteCollectionProps): import("react/jsx-runtime").JSX.Element;
 type ALSAutocompleteRowProps = Autocomplete.Row.Props;
-declare const ALSAutocompleteRow: React.ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/combobox/row/ComboboxRow").ComboboxRowProps & React.RefAttributes<HTMLDivElement>>;
+declare const ALSAutocompleteRow: React.ForwardRefExoticComponent<import("@base-ui-components/react/combobox").ComboboxRowProps & React.RefAttributes<HTMLDivElement>>;
 type ALSAutocompleteItemProps = Autocomplete.Item.Props;
 declare const ALSAutocompleteItem: React.ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteItemProps & React.RefAttributes<HTMLDivElement>>;
 type ALSAutocompleteGroupProps = Autocomplete.Group.Props;
@@ -40,7 +40,7 @@ declare const ALSAutocompleteGroup: React.ForwardRefExoticComponent<import("@bas
 type ALSAutocompleteGroupLabelProps = Autocomplete.GroupLabel.Props;
 declare const ALSAutocompleteGroupLabel: React.ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteGroupLabelProps & React.RefAttributes<HTMLDivElement>>;
 type ALSAutocompleteSeparatorProps = Autocomplete.Separator.Props;
-declare const ALSAutocompleteSeparator: React.ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/separator/Separator").SeparatorProps & React.RefAttributes<HTMLDivElement>>;
+declare const ALSAutocompleteSeparator: React.ForwardRefExoticComponent<import("@base-ui-components/react/separator").SeparatorProps & React.RefAttributes<HTMLDivElement>>;
 export { ALSAutocompleteRoot, ALSAutocompleteInput, ALSAutocompleteTrigger, ALSAutocompleteIcon, ALSAutocompleteClear, ALSAutocompleteValue, ALSAutocompletePortal, ALSAutocompleteBackdrop, ALSAutocompletePositioner, ALSAutocompletePopup, ALSAutocompleteArrow, ALSAutocompleteStatus, ALSAutocompleteEmpty, ALSAutocompleteList, ALSAutocompleteCollection, ALSAutocompleteRow, ALSAutocompleteItem, ALSAutocompleteGroup, ALSAutocompleteGroupLabel, ALSAutocompleteSeparator, };
 export type { ALSAutocompleteInputProps, ALSAutocompleteTriggerProps, ALSAutocompleteIconProps, ALSAutocompleteClearProps, ALSAutocompleteValueProps, ALSAutocompletePortalProps, ALSAutocompleteBackdropProps, ALSAutocompletePositionerProps, ALSAutocompletePopupProps, ALSAutocompleteArrowProps, ALSAutocompleteStatusProps, ALSAutocompleteEmptyProps, ALSAutocompleteListProps, ALSAutocompleteCollectionProps, ALSAutocompleteRowProps, ALSAutocompleteItemProps, ALSAutocompleteGroupProps, ALSAutocompleteGroupLabelProps, ALSAutocompleteSeparatorProps, };
 //# sourceMappingURL=ALSAutocomplete.d.ts.map

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

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

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

@@ -4,8 +4,8 @@ export declare const ALSAutocomplete: {
     Root: typeof import("@base-ui-components/react/autocomplete").AutocompleteRoot;
     Input: import("react").ForwardRefExoticComponent<ALSAutocompleteInputProps & import("react").RefAttributes<HTMLInputElement>>;
     Trigger: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
-    Icon: import("react").ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/combobox/icon/ComboboxIcon").ComboboxIconProps & import("react").RefAttributes<HTMLDivElement>>;
-    Clear: import("react").ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/combobox/clear/ComboboxClear").ComboboxClearProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Icon: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/combobox").ComboboxIconProps & import("react").RefAttributes<HTMLDivElement>>;
+    Clear: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/combobox").ComboboxClearProps & import("react").RefAttributes<HTMLButtonElement>>;
     Value: typeof ALSAutocompleteValue;
     Portal: typeof ALSAutocompletePortal;
     Backdrop: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
@@ -16,11 +16,11 @@ export declare const ALSAutocomplete: {
     Empty: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteEmptyProps & import("react").RefAttributes<HTMLDivElement>>;
     List: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteListProps & import("react").RefAttributes<HTMLDivElement>>;
     Collection: typeof ALSAutocompleteCollection;
-    Row: import("react").ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/combobox/row/ComboboxRow").ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
+    Row: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/combobox").ComboboxRowProps & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteItemProps & import("react").RefAttributes<HTMLDivElement>>;
     Group: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteGroupProps & import("react").RefAttributes<HTMLDivElement>>;
     GroupLabel: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/autocomplete").AutocompleteGroupLabelProps & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: import("react").ForwardRefExoticComponent<import("node_modules/@base-ui-components/react/esm/separator/Separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
+    Separator: import("react").ForwardRefExoticComponent<import("@base-ui-components/react/separator").SeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
 };
 export type { ALSAutocompleteInputProps, ALSAutocompleteTriggerProps, ALSAutocompleteIconProps, ALSAutocompleteClearProps, ALSAutocompleteValueProps, ALSAutocompletePortalProps, ALSAutocompleteBackdropProps, ALSAutocompletePositionerProps, ALSAutocompletePopupProps, ALSAutocompleteArrowProps, ALSAutocompleteStatusProps, ALSAutocompleteEmptyProps, ALSAutocompleteListProps, ALSAutocompleteCollectionProps, ALSAutocompleteRowProps, ALSAutocompleteItemProps, ALSAutocompleteGroupProps, ALSAutocompleteGroupLabelProps, ALSAutocompleteSeparatorProps, };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/ALSCheckbox/ALSCheckbox.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import { Checkbox } from "@base-ui-components/react/checkbox";
+export interface ALSCheckboxRootProps {
+    name?: string;
+    defaultChecked?: boolean;
+    checked?: boolean;
+    onCheckedChange?: (checked: boolean, eventDetails: Checkbox.Root.ChangeEventDetails) => void;
+    indeterminate?: boolean;
+    value?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    parent?: boolean;
+    inputRef?: React.Ref<HTMLInputElement>;
+    id?: string;
+    className?: string | ((state: Checkbox.Root.State) => string);
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    size?: "sm" | "md" | "lg";
+    variant?: "default" | "primary" | "success" | "error";
+}
+export interface ALSCheckboxIndicatorProps {
+    keepMounted?: boolean;
+    className?: string | ((state: Checkbox.Indicator.State) => string);
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    render?: (props: React.HTMLProps<HTMLSpanElement>, state: Checkbox.Indicator.State) => React.ReactElement;
+}
+export type ALSCheckboxSize = "sm" | "md" | "lg";
+export type ALSCheckboxVariant = "default" | "primary" | "success" | "error";
+export declare const ALSCheckboxRoot: React.ForwardRefExoticComponent<ALSCheckboxRootProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const ALSCheckboxIndicator: React.ForwardRefExoticComponent<ALSCheckboxIndicatorProps & React.RefAttributes<HTMLSpanElement>>;
+//# sourceMappingURL=ALSCheckbox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSCheckbox.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckbox/ALSCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAK9D,MAAM,WAAW,oBAAoB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,eAAe,CAAC,EAAE,CACd,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,QAAQ,CAAC,IAAI,CAAC,kBAAkB,KAC7C,IAAI,CAAC;IACV,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;CACzD;AAED,MAAM,WAAW,yBAAyB;IACtC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IACnE,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,CACL,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EACvC,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,KAAK,KAC9B,KAAK,CAAC,YAAY,CAAC;CAC3B;AAED,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACjD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAG7E,eAAO,MAAM,eAAe,8FAkC3B,CAAC;AAKF,eAAO,MAAM,oBAAoB,mGA2C/B,CAAC"}

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

@@ -1,5 +1,7 @@
-export interface ALSCheckboxProps {
-}
-export declare function ALSCheckbox(props: ALSCheckboxProps): import("react/jsx-runtime").JSX.Element;
-export default ALSCheckbox;
+import type { ALSCheckboxRootProps, ALSCheckboxIndicatorProps, ALSCheckboxSize, ALSCheckboxVariant } from "./ALSCheckbox";
+export declare const ALSCheckbox: {
+    Root: import("react").ForwardRefExoticComponent<ALSCheckboxRootProps & import("react").RefAttributes<HTMLSpanElement>>;
+    Indicator: import("react").ForwardRefExoticComponent<ALSCheckboxIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+};
+export type { ALSCheckboxRootProps, ALSCheckboxIndicatorProps, ALSCheckboxSize, ALSCheckboxVariant, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckbox/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,gBAAgB;CAEhC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,2CAMlD;AAED,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACR,oBAAoB,EACpB,yBAAyB,EACzB,eAAe,EACf,kBAAkB,EACrB,MAAM,eAAe,CAAC;AAEvB,eAAO,MAAM,WAAW;;;CAGvB,CAAC;AAEF,YAAY,EACR,oBAAoB,EACpB,yBAAyB,EACzB,eAAe,EACf,kBAAkB,GACrB,CAAC"}

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

@@ -0,0 +1 @@
+._root_1du0o_2{display:inline-flex;align-items:center;justify-content:center;position:relative;border:2px solid var(--border-primary);border-radius:var(--radius-sm);background-color:var(--color-als-white);cursor:pointer;transition:all .2s ease;flex-shrink:0}._root_1du0o_2:hover{border-color:var(--color-als-blue-900);background-color:var(--color-als-gray-100)}._root_1du0o_2:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}._size-sm_1du0o_26{width:16px;height:16px}._size-md_1du0o_31{width:20px;height:20px}._size-lg_1du0o_36{width:24px;height:24px}._variant-default_1du0o_42._checked_1du0o_42{background-color:var(--text-primary);border-color:var(--text-primary)}._variant-primary_1du0o_47._checked_1du0o_42{background-color:var(--color-als-blue-900);border-color:var(--color-als-blue-900)}._variant-success_1du0o_52._checked_1du0o_42{background-color:var(--color-success);border-color:var(--color-success)}._variant-error_1du0o_57._checked_1du0o_42{background-color:var(--color-error);border-color:var(--color-error)}._checked_1du0o_42{color:var(--color-als-white)}._indeterminate_1du0o_67{background-color:var(--color-als-blue-900);border-color:var(--color-als-blue-900);color:var(--color-als-white)}._disabled_1du0o_73{opacity:.5;cursor:not-allowed;pointer-events:none}._readonly_1du0o_79{cursor:default;pointer-events:none}._indicator_1du0o_89{display:flex;align-items:center;justify-content:center;width:100%;height:100%;opacity:0;transform:scale(.8);transition:all .15s ease}._indicatorChecked_1du0o_100,._indicatorIndeterminate_1du0o_105{opacity:1;transform:scale(1)}._indicator_1du0o_89 svg{width:100%;height:100%;color:currentColor}

package/dist/components/ALSCheckboxGroup/ALSCheckboxGroup.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { CheckboxGroup } from "@base-ui-components/react/checkbox-group";
+export interface ALSCheckboxGroupProps {
+    defaultValue?: string[];
+    value?: string[];
+    onValueChange?: (value: string[], eventDetails: CheckboxGroup.ChangeEventDetails) => void;
+    allValues?: string[];
+    disabled?: boolean;
+    className?: string | ((state: CheckboxGroup.State) => string);
+    style?: React.CSSProperties;
+    children?: React.ReactNode;
+    orientation?: "horizontal" | "vertical";
+    spacing?: "sm" | "md" | "lg";
+}
+export type ALSCheckboxGroupOrientation = "horizontal" | "vertical";
+export type ALSCheckboxGroupSpacing = "sm" | "md" | "lg";
+export declare const ALSCheckboxGroupRoot: React.ForwardRefExoticComponent<ALSCheckboxGroupProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSCheckboxGroup.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSCheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckboxGroup/ALSCheckboxGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,0CAA0C,CAAC;AAKzE,MAAM,WAAW,qBAAqB;IAClC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,CAAC,EAAE,CACZ,KAAK,EAAE,MAAM,EAAE,EACf,YAAY,EAAE,aAAa,CAAC,kBAAkB,KAC7C,IAAI,CAAC;IACV,SAAS,CAAC,EAAE,MAAM,EAAE,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,KAAK,EAAE,aAAa,CAAC,KAAK,KAAK,MAAM,CAAC,CAAC;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAC;IACxC,OAAO,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChC;AAED,MAAM,MAAM,2BAA2B,GAAG,YAAY,GAAG,UAAU,CAAC;AACpE,MAAM,MAAM,uBAAuB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAGzD,eAAO,MAAM,oBAAoB,8FAoChC,CAAC"}

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

@@ -1,5 +1,4 @@
-export interface ALSCheckboxGroupProps {
-}
-export declare function ALSCheckboxGroup(props: ALSCheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
-export default ALSCheckboxGroup;
+import type { ALSCheckboxGroupProps, ALSCheckboxGroupOrientation, ALSCheckboxGroupSpacing } from "./ALSCheckboxGroup";
+export declare const ALSCheckboxGroup: import("react").ForwardRefExoticComponent<ALSCheckboxGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export type { ALSCheckboxGroupProps, ALSCheckboxGroupOrientation, ALSCheckboxGroupSpacing, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckboxGroup/index.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;CAErC;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,2CAM5D;AAED,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCheckboxGroup/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACR,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,EAC1B,MAAM,oBAAoB,CAAC;AAE5B,eAAO,MAAM,gBAAgB,kHAAuB,CAAC;AAErD,YAAY,EACR,qBAAqB,EACrB,2BAA2B,EAC3B,uBAAuB,GAC1B,CAAC"}

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

@@ -0,0 +1 @@
+._root_1n6zt_2{display:flex;flex-direction:column}._orientation-vertical_1n6zt_8{flex-direction:column}._orientation-horizontal_1n6zt_12{flex-direction:row;flex-wrap:wrap}._spacing-sm_1n6zt_18._orientation-vertical_1n6zt_8{gap:var(--space-sm)}._spacing-md_1n6zt_22._orientation-vertical_1n6zt_8{gap:var(--space-md)}._spacing-lg_1n6zt_26._orientation-vertical_1n6zt_8{gap:var(--space-lg)}._spacing-sm_1n6zt_18._orientation-horizontal_1n6zt_12{gap:var(--space-sm) var(--space-md)}._spacing-md_1n6zt_22._orientation-horizontal_1n6zt_12{gap:var(--space-md) var(--space-lg)}._spacing-lg_1n6zt_26._orientation-horizontal_1n6zt_12{gap:var(--space-lg) var(--space-xl)}._disabled_1n6zt_43{opacity:.5;pointer-events:none}

package/dist/components/ALSCollapsible/ALSCollapsible.d.ts

@@ -0,0 +1,72 @@
+import React from "react";
+export interface ALSCollapsibleRootProps {
+    /**
+     * Whether the collapsible panel is initially open (uncontrolled).
+     */
+    defaultOpen?: boolean;
+    /**
+     * Whether the collapsible panel is currently open (controlled).
+     */
+    open?: boolean;
+    /**
+     * Event handler called when the panel is opened or closed.
+     */
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * Whether the component should ignore user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The content of the collapsible.
+     */
+    children?: React.ReactNode;
+}
+export interface ALSCollapsibleTriggerProps {
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The content of the trigger button.
+     */
+    children?: React.ReactNode;
+}
+export interface ALSCollapsiblePanelProps {
+    /**
+     * Additional CSS class name.
+     */
+    className?: string;
+    /**
+     * Inline styles.
+     */
+    style?: React.CSSProperties;
+    /**
+     * The content of the collapsible panel.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * Root component that groups all parts of the collapsible.
+ */
+export declare const ALSCollapsibleRoot: React.ForwardRefExoticComponent<ALSCollapsibleRootProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Trigger button that toggles the collapsible panel.
+ */
+export declare const ALSCollapsibleTrigger: React.ForwardRefExoticComponent<ALSCollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+/**
+ * Panel that contains the collapsible content.
+ */
+export declare const ALSCollapsiblePanel: React.ForwardRefExoticComponent<ALSCollapsiblePanelProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ALSCollapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ALSCollapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCollapsible/ALSCollapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,uBAAuB;IACpC;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,0BAA0B;IACvC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED,MAAM,WAAW,wBAAwB;IACrC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAID;;GAEG;AACH,eAAO,MAAM,kBAAkB,gGA4B7B,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,qBAAqB,sGAahC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,mBAAmB,iGAa9B,CAAC"}

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

@@ -1,5 +1,8 @@
-export interface ALSCollapsibleProps {
-}
-export declare function ALSCollapsible(props: ALSCollapsibleProps): import("react/jsx-runtime").JSX.Element;
-export default ALSCollapsible;
+import type { ALSCollapsibleRootProps, ALSCollapsibleTriggerProps, ALSCollapsiblePanelProps } from "./ALSCollapsible";
+export declare const ALSCollapsible: {
+    Root: import("react").ForwardRefExoticComponent<ALSCollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
+    Trigger: import("react").ForwardRefExoticComponent<ALSCollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+    Panel: import("react").ForwardRefExoticComponent<ALSCollapsiblePanelProps & import("react").RefAttributes<HTMLDivElement>>;
+};
+export type { ALSCollapsibleRootProps, ALSCollapsibleTriggerProps, ALSCollapsiblePanelProps, };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ALSCollapsible/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/ALSCollapsible/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,wBAAwB,EAC3B,MAAM,kBAAkB,CAAC;AAE1B,eAAO,MAAM,cAAc;;;;CAI1B,CAAC;AAEF,YAAY,EACR,uBAAuB,EACvB,0BAA0B,EAC1B,wBAAwB,GAC3B,CAAC"}

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

@@ -0,0 +1 @@
+._root_17j9n_1{border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--color-als-white);overflow:hidden}._trigger_17j9n_8{width:100%;padding:var(--space-md);background-color:var(--color-als-white);border:none;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-align:left;transition:background-color var(--transition-fast);display:flex;align-items:center;justify-content:space-between}._trigger_17j9n_8:hover:not(:disabled){background-color:var(--color-als-gray-100)}._trigger_17j9n_8:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}._trigger_17j9n_8:disabled{cursor:not-allowed;opacity:.5}._trigger_17j9n_8:after{content:"▼";font-size:var(--font-small);transition:transform .3s cubic-bezier(.4,0,.2,1)}._trigger_17j9n_8[data-state=open]:after{transform:rotate(180deg)}._panel_17j9n_50{overflow:hidden;transition:height .3s cubic-bezier(.87,0,.13,1)}._panel_17j9n_50[data-state=open]{height:var(--header-height)}._panel_17j9n_50[data-state=closed]{height:0}._panelContent_17j9n_63{padding:var(--space-md);border-top:1px solid var(--border-secondary)}