@larose-ui/react 0.1.0

package/dist/index.js

@@ -0,0 +1,1923 @@
+// src/AsyncButton/AsyncButton.tsx
+import { useCallback, useReducer, useRef } from "react";
+import { createAsyncStateMachine } from "@larose-ui/core";
+
+// src/Button/Button.tsx
+import { forwardRef } from "react";
+import { resolveUIState } from "@larose-ui/core";
+
+// src/Spinner/Spinner.module.css
+var Spinner_default = {};
+
+// src/Spinner/Spinner.tsx
+import { jsx } from "react/jsx-runtime";
+function Spinner({ size = "md", label = "Loading" }) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      className: Spinner_default.spinner,
+      "data-size": size,
+      role: "status",
+      "aria-label": label,
+      children: /* @__PURE__ */ jsx("span", { className: Spinner_default.circle, "aria-hidden": "true" })
+    }
+  );
+}
+
+// src/Button/Button.module.css
+var Button_default = {};
+
+// src/Button/Button.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(
+  ({
+    variant = "primary",
+    size = "md",
+    state,
+    loading = false,
+    error = null,
+    disabled,
+    leftIcon,
+    rightIcon,
+    children,
+    className,
+    ...props
+  }, ref) => {
+    const uiState = resolveUIState({ state, loading, error, disabled });
+    const isDisabled = disabled || uiState === "loading" || uiState === "disabled";
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        className: [Button_default.button, className].filter(Boolean).join(" "),
+        "data-variant": variant,
+        "data-size": size,
+        "data-state": uiState,
+        disabled: isDisabled,
+        "aria-busy": uiState === "loading",
+        "aria-disabled": isDisabled,
+        ...props,
+        children: [
+          uiState === "loading" && /* @__PURE__ */ jsx2("span", { className: Button_default.spinner, "aria-hidden": "true", children: /* @__PURE__ */ jsx2(Spinner, { size: "sm" }) }),
+          leftIcon && /* @__PURE__ */ jsx2("span", { className: Button_default.icon, children: leftIcon }),
+          /* @__PURE__ */ jsx2("span", { className: Button_default.content, children }),
+          rightIcon && /* @__PURE__ */ jsx2("span", { className: Button_default.icon, children: rightIcon }),
+          uiState === "error" && error && /* @__PURE__ */ jsx2("span", { className: Button_default.errorMessage, role: "alert", children: error })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/AsyncButton/AsyncButton.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+function AsyncButton({
+  action,
+  onSuccess,
+  onError,
+  children,
+  variant = "primary",
+  size = "md",
+  disabled,
+  ...props
+}) {
+  const machineRef = useRef(createAsyncStateMachine());
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
+  const machine = machineRef.current;
+  const errorMessage = machine.error && typeof machine.error === "object" && "message" in machine.error ? String(machine.error.message) : machine.error ? String(machine.error) : null;
+  const handleClick = useCallback(async () => {
+    machine.send({ type: "SUBMIT" });
+    forceUpdate();
+    try {
+      await action();
+      machine.send({ type: "SUCCESS" });
+      onSuccess?.();
+    } catch (err) {
+      machine.send({ type: "ERROR", error: err });
+      onError?.(err);
+    } finally {
+      forceUpdate();
+    }
+  }, [action, machine, onSuccess, onError]);
+  return /* @__PURE__ */ jsx3(
+    Button,
+    {
+      variant,
+      size,
+      loading: machine.state === "submitting",
+      error: machine.state === "error" ? errorMessage : null,
+      disabled,
+      onClick: () => void handleClick(),
+      ...props,
+      children
+    }
+  );
+}
+
+// src/provider/LaRoseProvider.tsx
+import {
+  createContext,
+  useContext,
+  useEffect,
+  useRef as useRef2
+} from "react";
+import { applyTokensToElement } from "@larose-ui/tokens";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var LaRoseContext = createContext({
+  theme: "light",
+  density: "comfortable"
+});
+function useLaRose() {
+  return useContext(LaRoseContext);
+}
+function LaRoseProvider({
+  children,
+  theme = "light",
+  density = "comfortable",
+  tenantId,
+  brandColors
+}) {
+  const ref = useRef2(null);
+  useEffect(() => {
+    if (ref.current) {
+      applyTokensToElement(ref.current, theme, density, brandColors);
+      if (tenantId) {
+        ref.current.dataset.lrTenant = tenantId;
+      }
+    }
+  }, [theme, density, tenantId, brandColors]);
+  return /* @__PURE__ */ jsx4(LaRoseContext.Provider, { value: { theme, density, tenantId, brandColors }, children: /* @__PURE__ */ jsx4("div", { ref, "data-lr-provider": true, style: { minHeight: "inherit" }, children }) });
+}
+
+// src/Input/Input.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { resolveUIState as resolveUIState2 } from "@larose-ui/core";
+
+// src/Input/Input.module.css
+var Input_default = {};
+
+// src/Input/Input.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var Input = forwardRef2(
+  ({
+    label,
+    hint,
+    state,
+    loading = false,
+    error = null,
+    disabled,
+    readOnly,
+    inputSize = "md",
+    className,
+    id,
+    ...props
+  }, ref) => {
+    const inputId = id ?? (label ? label.toLowerCase().replace(/\s+/g, "-") : void 0);
+    const uiState = resolveUIState2({ state, loading, error, disabled, readonly: readOnly });
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs2("div", { className: Input_default.wrapper, "data-state": uiState, children: [
+      label && /* @__PURE__ */ jsx5("label", { htmlFor: inputId, className: Input_default.label, children: label }),
+      /* @__PURE__ */ jsxs2("div", { className: Input_default.inputContainer, children: [
+        /* @__PURE__ */ jsx5(
+          "input",
+          {
+            ref,
+            id: inputId,
+            className: [Input_default.input, className].filter(Boolean).join(" "),
+            "data-size": inputSize,
+            "data-state": uiState,
+            disabled: disabled || uiState === "disabled",
+            readOnly: readOnly || uiState === "readonly",
+            "aria-invalid": uiState === "error",
+            "aria-busy": uiState === "loading",
+            "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+            ...props
+          }
+        ),
+        uiState === "loading" && /* @__PURE__ */ jsx5("span", { className: Input_default.loadingIndicator, "aria-hidden": "true" })
+      ] }),
+      hint && !errorMessage && /* @__PURE__ */ jsx5("span", { id: `${inputId}-hint`, className: Input_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx5("span", { id: `${inputId}-error`, className: Input_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+// src/Textarea/Textarea.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { resolveUIState as resolveUIState3 } from "@larose-ui/core";
+
+// src/Textarea/Textarea.module.css
+var Textarea_default = {};
+
+// src/Textarea/Textarea.tsx
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+var Textarea = forwardRef3(
+  ({
+    label,
+    hint,
+    state,
+    loading = false,
+    error = null,
+    disabled,
+    readOnly,
+    inputSize = "md",
+    className,
+    id,
+    rows = 4,
+    ...props
+  }, ref) => {
+    const inputId = id ?? (label ? label.toLowerCase().replace(/\s+/g, "-") : void 0);
+    const uiState = resolveUIState3({ state, loading, error, disabled, readonly: readOnly });
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs3("div", { className: Textarea_default.wrapper, "data-state": uiState, children: [
+      label && /* @__PURE__ */ jsx6("label", { htmlFor: inputId, className: Textarea_default.label, children: label }),
+      /* @__PURE__ */ jsxs3("div", { className: Textarea_default.inputContainer, children: [
+        /* @__PURE__ */ jsx6(
+          "textarea",
+          {
+            ref,
+            id: inputId,
+            rows,
+            className: [Textarea_default.textarea, className].filter(Boolean).join(" "),
+            "data-size": inputSize,
+            "data-state": uiState,
+            disabled: disabled || uiState === "disabled",
+            readOnly: readOnly || uiState === "readonly",
+            "aria-invalid": uiState === "error",
+            "aria-busy": uiState === "loading",
+            "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+            ...props
+          }
+        ),
+        uiState === "loading" && /* @__PURE__ */ jsx6("span", { className: Textarea_default.loadingIndicator, "aria-hidden": "true" })
+      ] }),
+      hint && !errorMessage && /* @__PURE__ */ jsx6("span", { id: `${inputId}-hint`, className: Textarea_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx6("span", { id: `${inputId}-error`, className: Textarea_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+Textarea.displayName = "Textarea";
+
+// src/Select/Select.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { resolveUIState as resolveUIState4 } from "@larose-ui/core";
+
+// src/Select/Select.module.css
+var Select_default = {};
+
+// src/Select/Select.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var Select = forwardRef4(
+  ({
+    label,
+    hint,
+    options,
+    placeholder = "Select...",
+    state,
+    loading = false,
+    error = null,
+    disabled,
+    inputSize = "md",
+    className,
+    id,
+    ...props
+  }, ref) => {
+    const inputId = id ?? (label ? label.toLowerCase().replace(/\s+/g, "-") : void 0);
+    const uiState = resolveUIState4({ state, loading, error, disabled });
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs4("div", { className: Select_default.wrapper, "data-state": uiState, children: [
+      label && /* @__PURE__ */ jsx7("label", { htmlFor: inputId, className: Select_default.label, children: label }),
+      /* @__PURE__ */ jsxs4("div", { className: Select_default.inputContainer, children: [
+        /* @__PURE__ */ jsxs4(
+          "select",
+          {
+            ref,
+            id: inputId,
+            className: [Select_default.select, className].filter(Boolean).join(" "),
+            "data-size": inputSize,
+            "data-state": uiState,
+            disabled: disabled || uiState === "disabled" || uiState === "loading",
+            "aria-invalid": uiState === "error",
+            "aria-busy": uiState === "loading",
+            "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+            ...props,
+            children: [
+              /* @__PURE__ */ jsx7("option", { value: "", children: placeholder }),
+              options.map((option) => /* @__PURE__ */ jsx7("option", { value: option.value, children: option.label }, option.value))
+            ]
+          }
+        ),
+        uiState === "loading" && /* @__PURE__ */ jsx7("span", { className: Select_default.loadingIndicator, "aria-hidden": "true" })
+      ] }),
+      hint && !errorMessage && /* @__PURE__ */ jsx7("span", { id: `${inputId}-hint`, className: Select_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx7("span", { id: `${inputId}-error`, className: Select_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+Select.displayName = "Select";
+
+// src/Checkbox/Checkbox.tsx
+import { forwardRef as forwardRef5 } from "react";
+
+// src/Checkbox/Checkbox.module.css
+var Checkbox_default = {};
+
+// src/Checkbox/Checkbox.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+var Checkbox = forwardRef5(
+  ({ label, hint, error = null, disabled, boxSize = "md", className, id, ...props }, ref) => {
+    const inputId = id ?? label.toLowerCase().replace(/\s+/g, "-");
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs5("div", { className: Checkbox_default.wrapper, "data-state": errorMessage ? "error" : "default", children: [
+      /* @__PURE__ */ jsxs5("label", { htmlFor: inputId, className: Checkbox_default.row, children: [
+        /* @__PURE__ */ jsx8(
+          "input",
+          {
+            ref,
+            id: inputId,
+            type: "checkbox",
+            className: [Checkbox_default.input, className].filter(Boolean).join(" "),
+            "data-size": boxSize,
+            disabled,
+            "aria-invalid": Boolean(errorMessage),
+            "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx8("span", { className: Checkbox_default.label, children: label })
+      ] }),
+      hint && !errorMessage && /* @__PURE__ */ jsx8("span", { id: `${inputId}-hint`, className: Checkbox_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx8("span", { id: `${inputId}-error`, className: Checkbox_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+// src/Radio/Radio.tsx
+import { forwardRef as forwardRef6 } from "react";
+
+// src/Radio/Radio.module.css
+var Radio_default = {};
+
+// src/Radio/Radio.tsx
+import { jsx as jsx9, jsxs as jsxs6 } from "react/jsx-runtime";
+var Radio = forwardRef6(
+  ({ label, hint, error = null, disabled, boxSize = "md", className, id, ...props }, ref) => {
+    const inputId = id ?? label.toLowerCase().replace(/\s+/g, "-");
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs6("div", { className: Radio_default.wrapper, "data-state": errorMessage ? "error" : "default", children: [
+      /* @__PURE__ */ jsxs6("label", { htmlFor: inputId, className: Radio_default.row, children: [
+        /* @__PURE__ */ jsx9(
+          "input",
+          {
+            ref,
+            id: inputId,
+            type: "radio",
+            className: [Radio_default.input, className].filter(Boolean).join(" "),
+            "data-size": boxSize,
+            disabled,
+            "aria-invalid": Boolean(errorMessage),
+            "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+            ...props
+          }
+        ),
+        /* @__PURE__ */ jsx9("span", { className: Radio_default.label, children: label })
+      ] }),
+      hint && !errorMessage && /* @__PURE__ */ jsx9("span", { id: `${inputId}-hint`, className: Radio_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx9("span", { id: `${inputId}-error`, className: Radio_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+Radio.displayName = "Radio";
+
+// src/Switch/Switch.tsx
+import { useCallback as useCallback2 } from "react";
+
+// src/Switch/Switch.module.css
+var Switch_default = {};
+
+// src/Switch/Switch.tsx
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
+function Switch({
+  label,
+  checked,
+  defaultChecked,
+  onCheckedChange,
+  hint,
+  disabled,
+  switchSize = "md",
+  className,
+  id,
+  ...props
+}) {
+  const inputId = id ?? label.toLowerCase().replace(/\s+/g, "-");
+  const isControlled = checked !== void 0;
+  const isOn = isControlled ? checked : defaultChecked ?? false;
+  const handleClick = useCallback2(() => {
+    if (disabled) return;
+    const next = isControlled ? !checked : !isOn;
+    onCheckedChange?.(next);
+  }, [checked, disabled, isControlled, isOn, onCheckedChange]);
+  return /* @__PURE__ */ jsxs7("div", { className: Switch_default.wrapper, children: [
+    /* @__PURE__ */ jsxs7("div", { className: Switch_default.row, children: [
+      /* @__PURE__ */ jsx10(
+        "button",
+        {
+          id: inputId,
+          type: "button",
+          role: "switch",
+          "aria-checked": isOn,
+          "aria-label": label,
+          "aria-describedby": hint ? `${inputId}-hint` : void 0,
+          className: [Switch_default.track, className].filter(Boolean).join(" "),
+          "data-size": switchSize,
+          "data-state": isOn ? "on" : "off",
+          disabled,
+          onClick: handleClick,
+          ...props,
+          children: /* @__PURE__ */ jsx10("span", { className: Switch_default.thumb, "aria-hidden": "true" })
+        }
+      ),
+      /* @__PURE__ */ jsx10("span", { className: Switch_default.label, children: label })
+    ] }),
+    hint && /* @__PURE__ */ jsx10("span", { className: Switch_default.hint, id: `${inputId}-hint`, children: hint })
+  ] });
+}
+
+// src/Progress/Progress.module.css
+var Progress_default = {};
+
+// src/Progress/Progress.tsx
+import { jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
+function Progress({
+  value,
+  max = 100,
+  label,
+  variant = "default",
+  state = "idle",
+  showValue = false
+}) {
+  const clamped = Math.min(max, Math.max(0, value));
+  const percent = max > 0 ? Math.round(clamped / max * 100) : 0;
+  return /* @__PURE__ */ jsxs8("div", { className: Progress_default.wrapper, "data-state": state, children: [
+    (label || showValue) && /* @__PURE__ */ jsxs8("div", { className: Progress_default.header, children: [
+      label && /* @__PURE__ */ jsx11("span", { className: Progress_default.label, children: label }),
+      showValue && /* @__PURE__ */ jsxs8("span", { className: Progress_default.value, children: [
+        percent,
+        "%"
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx11(
+      "div",
+      {
+        className: Progress_default.track,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": clamped,
+        "aria-label": label,
+        "data-variant": variant,
+        "data-state": state,
+        children: /* @__PURE__ */ jsx11("div", { className: Progress_default.bar, style: { width: `${percent}%` } })
+      }
+    )
+  ] });
+}
+
+// src/Alert/Alert.module.css
+var Alert_default = {};
+
+// src/Alert/Alert.tsx
+import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+function Alert({
+  variant = "info",
+  title,
+  children,
+  onDismiss
+}) {
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: Alert_default.alert,
+      "data-variant": variant,
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsxs9("div", { className: Alert_default.content, children: [
+          title && /* @__PURE__ */ jsx12("strong", { className: Alert_default.title, children: title }),
+          /* @__PURE__ */ jsx12("div", { className: Alert_default.message, children })
+        ] }),
+        onDismiss && /* @__PURE__ */ jsx12(
+          "button",
+          {
+            type: "button",
+            className: Alert_default.dismiss,
+            onClick: onDismiss,
+            "aria-label": "Dismiss alert",
+            children: "\xD7"
+          }
+        )
+      ]
+    }
+  );
+}
+
+// src/Modal/Modal.tsx
+import {
+  useEffect as useEffect2,
+  useRef as useRef3
+} from "react";
+import { createPortal } from "react-dom";
+
+// src/Modal/Modal.module.css
+var Modal_default = {};
+
+// src/Modal/Modal.tsx
+import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+function Modal({
+  open,
+  onClose,
+  children,
+  title,
+  description,
+  closeOnOverlay = true
+}) {
+  const dialogRef = useRef3(null);
+  const previousFocus = useRef3(null);
+  useEffect2(() => {
+    if (!open) return;
+    previousFocus.current = document.activeElement;
+    const focusable = dialogRef.current?.querySelector(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    );
+    focusable?.focus();
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.body.style.overflow = "";
+      previousFocus.current?.focus();
+    };
+  }, [open, onClose]);
+  if (!open) return null;
+  const handleOverlayClick = (e) => {
+    if (closeOnOverlay && e.target === e.currentTarget) onClose();
+  };
+  return createPortal(
+    /* @__PURE__ */ jsx13(
+      "div",
+      {
+        className: Modal_default.overlay,
+        onClick: handleOverlayClick,
+        role: "presentation",
+        children: /* @__PURE__ */ jsxs10(
+          "div",
+          {
+            ref: dialogRef,
+            className: Modal_default.modal,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": title ? "lr-modal-title" : void 0,
+            "aria-describedby": description ? "lr-modal-desc" : void 0,
+            children: [
+              title && /* @__PURE__ */ jsx13("h2", { id: "lr-modal-title", className: Modal_default.title, children: title }),
+              description && /* @__PURE__ */ jsx13("p", { id: "lr-modal-desc", className: Modal_default.description, children: description }),
+              /* @__PURE__ */ jsx13("div", { className: Modal_default.content, children })
+            ]
+          }
+        )
+      }
+    ),
+    document.body
+  );
+}
+
+// src/Dialog/Dialog.module.css
+var Dialog_default = {};
+
+// src/Dialog/Dialog.tsx
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+function Dialog({
+  open,
+  onClose,
+  title,
+  description,
+  children,
+  confirmLabel = "Confirm",
+  cancelLabel = "Cancel",
+  onConfirm,
+  loading,
+  variant = "default"
+}) {
+  return /* @__PURE__ */ jsxs11(Modal, { open, onClose, title, description, children: [
+    children && /* @__PURE__ */ jsx14("div", { className: Dialog_default.body, children }),
+    /* @__PURE__ */ jsxs11("div", { className: Dialog_default.actions, children: [
+      /* @__PURE__ */ jsx14(Button, { variant: "secondary", onClick: onClose, disabled: loading, children: cancelLabel }),
+      onConfirm && /* @__PURE__ */ jsx14(
+        Button,
+        {
+          variant: variant === "destructive" ? "destructive" : "primary",
+          onClick: onConfirm,
+          loading,
+          children: confirmLabel
+        }
+      )
+    ] })
+  ] });
+}
+
+// src/Card/Card.module.css
+var Card_default = {};
+
+// src/Card/Card.tsx
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
+function Card({
+  title,
+  description,
+  children,
+  footer,
+  padding = "md"
+}) {
+  return /* @__PURE__ */ jsxs12("article", { className: Card_default.card, "data-padding": padding, children: [
+    (title || description) && /* @__PURE__ */ jsxs12("header", { className: Card_default.header, children: [
+      title && /* @__PURE__ */ jsx15("h3", { className: Card_default.title, children: title }),
+      description && /* @__PURE__ */ jsx15("p", { className: Card_default.description, children: description })
+    ] }),
+    children && /* @__PURE__ */ jsx15("div", { className: Card_default.body, children }),
+    footer && /* @__PURE__ */ jsx15("footer", { className: Card_default.footer, children: footer })
+  ] });
+}
+
+// src/Badge/Badge.module.css
+var Badge_default = {};
+
+// src/Badge/Badge.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Badge({ variant = "default", children }) {
+  return /* @__PURE__ */ jsx16("span", { className: Badge_default.badge, "data-variant": variant, children });
+}
+
+// src/Skeleton/Skeleton.module.css
+var Skeleton_default = {};
+
+// src/Skeleton/Skeleton.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function Skeleton({
+  width = "100%",
+  height = "1rem",
+  variant = "text",
+  lines = 1
+}) {
+  if (lines > 1) {
+    return /* @__PURE__ */ jsx17("div", { className: Skeleton_default.group, "aria-hidden": "true", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx17(
+      "div",
+      {
+        className: Skeleton_default.skeleton,
+        "data-variant": "text",
+        style: {
+          width: i === lines - 1 ? "70%" : width,
+          height
+        }
+      },
+      i
+    )) });
+  }
+  return /* @__PURE__ */ jsx17(
+    "div",
+    {
+      className: Skeleton_default.skeleton,
+      "data-variant": variant,
+      style: { width, height: variant === "circular" ? width : height },
+      "aria-hidden": "true"
+    }
+  );
+}
+
+// src/EmptyState/EmptyState.module.css
+var EmptyState_default = {};
+
+// src/EmptyState/EmptyState.tsx
+import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+function EmptyState({
+  title,
+  description,
+  icon,
+  actionLabel,
+  onAction,
+  state = "empty"
+}) {
+  return /* @__PURE__ */ jsxs13("div", { className: EmptyState_default.empty, "data-state": state, role: "status", children: [
+    icon && /* @__PURE__ */ jsx18("div", { className: EmptyState_default.icon, children: icon }),
+    /* @__PURE__ */ jsx18("h3", { className: EmptyState_default.title, children: title }),
+    description && /* @__PURE__ */ jsx18("p", { className: EmptyState_default.description, children: description }),
+    actionLabel && onAction && /* @__PURE__ */ jsx18(Button, { variant: "primary", onClick: onAction, children: actionLabel })
+  ] });
+}
+
+// src/Tooltip/Tooltip.tsx
+import { useId, useState } from "react";
+
+// src/Tooltip/Tooltip.module.css
+var Tooltip_default = {};
+
+// src/Tooltip/Tooltip.tsx
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+function Tooltip({ content, children, side = "top" }) {
+  const [visible, setVisible] = useState(false);
+  const tooltipId = useId();
+  return /* @__PURE__ */ jsxs14(
+    "span",
+    {
+      className: Tooltip_default.wrapper,
+      onMouseEnter: () => setVisible(true),
+      onMouseLeave: () => setVisible(false),
+      onFocusCapture: () => setVisible(true),
+      onBlurCapture: () => setVisible(false),
+      children: [
+        /* @__PURE__ */ jsx19("span", { "aria-describedby": visible ? tooltipId : void 0, children }),
+        visible && /* @__PURE__ */ jsx19("span", { id: tooltipId, role: "tooltip", className: Tooltip_default.tooltip, "data-side": side, children: content })
+      ]
+    }
+  );
+}
+
+// src/Toast/Toast.tsx
+import {
+  createContext as createContext2,
+  useCallback as useCallback3,
+  useContext as useContext2,
+  useMemo,
+  useState as useState2
+} from "react";
+import { createPortal as createPortal2 } from "react-dom";
+
+// src/Toast/Toast.module.css
+var Toast_default = {};
+
+// src/Toast/Toast.tsx
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+var ToastContext = createContext2(null);
+function ToastProvider({
+  children,
+  placement = "bottom-right"
+}) {
+  const [toasts, setToasts] = useState2([]);
+  const dismiss = useCallback3((id) => {
+    setToasts((prev) => prev.filter((toast2) => toast2.id !== id));
+  }, []);
+  const toast = useCallback3(
+    (input) => {
+      const id = crypto.randomUUID();
+      setToasts((prev) => [...prev, { ...input, id }]);
+      window.setTimeout(() => dismiss(id), input.duration ?? 5e3);
+      return id;
+    },
+    [dismiss]
+  );
+  const value = useMemo(() => ({ toast, dismiss }), [toast, dismiss]);
+  return /* @__PURE__ */ jsxs15(ToastContext.Provider, { value, children: [
+    children,
+    createPortal2(
+      /* @__PURE__ */ jsx20(
+        "div",
+        {
+          className: Toast_default.viewport,
+          "data-placement": placement,
+          "aria-live": "polite",
+          "aria-relevant": "additions",
+          children: toasts.map((item) => /* @__PURE__ */ jsx20(Toast, { item, onDismiss: () => dismiss(item.id) }, item.id))
+        }
+      ),
+      document.body
+    )
+  ] });
+}
+function useToast() {
+  const context = useContext2(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within ToastProvider");
+  }
+  return context;
+}
+function Toast({ item, onDismiss }) {
+  const variant = item.variant ?? "info";
+  return /* @__PURE__ */ jsxs15(
+    "div",
+    {
+      className: Toast_default.toast,
+      "data-variant": variant,
+      role: variant === "error" ? "alert" : "status",
+      children: [
+        /* @__PURE__ */ jsxs15("div", { className: Toast_default.content, children: [
+          item.title && /* @__PURE__ */ jsx20("strong", { className: Toast_default.title, children: item.title }),
+          /* @__PURE__ */ jsx20("span", { className: Toast_default.message, children: item.message })
+        ] }),
+        /* @__PURE__ */ jsx20("button", { type: "button", className: Toast_default.dismiss, onClick: onDismiss, "aria-label": "Dismiss", children: "\xD7" })
+      ]
+    }
+  );
+}
+
+// src/Tabs/Tabs.tsx
+import {
+  createContext as createContext3,
+  useCallback as useCallback4,
+  useContext as useContext3,
+  useId as useId2,
+  useMemo as useMemo2,
+  useState as useState3
+} from "react";
+
+// src/Tabs/Tabs.module.css
+var Tabs_default = {};
+
+// src/Tabs/Tabs.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var TabsContext = createContext3(null);
+function useTabsContext(component) {
+  const context = useContext3(TabsContext);
+  if (!context) {
+    throw new Error(`${component} must be used within Tabs`);
+  }
+  return context;
+}
+function Tabs({
+  value,
+  defaultValue = "",
+  onValueChange,
+  children,
+  className
+}) {
+  const [internalValue, setInternalValue] = useState3(defaultValue);
+  const isControlled = value !== void 0;
+  const currentValue = isControlled ? value : internalValue;
+  const baseId = useId2();
+  const handleChange = useCallback4(
+    (next) => {
+      if (!isControlled) setInternalValue(next);
+      onValueChange?.(next);
+    },
+    [isControlled, onValueChange]
+  );
+  const context = useMemo2(
+    () => ({
+      value: currentValue,
+      onValueChange: handleChange,
+      baseId
+    }),
+    [baseId, currentValue, handleChange]
+  );
+  return /* @__PURE__ */ jsx21(TabsContext.Provider, { value: context, children: /* @__PURE__ */ jsx21("div", { className: [Tabs_default.tabs, className].filter(Boolean).join(" "), children }) });
+}
+function TabsList({ children, "aria-label": ariaLabel = "Tabs" }) {
+  return /* @__PURE__ */ jsx21("div", { className: Tabs_default.list, role: "tablist", "aria-label": ariaLabel, children });
+}
+function TabsTrigger({ value, children, disabled }) {
+  const { value: activeValue, onValueChange, baseId } = useTabsContext("TabsTrigger");
+  const selected = activeValue === value;
+  const tabId = `${baseId}-tab-${value}`;
+  const panelId = `${baseId}-panel-${value}`;
+  return /* @__PURE__ */ jsx21(
+    "button",
+    {
+      type: "button",
+      id: tabId,
+      role: "tab",
+      className: Tabs_default.trigger,
+      "aria-selected": selected,
+      "aria-controls": panelId,
+      tabIndex: selected ? 0 : -1,
+      "data-state": selected ? "active" : "inactive",
+      disabled,
+      onClick: () => onValueChange(value),
+      children
+    }
+  );
+}
+function TabsPanel({ value, children }) {
+  const { value: activeValue, baseId } = useTabsContext("TabsPanel");
+  const selected = activeValue === value;
+  const tabId = `${baseId}-tab-${value}`;
+  const panelId = `${baseId}-panel-${value}`;
+  if (!selected) return null;
+  return /* @__PURE__ */ jsx21(
+    "div",
+    {
+      id: panelId,
+      role: "tabpanel",
+      className: Tabs_default.panel,
+      "aria-labelledby": tabId,
+      tabIndex: 0,
+      children
+    }
+  );
+}
+
+// src/Drawer/Drawer.tsx
+import {
+  useEffect as useEffect3,
+  useRef as useRef4
+} from "react";
+import { createPortal as createPortal3 } from "react-dom";
+
+// src/Drawer/Drawer.module.css
+var Drawer_default = {};
+
+// src/Drawer/Drawer.tsx
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+function Drawer({
+  open,
+  onClose,
+  children,
+  title,
+  description,
+  side = "right",
+  closeOnOverlay = true
+}) {
+  const panelRef = useRef4(null);
+  const previousFocus = useRef4(null);
+  useEffect3(() => {
+    if (!open) return;
+    previousFocus.current = document.activeElement;
+    panelRef.current?.focus();
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    document.addEventListener("keydown", onKeyDown);
+    document.body.style.overflow = "hidden";
+    return () => {
+      document.removeEventListener("keydown", onKeyDown);
+      document.body.style.overflow = "";
+      previousFocus.current?.focus();
+    };
+  }, [open, onClose]);
+  if (!open) return null;
+  const handleOverlayClick = (e) => {
+    if (closeOnOverlay && e.target === e.currentTarget) onClose();
+  };
+  return createPortal3(
+    /* @__PURE__ */ jsx22("div", { className: Drawer_default.overlay, onClick: handleOverlayClick, role: "presentation", children: /* @__PURE__ */ jsxs16(
+      "aside",
+      {
+        ref: panelRef,
+        className: Drawer_default.panel,
+        "data-side": side,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": title ? "lr-drawer-title" : void 0,
+        "aria-describedby": description ? "lr-drawer-desc" : void 0,
+        tabIndex: -1,
+        children: [
+          title && /* @__PURE__ */ jsx22("h2", { id: "lr-drawer-title", className: Drawer_default.title, children: title }),
+          description && /* @__PURE__ */ jsx22("p", { id: "lr-drawer-desc", className: Drawer_default.description, children: description }),
+          /* @__PURE__ */ jsx22("div", { className: Drawer_default.content, children })
+        ]
+      }
+    ) }),
+    document.body
+  );
+}
+
+// src/Popover/Popover.tsx
+import {
+  useCallback as useCallback5,
+  useEffect as useEffect4,
+  useId as useId3,
+  useRef as useRef5,
+  useState as useState4
+} from "react";
+
+// src/Popover/Popover.module.css
+var Popover_default = {};
+
+// src/Popover/Popover.tsx
+import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
+function Popover({
+  trigger,
+  content,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  side = "bottom",
+  "aria-label": ariaLabel = "Popover"
+}) {
+  const [internalOpen, setInternalOpen] = useState4(defaultOpen);
+  const isControlled = open !== void 0;
+  const isOpen = isControlled ? open : internalOpen;
+  const popoverId = useId3();
+  const rootRef = useRef5(null);
+  const setOpen = useCallback5(
+    (next) => {
+      if (!isControlled) setInternalOpen(next);
+      onOpenChange?.(next);
+    },
+    [isControlled, onOpenChange]
+  );
+  useEffect4(() => {
+    if (!isOpen) return;
+    const onPointerDown = (event) => {
+      if (!rootRef.current?.contains(event.target)) {
+        setOpen(false);
+      }
+    };
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") setOpen(false);
+    };
+    document.addEventListener("mousedown", onPointerDown);
+    document.addEventListener("keydown", onKeyDown);
+    return () => {
+      document.removeEventListener("mousedown", onPointerDown);
+      document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [isOpen, setOpen]);
+  return /* @__PURE__ */ jsxs17("span", { ref: rootRef, className: Popover_default.wrapper, children: [
+    /* @__PURE__ */ jsx23(
+      "span",
+      {
+        onClick: () => setOpen(!isOpen),
+        "aria-expanded": isOpen,
+        "aria-controls": isOpen ? popoverId : void 0,
+        children: trigger
+      }
+    ),
+    isOpen && /* @__PURE__ */ jsx23(
+      "div",
+      {
+        id: popoverId,
+        role: "dialog",
+        "aria-label": ariaLabel,
+        className: Popover_default.popover,
+        "data-side": side,
+        children: content
+      }
+    )
+  ] });
+}
+
+// src/Breadcrumb/Breadcrumb.module.css
+var Breadcrumb_default = {};
+
+// src/Breadcrumb/Breadcrumb.tsx
+import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
+function Breadcrumb({ items, "aria-label": ariaLabel = "Breadcrumb" }) {
+  return /* @__PURE__ */ jsx24("nav", { className: Breadcrumb_default.nav, "aria-label": ariaLabel, children: /* @__PURE__ */ jsx24("ol", { className: Breadcrumb_default.list, children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    const isCurrent = item.current ?? isLast;
+    return /* @__PURE__ */ jsxs18("li", { className: Breadcrumb_default.item, children: [
+      isCurrent ? /* @__PURE__ */ jsx24("span", { className: Breadcrumb_default.current, "aria-current": "page", children: item.label }) : item.href ? /* @__PURE__ */ jsx24("a", { href: item.href, className: Breadcrumb_default.link, onClick: item.onClick, children: item.label }) : /* @__PURE__ */ jsx24("button", { type: "button", className: Breadcrumb_default.linkButton, onClick: item.onClick, children: item.label }),
+      !isLast && /* @__PURE__ */ jsx24("span", { className: Breadcrumb_default.separator, "aria-hidden": "true", children: "/" })
+    ] }, `${item.label}-${index}`);
+  }) }) });
+}
+
+// src/Accordion/Accordion.tsx
+import {
+  createContext as createContext4,
+  useCallback as useCallback6,
+  useContext as useContext4,
+  useId as useId4,
+  useMemo as useMemo3,
+  useState as useState5
+} from "react";
+
+// src/Accordion/Accordion.module.css
+var Accordion_default = {};
+
+// src/Accordion/Accordion.tsx
+import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
+var AccordionContext = createContext4(null);
+var AccordionItemContext = createContext4(null);
+function useAccordionContext(component) {
+  const context = useContext4(AccordionContext);
+  if (!context) {
+    throw new Error(`${component} must be used within Accordion`);
+  }
+  return context;
+}
+function useAccordionItemContext(component) {
+  const value = useContext4(AccordionItemContext);
+  if (!value) {
+    throw new Error(`${component} must be used within AccordionItem`);
+  }
+  return value;
+}
+function Accordion({
+  type = "single",
+  collapsible = false,
+  value,
+  defaultValue = [],
+  onValueChange,
+  children,
+  className
+}) {
+  const [internalValue, setInternalValue] = useState5(defaultValue);
+  const isControlled = value !== void 0;
+  const openItems = useMemo3(
+    () => new Set(isControlled ? value : internalValue),
+    [internalValue, isControlled, value]
+  );
+  const baseId = useId4();
+  const toggleItem = useCallback6(
+    (itemValue) => {
+      const next = new Set(openItems);
+      const isOpen = next.has(itemValue);
+      if (type === "single") {
+        next.clear();
+        if (!isOpen || !collapsible) {
+          next.add(itemValue);
+        }
+      } else if (isOpen) {
+        next.delete(itemValue);
+      } else {
+        next.add(itemValue);
+      }
+      const nextValue = Array.from(next);
+      if (!isControlled) setInternalValue(nextValue);
+      onValueChange?.(nextValue);
+    },
+    [collapsible, isControlled, onValueChange, openItems, type]
+  );
+  const context = useMemo3(
+    () => ({
+      type,
+      collapsible,
+      openItems,
+      toggleItem,
+      baseId
+    }),
+    [baseId, collapsible, openItems, toggleItem, type]
+  );
+  return /* @__PURE__ */ jsx25(AccordionContext.Provider, { value: context, children: /* @__PURE__ */ jsx25("div", { className: [Accordion_default.accordion, className].filter(Boolean).join(" "), children }) });
+}
+function AccordionItem({ value, children, disabled }) {
+  return /* @__PURE__ */ jsx25(AccordionItemContext.Provider, { value, children: /* @__PURE__ */ jsx25("div", { className: Accordion_default.item, "data-disabled": disabled ? "true" : void 0, children }) });
+}
+function AccordionTrigger({ children }) {
+  const itemValue = useAccordionItemContext("AccordionTrigger");
+  const { openItems, toggleItem, baseId } = useAccordionContext("AccordionTrigger");
+  const isOpen = openItems.has(itemValue);
+  const triggerId = `${baseId}-trigger-${itemValue}`;
+  const panelId = `${baseId}-panel-${itemValue}`;
+  return /* @__PURE__ */ jsxs19(
+    "button",
+    {
+      type: "button",
+      id: triggerId,
+      className: Accordion_default.trigger,
+      "aria-expanded": isOpen,
+      "aria-controls": panelId,
+      "data-state": isOpen ? "open" : "closed",
+      onClick: () => toggleItem(itemValue),
+      children: [
+        /* @__PURE__ */ jsx25("span", { children }),
+        /* @__PURE__ */ jsx25("span", { className: Accordion_default.icon, "aria-hidden": "true", children: "\u25BE" })
+      ]
+    }
+  );
+}
+function AccordionContent({ children }) {
+  const itemValue = useAccordionItemContext("AccordionContent");
+  const { openItems, baseId } = useAccordionContext("AccordionContent");
+  const isOpen = openItems.has(itemValue);
+  const triggerId = `${baseId}-trigger-${itemValue}`;
+  const panelId = `${baseId}-panel-${itemValue}`;
+  return /* @__PURE__ */ jsx25(
+    "div",
+    {
+      id: panelId,
+      role: "region",
+      className: Accordion_default.content,
+      "aria-labelledby": triggerId,
+      "data-state": isOpen ? "open" : "closed",
+      hidden: !isOpen,
+      children
+    }
+  );
+}
+
+// src/Pagination/Pagination.tsx
+import { useMemo as useMemo4 } from "react";
+
+// src/Pagination/Pagination.module.css
+var Pagination_default = {};
+
+// src/Pagination/Pagination.tsx
+import { jsx as jsx26, jsxs as jsxs20 } from "react/jsx-runtime";
+function range(start, end) {
+  const items = [];
+  for (let i = start; i <= end; i += 1) {
+    items.push(i);
+  }
+  return items;
+}
+function getPageItems(page, totalPages, siblingCount) {
+  if (totalPages <= 1) return [1];
+  const totalNumbers = siblingCount * 2 + 5;
+  if (totalPages <= totalNumbers) {
+    return range(1, totalPages);
+  }
+  const leftSibling = Math.max(page - siblingCount, 1);
+  const rightSibling = Math.min(page + siblingCount, totalPages);
+  const showLeftEllipsis = leftSibling > 2;
+  const showRightEllipsis = rightSibling < totalPages - 1;
+  if (!showLeftEllipsis && showRightEllipsis) {
+    return [...range(1, 3 + siblingCount * 2), "ellipsis", totalPages];
+  }
+  if (showLeftEllipsis && !showRightEllipsis) {
+    return [1, "ellipsis", ...range(totalPages - (3 + siblingCount * 2), totalPages)];
+  }
+  if (showLeftEllipsis && showRightEllipsis) {
+    return [1, "ellipsis", ...range(leftSibling, rightSibling), "ellipsis", totalPages];
+  }
+  return range(1, totalPages);
+}
+function Pagination({
+  page,
+  totalPages,
+  onPageChange,
+  siblingCount = 1,
+  previousLabel = "Previous page",
+  nextLabel = "Next page",
+  "aria-label": ariaLabel = "Pagination",
+  className
+}) {
+  const items = useMemo4(
+    () => getPageItems(page, totalPages, siblingCount),
+    [page, siblingCount, totalPages]
+  );
+  if (totalPages < 1) return null;
+  return /* @__PURE__ */ jsxs20("nav", { className: [Pagination_default.pagination, className].filter(Boolean).join(" "), "aria-label": ariaLabel, children: [
+    /* @__PURE__ */ jsx26(
+      "button",
+      {
+        type: "button",
+        className: Pagination_default.pageButton,
+        "aria-label": previousLabel,
+        disabled: page <= 1,
+        onClick: () => onPageChange(page - 1),
+        children: "\u2039"
+      }
+    ),
+    items.map(
+      (item, index) => item === "ellipsis" ? /* @__PURE__ */ jsx26("span", { className: Pagination_default.ellipsis, "aria-hidden": "true", children: "\u2026" }, `ellipsis-${index}`) : /* @__PURE__ */ jsx26(
+        "button",
+        {
+          type: "button",
+          className: Pagination_default.pageButton,
+          "aria-label": `Page ${item}`,
+          "aria-current": item === page ? "page" : void 0,
+          "data-state": item === page ? "active" : "inactive",
+          onClick: () => onPageChange(item),
+          children: item
+        },
+        item
+      )
+    ),
+    /* @__PURE__ */ jsx26(
+      "button",
+      {
+        type: "button",
+        className: Pagination_default.pageButton,
+        "aria-label": nextLabel,
+        disabled: page >= totalPages,
+        onClick: () => onPageChange(page + 1),
+        children: "\u203A"
+      }
+    )
+  ] });
+}
+
+// src/DataTable/DataTable.module.css
+var DataTable_default = {};
+
+// src/DataTable/DataTable.tsx
+import { jsx as jsx27, jsxs as jsxs21 } from "react/jsx-runtime";
+function renderCell(row, column) {
+  if (column.render) return column.render(row);
+  if (column.accessor) return column.accessor(row);
+  return null;
+}
+function DataTable({
+  data,
+  columns,
+  keyExtractor,
+  caption,
+  "aria-label": ariaLabel,
+  loading = false,
+  emptyTitle = "No data",
+  emptyDescription,
+  emptyMessage,
+  striped = false,
+  skeletonRows = 3,
+  className
+}) {
+  if (loading) {
+    return /* @__PURE__ */ jsx27(
+      "div",
+      {
+        className: [DataTable_default.wrapper, className].filter(Boolean).join(" "),
+        "data-state": "loading",
+        "aria-busy": "true",
+        "aria-label": ariaLabel ?? caption ?? "Loading table",
+        children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx27("div", { className: DataTable_default.skeletonRow, children: columns.map((column) => /* @__PURE__ */ jsx27(Skeleton, { height: "1rem", width: `${100 / columns.length}%` }, column.key)) }, index))
+      }
+    );
+  }
+  if (data.length === 0) {
+    return /* @__PURE__ */ jsx27(
+      "div",
+      {
+        className: [DataTable_default.wrapper, className].filter(Boolean).join(" "),
+        "data-state": "empty",
+        children: /* @__PURE__ */ jsx27("div", { className: DataTable_default.empty, children: /* @__PURE__ */ jsx27(
+          EmptyState,
+          {
+            title: emptyTitle,
+            description: emptyDescription ?? emptyMessage,
+            state: "empty"
+          }
+        ) })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx27("div", { className: [DataTable_default.wrapper, className].filter(Boolean).join(" "), "data-state": "ready", children: /* @__PURE__ */ jsxs21("table", { className: DataTable_default.table, "aria-label": ariaLabel, children: [
+    caption && /* @__PURE__ */ jsx27("caption", { className: DataTable_default.caption, children: caption }),
+    /* @__PURE__ */ jsx27("thead", { children: /* @__PURE__ */ jsx27("tr", { children: columns.map((column) => /* @__PURE__ */ jsx27("th", { scope: "col", className: DataTable_default.headCell, children: column.header }, column.key)) }) }),
+    /* @__PURE__ */ jsx27("tbody", { children: data.map((row) => /* @__PURE__ */ jsx27("tr", { className: DataTable_default.row, "data-striped": striped ? "true" : void 0, children: columns.map((column) => /* @__PURE__ */ jsx27("td", { className: DataTable_default.cell, children: renderCell(row, column) }, column.key)) }, keyExtractor(row))) })
+  ] }) });
+}
+
+// src/FileUpload/FileUpload.tsx
+import { useCallback as useCallback7, useId as useId5, useRef as useRef6, useState as useState6 } from "react";
+
+// src/FileUpload/FileUpload.module.css
+var FileUpload_default = {};
+
+// src/FileUpload/FileUpload.tsx
+import { jsx as jsx28, jsxs as jsxs22 } from "react/jsx-runtime";
+function FileUpload({
+  label,
+  hint,
+  error = null,
+  accept,
+  multiple = false,
+  disabled = false,
+  buttonLabel = "Choose files or drag here",
+  onFilesChange,
+  className
+}) {
+  const inputId = useId5();
+  const inputRef = useRef6(null);
+  const [files, setFiles] = useState6([]);
+  const [dragOver, setDragOver] = useState6(false);
+  const errorMessage = typeof error === "string" ? error : null;
+  const uiState = disabled ? "disabled" : errorMessage ? "error" : dragOver ? "dragover" : "default";
+  const updateFiles = useCallback7(
+    (next) => {
+      setFiles(next);
+      onFilesChange?.(next);
+    },
+    [onFilesChange]
+  );
+  const handleFiles = useCallback7(
+    (fileList) => {
+      if (!fileList || disabled) return;
+      updateFiles(Array.from(fileList));
+    },
+    [disabled, updateFiles]
+  );
+  const onDrop = useCallback7(
+    (event) => {
+      event.preventDefault();
+      setDragOver(false);
+      handleFiles(event.dataTransfer.files);
+    },
+    [handleFiles]
+  );
+  return /* @__PURE__ */ jsxs22("div", { className: [FileUpload_default.wrapper, className].filter(Boolean).join(" "), "data-state": uiState, children: [
+    label && /* @__PURE__ */ jsx28("span", { id: `${inputId}-label`, className: FileUpload_default.label, children: label }),
+    /* @__PURE__ */ jsxs22(
+      "label",
+      {
+        htmlFor: inputId,
+        className: FileUpload_default.dropzone,
+        "data-state": uiState,
+        onDragOver: (event) => {
+          event.preventDefault();
+          if (!disabled) setDragOver(true);
+        },
+        onDragLeave: () => setDragOver(false),
+        onDrop,
+        children: [
+          /* @__PURE__ */ jsx28(
+            "input",
+            {
+              ref: inputRef,
+              id: inputId,
+              type: "file",
+              className: FileUpload_default.input,
+              accept,
+              multiple,
+              disabled,
+              "aria-invalid": Boolean(errorMessage),
+              "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+              "aria-labelledby": label ? `${inputId}-label` : void 0,
+              onChange: (event) => handleFiles(event.target.files)
+            }
+          ),
+          /* @__PURE__ */ jsx28("span", { children: buttonLabel })
+        ]
+      }
+    ),
+    files.length > 0 && /* @__PURE__ */ jsx28("ul", { className: FileUpload_default.fileList, "aria-label": "Selected files", children: files.map((file) => /* @__PURE__ */ jsx28("li", { className: FileUpload_default.fileItem, children: file.name }, `${file.name}-${file.lastModified}`)) }),
+    hint && !errorMessage && /* @__PURE__ */ jsx28("span", { id: `${inputId}-hint`, className: FileUpload_default.hint, children: hint }),
+    errorMessage && /* @__PURE__ */ jsx28("span", { id: `${inputId}-error`, className: FileUpload_default.error, role: "alert", children: errorMessage })
+  ] });
+}
+
+// src/Sidebar/Sidebar.module.css
+var Sidebar_default = {};
+
+// src/Sidebar/Sidebar.tsx
+import { jsx as jsx29, jsxs as jsxs23 } from "react/jsx-runtime";
+function Sidebar({
+  children,
+  "aria-label": ariaLabel = "Sidebar",
+  className
+}) {
+  return /* @__PURE__ */ jsx29("aside", { className: [Sidebar_default.sidebar, className].filter(Boolean).join(" "), "aria-label": ariaLabel, children });
+}
+function SidebarHeader({ children }) {
+  return /* @__PURE__ */ jsx29("div", { className: Sidebar_default.header, children });
+}
+function SidebarNav({ children, "aria-label": ariaLabel = "Sidebar navigation" }) {
+  return /* @__PURE__ */ jsx29("nav", { className: Sidebar_default.nav, "aria-label": ariaLabel, children });
+}
+function SidebarGroup({ label, children }) {
+  return /* @__PURE__ */ jsxs23("div", { role: "group", "aria-label": label, children: [
+    /* @__PURE__ */ jsx29("div", { className: Sidebar_default.groupLabel, children: label }),
+    children
+  ] });
+}
+function SidebarItem({
+  children,
+  href,
+  active = false,
+  disabled = false,
+  onClick
+}) {
+  const state = disabled ? "disabled" : active ? "active" : "inactive";
+  if (href && !disabled) {
+    return /* @__PURE__ */ jsx29("a", { href, className: Sidebar_default.item, "data-state": state, "aria-current": active ? "page" : void 0, children });
+  }
+  return /* @__PURE__ */ jsx29(
+    "button",
+    {
+      type: "button",
+      className: Sidebar_default.item,
+      "data-state": state,
+      "aria-current": active ? "page" : void 0,
+      disabled,
+      onClick,
+      children
+    }
+  );
+}
+
+// src/Header/Header.module.css
+var Header_default = {};
+
+// src/Header/Header.tsx
+import { jsx as jsx30 } from "react/jsx-runtime";
+function Header({ children, className }) {
+  return /* @__PURE__ */ jsx30("header", { className: [Header_default.header, className].filter(Boolean).join(" "), children });
+}
+function HeaderTitle({ children }) {
+  return /* @__PURE__ */ jsx30("h1", { className: Header_default.title, children });
+}
+function HeaderBrand({ children }) {
+  return /* @__PURE__ */ jsx30("div", { className: Header_default.brand, children });
+}
+function HeaderActions({ children }) {
+  return /* @__PURE__ */ jsx30("div", { className: Header_default.actions, children });
+}
+
+// src/CommandPalette/CommandPalette.tsx
+import { useCallback as useCallback8, useEffect as useEffect5, useMemo as useMemo5, useRef as useRef7, useState as useState7 } from "react";
+
+// src/CommandPalette/CommandPalette.module.css
+var CommandPalette_default = {};
+
+// src/CommandPalette/CommandPalette.tsx
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+function matchesQuery(item, query) {
+  if (!query) return true;
+  const haystack = [item.label, ...item.keywords ?? []].join(" ").toLowerCase();
+  return haystack.includes(query.toLowerCase());
+}
+function CommandPalette({
+  open,
+  onOpenChange,
+  items,
+  placeholder = "Search commands\u2026",
+  emptyMessage = "No commands found",
+  "aria-label": ariaLabel = "Command palette"
+}) {
+  const [query, setQuery] = useState7("");
+  const [activeIndex, setActiveIndex] = useState7(0);
+  const inputRef = useRef7(null);
+  const filtered = useMemo5(
+    () => items.filter((item) => matchesQuery(item, query.trim())),
+    [items, query]
+  );
+  const close = useCallback8(() => {
+    onOpenChange(false);
+    setQuery("");
+    setActiveIndex(0);
+  }, [onOpenChange]);
+  const selectItem = useCallback8(
+    (item) => {
+      item.onSelect();
+      close();
+    },
+    [close]
+  );
+  useEffect5(() => {
+    if (!open) return;
+    setQuery("");
+    setActiveIndex(0);
+    inputRef.current?.focus();
+  }, [open]);
+  useEffect5(() => {
+    if (activeIndex >= filtered.length) {
+      setActiveIndex(Math.max(filtered.length - 1, 0));
+    }
+  }, [activeIndex, filtered.length]);
+  useEffect5(() => {
+    if (!open) return;
+    const onKeyDown = (event) => {
+      if (event.key === "Escape") {
+        event.preventDefault();
+        close();
+        return;
+      }
+      if (event.key === "ArrowDown") {
+        event.preventDefault();
+        setActiveIndex((index) => (index + 1) % Math.max(filtered.length, 1));
+      }
+      if (event.key === "ArrowUp") {
+        event.preventDefault();
+        setActiveIndex(
+          (index) => (index - 1 + Math.max(filtered.length, 1)) % Math.max(filtered.length, 1)
+        );
+      }
+      if (event.key === "Enter" && filtered[activeIndex]) {
+        event.preventDefault();
+        selectItem(filtered[activeIndex]);
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [activeIndex, close, filtered, open, selectItem]);
+  if (!open) return null;
+  const grouped = filtered.reduce((acc, item) => {
+    const group = item.group ?? "Commands";
+    acc[group] = acc[group] ?? [];
+    acc[group].push(item);
+    return acc;
+  }, {});
+  let itemIndex = -1;
+  return /* @__PURE__ */ jsx31("div", { className: CommandPalette_default.overlay, onClick: close, children: /* @__PURE__ */ jsxs24(
+    "div",
+    {
+      role: "dialog",
+      "aria-label": ariaLabel,
+      className: CommandPalette_default.dialog,
+      onClick: (event) => event.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsx31(
+          "input",
+          {
+            ref: inputRef,
+            type: "search",
+            className: CommandPalette_default.search,
+            placeholder,
+            value: query,
+            "aria-controls": "larose-command-list",
+            "aria-activedescendant": filtered[activeIndex] ? `larose-command-${filtered[activeIndex].id}` : void 0,
+            onChange: (event) => {
+              setQuery(event.target.value);
+              setActiveIndex(0);
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx31(
+          "ul",
+          {
+            id: "larose-command-list",
+            className: CommandPalette_default.list,
+            role: "listbox",
+            "aria-label": ariaLabel,
+            children: filtered.length === 0 ? /* @__PURE__ */ jsx31("li", { className: CommandPalette_default.empty, role: "presentation", children: emptyMessage }) : Object.entries(grouped).map(([group, groupItems]) => /* @__PURE__ */ jsxs24("li", { role: "presentation", children: [
+              /* @__PURE__ */ jsx31("div", { className: CommandPalette_default.groupLabel, children: group }),
+              /* @__PURE__ */ jsx31("ul", { role: "group", "aria-label": group, children: groupItems.map((item) => {
+                itemIndex += 1;
+                const isActive = itemIndex === activeIndex;
+                return /* @__PURE__ */ jsx31("li", { role: "presentation", children: /* @__PURE__ */ jsx31(
+                  "button",
+                  {
+                    id: `larose-command-${item.id}`,
+                    type: "button",
+                    role: "option",
+                    "aria-selected": isActive,
+                    className: CommandPalette_default.item,
+                    "data-state": isActive ? "active" : "inactive",
+                    onMouseEnter: () => setActiveIndex(itemIndex),
+                    onClick: () => selectItem(item),
+                    children: item.label
+                  }
+                ) }, item.id);
+              }) })
+            ] }, group))
+          }
+        )
+      ]
+    }
+  ) });
+}
+function useCommandPaletteShortcut(onOpen, enabled = true) {
+  useEffect5(() => {
+    if (!enabled) return;
+    const onKeyDown = (event) => {
+      if ((event.metaKey || event.ctrlKey) && event.key.toLowerCase() === "k") {
+        event.preventDefault();
+        onOpen();
+      }
+    };
+    window.addEventListener("keydown", onKeyDown);
+    return () => window.removeEventListener("keydown", onKeyDown);
+  }, [enabled, onOpen]);
+}
+
+// src/DatePicker/DatePicker.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { resolveUIState as resolveUIState5 } from "@larose-ui/core";
+
+// src/DatePicker/datetime-field.module.css
+var datetime_field_default = {};
+
+// src/DatePicker/DatePicker.tsx
+import { jsx as jsx32, jsxs as jsxs25 } from "react/jsx-runtime";
+var DatePicker = forwardRef7(
+  ({
+    label,
+    hint,
+    state,
+    loading = false,
+    error = null,
+    disabled,
+    readOnly,
+    inputSize = "md",
+    className,
+    id,
+    value = "",
+    onChange,
+    ...props
+  }, ref) => {
+    const inputId = id ?? (label ? label.toLowerCase().replace(/\s+/g, "-") : void 0);
+    const uiState = resolveUIState5({ state, loading, error, disabled, readonly: readOnly });
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs25("div", { className: datetime_field_default.wrapper, "data-state": uiState, children: [
+      label && /* @__PURE__ */ jsx32("label", { htmlFor: inputId, className: datetime_field_default.label, children: label }),
+      /* @__PURE__ */ jsx32("div", { className: datetime_field_default.inputContainer, children: /* @__PURE__ */ jsx32(
+        "input",
+        {
+          ref,
+          id: inputId,
+          type: "date",
+          className: [datetime_field_default.input, className].filter(Boolean).join(" "),
+          "data-size": inputSize,
+          "data-state": uiState,
+          value,
+          disabled: disabled || uiState === "disabled" || uiState === "loading",
+          readOnly: readOnly || uiState === "readonly",
+          "aria-invalid": uiState === "error",
+          "aria-busy": uiState === "loading",
+          "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+          onChange: (event) => onChange?.(event.target.value),
+          ...props
+        }
+      ) }),
+      hint && !errorMessage && /* @__PURE__ */ jsx32("span", { id: `${inputId}-hint`, className: datetime_field_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx32("span", { id: `${inputId}-error`, className: datetime_field_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+DatePicker.displayName = "DatePicker";
+
+// src/TimePicker/TimePicker.tsx
+import { forwardRef as forwardRef8 } from "react";
+import { resolveUIState as resolveUIState6 } from "@larose-ui/core";
+import { jsx as jsx33, jsxs as jsxs26 } from "react/jsx-runtime";
+var TimePicker = forwardRef8(
+  ({
+    label,
+    hint,
+    state,
+    loading = false,
+    error = null,
+    disabled,
+    readOnly,
+    inputSize = "md",
+    className,
+    id,
+    value = "",
+    onChange,
+    ...props
+  }, ref) => {
+    const inputId = id ?? (label ? label.toLowerCase().replace(/\s+/g, "-") : void 0);
+    const uiState = resolveUIState6({ state, loading, error, disabled, readonly: readOnly });
+    const errorMessage = typeof error === "string" ? error : null;
+    return /* @__PURE__ */ jsxs26("div", { className: datetime_field_default.wrapper, "data-state": uiState, children: [
+      label && /* @__PURE__ */ jsx33("label", { htmlFor: inputId, className: datetime_field_default.label, children: label }),
+      /* @__PURE__ */ jsx33("div", { className: datetime_field_default.inputContainer, children: /* @__PURE__ */ jsx33(
+        "input",
+        {
+          ref,
+          id: inputId,
+          type: "time",
+          className: [datetime_field_default.input, className].filter(Boolean).join(" "),
+          "data-size": inputSize,
+          "data-state": uiState,
+          value,
+          disabled: disabled || uiState === "disabled" || uiState === "loading",
+          readOnly: readOnly || uiState === "readonly",
+          "aria-invalid": uiState === "error",
+          "aria-busy": uiState === "loading",
+          "aria-describedby": errorMessage ? `${inputId}-error` : hint ? `${inputId}-hint` : void 0,
+          onChange: (event) => onChange?.(event.target.value),
+          ...props
+        }
+      ) }),
+      hint && !errorMessage && /* @__PURE__ */ jsx33("span", { id: `${inputId}-hint`, className: datetime_field_default.hint, children: hint }),
+      errorMessage && /* @__PURE__ */ jsx33("span", { id: `${inputId}-error`, className: datetime_field_default.error, role: "alert", children: errorMessage })
+    ] });
+  }
+);
+TimePicker.displayName = "TimePicker";
+
+// src/DateRangePicker/DateRangePicker.tsx
+import { useId as useId6 } from "react";
+import { resolveUIState as resolveUIState7 } from "@larose-ui/core";
+import { jsx as jsx34, jsxs as jsxs27 } from "react/jsx-runtime";
+function DateRangePicker({
+  label,
+  startLabel = "Start date",
+  endLabel = "End date",
+  hint,
+  state,
+  loading = false,
+  error = null,
+  inputSize = "md",
+  value = { startDate: "", endDate: "" },
+  onChange,
+  min,
+  max,
+  disabled,
+  readOnly,
+  className,
+  id
+}) {
+  const generatedId = useId6();
+  const groupId = id ?? generatedId;
+  const startId = `${groupId}-start`;
+  const endId = `${groupId}-end`;
+  const uiState = resolveUIState7({ state, loading, error, disabled, readonly: readOnly });
+  const errorMessage = typeof error === "string" ? error : null;
+  const updateRange = (partial) => {
+    onChange?.({ ...value, ...partial });
+  };
+  return /* @__PURE__ */ jsxs27(
+    "fieldset",
+    {
+      className: [datetime_field_default.wrapper, className].filter(Boolean).join(" "),
+      "data-state": uiState,
+      "aria-describedby": errorMessage ? `${groupId}-error` : hint ? `${groupId}-hint` : void 0,
+      children: [
+        label && /* @__PURE__ */ jsx34("legend", { className: datetime_field_default.label, id: `${groupId}-legend`, children: label }),
+        /* @__PURE__ */ jsxs27("div", { className: datetime_field_default.range, children: [
+          /* @__PURE__ */ jsxs27("div", { className: datetime_field_default.rangeField, children: [
+            /* @__PURE__ */ jsx34("label", { htmlFor: startId, className: datetime_field_default.label, children: startLabel }),
+            /* @__PURE__ */ jsx34("div", { className: datetime_field_default.inputContainer, children: /* @__PURE__ */ jsx34(
+              "input",
+              {
+                id: startId,
+                type: "date",
+                className: datetime_field_default.input,
+                "data-size": inputSize,
+                "data-state": uiState,
+                value: value.startDate,
+                min,
+                max: value.endDate || max,
+                disabled: disabled || uiState === "disabled" || uiState === "loading",
+                readOnly: readOnly || uiState === "readonly",
+                "aria-invalid": uiState === "error",
+                "aria-busy": uiState === "loading",
+                onChange: (event) => updateRange({ startDate: event.target.value })
+              }
+            ) })
+          ] }),
+          /* @__PURE__ */ jsx34("span", { className: datetime_field_default.separator, "aria-hidden": "true", children: "to" }),
+          /* @__PURE__ */ jsxs27("div", { className: datetime_field_default.rangeField, children: [
+            /* @__PURE__ */ jsx34("label", { htmlFor: endId, className: datetime_field_default.label, children: endLabel }),
+            /* @__PURE__ */ jsx34("div", { className: datetime_field_default.inputContainer, children: /* @__PURE__ */ jsx34(
+              "input",
+              {
+                id: endId,
+                type: "date",
+                className: datetime_field_default.input,
+                "data-size": inputSize,
+                "data-state": uiState,
+                value: value.endDate,
+                min: value.startDate || min,
+                max,
+                disabled: disabled || uiState === "disabled" || uiState === "loading",
+                readOnly: readOnly || uiState === "readonly",
+                "aria-invalid": uiState === "error",
+                "aria-busy": uiState === "loading",
+                onChange: (event) => updateRange({ endDate: event.target.value })
+              }
+            ) })
+          ] })
+        ] }),
+        hint && !errorMessage && /* @__PURE__ */ jsx34("span", { id: `${groupId}-hint`, className: datetime_field_default.hint, children: hint }),
+        errorMessage && /* @__PURE__ */ jsx34("span", { id: `${groupId}-error`, className: datetime_field_default.error, role: "alert", children: errorMessage })
+      ]
+    }
+  );
+}
+
+// src/index.ts
+import { LAROSE_VERSION } from "@larose-ui/core";
+import { applyTokensToElement as applyTokensToElement2, getTokens, tokensToCSSVariables } from "@larose-ui/tokens";
+export {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+  Alert,
+  AsyncButton,
+  Badge,
+  Breadcrumb,
+  Button,
+  Card,
+  Checkbox,
+  CommandPalette,
+  DataTable,
+  DatePicker,
+  DateRangePicker,
+  Dialog,
+  Drawer,
+  EmptyState,
+  FileUpload,
+  Header,
+  HeaderActions,
+  HeaderBrand,
+  HeaderTitle,
+  Input,
+  LAROSE_VERSION,
+  LaRoseProvider,
+  Modal,
+  Pagination,
+  Popover,
+  Progress,
+  Radio,
+  Select,
+  Sidebar,
+  SidebarGroup,
+  SidebarHeader,
+  SidebarItem,
+  SidebarNav,
+  Skeleton,
+  Spinner,
+  Switch,
+  Tabs,
+  TabsList,
+  TabsPanel,
+  TabsTrigger,
+  Textarea,
+  TimePicker,
+  ToastProvider,
+  Tooltip,
+  applyTokensToElement2 as applyTokensToElement,
+  getTokens,
+  tokensToCSSVariables,
+  useCommandPaletteShortcut,
+  useLaRose,
+  useToast
+};