@entropix/react 0.3.0 → 1.0.1

package/dist/index.js

@@ -1,1124 +1,22 @@
-import { forwardRef, useMemo, useCallback, createContext, useState, useEffect, useRef, useContext } from 'react';
-import { useButton, useToggle, useInput, useDialog, useTabs, useAccordion, useMenu, useRadioGroup, useSelect } from '@entropix/core';
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { createPortal } from 'react-dom';
+export { Input } from './chunk-664P2RGR.js';
+export { Textarea } from './chunk-UGCCJI2F.js';
+import './chunk-AVCBDUKH.js';
+export { Checkbox } from './chunk-CL6JXZIY.js';
+export { RadioGroup, RadioItem } from './chunk-GTVBKK3W.js';
+export { Select, SelectContent, SelectOption, SelectTrigger } from './chunk-BY4E26CV.js';
+export { Container, Divider, Inline, Stack } from './chunk-CTT3LXMZ.js';
+export { Button } from './chunk-OT2HJUCB.js';
+export { Switch } from './chunk-U5CZHO6D.js';
+export { Toggle } from './chunk-PILZGMQG.js';
+export { Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogTitle, DialogTrigger, useFocusRestore, useFocusTrap } from './chunk-W6N4D4N4.js';
+export { Tab, TabList, TabPanel, Tabs } from './chunk-36ZHHJYV.js';
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger } from './chunk-FJGLK3I4.js';
+export { Menu, MenuContent, MenuItem, MenuTrigger } from './chunk-PN42JF6U.js';
+export { useKeyboardHandler } from './chunk-BN57JPKV.js';
+export { mapAccessibilityToAria } from './chunk-Y2M2LJGJ.js';
+import './chunk-6UAQCHIW.js';
+import { useCallback, useState, useEffect } from 'react';
 
-// src/utils/map-accessibility-to-aria.ts
-var ARIA_MAP = {
-  role: "role",
-  label: "aria-label",
-  labelledBy: "aria-labelledby",
-  describedBy: "aria-describedby",
-  disabled: "aria-disabled",
-  expanded: "aria-expanded",
-  selected: "aria-selected",
-  checked: "aria-checked",
-  pressed: "aria-pressed",
-  busy: "aria-busy",
-  modal: "aria-modal",
-  hasPopup: "aria-haspopup",
-  controls: "aria-controls",
-  owns: "aria-owns",
-  live: "aria-live",
-  orientation: "aria-orientation",
-  tabIndex: "tabIndex",
-  hidden: "aria-hidden",
-  valueNow: "aria-valuenow",
-  valueMin: "aria-valuemin",
-  valueMax: "aria-valuemax",
-  valueText: "aria-valuetext",
-  required: "aria-required",
-  invalid: "aria-invalid"
-};
-function mapAccessibilityToAria(props) {
-  const result = {};
-  for (const [key, attrName] of Object.entries(ARIA_MAP)) {
-    const value = props[key];
-    if (value !== void 0) {
-      result[attrName] = value;
-    }
-  }
-  return result;
-}
-function useKeyboardHandler(keyboardConfig, actionMap) {
-  const handler = useCallback(
-    (event) => {
-      if (!keyboardConfig) return;
-      const intent = keyboardConfig.getIntent(event.key, {
-        shift: event.shiftKey,
-        meta: event.metaKey,
-        alt: event.altKey
-      });
-      if (intent && actionMap[intent]) {
-        event.preventDefault();
-        actionMap[intent]();
-      }
-    },
-    [keyboardConfig, actionMap]
-  );
-  if (!keyboardConfig) return void 0;
-  return handler;
-}
-var FOCUSABLE_SELECTOR = [
-  "a[href]",
-  "button:not([disabled])",
-  "input:not([disabled])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  '[tabindex]:not([tabindex="-1"])'
-].join(", ");
-function useFocusTrap(containerRef, isActive) {
-  useEffect(() => {
-    if (!isActive) return;
-    const container = containerRef.current;
-    if (!container) return;
-    const focusableElements = container.querySelectorAll(FOCUSABLE_SELECTOR);
-    if (focusableElements.length > 0) {
-      focusableElements[0].focus();
-    }
-    function handleKeyDown(event) {
-      if (event.key !== "Tab") return;
-      const focusable = container.querySelectorAll(FOCUSABLE_SELECTOR);
-      if (focusable.length === 0) return;
-      const first = focusable[0];
-      const last = focusable[focusable.length - 1];
-      if (event.shiftKey) {
-        if (document.activeElement === first) {
-          event.preventDefault();
-          last.focus();
-        }
-      } else {
-        if (document.activeElement === last) {
-          event.preventDefault();
-          first.focus();
-        }
-      }
-    }
-    container.addEventListener("keydown", handleKeyDown);
-    return () => {
-      container.removeEventListener("keydown", handleKeyDown);
-    };
-  }, [isActive, containerRef]);
-}
-function useFocusRestore(isActive) {
-  const savedElement = useRef(null);
-  useEffect(() => {
-    if (isActive) {
-      savedElement.current = document.activeElement;
-    } else if (savedElement.current) {
-      const el = savedElement.current;
-      if (el && document.body.contains(el) && typeof el.focus === "function") {
-        el.focus();
-      }
-      savedElement.current = null;
-    }
-  }, [isActive]);
-}
-
-// src/utils/cn.ts
-function cn(...classes) {
-  return classes.filter(Boolean).join(" ");
-}
-var Button = forwardRef(function Button2({
-  disabled,
-  loading,
-  onPress,
-  as: Component = "button",
-  variant,
-  size,
-  className,
-  style,
-  children,
-  onClick,
-  onKeyDown: externalOnKeyDown,
-  ...rest
-}, ref) {
-  const elementType = typeof Component === "string" ? Component : "div";
-  const { isDisabled, isLoading, getButtonProps } = useButton({
-    disabled,
-    loading,
-    onPress,
-    elementType
-  });
-  const propGetterReturn = getButtonProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const actionMap = useMemo(
-    () => ({
-      activate: propGetterReturn.onAction ?? (() => {
-      })
-    }),
-    [propGetterReturn.onAction]
-  );
-  const onKeyDown = useKeyboardHandler(
-    propGetterReturn.keyboardConfig,
-    actionMap
-  );
-  const handleClick = useCallback(
-    (event) => {
-      propGetterReturn.onAction?.();
-      onClick?.(event);
-    },
-    [propGetterReturn.onAction, onClick]
-  );
-  const handleKeyDown = useCallback(
-    (event) => {
-      onKeyDown?.(event);
-      externalOnKeyDown?.(event);
-    },
-    [onKeyDown, externalOnKeyDown]
-  );
-  const dataState = isLoading ? "loading" : isDisabled ? "disabled" : void 0;
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ref,
-      className: cn(
-        "entropix-button",
-        variant && `entropix-button--${variant}`,
-        size && `entropix-button--${size}`,
-        className
-      ),
-      style,
-      ...ariaProps,
-      ...rest,
-      type: Component === "button" ? "button" : void 0,
-      disabled: Component === "button" && isDisabled ? true : void 0,
-      onClick: propGetterReturn.onAction || onClick ? handleClick : void 0,
-      onKeyDown: onKeyDown || externalOnKeyDown ? handleKeyDown : void 0,
-      "data-state": dataState,
-      "data-variant": variant,
-      "data-size": size,
-      children
-    }
-  );
-});
-var Toggle = forwardRef(
-  function Toggle2(props, ref) {
-    return /* @__PURE__ */ jsx(ToggleInner, { ...props, ref, role: "checkbox", componentClass: "entropix-toggle" });
-  }
-);
-var ToggleInner = forwardRef(
-  function ToggleInner2({
-    checked,
-    defaultChecked,
-    onChange,
-    disabled,
-    label,
-    role = "checkbox",
-    componentClass = "entropix-toggle",
-    className,
-    style,
-    children,
-    onClick,
-    onKeyDown: externalOnKeyDown,
-    ...rest
-  }, ref) {
-    const { isChecked, isDisabled, getToggleProps } = useToggle({
-      checked,
-      defaultChecked,
-      onChange,
-      disabled,
-      role
-    });
-    const propGetterReturn = getToggleProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    if (label && !children) {
-      ariaProps["aria-label"] = label;
-    }
-    const actionMap = useMemo(
-      () => ({
-        toggle: propGetterReturn.onAction ?? (() => {
-        })
-      }),
-      [propGetterReturn.onAction]
-    );
-    const onKeyDown = useKeyboardHandler(
-      propGetterReturn.keyboardConfig,
-      actionMap
-    );
-    const handleClick = useCallback(
-      (event) => {
-        propGetterReturn.onAction?.();
-        onClick?.(event);
-      },
-      [propGetterReturn.onAction, onClick]
-    );
-    const handleKeyDown = useCallback(
-      (event) => {
-        onKeyDown?.(event);
-        externalOnKeyDown?.(event);
-      },
-      [onKeyDown, externalOnKeyDown]
-    );
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn(componentClass, className),
-        style,
-        ...ariaProps,
-        ...rest,
-        disabled: isDisabled || void 0,
-        onClick: propGetterReturn.onAction || onClick ? handleClick : void 0,
-        onKeyDown: onKeyDown || externalOnKeyDown ? handleKeyDown : void 0,
-        "data-state": isChecked ? "checked" : "unchecked",
-        children
-      }
-    );
-  }
-);
-var Switch = forwardRef(
-  function Switch2(props, ref) {
-    return /* @__PURE__ */ jsx(ToggleInner, { ...props, ref, role: "switch", componentClass: "entropix-switch" });
-  }
-);
-var DialogContext = createContext(null);
-function useDialogContext() {
-  const context = useContext(DialogContext);
-  if (!context) {
-    throw new Error(
-      "Dialog compound components must be used within a <Dialog> provider."
-    );
-  }
-  return context;
-}
-function Dialog({
-  children,
-  isOpen,
-  defaultOpen,
-  onOpenChange,
-  closeOnOverlayPress,
-  closeOnEscape,
-  modal,
-  role
-}) {
-  const dialog = useDialog({
-    isOpen,
-    defaultOpen,
-    onOpenChange,
-    closeOnOverlayPress,
-    closeOnEscape,
-    modal,
-    role
-  });
-  return /* @__PURE__ */ jsx(DialogContext.Provider, { value: dialog, children });
-}
-var DialogTrigger = forwardRef(
-  function DialogTrigger2({ children, className, onClick, ...rest }, ref) {
-    const { getTriggerProps } = useDialogContext();
-    const propGetterReturn = getTriggerProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    const handleClick = useCallback(
-      (event) => {
-        propGetterReturn.onAction?.();
-        onClick?.(event);
-      },
-      [propGetterReturn.onAction, onClick]
-    );
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        ...ariaProps,
-        ...rest,
-        className: cn("entropix-dialog-trigger", className),
-        onClick: handleClick,
-        children
-      }
-    );
-  }
-);
-var DialogContent = forwardRef(
-  function DialogContent2({ children, className, onKeyDown: externalOnKeyDown, ...rest }, ref) {
-    const { isOpen, close, ids, focusManagement, getContentProps } = useDialogContext();
-    const [mounted, setMounted] = useState(false);
-    useEffect(() => {
-      setMounted(true);
-    }, []);
-    const internalRef = useRef(null);
-    useFocusTrap(internalRef, isOpen && focusManagement.trapFocus);
-    useFocusRestore(isOpen && focusManagement.restoreFocus);
-    const propGetterReturn = getContentProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    const actionMap = useMemo(() => ({ dismiss: close }), [close]);
-    const onKeyDown = useKeyboardHandler(
-      propGetterReturn.keyboardConfig,
-      actionMap
-    );
-    if (!mounted || !isOpen) return null;
-    const content = /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref: (node) => {
-          internalRef.current = node;
-          if (typeof ref === "function") {
-            ref(node);
-          } else if (ref) {
-            ref.current = node;
-          }
-        },
-        id: ids.content,
-        ...ariaProps,
-        ...rest,
-        className: cn("entropix-dialog-content", className),
-        onKeyDown: onKeyDown ? (event) => {
-          onKeyDown(event);
-          externalOnKeyDown?.(event);
-        } : externalOnKeyDown,
-        "data-state": isOpen ? "open" : "closed",
-        children
-      }
-    );
-    return createPortal(content, document.body);
-  }
-);
-var DialogTitle = forwardRef(
-  function DialogTitle2({ children, className, ...rest }, ref) {
-    const { ids } = useDialogContext();
-    return /* @__PURE__ */ jsx("h2", { ref, id: ids.title, ...rest, className: cn("entropix-dialog-title", className), children });
-  }
-);
-var DialogDescription = forwardRef(function DialogDescription2({ children, className, ...rest }, ref) {
-  const { ids } = useDialogContext();
-  return /* @__PURE__ */ jsx("p", { ref, id: ids.description, ...rest, className: cn("entropix-dialog-description", className), children });
-});
-var DialogClose = forwardRef(
-  function DialogClose2({ children, className, onClick, ...rest }, ref) {
-    const { getCloseProps } = useDialogContext();
-    const propGetterReturn = getCloseProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    const handleClick = useCallback(
-      (event) => {
-        propGetterReturn.onAction?.();
-        onClick?.(event);
-      },
-      [propGetterReturn.onAction, onClick]
-    );
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        ref,
-        type: "button",
-        ...ariaProps,
-        ...rest,
-        className: cn("entropix-dialog-close", className),
-        onClick: handleClick,
-        children
-      }
-    );
-  }
-);
-var DialogOverlay = forwardRef(
-  function DialogOverlay2({ className, onClick, ...rest }, ref) {
-    const { isOpen, getOverlayProps } = useDialogContext();
-    const propGetterReturn = getOverlayProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    const handleClick = useCallback(
-      (event) => {
-        propGetterReturn.onAction?.();
-        onClick?.(event);
-      },
-      [propGetterReturn.onAction, onClick]
-    );
-    if (!isOpen) return null;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        ...ariaProps,
-        ...rest,
-        className: cn("entropix-dialog-overlay", className),
-        onClick: propGetterReturn.onAction || onClick ? handleClick : void 0,
-        "data-state": isOpen ? "open" : "closed"
-      }
-    );
-  }
-);
-var TabsContext = createContext(null);
-function useTabsContext() {
-  const context = useContext(TabsContext);
-  if (!context) {
-    throw new Error(
-      "Tabs compound components must be used within a <Tabs> provider."
-    );
-  }
-  return context;
-}
-function Tabs({
-  children,
-  className,
-  orientation = "horizontal",
-  activationMode = "automatic",
-  ...options
-}) {
-  const tabs = useTabs({ ...options, orientation, activationMode });
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { ...tabs, orientation, activationMode }, children: /* @__PURE__ */ jsx("div", { className: cn("entropix-tabs", className), "data-orientation": orientation, children }) });
-}
-function TabList({ children, className }) {
-  const { getTabListProps } = useTabsContext();
-  const propGetterReturn = getTabListProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  return /* @__PURE__ */ jsx("div", { ...ariaProps, className: cn("entropix-tablist", className), children });
-}
-function Tab({ value, children, className }) {
-  const { getTabProps, select, selectedKey, orientation } = useTabsContext();
-  const propGetterReturn = getTabProps(value);
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const baseId = ariaProps["aria-controls"] ? String(ariaProps["aria-controls"]).replace(`-panel-${value}`, "") : "";
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const onKeyDown = useKeyboardHandler(propGetterReturn.keyboardConfig, {
-    activate: () => select(value)
-  });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ...ariaProps,
-      id: `${baseId}-tab-${value}`,
-      className: cn("entropix-tab", className),
-      onClick: handleClick,
-      onKeyDown,
-      "data-state": selectedKey === value ? "active" : "inactive",
-      "data-orientation": orientation,
-      children
-    }
-  );
-}
-function TabPanel({ value, children, className }) {
-  const { getTabPanelProps, selectedKey } = useTabsContext();
-  const propGetterReturn = getTabPanelProps(value);
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const baseId = ariaProps["aria-labelledby"] ? String(ariaProps["aria-labelledby"]).replace(`-tab-${value}`, "") : "";
-  if (selectedKey !== value) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...ariaProps,
-      id: `${baseId}-panel-${value}`,
-      className: cn("entropix-tabpanel", className),
-      "data-state": "active",
-      children
-    }
-  );
-}
-var AccordionContext = createContext(null);
-function useAccordionContext() {
-  const context = useContext(AccordionContext);
-  if (!context) {
-    throw new Error(
-      "Accordion compound components must be used within an <Accordion> provider."
-    );
-  }
-  return context;
-}
-var AccordionItemContext = createContext(null);
-function useAccordionItemContext() {
-  const context = useContext(AccordionItemContext);
-  if (context === null) {
-    throw new Error(
-      "AccordionTrigger and AccordionPanel must be used within an <AccordionItem>."
-    );
-  }
-  return context;
-}
-function Accordion({ children, className, ...options }) {
-  const accordion = useAccordion(options);
-  return /* @__PURE__ */ jsx(AccordionContext.Provider, { value: accordion, children: /* @__PURE__ */ jsx("div", { className: cn("entropix-accordion", className), children }) });
-}
-function AccordionItem({
-  value,
-  children,
-  className
-}) {
-  const { isExpanded } = useAccordionContext();
-  return /* @__PURE__ */ jsx(AccordionItemContext.Provider, { value, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn("entropix-accordion-item", className),
-      "data-state": isExpanded(value) ? "open" : "closed",
-      children
-    }
-  ) });
-}
-function AccordionTrigger({
-  children,
-  className
-}) {
-  const itemKey = useAccordionItemContext();
-  const { getItemTriggerProps, toggle } = useAccordionContext();
-  const propGetterReturn = getItemTriggerProps(itemKey);
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const triggerId = propGetterReturn.accessibility.controls ? String(propGetterReturn.accessibility.controls).replace("panel-", "trigger-") : void 0;
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const onKeyDown = useKeyboardHandler(propGetterReturn.keyboardConfig, {
-    activate: () => toggle(itemKey)
-  });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ...ariaProps,
-      id: triggerId,
-      className: cn("entropix-accordion-trigger", className),
-      onClick: handleClick,
-      onKeyDown,
-      children
-    }
-  );
-}
-function AccordionPanel({ children, className }) {
-  const itemKey = useAccordionItemContext();
-  const { getItemPanelProps, isExpanded } = useAccordionContext();
-  const propGetterReturn = getItemPanelProps(itemKey);
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const panelId = propGetterReturn.accessibility.labelledBy ? String(propGetterReturn.accessibility.labelledBy).replace(
-    "trigger-",
-    "panel-"
-  ) : void 0;
-  if (!isExpanded(itemKey)) return null;
-  return /* @__PURE__ */ jsx("div", { ...ariaProps, id: panelId, className: cn("entropix-accordion-panel", className), "data-state": "open", children });
-}
-var MenuContext = createContext(null);
-function useMenuContext() {
-  const context = useContext(MenuContext);
-  if (!context) {
-    throw new Error(
-      "Menu compound components must be used within a <Menu> provider."
-    );
-  }
-  return context;
-}
-function Menu({ children, ...options }) {
-  const menu = useMenu(options);
-  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: menu, children });
-}
-function MenuTrigger({ children, className }) {
-  const { getTriggerProps, toggle, open } = useMenuContext();
-  const propGetterReturn = getTriggerProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const onKeyDown = useKeyboardHandler(propGetterReturn.keyboardConfig, {
-    activate: toggle,
-    moveDown: open,
-    moveUp: open
-  });
-  return /* @__PURE__ */ jsx(
-    "button",
-    {
-      ...ariaProps,
-      className: cn("entropix-menu-trigger", className),
-      onClick: handleClick,
-      onKeyDown,
-      children
-    }
-  );
-}
-function MenuContent({ children, className }) {
-  const { isOpen, getMenuProps, close } = useMenuContext();
-  const propGetterReturn = getMenuProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const onKeyDown = useKeyboardHandler(propGetterReturn.keyboardConfig, {
-    dismiss: close
-  });
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...ariaProps,
-      className: cn("entropix-menu-content", className),
-      onKeyDown,
-      "data-state": "open",
-      children
-    }
-  );
-}
-function MenuItem({
-  index,
-  onSelect,
-  disabled,
-  children,
-  className
-}) {
-  const { getItemProps, activeIndex } = useMenuContext();
-  const propGetterReturn = getItemProps(index, { onSelect, disabled });
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...ariaProps,
-      className: cn("entropix-menu-item", className),
-      onClick: handleClick,
-      "data-state": activeIndex === index ? "active" : "inactive",
-      "data-disabled": disabled || void 0,
-      children
-    }
-  );
-}
-var Input = forwardRef(function Input2({
-  value,
-  defaultValue,
-  onChange,
-  disabled,
-  readOnly,
-  required,
-  invalid,
-  label,
-  helperText,
-  errorMessage,
-  variant = "default",
-  size = "md",
-  className,
-  type,
-  placeholder,
-  name,
-  ...rest
-}, ref) {
-  const isInvalid = invalid || !!errorMessage;
-  const {
-    value: inputValue,
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    isInvalid: _,
-    getInputProps,
-    getLabelProps,
-    getHelperTextProps,
-    getErrorMessageProps
-  } = useInput({
-    value,
-    defaultValue,
-    onChange,
-    disabled,
-    readOnly,
-    required,
-    invalid: isInvalid,
-    type,
-    placeholder,
-    name
-  });
-  const propGetterReturn = getInputProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const labelProps = getLabelProps();
-  const helperProps = getHelperTextProps();
-  const errorProps = getErrorMessageProps();
-  const handleChange = useCallback(
-    (event) => {
-      onChange?.(event.target.value);
-    },
-    [onChange]
-  );
-  const dataState = isInvalid ? "invalid" : isDisabled ? "disabled" : void 0;
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: cn("entropix-input-wrapper", className),
-      "data-state": dataState,
-      "data-variant": variant,
-      "data-size": size,
-      children: [
-        label && /* @__PURE__ */ jsxs(
-          "label",
-          {
-            className: "entropix-input-label",
-            id: labelProps.id,
-            htmlFor: labelProps.htmlFor,
-            children: [
-              label,
-              isRequired && /* @__PURE__ */ jsx("span", { className: "entropix-input-required", children: "*" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          "input",
-          {
-            ref,
-            className: "entropix-input",
-            ...ariaProps,
-            ...rest,
-            type,
-            name,
-            placeholder,
-            value: inputValue,
-            onChange: handleChange,
-            disabled: isDisabled || void 0,
-            readOnly: isReadOnly || void 0,
-            "data-state": dataState,
-            "data-variant": variant,
-            "data-size": size
-          }
-        ),
-        isInvalid && errorMessage ? /* @__PURE__ */ jsx("span", { className: "entropix-input-error", ...errorProps, children: errorMessage }) : helperText ? /* @__PURE__ */ jsx("span", { className: "entropix-input-helper", ...helperProps, children: helperText }) : null
-      ]
-    }
-  );
-});
-var Textarea = forwardRef(
-  function Textarea2({
-    value,
-    defaultValue,
-    onChange,
-    disabled,
-    readOnly,
-    required,
-    invalid,
-    label,
-    helperText,
-    errorMessage,
-    variant = "default",
-    size = "md",
-    rows,
-    resize = "vertical",
-    className,
-    placeholder,
-    name,
-    style,
-    ...rest
-  }, ref) {
-    const isInvalid = invalid || !!errorMessage;
-    const {
-      value: inputValue,
-      isDisabled,
-      isReadOnly,
-      isRequired,
-      getInputProps,
-      getLabelProps,
-      getHelperTextProps,
-      getErrorMessageProps
-    } = useInput({
-      value,
-      defaultValue,
-      onChange,
-      disabled,
-      readOnly,
-      required,
-      invalid: isInvalid,
-      placeholder,
-      name
-    });
-    const propGetterReturn = getInputProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    const labelProps = getLabelProps();
-    const helperProps = getHelperTextProps();
-    const errorProps = getErrorMessageProps();
-    const handleChange = useCallback(
-      (event) => {
-        onChange?.(event.target.value);
-      },
-      [onChange]
-    );
-    const dataState = isInvalid ? "invalid" : isDisabled ? "disabled" : void 0;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: cn("entropix-input-wrapper", className),
-        "data-state": dataState,
-        "data-variant": variant,
-        "data-size": size,
-        children: [
-          label && /* @__PURE__ */ jsxs(
-            "label",
-            {
-              className: "entropix-input-label",
-              id: labelProps.id,
-              htmlFor: labelProps.htmlFor,
-              children: [
-                label,
-                isRequired && /* @__PURE__ */ jsx("span", { className: "entropix-input-required", children: "*" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "textarea",
-            {
-              ref,
-              className: "entropix-textarea",
-              ...ariaProps,
-              ...rest,
-              name,
-              placeholder,
-              value: inputValue,
-              onChange: handleChange,
-              disabled: isDisabled || void 0,
-              readOnly: isReadOnly || void 0,
-              rows,
-              style: { ...style, resize },
-              "data-state": dataState,
-              "data-variant": variant,
-              "data-size": size
-            }
-          ),
-          isInvalid && errorMessage ? /* @__PURE__ */ jsx("span", { className: "entropix-input-error", ...errorProps, children: errorMessage }) : helperText ? /* @__PURE__ */ jsx("span", { className: "entropix-input-helper", ...helperProps, children: helperText }) : null
-        ]
-      }
-    );
-  }
-);
-var Checkbox = forwardRef(
-  function Checkbox2({
-    checked,
-    defaultChecked,
-    onChange,
-    disabled,
-    label,
-    indeterminate = false,
-    className,
-    style,
-    children,
-    onClick,
-    onKeyDown: externalOnKeyDown,
-    ...rest
-  }, ref) {
-    const { isChecked, isDisabled, getToggleProps } = useToggle({
-      checked,
-      defaultChecked,
-      onChange,
-      disabled,
-      role: "checkbox"
-    });
-    const propGetterReturn = getToggleProps();
-    const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-    if (indeterminate) {
-      ariaProps["aria-checked"] = "mixed";
-    }
-    if (label && !children) {
-      ariaProps["aria-label"] = label;
-    }
-    const actionMap = useMemo(
-      () => ({
-        toggle: propGetterReturn.onAction ?? (() => {
-        })
-      }),
-      [propGetterReturn.onAction]
-    );
-    const onKeyDown = useKeyboardHandler(
-      propGetterReturn.keyboardConfig,
-      actionMap
-    );
-    const handleClick = useCallback(
-      (event) => {
-        propGetterReturn.onAction?.();
-        onClick?.(event);
-      },
-      [propGetterReturn.onAction, onClick]
-    );
-    const handleKeyDown = useCallback(
-      (event) => {
-        onKeyDown?.(event);
-        externalOnKeyDown?.(event);
-      },
-      [onKeyDown, externalOnKeyDown]
-    );
-    const dataState = indeterminate ? "indeterminate" : isChecked ? "checked" : "unchecked";
-    return /* @__PURE__ */ jsxs(
-      "button",
-      {
-        ref,
-        type: "button",
-        className: cn("entropix-checkbox", className),
-        style,
-        ...ariaProps,
-        ...rest,
-        disabled: isDisabled || void 0,
-        onClick: propGetterReturn.onAction || onClick ? handleClick : void 0,
-        onKeyDown: onKeyDown || externalOnKeyDown ? handleKeyDown : void 0,
-        "data-state": dataState,
-        children: [
-          /* @__PURE__ */ jsx("span", { className: "entropix-checkbox__indicator", "data-state": dataState }),
-          (label || children) && /* @__PURE__ */ jsx("span", { className: "entropix-checkbox__label", children: label || children })
-        ]
-      }
-    );
-  }
-);
-var RadioContext = createContext(null);
-function useRadioContext() {
-  const context = useContext(RadioContext);
-  if (!context) {
-    throw new Error(
-      "Radio compound components must be used within a <RadioGroup> provider."
-    );
-  }
-  return context;
-}
-function RadioGroup({
-  children,
-  label,
-  className,
-  ...options
-}) {
-  const radioGroup = useRadioGroup(options);
-  const propGetterReturn = radioGroup.getRadioGroupProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  if (label) {
-    ariaProps["aria-label"] = label;
-  }
-  return /* @__PURE__ */ jsx(RadioContext.Provider, { value: radioGroup, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...ariaProps,
-      className: cn("entropix-radio-group", className),
-      "data-orientation": options.orientation ?? "vertical",
-      children
-    }
-  ) });
-}
-function RadioItem({
-  value,
-  disabled,
-  label,
-  children,
-  className
-}) {
-  const { getRadioProps, selectedValue } = useRadioContext();
-  const propGetterReturn = getRadioProps(value, { disabled });
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const isChecked = value === selectedValue;
-  const actionMap = useMemo(
-    () => ({}),
-    []
-  );
-  const onKeyDown = useKeyboardHandler(
-    propGetterReturn.keyboardConfig,
-    actionMap
-  );
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      ...ariaProps,
-      className: cn("entropix-radio-item", className),
-      onClick: handleClick,
-      onKeyDown,
-      "data-state": isChecked ? "checked" : "unchecked",
-      "data-disabled": disabled || void 0,
-      children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            className: "entropix-radio-item__indicator",
-            "data-state": isChecked ? "checked" : "unchecked"
-          }
-        ),
-        (label || children) && /* @__PURE__ */ jsx("span", { className: "entropix-radio-item__label", children: label || children })
-      ]
-    }
-  );
-}
-var SelectContext = createContext(null);
-function useSelectContext() {
-  const context = useContext(SelectContext);
-  if (!context) {
-    throw new Error(
-      "Select compound components must be used within a <Select> provider."
-    );
-  }
-  return context;
-}
-function Select({ children, label, className, ...options }) {
-  const select = useSelect(options);
-  const labelProps = select.getLabelProps();
-  return /* @__PURE__ */ jsx(SelectContext.Provider, { value: select, children: /* @__PURE__ */ jsxs("div", { className: cn("entropix-select", className), children: [
-    label && /* @__PURE__ */ jsx(
-      "label",
-      {
-        className: "entropix-select-label",
-        id: labelProps.id,
-        htmlFor: labelProps.htmlFor,
-        children: label
-      }
-    ),
-    children
-  ] }) });
-}
-function SelectTrigger({
-  placeholder = "Select...",
-  children,
-  className
-}) {
-  const { getTriggerProps, toggle, open, selectedValue, isDisabled } = useSelectContext();
-  const propGetterReturn = getTriggerProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  const onKeyDown = useKeyboardHandler(propGetterReturn.keyboardConfig, {
-    activate: toggle,
-    moveDown: open,
-    moveUp: open
-  });
-  return /* @__PURE__ */ jsxs(
-    "button",
-    {
-      type: "button",
-      ...ariaProps,
-      className: cn("entropix-select-trigger", className),
-      onClick: handleClick,
-      onKeyDown,
-      disabled: isDisabled || void 0,
-      children: [
-        /* @__PURE__ */ jsx("span", { className: "entropix-select-trigger__value", children: children ?? (selectedValue || placeholder) }),
-        /* @__PURE__ */ jsx("span", { className: "entropix-select-trigger__chevron", "aria-hidden": "true", children: "\u25BE" })
-      ]
-    }
-  );
-}
-function SelectContent({ children, className }) {
-  const { isOpen, getListboxProps, close } = useSelectContext();
-  const propGetterReturn = getListboxProps();
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const onKeyDown = useKeyboardHandler(propGetterReturn.keyboardConfig, {
-    dismiss: close
-  });
-  if (!isOpen) return null;
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...ariaProps,
-      className: cn("entropix-select-content", className),
-      onKeyDown,
-      "data-state": "open",
-      children
-    }
-  );
-}
-function SelectOption({
-  value,
-  index,
-  disabled,
-  children,
-  className
-}) {
-  const { getOptionProps, selectedValue } = useSelectContext();
-  const propGetterReturn = getOptionProps(value, index ?? 0, { disabled });
-  const ariaProps = mapAccessibilityToAria(propGetterReturn.accessibility);
-  const isSelected = value === selectedValue;
-  const handleClick = useCallback(() => {
-    propGetterReturn.onAction?.();
-  }, [propGetterReturn.onAction]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...ariaProps,
-      className: cn("entropix-select-option", className),
-      onClick: handleClick,
-      "data-state": isSelected ? "selected" : "unselected",
-      "data-disabled": disabled || void 0,
-      children
-    }
-  );
-}
 var BREAKPOINTS = {
   sm: 640,
   md: 768,
@@ -1166,75 +64,7 @@ function useMediaQuery(query) {
 function useBreakpointValue(breakpoint) {
   return useMediaQuery(`(min-width: ${BREAKPOINTS[breakpoint]}px)`);
 }
-var Stack = forwardRef(function Stack2({ gap, align, fullWidth, as: Component = "div", className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ref,
-      className: cn(
-        "entropix-stack",
-        gap && `entropix-stack--gap-${gap}`,
-        align && `entropix-stack--align-${align}`,
-        fullWidth && "entropix-stack--full-width",
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-});
-var Inline = forwardRef(function Inline2({ gap, align, justify, wrap, as: Component = "div", className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ref,
-      className: cn(
-        "entropix-inline",
-        gap && `entropix-inline--gap-${gap}`,
-        align && `entropix-inline--align-${align}`,
-        justify && `entropix-inline--justify-${justify}`,
-        wrap && "entropix-inline--wrap",
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-});
-var Container = forwardRef(function Container2({ maxWidth = "lg", center, as: Component = "div", className, children, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(
-    Component,
-    {
-      ref,
-      className: cn(
-        "entropix-container",
-        `entropix-container--${maxWidth}`,
-        center && "entropix-container--center",
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-});
-var Divider = forwardRef(function Divider2({ orientation = "horizontal", spacing, className, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(
-    "hr",
-    {
-      ref,
-      role: orientation === "vertical" ? "separator" : void 0,
-      "aria-orientation": orientation === "vertical" ? "vertical" : void 0,
-      className: cn(
-        "entropix-divider",
-        orientation === "vertical" && "entropix-divider--vertical",
-        spacing && `entropix-divider--spacing-${spacing}`,
-        className
-      ),
-      ...rest
-    }
-  );
-});
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, BREAKPOINTS, Button, Checkbox, Container, Dialog, DialogClose, DialogContent, DialogDescription, DialogOverlay, DialogTitle, DialogTrigger, Divider, Inline, Input, Menu, MenuContent, MenuItem, MenuTrigger, RadioGroup, RadioItem, Select, SelectContent, SelectOption, SelectTrigger, Stack, Switch, Tab, TabList, TabPanel, Tabs, Textarea, Toggle, mapAccessibilityToAria, useBreakpoint, useBreakpointValue, useFocusRestore, useFocusTrap, useKeyboardHandler, useMediaQuery };
+export { BREAKPOINTS, useBreakpoint, useBreakpointValue, useMediaQuery };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map