@hanzogui/radio-group 8.3.1 → 8.3.2

package/dist/cjs/RadioGroup.js

@@ -0,0 +1,106 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupFrame = exports.RadioGroupIndicatorFrame = exports.RadioGroupItemFrame = void 0;
+const core_1 = require("@hanzogui/core");
+const get_token_1 = require("@hanzogui/get-token");
+const stacks_1 = require("@hanzogui/stacks");
+const RADIO_GROUP_ITEM_NAME = 'RadioGroupItem';
+exports.RadioGroupItemFrame = (0, core_1.styled)(stacks_1.YStack, {
+    name: RADIO_GROUP_ITEM_NAME,
+    render: 'button',
+    variants: {
+        unstyled: {
+            false: {
+                size: '$true',
+                borderRadius: 1000,
+                backgroundColor: '$background',
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderWidth: 1,
+                borderColor: '$borderColor',
+                padding: 0,
+                hoverStyle: {
+                    borderColor: '$borderColorHover',
+                    backgroundColor: '$backgroundHover',
+                },
+                focusStyle: {
+                    borderColor: '$borderColorHover',
+                    backgroundColor: '$backgroundHover',
+                },
+                focusVisibleStyle: {
+                    outlineStyle: 'solid',
+                    outlineWidth: 2,
+                    outlineColor: '$outlineColor',
+                },
+                pressStyle: {
+                    borderColor: '$borderColorFocus',
+                    backgroundColor: '$backgroundFocus',
+                },
+            },
+        },
+        disabled: {
+            true: {
+                pointerEvents: 'none',
+                userSelect: 'none',
+                cursor: 'not-allowed',
+                hoverStyle: {
+                    borderColor: '$borderColor',
+                    backgroundColor: '$background',
+                },
+                pressStyle: {
+                    borderColor: '$borderColor',
+                    backgroundColor: '$background',
+                },
+                focusVisibleStyle: {
+                    outlineWidth: 0,
+                },
+            },
+        },
+        size: {
+            '...size': (value, { props }) => {
+                const size = Math.floor((0, core_1.getVariableValue)((0, get_token_1.getSize)(value)) * (props['scaleSize'] ?? 0.5));
+                return {
+                    width: size,
+                    height: size,
+                };
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const RADIO_GROUP_INDICATOR_NAME = 'RadioGroupIndicator';
+exports.RadioGroupIndicatorFrame = (0, core_1.styled)(stacks_1.YStack, {
+    name: RADIO_GROUP_INDICATOR_NAME,
+    variants: {
+        unstyled: {
+            false: {
+                width: '33%',
+                height: '33%',
+                borderRadius: 1000,
+                backgroundColor: '$color',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const RADIO_GROUP_NAME = 'RadioGroup';
+exports.RadioGroupFrame = (0, core_1.styled)(stacks_1.YStack, {
+    name: RADIO_GROUP_NAME,
+    variants: {
+        orientation: {
+            horizontal: {
+                flexDirection: 'row',
+                spaceDirection: 'horizontal',
+            },
+            vertical: {
+                flexDirection: 'column',
+                spaceDirection: 'vertical',
+            },
+        },
+    },
+});
+//# sourceMappingURL=RadioGroup.js.map

package/dist/cjs/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup.tsx"],"names":[],"mappings":";;;AAAA,yCAAyD;AACzD,mDAA6C;AAC7C,6CAAyC;AAEzC,MAAM,qBAAqB,GAAG,gBAAgB,CAAA;AAEjC,QAAA,mBAAmB,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IAChD,IAAI,EAAE,qBAAqB;IAC3B,MAAM,EAAE,QAAQ;IAEhB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,IAAI,EAAE,OAAO;gBACb,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,aAAa;gBAC9B,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,WAAW,EAAE,CAAC;gBACd,WAAW,EAAE,cAAc;gBAC3B,OAAO,EAAE,CAAC;gBAEV,UAAU,EAAE;oBACV,WAAW,EAAE,mBAAmB;oBAChC,eAAe,EAAE,kBAAkB;iBACpC;gBAED,UAAU,EAAE;oBACV,WAAW,EAAE,mBAAmB;oBAChC,eAAe,EAAE,kBAAkB;iBACpC;gBAED,iBAAiB,EAAE;oBACjB,YAAY,EAAE,OAAO;oBACrB,YAAY,EAAE,CAAC;oBACf,YAAY,EAAE,eAAe;iBAC9B;gBAED,UAAU,EAAE;oBACV,WAAW,EAAE,mBAAmB;oBAChC,eAAe,EAAE,kBAAkB;iBACpC;aACF;SACF;QAED,QAAQ,EAAE;YACR,IAAI,EAAE;gBACJ,aAAa,EAAE,MAAM;gBACrB,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,aAAa;gBAErB,UAAU,EAAE;oBACV,WAAW,EAAE,cAAc;oBAC3B,eAAe,EAAE,aAAa;iBAC/B;gBAED,UAAU,EAAE;oBACV,WAAW,EAAE,cAAc;oBAC3B,eAAe,EAAE,aAAa;iBAC/B;gBAED,iBAAiB,EAAE;oBACjB,YAAY,EAAE,CAAC;iBAChB;aACF;SACF;QAED,IAAI,EAAE;YACJ,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;gBAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CACrB,IAAA,uBAAgB,EAAC,IAAA,mBAAO,EAAC,KAAK,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,GAAG,CAAC,CAC/D,CAAA;gBACD,OAAO;oBACL,KAAK,EAAE,IAAI;oBACX,MAAM,EAAE,IAAI;iBACb,CAAA;YACH,CAAC;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,CAAC,CAAA;AAEF,MAAM,0BAA0B,GAAG,qBAAqB,CAAA;AAE3C,QAAA,wBAAwB,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IACrD,IAAI,EAAE,0BAA0B;IAEhC,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK;gBACZ,MAAM,EAAE,KAAK;gBACb,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,QAAQ;aAC1B;SACF;KACO;IAEV,eAAe,EAAE;QACf,QAAQ,EAAE,OAAO,CAAC,GAAG,CAAC,YAAY,KAAK,GAAG;KAC3C;CACF,CAAC,CAAA;AAEF,MAAM,gBAAgB,GAAG,YAAY,CAAA;AAExB,QAAA,eAAe,GAAG,IAAA,aAAM,EAAC,eAAM,EAAE;IAC5C,IAAI,EAAE,gBAAgB;IAEtB,QAAQ,EAAE;QACR,WAAW,EAAE;YACX,UAAU,EAAE;gBACV,aAAa,EAAE,KAAK;gBACpB,cAAc,EAAE,YAAY;aAC7B;YACD,QAAQ,EAAE;gBACR,aAAa,EAAE,QAAQ;gBACvB,cAAc,EAAE,UAAU;aAC3B;SACF;KACO;CACX,CAAC,CAAA"}

package/dist/cjs/RadioGroupStyledContext.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupStyledContext = void 0;
+const core_1 = require("@hanzogui/core");
+exports.RadioGroupStyledContext = (0, core_1.createStyledContext)({
+    size: '$true',
+    scaleIcon: 1,
+}, 'RadioGroup');
+//# sourceMappingURL=RadioGroupStyledContext.js.map

package/dist/cjs/RadioGroupStyledContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStyledContext.js","sourceRoot":"","sources":["../../src/RadioGroupStyledContext.tsx"],"names":[],"mappings":";;;AACA,yCAAoD;AAEvC,QAAA,uBAAuB,GAAG,IAAA,0BAAmB,EACxD;IACE,IAAI,EAAE,OAAqB;IAC3B,SAAS,EAAE,CAAC;CACb,EACD,YAAY,CACb,CAAA"}

package/dist/cjs/createRadioGroup.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createRadioGroup = createRadioGroup;
+const tslib_1 = require("tslib");
+const jsx_runtime_1 = require("react/jsx-runtime");
+const core_1 = require("@hanzogui/core");
+const radio_headless_1 = require("@hanzogui/radio-headless");
+const roving_focus_1 = require("@hanzogui/roving-focus");
+const react_1 = tslib_1.__importDefault(require("react"));
+const RadioGroup_tsx_1 = require("./RadioGroup.js");
+const ensureContext = (x) => {
+    if (!x.context) {
+        x.context = RadioGroupContext;
+    }
+};
+const RadioGroupContext = react_1.default.createContext({});
+const RadioGroupItemContext = react_1.default.createContext({
+    checked: false,
+    disabled: false,
+});
+function createRadioGroup(createProps) {
+    const { disableActiveTheme, Frame = RadioGroup_tsx_1.RadioGroupFrame, Indicator = RadioGroup_tsx_1.RadioGroupIndicatorFrame, Item = RadioGroup_tsx_1.RadioGroupItemFrame, } = createProps;
+    ensureContext(Frame);
+    ensureContext(Indicator);
+    ensureContext(Item);
+    const RadioGroupImp = Frame.styleable((props, ref) => {
+        const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = 'vertical', ...rest } = props;
+        const { providerValue, frameAttrs, rovingFocusGroupAttrs } = (0, radio_headless_1.useRadioGroup)({
+            orientation,
+            name,
+            defaultValue,
+            value,
+            onValueChange,
+            required,
+            disabled,
+            native,
+            accentColor,
+        });
+        return ((0, jsx_runtime_1.jsx)(RadioGroupContext.Provider, { value: providerValue, children: (0, jsx_runtime_1.jsx)(roving_focus_1.RovingFocusGroup, { ...rovingFocusGroupAttrs, children: (0, jsx_runtime_1.jsx)(RadioGroup_tsx_1.RadioGroupFrame, { ...frameAttrs, ref: ref, ...rest }) }) }));
+    });
+    const RadioGroupItemImp = Item.styleable((props, ref) => {
+        const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+        const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native, } = (0, radio_headless_1.useRadioGroupItem)({
+            radioGroupContext: RadioGroupContext,
+            value,
+            id,
+            labelledBy,
+            disabled,
+            onPress: onPress,
+            onKeyDown,
+        });
+        return ((0, jsx_runtime_1.jsx)(RadioGroupItemContext.Provider, { value: providerValue, children: core_1.isWeb && native ? (bubbleInput) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(roving_focus_1.RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: (0, jsx_runtime_1.jsx)(RadioGroup_tsx_1.RadioGroupItemFrame, { ...frameAttrs, ref: ref, ...rest }) }), isFormControl && bubbleInput] })) }));
+    });
+    RadioGroupItemImp.displayName = 'RadioGroupItem';
+    const RadioIndicator = Indicator.styleable((props, forwardedRef) => {
+        const { forceMount, disabled, ...indicatorProps } = props;
+        const { checked, ...useIndicatorRest } = (0, radio_headless_1.useRadioGroupItemIndicator)({
+            radioGroupItemContext: RadioGroupItemContext,
+            disabled,
+        });
+        if (forceMount || checked) {
+            return (0, jsx_runtime_1.jsx)(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps });
+        }
+        return null;
+    });
+    RadioIndicator.displayName = 'RadioIndicator';
+    const RadioGroup = (0, core_1.withStaticProperties)(RadioGroupImp, {
+        Item: RadioGroupItemImp,
+        Indicator: RadioIndicator,
+    });
+    RadioGroup.displayName = 'RadioGroup';
+    return RadioGroup;
+}
+//# sourceMappingURL=createRadioGroup.js.map

package/dist/cjs/createRadioGroup.js.map

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

package/dist/cjs/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+const tslib_1 = require("tslib");
+const RadioGroup_tsx_1 = require("./RadioGroup.js");
+const createRadioGroup_tsx_1 = require("./createRadioGroup.js");
+tslib_1.__exportStar(require("./createRadioGroup.js"), exports);
+tslib_1.__exportStar(require("./RadioGroup.js"), exports);
+tslib_1.__exportStar(require("./RadioGroupStyledContext.js"), exports);
+exports.RadioGroup = (0, createRadioGroup_tsx_1.createRadioGroup)({
+    Frame: RadioGroup_tsx_1.RadioGroupFrame,
+    Indicator: RadioGroup_tsx_1.RadioGroupIndicatorFrame,
+    Item: RadioGroup_tsx_1.RadioGroupItemFrame,
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,oDAIyB;AACzB,gEAAyD;AAEzD,gEAAsC;AACtC,0DAAgC;AAChC,uEAA6C;AAEhC,QAAA,UAAU,GAAG,IAAA,uCAAgB,EAAC;IACzC,KAAK,EAAE,gCAAe;IACtB,SAAS,EAAE,yCAAwB;IACnC,IAAI,EAAE,oCAAmB;CAC1B,CAAC,CAAA"}

package/dist/cjs/package.json

@@ -0,0 +1 @@
+{ "type": "commonjs" }

package/dist/esm/RadioGroup.js

@@ -0,0 +1,103 @@
+import { getVariableValue, styled } from '@hanzogui/core';
+import { getSize } from '@hanzogui/get-token';
+import { YStack } from '@hanzogui/stacks';
+const RADIO_GROUP_ITEM_NAME = 'RadioGroupItem';
+export const RadioGroupItemFrame = styled(YStack, {
+    name: RADIO_GROUP_ITEM_NAME,
+    render: 'button',
+    variants: {
+        unstyled: {
+            false: {
+                size: '$true',
+                borderRadius: 1000,
+                backgroundColor: '$background',
+                alignItems: 'center',
+                justifyContent: 'center',
+                borderWidth: 1,
+                borderColor: '$borderColor',
+                padding: 0,
+                hoverStyle: {
+                    borderColor: '$borderColorHover',
+                    backgroundColor: '$backgroundHover',
+                },
+                focusStyle: {
+                    borderColor: '$borderColorHover',
+                    backgroundColor: '$backgroundHover',
+                },
+                focusVisibleStyle: {
+                    outlineStyle: 'solid',
+                    outlineWidth: 2,
+                    outlineColor: '$outlineColor',
+                },
+                pressStyle: {
+                    borderColor: '$borderColorFocus',
+                    backgroundColor: '$backgroundFocus',
+                },
+            },
+        },
+        disabled: {
+            true: {
+                pointerEvents: 'none',
+                userSelect: 'none',
+                cursor: 'not-allowed',
+                hoverStyle: {
+                    borderColor: '$borderColor',
+                    backgroundColor: '$background',
+                },
+                pressStyle: {
+                    borderColor: '$borderColor',
+                    backgroundColor: '$background',
+                },
+                focusVisibleStyle: {
+                    outlineWidth: 0,
+                },
+            },
+        },
+        size: {
+            '...size': (value, { props }) => {
+                const size = Math.floor(getVariableValue(getSize(value)) * (props['scaleSize'] ?? 0.5));
+                return {
+                    width: size,
+                    height: size,
+                };
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const RADIO_GROUP_INDICATOR_NAME = 'RadioGroupIndicator';
+export const RadioGroupIndicatorFrame = styled(YStack, {
+    name: RADIO_GROUP_INDICATOR_NAME,
+    variants: {
+        unstyled: {
+            false: {
+                width: '33%',
+                height: '33%',
+                borderRadius: 1000,
+                backgroundColor: '$color',
+            },
+        },
+    },
+    defaultVariants: {
+        unstyled: process.env.GUI_HEADLESS === '1',
+    },
+});
+const RADIO_GROUP_NAME = 'RadioGroup';
+export const RadioGroupFrame = styled(YStack, {
+    name: RADIO_GROUP_NAME,
+    variants: {
+        orientation: {
+            horizontal: {
+                flexDirection: 'row',
+                spaceDirection: 'horizontal',
+            },
+            vertical: {
+                flexDirection: 'column',
+                spaceDirection: 'vertical',
+            },
+        },
+    },
+});
+//# sourceMappingURL=RadioGroup.js.map

package/dist/esm/RadioGroup.js.map

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

package/dist/esm/RadioGroupStyledContext.js

@@ -0,0 +1,6 @@
+import { createStyledContext } from '@hanzogui/core';
+export const RadioGroupStyledContext = createStyledContext({
+    size: '$true',
+    scaleIcon: 1,
+}, 'RadioGroup');
+//# sourceMappingURL=RadioGroupStyledContext.js.map

package/dist/esm/RadioGroupStyledContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupStyledContext.js","sourceRoot":"","sources":["../../src/RadioGroupStyledContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAEpD,MAAM,CAAC,MAAM,uBAAuB,GAAG,mBAAmB,CACxD;IACE,IAAI,EAAE,OAAqB;IAC3B,SAAS,EAAE,CAAC;CACb,EACD,YAAY,CACb,CAAA"}

package/dist/esm/createRadioGroup.js

@@ -0,0 +1,70 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { isWeb, withStaticProperties } from '@hanzogui/core';
+import { useRadioGroup, useRadioGroupItem, useRadioGroupItemIndicator, } from '@hanzogui/radio-headless';
+import { RovingFocusGroup } from '@hanzogui/roving-focus';
+import React from 'react';
+import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame, } from './RadioGroup.js';
+const ensureContext = (x) => {
+    if (!x.context) {
+        x.context = RadioGroupContext;
+    }
+};
+const RadioGroupContext = React.createContext({});
+const RadioGroupItemContext = React.createContext({
+    checked: false,
+    disabled: false,
+});
+export function createRadioGroup(createProps) {
+    const { disableActiveTheme, Frame = RadioGroupFrame, Indicator = RadioGroupIndicatorFrame, Item = RadioGroupItemFrame, } = createProps;
+    ensureContext(Frame);
+    ensureContext(Indicator);
+    ensureContext(Item);
+    const RadioGroupImp = Frame.styleable((props, ref) => {
+        const { value, defaultValue, onValueChange, required = false, disabled = false, name, native, accentColor, orientation = 'vertical', ...rest } = props;
+        const { providerValue, frameAttrs, rovingFocusGroupAttrs } = useRadioGroup({
+            orientation,
+            name,
+            defaultValue,
+            value,
+            onValueChange,
+            required,
+            disabled,
+            native,
+            accentColor,
+        });
+        return (_jsx(RadioGroupContext.Provider, { value: providerValue, children: _jsx(RovingFocusGroup, { ...rovingFocusGroupAttrs, children: _jsx(RadioGroupFrame, { ...frameAttrs, ref: ref, ...rest }) }) }));
+    });
+    const RadioGroupItemImp = Item.styleable((props, ref) => {
+        const { value, labelledBy, onPress, onKeyDown, disabled, id, ...rest } = props;
+        const { providerValue, bubbleInput, rovingFocusGroupAttrs, frameAttrs, isFormControl, native, } = useRadioGroupItem({
+            radioGroupContext: RadioGroupContext,
+            value,
+            id,
+            labelledBy,
+            disabled,
+            onPress: onPress,
+            onKeyDown,
+        });
+        return (_jsx(RadioGroupItemContext.Provider, { value: providerValue, children: isWeb && native ? (bubbleInput) : (_jsxs(_Fragment, { children: [_jsx(RovingFocusGroup.Item, { ...rovingFocusGroupAttrs, children: _jsx(RadioGroupItemFrame, { ...frameAttrs, ref: ref, ...rest }) }), isFormControl && bubbleInput] })) }));
+    });
+    RadioGroupItemImp.displayName = 'RadioGroupItem';
+    const RadioIndicator = Indicator.styleable((props, forwardedRef) => {
+        const { forceMount, disabled, ...indicatorProps } = props;
+        const { checked, ...useIndicatorRest } = useRadioGroupItemIndicator({
+            radioGroupItemContext: RadioGroupItemContext,
+            disabled,
+        });
+        if (forceMount || checked) {
+            return _jsx(Indicator, { ...useIndicatorRest, ref: forwardedRef, ...indicatorProps });
+        }
+        return null;
+    });
+    RadioIndicator.displayName = 'RadioIndicator';
+    const RadioGroup = withStaticProperties(RadioGroupImp, {
+        Item: RadioGroupItemImp,
+        Indicator: RadioIndicator,
+    });
+    RadioGroup.displayName = 'RadioGroup';
+    return RadioGroup;
+}
+//# sourceMappingURL=createRadioGroup.js.map

package/dist/esm/createRadioGroup.js.map

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

package/dist/esm/index.js

@@ -1,12 +1,11 @@
-import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame } from "./RadioGroup.mjs";
-import { createRadioGroup } from "./createRadioGroup.mjs";
-export * from "./createRadioGroup.mjs";
-export * from "./RadioGroup.mjs";
-export * from "./RadioGroupStyledContext.mjs";
-const RadioGroup = createRadioGroup({
-  Frame: RadioGroupFrame,
-  Indicator: RadioGroupIndicatorFrame,
-  Item: RadioGroupItemFrame
+import { RadioGroupFrame, RadioGroupIndicatorFrame, RadioGroupItemFrame, } from './RadioGroup.js';
+import { createRadioGroup } from './createRadioGroup.js';
+export * from './createRadioGroup.js';
+export * from './RadioGroup.js';
+export * from './RadioGroupStyledContext.js';
+export const RadioGroup = createRadioGroup({
+    Frame: RadioGroupFrame,
+    Indicator: RadioGroupIndicatorFrame,
+    Item: RadioGroupItemFrame,
 });
-export { RadioGroup };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["RadioGroupFrame","RadioGroupIndicatorFrame","RadioGroupItemFrame","createRadioGroup","RadioGroup","Frame","Indicator","Item"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,SACEA,eAAA,EACAC,wBAAA,EACAC,mBAAA,QACK;AACP,SAASC,gBAAA,QAAwB;AAEjC,cAAc;AACd,cAAc;AACd,cAAc;AAEP,MAAMC,UAAA,GAAaD,gBAAA,CAAiB;EACzCE,KAAA,EAAOL,eAAA;EACPM,SAAA,EAAWL,wBAAA;EACXM,IAAA,EAAML;AACR,CAAC","ignoreList":[]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,EACf,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,iBAAkB,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAwB,CAAA;AAEzD,cAAc,uBAAwB,CAAA;AACtC,cAAc,iBAAkB,CAAA;AAChC,cAAc,8BAA+B,CAAA;AAE7C,MAAM,CAAC,MAAM,UAAU,GAAG,gBAAgB,CAAC;IACzC,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,wBAAwB;IACnC,IAAI,EAAE,mBAAmB;CAC1B,CAAC,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzogui/radio-group",
-  "version": "8.3.1",
+  "version": "8.3.2",
   "source": "src/index.ts",
   "files": [
     "src",
@@ -9,53 +9,58 @@
   ],
   "type": "module",
   "sideEffects": false,
-  "main": "dist/cjs",
-  "module": "dist/esm",
+  "main": "./dist/cjs/index.js",
+  "module": "./dist/esm/index.js",
   "types": "./types/index.d.ts",
   "exports": {
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "react-native": "./dist/esm/index.native.js",
-      "browser": "./dist/esm/index.mjs",
-      "module": "./dist/esm/index.mjs",
-      "import": "./dist/esm/index.mjs",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "react-native": "./dist/esm/index.js",
+      "browser": "./dist/esm/index.js",
+      "module": "./dist/esm/index.js",
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js",
+      "default": "./dist/esm/index.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "hanzogui-build",
+    "build": "hanzogui-build --skip-native",
     "watch": "hanzogui-build --watch",
     "clean": "hanzogui-build clean",
     "clean:build": "hanzogui-build clean:build"
   },
   "dependencies": {
-    "@hanzogui/compose-refs": "8.3.1",
-    "@hanzogui/constants": "8.3.1",
-    "@hanzogui/core": "8.3.1",
-    "@hanzogui/create-context": "8.3.1",
-    "@hanzogui/focusable": "8.3.1",
-    "@hanzogui/get-token": "8.3.1",
-    "@hanzogui/helpers": "8.3.1",
-    "@hanzogui/label": "8.3.1",
-    "@hanzogui/radio-headless": "8.3.1",
-    "@hanzogui/roving-focus": "8.3.1",
-    "@hanzogui/stacks": "8.3.1",
-    "@hanzogui/use-controllable-state": "8.3.1",
-    "@hanzogui/use-previous": "8.3.1",
-    "@hanzogui/web": "8.3.1"
+    "@hanzogui/compose-refs": "8.3.2",
+    "@hanzogui/constants": "8.3.2",
+    "@hanzogui/core": "8.3.2",
+    "@hanzogui/create-context": "8.3.2",
+    "@hanzogui/focusable": "8.3.2",
+    "@hanzogui/get-token": "8.3.2",
+    "@hanzogui/helpers": "8.3.2",
+    "@hanzogui/label": "8.3.2",
+    "@hanzogui/radio-headless": "8.3.2",
+    "@hanzogui/roving-focus": "8.3.2",
+    "@hanzogui/stacks": "8.3.2",
+    "@hanzogui/use-controllable-state": "8.3.2",
+    "@hanzogui/use-previous": "8.3.2",
+    "@hanzogui/web": "8.3.2"
   },
   "devDependencies": {
-    "@hanzogui/build": "8.3.1",
-    "react": ">=19"
+    "@hanzogui/build": "8.3.2",
+    "react": "19.2.8"
   },
   "peerDependencies": {
-    "react": ">=19"
+    "react": ">=19.2.8"
   },
   "module:jsx": "dist/jsx",
-  "removeSideEffects": true
+  "removeSideEffects": true,
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hanzoai/gui.git",
+    "directory": "pkgs/ui/radio-group"
+  }
 }

package/src/createRadioGroup.tsx

@@ -15,7 +15,7 @@ import {
   RadioGroupFrame,
   RadioGroupIndicatorFrame,
   RadioGroupItemFrame,
-} from './RadioGroup'
+} from './RadioGroup.tsx'
 
 const ensureContext = (x: any) => {
   if (!x.context) {

package/src/index.ts

@@ -2,12 +2,12 @@ import {
   RadioGroupFrame,
   RadioGroupIndicatorFrame,
   RadioGroupItemFrame,
-} from './RadioGroup'
-import { createRadioGroup } from './createRadioGroup'
+} from './RadioGroup.tsx'
+import { createRadioGroup } from './createRadioGroup.tsx'
 
-export * from './createRadioGroup'
-export * from './RadioGroup'
-export * from './RadioGroupStyledContext'
+export * from './createRadioGroup.tsx'
+export * from './RadioGroup.tsx'
+export * from './RadioGroupStyledContext.tsx'
 
 export const RadioGroup = createRadioGroup({
   Frame: RadioGroupFrame,

package/types/RadioGroup.d.ts

@@ -1,14 +1,14 @@
 export declare const RadioGroupItemFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     disabled?: boolean | undefined;
-    unstyled?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
     size?: import("@hanzogui/web").SizeTokens | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export declare const RadioGroupIndicatorFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
-    unstyled?: boolean | undefined;
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;
     fullscreen?: boolean | undefined;
+    unstyled?: boolean | undefined;
 }, import("@hanzogui/web").StaticConfigPublic>;
 export declare const RadioGroupFrame: import("@hanzogui/web").GuiComponent<import("@hanzogui/web").TamaDefer, import("@hanzogui/web").GuiElement, import("@hanzogui/core").RNGuiViewNonStyleProps, import("@hanzogui/web").StackStyleBase, {
     elevation?: number | import("@hanzogui/web").SizeTokens | undefined;