@ark-ui/react 0.0.0-rc-20221106094212

package/dist/index.esm.js

@@ -0,0 +1,1620 @@
+// src/accordion/accordion.tsx
+import { forwardRef } from "@polymorphic-factory/react";
+import { mergeProps } from "@zag-js/react";
+
+// src/factory.tsx
+import { polymorphicFactory } from "@polymorphic-factory/react";
+var atlas = polymorphicFactory();
+
+// src/split-props.ts
+function splitProps(props, ...keySelections) {
+  const rest = { ...props };
+  const groups = keySelections.map((keys) => {
+    return keys.reduce((previousValue, key) => {
+      if (!(key in rest)) {
+        return previousValue;
+      }
+      previousValue[key] = rest[key];
+      delete rest[key];
+      return previousValue;
+    }, {});
+  });
+  return [...groups, rest];
+}
+
+// src/createContext.ts
+import { createContext as createReactContext, useContext as useReactContext } from "react";
+function getErrorMessage(hook, provider) {
+  return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+function createContext(options = {}) {
+  const {
+    name,
+    strict = true,
+    hookName = "useContext",
+    providerName = "Provider",
+    errorMessage
+  } = options;
+  const Context = createReactContext(void 0);
+  Context.displayName = name;
+  function useContext() {
+    const context = useReactContext(Context);
+    if (!context && strict) {
+      const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+      error.name = "ContextError";
+      Error.captureStackTrace?.(error, useContext);
+      throw error;
+    }
+    return context;
+  }
+  return [Context.Provider, useContext, Context];
+}
+
+// src/accordion/accordion-context.ts
+var [AccordionProvider, useAccordionContext] = createContext({
+  name: "AccordionContext",
+  hookName: "useAccordionContext",
+  providerName: "<AccordionProvider />"
+});
+
+// src/accordion/use-accordion.ts
+import * as accordion from "@zag-js/accordion";
+import { normalizeProps, useMachine } from "@zag-js/react";
+import { useId } from "react";
+
+// src/filter-undefined-entries.tsx
+function filterUndefinedEntries(target) {
+  if (!target || typeof target !== "object") {
+    return target;
+  }
+  return Object.fromEntries(
+    Object.entries(target).filter(([, value]) => typeof value !== "undefined")
+  );
+}
+
+// src/accordion/use-accordion.ts
+var useAccordion = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId(),
+    ...props,
+    value: props.value ?? props.defaultValue
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine(accordion.machine(initialContext), { context });
+  return accordion.connect(state, send, normalizeProps);
+};
+
+// src/accordion/accordion.tsx
+import { jsx } from "react/jsx-runtime";
+var Accordion = forwardRef((props, ref) => {
+  const [useAccordionProps, divProps] = splitProps(props, [
+    "collapsible",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "ids",
+    "multiple",
+    "onChange",
+    "value"
+  ]);
+  const accordion2 = useAccordion(useAccordionProps);
+  const mergedProps = mergeProps(accordion2.rootProps, divProps);
+  return /* @__PURE__ */ jsx(AccordionProvider, {
+    value: accordion2,
+    children: /* @__PURE__ */ jsx(atlas.div, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/accordion/accordion-button.tsx
+import { forwardRef as forwardRef2 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps2 } from "@zag-js/react";
+
+// src/accordion/accordion-item-context.ts
+var [AccordionItemProvider, useAccordionItemContext] = createContext(
+  {
+    name: "AccordionItemContext",
+    hookName: "useAccordionItemContext",
+    providerName: "<AccordionItemProvider />"
+  }
+);
+
+// src/accordion/accordion-button.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AccordionButton = forwardRef2((props, ref) => {
+  const { getTriggerProps } = useAccordionContext();
+  const context = useAccordionItemContext();
+  const mergedProps = mergeProps2(getTriggerProps(context), props);
+  return /* @__PURE__ */ jsx2(atlas.button, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/accordion/accordion-icon.tsx
+import { forwardRef as forwardRef3 } from "@polymorphic-factory/react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AccordionIcon = forwardRef3((props, ref) => {
+  return /* @__PURE__ */ jsx3(atlas.div, {
+    ...props,
+    ref
+  });
+});
+
+// src/accordion/accordion-item.tsx
+import { forwardRef as forwardRef4 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps3 } from "@zag-js/react";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var AccordionItem = forwardRef4((props, ref) => {
+  const { value, disabled, children, ...rest } = props;
+  const { getItemProps, getItemState } = useAccordionContext();
+  const itemState = getItemState({ value });
+  const mergedProps = mergeProps3(getItemProps({ value, disabled }), rest);
+  return /* @__PURE__ */ jsx4(AccordionItemProvider, {
+    value: { value, disabled, ...itemState },
+    children: /* @__PURE__ */ jsx4(atlas.div, {
+      ...mergedProps,
+      ref,
+      children: typeof children === "function" ? children(itemState) : children
+    })
+  });
+});
+
+// src/accordion/accordion-panel.tsx
+import { forwardRef as forwardRef5 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps4 } from "@zag-js/react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var AccordionPanel = forwardRef5((props, ref) => {
+  const { getContentProps } = useAccordionContext();
+  const context = useAccordionItemContext();
+  const mergedProps = mergeProps4(getContentProps(context), props);
+  return /* @__PURE__ */ jsx5(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/checkbox/checkbox.tsx
+import { forwardRef as forwardRef6 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps5 } from "@zag-js/react";
+
+// src/checkbox/checkbox-context.tsx
+var [CheckboxProvider, useCheckboxContext] = createContext({
+  name: "CheckboxContext",
+  hookName: "useCheckboxContext",
+  providerName: "<CheckboxProvider />"
+});
+
+// src/checkbox/use-checkbox.ts
+import * as checkbox from "@zag-js/checkbox";
+import { normalizeProps as normalizeProps2, useMachine as useMachine2 } from "@zag-js/react";
+import { useId as useId2 } from "react";
+var useCheckbox = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId2(),
+    ...props,
+    value: props.value ?? props.defaultValue
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine2(checkbox.machine(initialContext), { context });
+  return checkbox.connect(state, send, normalizeProps2);
+};
+
+// src/checkbox/checkbox.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var Checkbox = forwardRef6((props, ref) => {
+  const [useCheckboxProps, labelprops] = splitProps(props, [
+    "aria-describedby",
+    "aria-invalid",
+    "aria-label",
+    "aria-labelledby",
+    "defaultChecked",
+    "dir",
+    "defaultValue",
+    "disabled",
+    "focusable",
+    "getRootNode",
+    "ids",
+    "indeterminate",
+    "invalid",
+    "name",
+    "onChange",
+    "readonly",
+    "required",
+    "value"
+  ]);
+  const checkbox2 = useCheckbox(useCheckboxProps);
+  const mergedProps = mergeProps5(checkbox2.rootProps, labelprops);
+  return /* @__PURE__ */ jsx6(CheckboxProvider, {
+    value: checkbox2,
+    children: /* @__PURE__ */ jsx6(atlas.label, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/checkbox/checkbox-control.tsx
+import { forwardRef as forwardRef7 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps6 } from "@zag-js/react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var CheckboxControl = forwardRef7((props, ref) => {
+  const { controlProps } = useCheckboxContext();
+  const mergedProps = mergeProps6(controlProps, props);
+  return /* @__PURE__ */ jsx7(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/checkbox/checkbox-input.tsx
+import { forwardRef as forwardRef8 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps7 } from "@zag-js/react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var CheckboxInput = forwardRef8((props, ref) => {
+  const { inputProps } = useCheckboxContext();
+  const mergedProps = mergeProps7(inputProps, props);
+  return /* @__PURE__ */ jsx8(atlas.input, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/checkbox/checkbox-label.tsx
+import { forwardRef as forwardRef9 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps8 } from "@zag-js/react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var CheckboxLabel = forwardRef9((props, ref) => {
+  const { labelProps } = useCheckboxContext();
+  const mergedProps = mergeProps8(labelProps, props);
+  return /* @__PURE__ */ jsx9(atlas.label, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/dialog/dialog-context.ts
+var [DialogProvider, useDialogContext] = createContext({
+  name: "DialogContext",
+  hookName: "useDialogContext",
+  providerName: "<DialogProvider />"
+});
+
+// src/dialog/use-dialog.ts
+import * as dialog from "@zag-js/dialog";
+import { normalizeProps as normalizeProps3, useMachine as useMachine3 } from "@zag-js/react";
+import { useId as useId3 } from "react";
+var useDialog = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId3(),
+    ...props
+  });
+  const [state, send] = useMachine3(dialog.machine(initialContext), { context: initialContext });
+  return dialog.connect(state, send, normalizeProps3);
+};
+
+// src/dialog/dialog.tsx
+import { jsx as jsx10 } from "react/jsx-runtime";
+var Dialog = (props) => {
+  const { children, ...useDialogProps } = props;
+  const dialog2 = useDialog(useDialogProps);
+  return /* @__PURE__ */ jsx10(DialogProvider, {
+    value: dialog2,
+    children
+  });
+};
+
+// src/dialog/dialog-backdrop.tsx
+import { forwardRef as forwardRef10 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps9 } from "@zag-js/react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var DialogBackdrop = forwardRef10((props, ref) => {
+  const { backdropProps } = useDialogContext();
+  const mergedProps = mergeProps9(backdropProps, props);
+  return /* @__PURE__ */ jsx11(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/dialog/dialog-close-button.tsx
+import { forwardRef as forwardRef11 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps10 } from "@zag-js/react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var DialogCloseButton = forwardRef11((props, ref) => {
+  const { closeButtonProps } = useDialogContext();
+  const mergedProps = mergeProps10(closeButtonProps, props);
+  return /* @__PURE__ */ jsx12(atlas.button, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/dialog/dialog-content.tsx
+import { forwardRef as forwardRef12 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps11 } from "@zag-js/react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var DialogContent = forwardRef12((props, ref) => {
+  const { contentProps } = useDialogContext();
+  const mergedProps = mergeProps11(contentProps, props);
+  return /* @__PURE__ */ jsx13(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/dialog/dialog-description.tsx
+import { forwardRef as forwardRef13 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps12 } from "@zag-js/react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var DialogDescription = forwardRef13((props, ref) => {
+  const { descriptionProps } = useDialogContext();
+  const mergedProps = mergeProps12(descriptionProps, props);
+  return /* @__PURE__ */ jsx14(atlas.p, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/dialog/dialog-portal.tsx
+import { Portal } from "@reach/portal";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var DialogPortal = (props) => {
+  const { isOpen } = useDialogContext();
+  return isOpen ? /* @__PURE__ */ jsx15(Portal, {
+    type: "atlas-portal",
+    ...props
+  }) : null;
+};
+
+// src/dialog/dialog-title.tsx
+import { forwardRef as forwardRef14 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps13 } from "@zag-js/react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var DialogTitle = forwardRef14((props, ref) => {
+  const { titleProps } = useDialogContext();
+  const mergedProps = mergeProps13(titleProps, props);
+  return /* @__PURE__ */ jsx16(atlas.h2, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/dialog/dialog-trigger.tsx
+import { cloneElement } from "react";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var DialogTrigger = (props) => {
+  const { children } = props;
+  const { triggerProps } = useDialogContext();
+  return typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx17(atlas.span, {
+    ...triggerProps,
+    children
+  }) : cloneElement(children, triggerProps);
+};
+
+// src/dialog/dialog-underlay.tsx
+import { forwardRef as forwardRef15 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps14 } from "@zag-js/react";
+import { jsx as jsx18 } from "react/jsx-runtime";
+var DialogUnderlay = forwardRef15((props, ref) => {
+  const { underlayProps } = useDialogContext();
+  const mergedProps = mergeProps14(underlayProps, props);
+  return /* @__PURE__ */ jsx18(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/editable/editable.tsx
+import { forwardRef as forwardRef16 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps15 } from "@zag-js/react";
+
+// src/editable/editable-context.ts
+var [EditableProvider, useEditableContext] = createContext({
+  name: "EditableContext",
+  hookName: "useEditableContext",
+  providerName: "<EditableProvider />"
+});
+
+// src/editable/use-editable.ts
+import * as editable from "@zag-js/editable";
+import { normalizeProps as normalizeProps4, useMachine as useMachine4 } from "@zag-js/react";
+import { useId as useId4 } from "react";
+var useEditable = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId4(),
+    ...props,
+    value: props.value ?? props.defaultValue
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine4(editable.machine(initialContext), { context });
+  return editable.connect(state, send, normalizeProps4);
+};
+
+// src/editable/editable.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var Editable = forwardRef16((props, ref) => {
+  const [useEditableProps, divProps] = splitProps(props, [
+    "activationMode",
+    "autoResize",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "ids",
+    "invalid",
+    "maxLength",
+    "name",
+    "onCancel",
+    "onChange",
+    "onEdit",
+    "onSubmit",
+    "placeholder",
+    "readonly",
+    "selectOnFocus",
+    "startWithEditView",
+    "submitMode",
+    "translations",
+    "value"
+  ]);
+  const editable2 = useEditable(useEditableProps);
+  const mergedProps = mergeProps15(editable2.rootProps, divProps);
+  return /* @__PURE__ */ jsx19(EditableProvider, {
+    value: editable2,
+    children: /* @__PURE__ */ jsx19(atlas.div, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/editable/editable-area.tsx
+import { forwardRef as forwardRef17 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps16 } from "@zag-js/react";
+import { jsx as jsx20 } from "react/jsx-runtime";
+var EditableArea = forwardRef17((props, ref) => {
+  const { areaProps } = useEditableContext();
+  const mergedProps = mergeProps16(areaProps, props);
+  return /* @__PURE__ */ jsx20(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/editable/editable-cancel-button.tsx
+import { forwardRef as forwardRef18 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps17 } from "@zag-js/react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var EditableCancelButton = forwardRef18(
+  (props, ref) => {
+    const { cancelButtonProps } = useEditableContext();
+    const mergedProps = mergeProps17(cancelButtonProps, props);
+    return /* @__PURE__ */ jsx21(atlas.button, {
+      ...mergedProps,
+      ref
+    });
+  }
+);
+
+// src/editable/editable-controls.tsx
+import { forwardRef as forwardRef19 } from "@polymorphic-factory/react";
+import { jsx as jsx22 } from "react/jsx-runtime";
+var EditableControls = forwardRef19((props, ref) => {
+  const { children, ...divProps } = props;
+  const api = useEditableContext();
+  return /* @__PURE__ */ jsx22(atlas.div, {
+    ...divProps,
+    ref,
+    children: children(api)
+  });
+});
+
+// src/editable/editable-edit-button.tsx
+import { forwardRef as forwardRef20 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps18 } from "@zag-js/react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var EditableEditButton = forwardRef20((props, ref) => {
+  const { editButtonProps } = useEditableContext();
+  const mergedProps = mergeProps18(editButtonProps, props);
+  return /* @__PURE__ */ jsx23(atlas.button, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/editable/editable-input.tsx
+import { forwardRef as forwardRef21 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps19 } from "@zag-js/react";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var EditableInput = forwardRef21((props, ref) => {
+  const { inputProps } = useEditableContext();
+  const mergedProps = mergeProps19(inputProps, props);
+  return /* @__PURE__ */ jsx24(atlas.input, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/editable/editable-preview.tsx
+import { forwardRef as forwardRef22 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps20 } from "@zag-js/react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var EditablePreview = forwardRef22((props, ref) => {
+  const { previewProps } = useEditableContext();
+  const mergedProps = mergeProps20(previewProps, props);
+  return /* @__PURE__ */ jsx25(atlas.span, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/editable/editable-submit-button.tsx
+import { forwardRef as forwardRef23 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps21 } from "@zag-js/react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var EditableSubmitButton = forwardRef23(
+  (props, ref) => {
+    const { submitButtonProps } = useEditableContext();
+    const mergedProps = mergeProps21(submitButtonProps, props);
+    return /* @__PURE__ */ jsx26(atlas.button, {
+      ...mergedProps,
+      ref
+    });
+  }
+);
+
+// src/number-input/number-input.tsx
+import { forwardRef as forwardRef24 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps22 } from "@zag-js/react";
+
+// src/number-input/number-input-context.ts
+var [NumberInputProvider, useNumberInputContext] = createContext({
+  name: "NumberInputContext",
+  hookName: "useNumberInputContext",
+  providerName: "<NumberInputProvider />"
+});
+
+// src/number-input/use-number-input.ts
+import * as numberInput from "@zag-js/number-input";
+import { normalizeProps as normalizeProps5, useMachine as useMachine5 } from "@zag-js/react";
+import { useId as useId5 } from "react";
+var useNumberInput = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId5(),
+    ...props,
+    value: props.value ?? props.defaultValue
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine5(numberInput.machine(initialContext), { context });
+  return numberInput.connect(state, send, normalizeProps5);
+};
+
+// src/number-input/number-input.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var NumberInput = forwardRef24((props, ref) => {
+  const [useNumberInputProps, divProps] = splitProps(props, [
+    "allowMouseWheel",
+    "allowOverflow",
+    "clampValueOnBlur",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "focusInputOnChange",
+    "format",
+    "getRootNode",
+    "ids",
+    "inputMode",
+    "invalid",
+    "max",
+    "maxFractionDigits",
+    "min",
+    "minFractionDigits",
+    "name",
+    "onBlur",
+    "onChange",
+    "onFocus",
+    "onInvalid",
+    "parse",
+    "pattern",
+    "readonly",
+    "spinOnPress",
+    "step",
+    "translations",
+    "validateCharacter",
+    "value"
+  ]);
+  const pinInput2 = useNumberInput(useNumberInputProps);
+  const mergedProps = mergeProps22(pinInput2.rootProps, divProps);
+  return /* @__PURE__ */ jsx27(NumberInputProvider, {
+    value: pinInput2,
+    children: /* @__PURE__ */ jsx27(atlas.div, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/number-input/number-input-decrement-button.tsx
+import { forwardRef as forwardRef25 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps23 } from "@zag-js/react";
+import { jsx as jsx28 } from "react/jsx-runtime";
+var NumberInputDecrementButton = forwardRef25(
+  (props, ref) => {
+    const { decrementButtonProps } = useNumberInputContext();
+    const mergedProps = mergeProps23(decrementButtonProps, props);
+    return /* @__PURE__ */ jsx28(atlas.button, {
+      ...mergedProps,
+      ref
+    });
+  }
+);
+
+// src/number-input/number-input-field.tsx
+import { forwardRef as forwardRef26 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps24 } from "@zag-js/react";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var NumberInputField = forwardRef26((props, ref) => {
+  const { inputProps } = useNumberInputContext();
+  const mergedProps = mergeProps24(inputProps, props);
+  return /* @__PURE__ */ jsx29(atlas.input, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/number-input/number-input-increment-button.tsx
+import { forwardRef as forwardRef27 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps25 } from "@zag-js/react";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var NumberInputIncrementButton = forwardRef27(
+  (props, ref) => {
+    const { incrementButtonProps } = useNumberInputContext();
+    const mergedProps = mergeProps25(incrementButtonProps, props);
+    return /* @__PURE__ */ jsx30(atlas.button, {
+      ...mergedProps,
+      ref
+    });
+  }
+);
+
+// src/pagination/pagination.tsx
+import { forwardRef as forwardRef28 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps26 } from "@zag-js/react";
+
+// src/run-if-fn.ts
+function runIfFn(valueOrFn, ...args) {
+  return typeof valueOrFn === "function" ? valueOrFn(...args) : valueOrFn;
+}
+
+// src/pagination/pagination-context.ts
+var [PaginationProvider, usePaginationContext] = createContext({
+  name: "PaginationContext",
+  hookName: "usePaginationContext",
+  providerName: "<PaginationProvider />"
+});
+
+// src/pagination/use-pagination.ts
+import * as pagination from "@zag-js/pagination";
+import { normalizeProps as normalizeProps6, useMachine as useMachine6 } from "@zag-js/react";
+import { useId as useId6 } from "react";
+var usePagination = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId6(),
+    ...props
+  });
+  const [state, send] = useMachine6(pagination.machine(initialContext), { context: initialContext });
+  return pagination.connect(state, send, normalizeProps6);
+};
+
+// src/pagination/pagination.tsx
+import { jsx as jsx31 } from "react/jsx-runtime";
+var Pagination = forwardRef28((props, ref) => {
+  const [paginationProps, { children, ...navProps }] = splitProps(props, [
+    "count",
+    "dir",
+    "getRootNode",
+    "ids",
+    "onChange",
+    "page",
+    "pageSize",
+    "siblingCount",
+    "translations"
+  ]);
+  const pagination2 = usePagination(paginationProps);
+  const view = runIfFn(children, pagination2);
+  const mergedProps = mergeProps26(pagination2.rootProps, navProps);
+  return /* @__PURE__ */ jsx31(PaginationProvider, {
+    value: pagination2,
+    children: /* @__PURE__ */ jsx31(atlas.nav, {
+      ...mergedProps,
+      ref,
+      children: view
+    })
+  });
+});
+
+// src/pagination/pagination-ellipsis.tsx
+import { forwardRef as forwardRef29 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps27 } from "@zag-js/react";
+import { jsx as jsx32 } from "react/jsx-runtime";
+var PaginationEllipsis = forwardRef29((props, ref) => {
+  const { getEllipsisProps } = usePaginationContext();
+  const [{ index }, spanProps] = splitProps(props, ["index"]);
+  const mergedProps = mergeProps27(getEllipsisProps({ index }), spanProps);
+  return /* @__PURE__ */ jsx32(atlas.span, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/pagination/pagination-item.tsx
+import { forwardRef as forwardRef30 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps28 } from "@zag-js/react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var PaginationItem = forwardRef30((props, ref) => {
+  const { getItemProps } = usePaginationContext();
+  const [{ value }, anchorProps] = splitProps(props, ["value"]);
+  const mergedProps = mergeProps28(getItemProps({ type: "page", value }), anchorProps);
+  return /* @__PURE__ */ jsx33(atlas.a, {
+    href: `#${value}`,
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/pagination/pagination-next-item.tsx
+import { forwardRef as forwardRef31 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps29 } from "@zag-js/react";
+import { jsx as jsx34 } from "react/jsx-runtime";
+var PaginationNextItem = forwardRef31((props, ref) => {
+  const { nextItemProps } = usePaginationContext();
+  const mergedProps = mergeProps29(nextItemProps, props);
+  return /* @__PURE__ */ jsx34(atlas.a, {
+    href: "#next",
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/pagination/pagination-prev-item.tsx
+import { forwardRef as forwardRef32 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps30 } from "@zag-js/react";
+import { jsx as jsx35 } from "react/jsx-runtime";
+var PaginationPrevItem = forwardRef32((props, ref) => {
+  const { prevItemProps } = usePaginationContext();
+  const mergedProps = mergeProps30(prevItemProps, props);
+  return /* @__PURE__ */ jsx35(atlas.a, {
+    href: "#previous",
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/pin-input/pin-input.tsx
+import { forwardRef as forwardRef33 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps31 } from "@zag-js/react";
+
+// src/pin-input/pin-input-context.ts
+var [PinInputProvider, usePinInputContext] = createContext({
+  name: "PinInputContext",
+  hookName: "usePinInputContext",
+  providerName: "<PinInputProvider />"
+});
+
+// src/pin-input/use-pin-input.ts
+import * as pinInput from "@zag-js/pin-input";
+import { normalizeProps as normalizeProps7, useMachine as useMachine7 } from "@zag-js/react";
+import { useId as useId7 } from "react";
+var usePinInput = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId7(),
+    ...props,
+    value: props.value ?? props.defaultValue ?? []
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine7(pinInput.machine(initialContext), { context });
+  return pinInput.connect(state, send, normalizeProps7);
+};
+
+// src/pin-input/pin-input.tsx
+import { jsx as jsx36 } from "react/jsx-runtime";
+var PinInput = forwardRef33((props, ref) => {
+  const [usePinInputProps, divProps] = splitProps(props, [
+    "autoFocus",
+    "blurOnComplete",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "ids",
+    "invalid",
+    "mask",
+    "name",
+    "onChange",
+    "onComplete",
+    "onInvalid",
+    "otp",
+    "pattern",
+    "placeholder",
+    "translations",
+    "type",
+    "value"
+  ]);
+  const pinInput2 = usePinInput(usePinInputProps);
+  const mergedProps = mergeProps31(pinInput2.rootProps, divProps);
+  return /* @__PURE__ */ jsx36(PinInputProvider, {
+    value: pinInput2,
+    children: /* @__PURE__ */ jsx36(atlas.div, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/pin-input/pin-input-field.tsx
+import { forwardRef as forwardRef34 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps32 } from "@zag-js/react";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var PinInputField = forwardRef34((props, ref) => {
+  const { index, ...inputProps } = props;
+  const { getInputProps } = usePinInputContext();
+  const mergedProps = mergeProps32(getInputProps({ index }), inputProps);
+  return /* @__PURE__ */ jsx37(atlas.input, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-context.ts
+var [PopoverProvider, usePopoverContext] = createContext({
+  name: "PopoverContext",
+  hookName: "usePopoverContext",
+  providerName: "<PopoverProvider />"
+});
+
+// src/popover/use-popover.ts
+import * as popover from "@zag-js/popover";
+import { normalizeProps as normalizeProps8, useMachine as useMachine8 } from "@zag-js/react";
+import { useId as useId8 } from "react";
+var usePopover = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId8(),
+    ...props
+  });
+  const [state, send] = useMachine8(popover.machine(initialContext), { context: initialContext });
+  return popover.connect(state, send, normalizeProps8);
+};
+
+// src/popover/popover.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+var Popover = (props) => {
+  const { children, ...usePopoverProps } = props;
+  const popover2 = usePopover(usePopoverProps);
+  return /* @__PURE__ */ jsx38(PopoverProvider, {
+    value: popover2,
+    children
+  });
+};
+
+// src/popover/popover-arrow.tsx
+import { forwardRef as forwardRef35 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps33 } from "@zag-js/react";
+import { jsx as jsx39 } from "react/jsx-runtime";
+var PopoverArrow = forwardRef35((props, ref) => {
+  const { arrowProps } = usePopoverContext();
+  const mergedProps = mergeProps33(arrowProps, props);
+  return /* @__PURE__ */ jsx39(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-close-button.tsx
+import { forwardRef as forwardRef36 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps34 } from "@zag-js/react";
+import { jsx as jsx40 } from "react/jsx-runtime";
+var PopoverCloseButton = forwardRef36((props, ref) => {
+  const { closeButtonProps } = usePopoverContext();
+  const mergedProps = mergeProps34(closeButtonProps, props);
+  return /* @__PURE__ */ jsx40(atlas.button, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-content.tsx
+import { forwardRef as forwardRef37 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps35 } from "@zag-js/react";
+import { jsx as jsx41 } from "react/jsx-runtime";
+var PopoverContent = forwardRef37((props, ref) => {
+  const { contentProps } = usePopoverContext();
+  const mergedProps = mergeProps35(contentProps, props);
+  return /* @__PURE__ */ jsx41(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-description.tsx
+import { forwardRef as forwardRef38 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps36 } from "@zag-js/react";
+import { jsx as jsx42 } from "react/jsx-runtime";
+var PopoverDescription = forwardRef38((props, ref) => {
+  const { descriptionProps } = usePopoverContext();
+  const mergedProps = mergeProps36(descriptionProps, props);
+  return /* @__PURE__ */ jsx42(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-inner-arrow.tsx
+import { forwardRef as forwardRef39 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps37 } from "@zag-js/react";
+import { jsx as jsx43 } from "react/jsx-runtime";
+var PopoverInnerArrow = forwardRef39((props, ref) => {
+  const { innerArrowProps } = usePopoverContext();
+  const mergedProps = mergeProps37(innerArrowProps, props);
+  return /* @__PURE__ */ jsx43(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-positioner.tsx
+import { forwardRef as forwardRef40 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps38 } from "@zag-js/react";
+import { jsx as jsx44 } from "react/jsx-runtime";
+var PopoverPositioner = forwardRef40((props, ref) => {
+  const { positionerProps } = usePopoverContext();
+  const mergedProps = mergeProps38(positionerProps, props);
+  return /* @__PURE__ */ jsx44(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-title.tsx
+import { forwardRef as forwardRef41 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps39 } from "@zag-js/react";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var PopoverTitle = forwardRef41((props, ref) => {
+  const { titleProps } = usePopoverContext();
+  const mergedProps = mergeProps39(titleProps, props);
+  return /* @__PURE__ */ jsx45(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/popover/popover-trigger.tsx
+import { cloneElement as cloneElement2 } from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var PopoverTrigger = (props) => {
+  const { children } = props;
+  const { triggerProps } = usePopoverContext();
+  return typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx46(atlas.span, {
+    ...triggerProps,
+    children
+  }) : cloneElement2(children, triggerProps);
+};
+
+// src/pressable/pressable.tsx
+import { forwardRef as forwardRef42 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps40 } from "@zag-js/react";
+
+// src/pressable/use-pressable.tsx
+import * as pressable from "@zag-js/pressable";
+import { normalizeProps as normalizeProps9, useMachine as useMachine9 } from "@zag-js/react";
+import { useId as useId9 } from "react";
+var usePressable = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId9(),
+    ...props
+  });
+  const [state, send] = useMachine9(pressable.machine(initialContext), { context: initialContext });
+  return pressable.connect(state, send, normalizeProps9);
+};
+
+// src/pressable/pressable.tsx
+import { jsx as jsx47 } from "react/jsx-runtime";
+var Pressable = forwardRef42((props, ref) => {
+  const [usePressableProps, divProps] = splitProps(props, [
+    "allowTextSelectionOnPress",
+    "cancelOnPointerExit",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "onLongPress",
+    "onPress",
+    "onPressEnd",
+    "onPressStart",
+    "onPressUp",
+    "preventFocusOnPress"
+  ]);
+  const { pressableProps } = usePressable(usePressableProps);
+  const mergedProps = mergeProps40(pressableProps, divProps);
+  return /* @__PURE__ */ jsx47(atlas.button, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/radio-group/radio.tsx
+import { forwardRef as forwardRef43 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps41 } from "@zag-js/react";
+
+// src/radio-group/radio-context.ts
+var [RadioProvider, useRadioContext] = createContext({
+  name: "RadioContext",
+  hookName: "useRadioContext",
+  providerName: "<RadioProvider />"
+});
+
+// src/radio-group/radio-group-context.ts
+var [RadioGroupProvider, useRadioGroupContext] = createContext({
+  name: "RadioGroupContext",
+  hookName: "useRadioGroupContext",
+  providerName: "<RadioGroupProvider />"
+});
+
+// src/radio-group/radio.tsx
+import { jsx as jsx48 } from "react/jsx-runtime";
+var Radio = forwardRef43((props, ref) => {
+  const { value, disabled, invalid, readonly, ...divProps } = props;
+  const { getItemProps } = useRadioGroupContext();
+  const mergedProps = mergeProps41(getItemProps({ value, disabled }), divProps);
+  return /* @__PURE__ */ jsx48(RadioProvider, {
+    value: { value, disabled, invalid, readonly },
+    children: /* @__PURE__ */ jsx48(atlas.label, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/radio-group/radio-control.tsx
+import { forwardRef as forwardRef44 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps42 } from "@zag-js/react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var RadioControl = forwardRef44((props, ref) => {
+  const { getItemControlProps } = useRadioGroupContext();
+  const context = useRadioContext();
+  const mergedProps = mergeProps42(getItemControlProps(context), props);
+  return /* @__PURE__ */ jsx49(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/radio-group/radio-group.tsx
+import { forwardRef as forwardRef45 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps43 } from "@zag-js/react";
+
+// src/radio-group/use-radio-group.tsx
+import * as radio from "@zag-js/radio";
+import { normalizeProps as normalizeProps10, useMachine as useMachine10 } from "@zag-js/react";
+import { useId as useId10 } from "react";
+var useRadioGroup = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId10(),
+    ...props,
+    value: props.value ?? props.defaultValue
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine10(radio.machine(initialContext), {
+    context
+  });
+  return radio.connect(state, send, normalizeProps10);
+};
+
+// src/radio-group/radio-group.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+var RadioGroup = forwardRef45((props, ref) => {
+  const [useRadioGroupProps, divProps] = splitProps(props, [
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "ids",
+    "name",
+    "onChange",
+    "orientation",
+    "readonly",
+    "value"
+  ]);
+  const radioGroup = useRadioGroup(useRadioGroupProps);
+  const mergedProps = mergeProps43(radioGroup.rootProps, divProps);
+  return /* @__PURE__ */ jsx50(RadioGroupProvider, {
+    value: radioGroup,
+    children: /* @__PURE__ */ jsx50(atlas.div, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/radio-group/radio-group-label.tsx
+import { forwardRef as forwardRef46 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps44 } from "@zag-js/react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var RadioGroupLabel = forwardRef46((props, ref) => {
+  const { labelProps } = useRadioGroupContext();
+  const mergedProps = mergeProps44(labelProps, props);
+  return /* @__PURE__ */ jsx51(atlas.label, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/radio-group/radio-input.tsx
+import { forwardRef as forwardRef47 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps45 } from "@zag-js/react";
+import { jsx as jsx52 } from "react/jsx-runtime";
+var RadioInput = forwardRef47((props, ref) => {
+  const { getItemInputProps } = useRadioGroupContext();
+  const context = useRadioContext();
+  const mergedProps = mergeProps45(getItemInputProps(context), props);
+  return /* @__PURE__ */ jsx52(atlas.input, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/radio-group/radio-label.tsx
+import { forwardRef as forwardRef48 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps46 } from "@zag-js/react";
+import { jsx as jsx53 } from "react/jsx-runtime";
+var RadioLabel = forwardRef48((props, ref) => {
+  const { getItemLabelProps } = useRadioGroupContext();
+  const context = useRadioContext();
+  const mergedProps = mergeProps46(getItemLabelProps(context), props);
+  return /* @__PURE__ */ jsx53(atlas.span, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/rating/rating.tsx
+import { forwardRef as forwardRef49 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps47 } from "@zag-js/react";
+
+// src/rating/rating-context.ts
+var [RatingProvider, useRatingContext] = createContext({
+  name: "RatingContext",
+  hookName: "useRatingContext",
+  providerName: "<RatingProvider />"
+});
+
+// src/rating/use-rating.tsx
+import * as rating from "@zag-js/rating";
+import { normalizeProps as normalizeProps11, useMachine as useMachine11 } from "@zag-js/react";
+import { useId as useId11 } from "react";
+var useRating = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId11(),
+    ...props,
+    value: props.value ?? props.defaultValue
+  });
+  const context = filterUndefinedEntries({
+    ...initialContext,
+    value: props.value
+  });
+  const [state, send] = useMachine11(rating.machine(initialContext), {
+    context
+  });
+  return rating.connect(state, send, normalizeProps11);
+};
+
+// src/rating/rating.tsx
+import { jsx as jsx54, jsxs } from "react/jsx-runtime";
+var Rating = forwardRef49((props, ref) => {
+  const [useRatingProps, divProps] = splitProps(props, [
+    "allowHalf",
+    "autoFocus",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "getRootNode",
+    "ids",
+    "max",
+    "name",
+    "onChange",
+    "onHover",
+    "readonly",
+    "translations",
+    "value"
+  ]);
+  const rating2 = useRating(useRatingProps);
+  const mergedProps = mergeProps47(rating2.rootProps, divProps);
+  return /* @__PURE__ */ jsx54(RatingProvider, {
+    value: rating2,
+    children: /* @__PURE__ */ jsxs(atlas.div, {
+      ...mergedProps,
+      children: [
+        props.children,
+        /* @__PURE__ */ jsx54(atlas.input, {
+          ...rating2.inputProps,
+          ref
+        })
+      ]
+    })
+  });
+});
+
+// src/rating/rating-group.tsx
+import { forwardRef as forwardRef50 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps48 } from "@zag-js/react";
+import { jsx as jsx55 } from "react/jsx-runtime";
+var RatingGroup = forwardRef50((props, ref) => {
+  const { children, ...divProps } = props;
+  const api = useRatingContext();
+  const renderPropResult = typeof children === "function" ? children(api) : children;
+  const mergedProps = mergeProps48(api.itemGroupProps, divProps);
+  return /* @__PURE__ */ jsx55(atlas.div, {
+    ...mergedProps,
+    ref,
+    children: renderPropResult
+  });
+});
+
+// src/rating/rating-item.tsx
+import { forwardRef as forwardRef51 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps49 } from "@zag-js/react";
+
+// src/rating/rating-item-context.ts
+var [RatingItemProvider, useRatingItemContext] = createContext({
+  name: "RatingItemContext",
+  hookName: "useRatingItemContext",
+  providerName: "<RatingItemProvider />"
+});
+
+// src/rating/rating-item.tsx
+import { jsx as jsx56 } from "react/jsx-runtime";
+var RatingItem = forwardRef51((props, ref) => {
+  const { children, index, ...divProps } = props;
+  const { getRatingState, getItemProps } = useRatingContext();
+  const state = getRatingState(index);
+  const icon = typeof children === "function" ? children(state) : children;
+  const mergedProps = mergeProps49(getItemProps({ index }), divProps);
+  return /* @__PURE__ */ jsx56(atlas.span, {
+    ...mergedProps,
+    ref,
+    children: /* @__PURE__ */ jsx56(RatingItemProvider, {
+      value: state,
+      children: icon
+    })
+  });
+});
+
+// src/rating/rating-label.tsx
+import { forwardRef as forwardRef52 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps50 } from "@zag-js/react";
+import { jsx as jsx57 } from "react/jsx-runtime";
+var RatingLabel = forwardRef52((props, ref) => {
+  const { labelProps } = useRatingContext();
+  const mergedProps = mergeProps50(labelProps, props);
+  return /* @__PURE__ */ jsx57(atlas.label, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tabs/tab.tsx
+import { forwardRef as forwardRef53 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps51 } from "@zag-js/react";
+
+// src/tabs/tabs-context.ts
+var [TabsProvider, useTabsContext] = createContext({
+  name: "TabsContext",
+  hookName: "useTabsContext",
+  providerName: "<TabsProvider />"
+});
+
+// src/tabs/tab.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+var Tab = forwardRef53((props, ref) => {
+  const [tabProps, buttonProps] = splitProps(props, ["disabled", "value"]);
+  const { getTriggerProps } = useTabsContext();
+  const mergedProps = mergeProps51(getTriggerProps(tabProps), buttonProps);
+  return /* @__PURE__ */ jsx58(atlas.button, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tabs/tab-indicator.tsx
+import { forwardRef as forwardRef54 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps52 } from "@zag-js/react";
+import { jsx as jsx59 } from "react/jsx-runtime";
+var TabIndicator = forwardRef54((props, ref) => {
+  const { indicatorProps } = useTabsContext();
+  const mergedProps = mergeProps52(indicatorProps, props);
+  return /* @__PURE__ */ jsx59(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tabs/tab-list.tsx
+import { forwardRef as forwardRef55 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps53 } from "@zag-js/react";
+import { jsx as jsx60 } from "react/jsx-runtime";
+var TabList = forwardRef55((props, ref) => {
+  const { triggerGroupProps } = useTabsContext();
+  const mergedProps = mergeProps53(triggerGroupProps, props);
+  return /* @__PURE__ */ jsx60(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tabs/tab-panel.tsx
+import { forwardRef as forwardRef56 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps54 } from "@zag-js/react";
+import { jsx as jsx61 } from "react/jsx-runtime";
+var TabPanel = forwardRef56((props, ref) => {
+  const [tabContentProps, divProps] = splitProps(props, ["value"]);
+  const { getContentProps } = useTabsContext();
+  const mergedProps = mergeProps54(getContentProps(tabContentProps), divProps);
+  return /* @__PURE__ */ jsx61(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tabs/tab-panels.tsx
+import { forwardRef as forwardRef57 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps55 } from "@zag-js/react";
+import { jsx as jsx62 } from "react/jsx-runtime";
+var TabPanels = forwardRef57((props, ref) => {
+  const { contentGroupProps } = useTabsContext();
+  const mergedProps = mergeProps55(contentGroupProps, props);
+  return /* @__PURE__ */ jsx62(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tabs/tabs.tsx
+import { forwardRef as forwardRef58 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps56 } from "@zag-js/react";
+
+// src/tabs/use-tabs.ts
+import { normalizeProps as normalizeProps12, useMachine as useMachine12 } from "@zag-js/react";
+import * as tabs from "@zag-js/tabs";
+import { useId as useId12 } from "react";
+var useTabs = (props) => {
+  const context = { id: useId12(), ...filterUndefinedEntries(props) };
+  const [state, send] = useMachine12(tabs.machine(context), { context });
+  return tabs.connect(state, send, normalizeProps12);
+};
+
+// src/tabs/tabs.tsx
+import { jsx as jsx63 } from "react/jsx-runtime";
+var Tabs = forwardRef58((props, ref) => {
+  const [useTabsProps, divProps] = splitProps(props, [
+    "activationMode",
+    "dir",
+    "getRootNode",
+    "ids",
+    "isIndicatorRendered",
+    "loop",
+    "onChange",
+    "onDelete",
+    "onFocus",
+    "orientation",
+    "translations",
+    "value"
+  ]);
+  const tabs2 = useTabs(useTabsProps);
+  const mergedProps = mergeProps56(tabs2.rootProps, divProps);
+  return /* @__PURE__ */ jsx63(TabsProvider, {
+    value: tabs2,
+    children: /* @__PURE__ */ jsx63(atlas.div, {
+      ...mergedProps,
+      ref
+    })
+  });
+});
+
+// src/tooltip/tooltip-context.tsx
+var [TooltipProvider, useTooltipContext] = createContext({
+  name: "TooltipContext",
+  hookName: "useTooltipContext",
+  providerName: "<TooltipProvider />"
+});
+
+// src/tooltip/use-tooltip.ts
+import { normalizeProps as normalizeProps13, useMachine as useMachine13 } from "@zag-js/react";
+import * as tooltip from "@zag-js/tooltip";
+import { useId as useId13 } from "react";
+var useTooltip = (props) => {
+  const initialContext = filterUndefinedEntries({
+    id: useId13(),
+    ...props
+  });
+  const [state, send] = useMachine13(tooltip.machine(initialContext), { context: initialContext });
+  return tooltip.connect(state, send, normalizeProps13);
+};
+
+// src/tooltip/tooltip.tsx
+import { jsx as jsx64 } from "react/jsx-runtime";
+var Tooltip = (props) => {
+  const { children, ...useTooltipProps } = props;
+  const tooltip2 = useTooltip(useTooltipProps);
+  return /* @__PURE__ */ jsx64(TooltipProvider, {
+    value: tooltip2,
+    children
+  });
+};
+
+// src/tooltip/tooltip-arrow.tsx
+import { forwardRef as forwardRef59 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps57 } from "@zag-js/react";
+import { jsx as jsx65 } from "react/jsx-runtime";
+var TooltipArrow = forwardRef59((props, ref) => {
+  const { arrowProps } = useTooltipContext();
+  const mergedProps = mergeProps57(arrowProps, props);
+  return /* @__PURE__ */ jsx65(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tooltip/tooltip-content.tsx
+import { forwardRef as forwardRef60 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps58 } from "@zag-js/react";
+import { jsx as jsx66 } from "react/jsx-runtime";
+var TooltipContent = forwardRef60((props, ref) => {
+  const { contentProps } = useTooltipContext();
+  const mergedProps = mergeProps58(contentProps, props);
+  return /* @__PURE__ */ jsx66(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tooltip/tooltip-inner-arrow.tsx
+import { forwardRef as forwardRef61 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps59 } from "@zag-js/react";
+import { jsx as jsx67 } from "react/jsx-runtime";
+var TooltipInnerArrow = forwardRef61((props, ref) => {
+  const { innerArrowProps } = useTooltipContext();
+  const mergedProps = mergeProps59(innerArrowProps, props);
+  return /* @__PURE__ */ jsx67(atlas.div, {
+    ...mergedProps,
+    ref
+  });
+});
+
+// src/tooltip/tooltip-positioner.tsx
+import { forwardRef as forwardRef62 } from "@polymorphic-factory/react";
+import { mergeProps as mergeProps60 } from "@zag-js/react";
+import { jsx as jsx68 } from "react/jsx-runtime";
+var TooltipPositioner = forwardRef62((props, ref) => {
+  const { positionerProps, isOpen } = useTooltipContext();
+  const mergedProps = mergeProps60(positionerProps, props);
+  return isOpen ? /* @__PURE__ */ jsx68(atlas.div, {
+    ...mergedProps,
+    ref
+  }) : null;
+});
+
+// src/tooltip/tooltip-trigger.tsx
+import { cloneElement as cloneElement3 } from "react";
+import { jsx as jsx69 } from "react/jsx-runtime";
+var TooltipTrigger = (props) => {
+  const { children } = props;
+  const { triggerProps } = useTooltipContext();
+  return typeof children === "string" || typeof children === "number" ? /* @__PURE__ */ jsx69(atlas.span, {
+    ...triggerProps,
+    children
+  }) : cloneElement3(children, triggerProps);
+};
+export {
+  Accordion,
+  AccordionButton,
+  AccordionIcon,
+  AccordionItem,
+  AccordionPanel,
+  Checkbox,
+  CheckboxControl,
+  CheckboxInput,
+  CheckboxLabel,
+  Dialog,
+  DialogBackdrop,
+  DialogCloseButton,
+  DialogContent,
+  DialogDescription,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DialogUnderlay,
+  Editable,
+  EditableArea,
+  EditableCancelButton,
+  EditableControls,
+  EditableEditButton,
+  EditableInput,
+  EditablePreview,
+  EditableSubmitButton,
+  NumberInput,
+  NumberInputDecrementButton,
+  NumberInputField,
+  NumberInputIncrementButton,
+  Pagination,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationNextItem,
+  PaginationPrevItem,
+  PaginationProvider,
+  PinInput,
+  PinInputField,
+  Popover,
+  PopoverArrow,
+  PopoverCloseButton,
+  PopoverContent,
+  PopoverDescription,
+  PopoverInnerArrow,
+  PopoverPositioner,
+  PopoverTitle,
+  PopoverTrigger,
+  Pressable,
+  Radio,
+  RadioControl,
+  RadioGroup,
+  RadioGroupLabel,
+  RadioInput,
+  RadioLabel,
+  Rating,
+  RatingGroup,
+  RatingItem,
+  RatingLabel,
+  Tab,
+  TabIndicator,
+  TabList,
+  TabPanel,
+  TabPanels,
+  Tabs,
+  Tooltip,
+  TooltipArrow,
+  TooltipContent,
+  TooltipInnerArrow,
+  TooltipPositioner,
+  TooltipTrigger,
+  useAccordion,
+  useAccordionItemContext,
+  useCheckbox,
+  useEditable,
+  usePagination,
+  usePaginationContext,
+  usePinInput,
+  usePopover,
+  usePressable,
+  useRadioGroup,
+  useRating,
+  useTabs,
+  useTooltip
+};