@zag-js/radio-group 0.10.2 → 0.10.4

package/dist/chunk-DVMAGSYZ.mjs

@@ -1,50 +0,0 @@
-// src/radio-group.dom.ts
-import { createScope, queryAll } from "@zag-js/dom-query";
-var dom = createScope({
-  getRootId: (ctx) => ctx.ids?.root ?? `radio-group:${ctx.id}`,
-  getLabelId: (ctx) => ctx.ids?.label ?? `radio-group:${ctx.id}:label`,
-  getRadioId: (ctx, value) => ctx.ids?.radio?.(value) ?? `radio-group:${ctx.id}:radio:${value}`,
-  getRadioInputId: (ctx, value) => ctx.ids?.radioInput?.(value) ?? `radio-group:${ctx.id}:radio:input:${value}`,
-  getRadioControlId: (ctx, value) => ctx.ids?.radioControl?.(value) ?? `radio-group:${ctx.id}:radio:control:${value}`,
-  getRadioLabelId: (ctx, value) => ctx.ids?.radioLabel?.(value) ?? `radio-group:${ctx.id}:radio:label:${value}`,
-  getIndicatorId: (ctx) => ctx.ids?.indicator ?? `tabs:${ctx.id}:indicator`,
-  getRootEl: (ctx) => dom.getById(ctx, dom.getRootId(ctx)),
-  getRadioInputEl: (ctx, value) => dom.getById(ctx, dom.getRadioInputId(ctx, value)),
-  getIndicatorEl: (ctx) => dom.getById(ctx, dom.getIndicatorId(ctx)),
-  getFirstEnabledInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled)"),
-  getFirstEnabledAndCheckedInputEl: (ctx) => dom.getRootEl(ctx)?.querySelector("input:not(:disabled):checked"),
-  getInputEls: (ctx) => {
-    const ownerId = CSS.escape(dom.getRootId(ctx));
-    const selector = `input[type=radio][data-ownedby='${ownerId}']:not([disabled])`;
-    return queryAll(dom.getRootEl(ctx), selector);
-  },
-  getActiveRadioEl: (ctx) => {
-    if (!ctx.value)
-      return;
-    return dom.getById(ctx, dom.getRadioId(ctx, ctx.value));
-  },
-  getOffsetRect: (el) => {
-    return {
-      left: el?.offsetLeft ?? 0,
-      top: el?.offsetTop ?? 0,
-      width: el?.offsetWidth ?? 0,
-      height: el?.offsetHeight ?? 0
-    };
-  },
-  getRectById: (ctx, id) => {
-    const tab = dom.queryById(ctx, dom.getRadioId(ctx, id));
-    return dom.resolveRect(dom.getOffsetRect(tab));
-  },
-  resolveRect(rect) {
-    return {
-      width: `${rect.width}px`,
-      height: `${rect.height}px`,
-      left: `${rect.left}px`,
-      top: `${rect.top}px`
-    };
-  }
-});
-
-export {
-  dom
-};

package/dist/chunk-R5YJZPCP.mjs

@@ -1,17 +0,0 @@
-// src/radio-group.anatomy.ts
-import { createAnatomy } from "@zag-js/anatomy";
-var anatomy = createAnatomy("radio-group").parts(
-  "root",
-  "label",
-  "radio",
-  "radioLabel",
-  "radioControl",
-  "radioInput",
-  "indicator"
-);
-var parts = anatomy.build();
-
-export {
-  anatomy,
-  parts
-};

package/dist/chunk-UMCKI3BN.mjs

@@ -1,133 +0,0 @@
-import {
-  dom
-} from "./chunk-DVMAGSYZ.mjs";
-
-// src/radio-group.machine.ts
-import { createMachine } from "@zag-js/core";
-import { nextTick } from "@zag-js/dom-query";
-import { trackElementRect } from "@zag-js/element-rect";
-import { trackFormControl } from "@zag-js/form-utils";
-import { compact, isString } from "@zag-js/utils";
-function machine(userContext) {
-  const ctx = compact(userContext);
-  return createMachine(
-    {
-      id: "radio",
-      initial: "idle",
-      context: {
-        previousValue: null,
-        value: null,
-        activeId: null,
-        focusedId: null,
-        hoveredId: null,
-        indicatorRect: {},
-        canIndicatorTransition: false,
-        ...ctx
-      },
-      entry: ["syncIndicatorRect"],
-      exit: ["cleanupObserver"],
-      activities: ["trackFormControlState"],
-      watch: {
-        value: [
-          "setIndicatorTransition",
-          // important to set this after `setIndicatorTransition`
-          "setPreviousValue",
-          "invokeOnChange",
-          "syncIndicatorRect",
-          "syncInputElements"
-        ]
-      },
-      on: {
-        SET_VALUE: {
-          actions: ["setValue"]
-        },
-        SET_HOVERED: {
-          actions: "setHovered"
-        },
-        SET_ACTIVE: {
-          actions: "setActive"
-        },
-        SET_FOCUSED: {
-          actions: "setFocused"
-        }
-      },
-      states: {
-        idle: {}
-      }
-    },
-    {
-      activities: {
-        trackFormControlState(ctx2, _evt, { send, initialContext }) {
-          return trackFormControl(dom.getRootEl(ctx2), {
-            onFieldsetDisabled() {
-              ctx2.disabled = true;
-            },
-            onFormReset() {
-              send({ type: "SET_VALUE", value: initialContext.value });
-            }
-          });
-        }
-      },
-      actions: {
-        setValue(ctx2, evt) {
-          ctx2.value = evt.value;
-        },
-        setHovered(ctx2, evt) {
-          ctx2.hoveredId = evt.value;
-        },
-        setActive(ctx2, evt) {
-          ctx2.activeId = evt.value;
-        },
-        setFocused(ctx2, evt) {
-          ctx2.focusedId = evt.value;
-        },
-        invokeOnChange(ctx2, evt) {
-          ctx2.onChange?.({ value: evt.value });
-        },
-        syncInputElements(ctx2) {
-          const inputs = dom.getInputEls(ctx2);
-          inputs.forEach((input) => {
-            input.checked = input.value === ctx2.value;
-          });
-        },
-        setPreviousValue(ctx2) {
-          ctx2.previousValue = ctx2.value;
-        },
-        setIndicatorTransition(ctx2) {
-          ctx2.canIndicatorTransition = isString(ctx2.previousValue) && isString(ctx2.value);
-        },
-        cleanupObserver(ctx2) {
-          ctx2.indicatorCleanup?.();
-        },
-        syncIndicatorRect(ctx2) {
-          ctx2.indicatorCleanup?.();
-          if (!dom.getIndicatorEl(ctx2))
-            return;
-          const value = ctx2.value;
-          if (value == null) {
-            ctx2.indicatorRect = {};
-            return;
-          }
-          const radioEl = dom.getActiveRadioEl(ctx2);
-          if (!radioEl)
-            return;
-          ctx2.indicatorCleanup = trackElementRect(radioEl, {
-            getRect(el) {
-              return dom.getOffsetRect(el);
-            },
-            onChange(rect) {
-              ctx2.indicatorRect = dom.resolveRect(rect);
-              nextTick(() => {
-                ctx2.canIndicatorTransition = false;
-              });
-            }
-          });
-        }
-      }
-    }
-  );
-}
-
-export {
-  machine
-};

package/dist/radio-group.types.js

@@ -1,18 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/radio-group.types.ts
-var radio_group_types_exports = {};
-module.exports = __toCommonJS(radio_group_types_exports);