frosted-ui 0.0.1-canary.9 → 0.0.1-canary.91

package/dist/cjs/components/radio-button-group/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioButtonGroup = void 0;
+const tslib_1 = require("tslib");
+exports.RadioButtonGroup = tslib_1.__importStar(require("./radio-button-group"));
+tslib_1.__exportStar(require("./radio-button-group.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/radio-button-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/radio-button-group/index.ts"],"names":[],"mappings":";;;;AAAA,iFAAyD;AACzD,qEAA2C"}

package/dist/cjs/components/radio-button-group/radio-button-group.d.ts

@@ -0,0 +1,25 @@
+import { RadioGroup as RadioButtonGroupPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { radioButtonGroupPropDefs } from './radio-button-group.props';
+import { type GetPropDefTypes, type PropsWithoutColor } from '../../helpers';
+type RadioButtonGroupOwnProps = GetPropDefTypes<typeof radioButtonGroupPropDefs>;
+interface RadioButtonGroupRootProps extends PropsWithoutColor<typeof RadioButtonGroupPrimitive.Root>, RadioButtonGroupOwnProps {
+}
+declare const RadioButtonGroupRoot: {
+    (props: RadioButtonGroupRootProps): React.JSX.Element;
+    displayName: string;
+};
+interface RadioButtonGroupItemProps extends React.ComponentProps<typeof RadioButtonGroupPrimitive.Item> {
+}
+declare const RadioButtonGroupItem: {
+    (props: RadioButtonGroupItemProps): React.JSX.Element;
+    displayName: string;
+};
+interface RadioButtonGroupIconProps extends Omit<PropsWithoutColor<'div'>, 'children'> {
+}
+declare const RadioButtonGroupIcon: {
+    (props: RadioButtonGroupIconProps): React.JSX.Element;
+    displayName: string;
+};
+export { RadioButtonGroupIcon as Icon, RadioButtonGroupItem as Item, RadioButtonGroupRoot as Root };
+export type { RadioButtonGroupIconProps as IconProps, RadioButtonGroupItemProps as ItemProps, RadioButtonGroupRootProps as RootProps, };

package/dist/cjs/components/radio-button-group/radio-button-group.js

@@ -0,0 +1,55 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = exports.Item = exports.Icon = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const radio_button_group_props_1 = require("./radio-button-group.props");
+const use_isomorphic_layout_effect_1 = require("../../helpers/use-isomorphic-layout-effect");
+const RadioButtonGroupContext = React.createContext({});
+const RadioButtonGroupRoot = (props) => {
+    const { className, color = radio_button_group_props_1.radioButtonGroupPropDefs.color.default, highContrast = radio_button_group_props_1.radioButtonGroupPropDefs.highContrast.default, children, ...rootProps } = props;
+    return (React.createElement(radix_ui_1.RadioGroup.Root, { "data-accent-color": color, ...rootProps, className: (0, classnames_1.default)('fui-RadioButtonGroupRoot', className, { 'fui-high-contrast': highContrast }) },
+        React.createElement(RadioButtonGroupContext.Provider, { value: React.useMemo(() => ({ color, highContrast }), [color, highContrast]) }, children)));
+};
+exports.Root = RadioButtonGroupRoot;
+RadioButtonGroupRoot.displayName = 'RadioButtonGroupRoot';
+const RadioButtonGroupItem = (props) => {
+    const { children, className, style, ...itemProps } = props;
+    const updatedChildren = addOverlayToChildren(children);
+    return (React.createElement(radix_ui_1.RadioGroup.Item, { style: style, ...itemProps, className: (0, classnames_1.default)('fui-reset', 'fui-RadioButtonGroupButton', 'fui-RadioButtonGroupItem', className), asChild: true }, updatedChildren));
+};
+exports.Item = RadioButtonGroupItem;
+RadioButtonGroupItem.displayName = 'RadioButtonGroupItem';
+const RadioButtonGroupIcon = (props) => {
+    const { color, highContrast } = React.useContext(RadioButtonGroupContext);
+    const { className, ...itemProps } = props;
+    return (React.createElement("div", { "data-accent-color": color, className: (0, classnames_1.default)('fui-RadioButtonGroupIcon', { 'fui-high-contrast': highContrast }, className), "aria-hidden": true, ...itemProps },
+        React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
+            React.createElement("path", { d: "M6 10.5L8.5 13L14 7.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))));
+};
+exports.Icon = RadioButtonGroupIcon;
+RadioButtonGroupIcon.displayName = 'RadioButtonGroupIcon';
+const addOverlayToChildren = (children) => {
+    if (React.Children.count(children) === 1) {
+        const child = React.Children.only(children);
+        return React.cloneElement(child, {}, React.Children.toArray(child.props.children).concat(React.createElement(RadioButtonGroupOverlay, { key: "radio-button-group-overlay" })));
+    }
+    return children;
+};
+const RadioButtonGroupOverlay = () => {
+    const ref = React.useRef(null);
+    (0, use_isomorphic_layout_effect_1.useIsomorphicLayoutEffect)(() => {
+        var _a, _b, _c;
+        const parentElement = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.parentElement;
+        if (!parentElement)
+            return;
+        const parentElementComputedStyles = getComputedStyle(parentElement);
+        (_b = ref.current) === null || _b === void 0 ? void 0 : _b.style.setProperty('--parent-border-width', parentElementComputedStyles.borderWidth);
+        (_c = ref.current) === null || _c === void 0 ? void 0 : _c.style.setProperty('--parent-border-radius', parentElementComputedStyles.borderRadius);
+    }, [ref]);
+    return React.createElement("div", { ref: ref, className: "fui-RadioButtonGroupOverlay", "aria-hidden": true });
+};
+//# sourceMappingURL=radio-button-group.js.map

package/dist/cjs/components/radio-button-group/radio-button-group.js.map

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

package/dist/cjs/components/radio-button-group/radio-button-group.props.d.ts

@@ -0,0 +1,12 @@
+declare const radioButtonGroupPropDefs: {
+    color: {
+        type: "enum";
+        values: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info")[];
+        default: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info") | undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        default: undefined;
+    };
+};
+export { radioButtonGroupPropDefs };

package/dist/cjs/components/radio-button-group/radio-button-group.props.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioButtonGroupPropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const radioButtonGroupPropDefs = {
+    color: helpers_1.colorProp,
+    highContrast: helpers_1.highContrastProp,
+};
+exports.radioButtonGroupPropDefs = radioButtonGroupPropDefs;
+//# sourceMappingURL=radio-button-group.props.js.map

package/dist/cjs/components/radio-button-group/radio-button-group.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-button-group.props.js","sourceRoot":"","sources":["../../../../src/components/radio-button-group/radio-button-group.props.ts"],"names":[],"mappings":";;;AAAA,2CAA4D;AAE5D,MAAM,wBAAwB,GAAG;IAC/B,KAAK,EAAE,mBAAS;IAChB,YAAY,EAAE,0BAAgB;CAI/B,CAAC;AAEO,4DAAwB"}

package/dist/cjs/components/radio-button-group/radio-button-group.stories.d.ts

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { RadioButtonGroup } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: RadioButtonGroup.RootProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        disabled: false;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const HighContrast: Story;
+export declare const WithCard: Story;
+export declare const Color: Story;

package/dist/cjs/components/radio-button-group/radio-button-group.stories.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Color = exports.WithCard = exports.HighContrast = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Controls/RadioButtonGroup',
+    component: __1.RadioButtonGroup.Root,
+    args: {
+        disabled: false,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    args: {
+        color: __1.radioGroupPropDefs.color.default,
+        highContrast: __1.radioGroupPropDefs.highContrast.default,
+    },
+    render: (args) => (react_1.default.createElement(__1.RadioButtonGroup.Root, { defaultValue: "1", ...args },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'row' } },
+            react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "1" },
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        padding: '8px 40px 8px 24px',
+                        borderRadius: 8,
+                        border: '1px solid var(--gray-a7)',
+                        gap: 'var(--space-2)',
+                        alignItems: 'center',
+                    } },
+                    react_1.default.createElement(__1.RadioButtonGroup.Icon, { style: { marginLeft: -12 } }),
+                    react_1.default.createElement(__1.Text, null, "One"))),
+            react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "2" },
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        padding: '8px 40px 8px 24px',
+                        borderRadius: 8,
+                        border: '1px solid var(--gray-a7)',
+                        gap: 'var(--space-2)',
+                        alignItems: 'center',
+                    } },
+                    react_1.default.createElement(__1.RadioButtonGroup.Icon, { style: { marginLeft: -12 } }),
+                    react_1.default.createElement(__1.Text, null, "Two"))),
+            react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "3" },
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        padding: '8px 40px 8px 24px',
+                        borderRadius: 8,
+                        border: '1px solid var(--gray-a7)',
+                        gap: 'var(--space-2)',
+                        alignItems: 'center',
+                    } },
+                    react_1.default.createElement(__1.RadioButtonGroup.Icon, { style: { marginLeft: -12 } }),
+                    react_1.default.createElement(__1.Text, null, "Three")))))),
+};
+exports.HighContrast = {
+    args: {
+        color: __1.radioGroupPropDefs.color.default,
+        highContrast: true,
+    },
+    render: (args) => (react_1.default.createElement(__1.RadioButtonGroup.Root, { defaultValue: "1", ...args },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'row' } },
+            react_1.default.createElement(__1.Tooltip, { content: "Lime" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "1" },
+                        react_1.default.createElement("div", { style: {
+                                width: 48,
+                                height: 48,
+                                borderRadius: 16,
+                                background: 'var(--lime-9)',
+                            } })))),
+            react_1.default.createElement(__1.Tooltip, { content: "Teal" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "2" },
+                        react_1.default.createElement("div", { style: {
+                                width: 48,
+                                height: 48,
+                                borderRadius: 16,
+                                background: 'var(--teal-9)',
+                            } })))),
+            react_1.default.createElement(__1.Tooltip, { content: "Gold" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "3" },
+                        react_1.default.createElement("div", { style: {
+                                width: 48,
+                                height: 48,
+                                borderRadius: 16,
+                                background: 'var(--gold-9)',
+                            } }))))))),
+};
+exports.WithCard = {
+    args: {
+        color: __1.radioGroupPropDefs.color.default,
+        highContrast: __1.radioGroupPropDefs.highContrast.default,
+    },
+    render: (args) => (react_1.default.createElement(__1.RadioButtonGroup.Root, { defaultValue: "1", ...args },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'row' } },
+            react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "1" },
+                react_1.default.createElement(__1.Card, { size: "2", variant: "classic" },
+                    react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', alignItems: 'center' } },
+                        react_1.default.createElement(__1.Avatar, { size: "3", fallback: "AB", color: "lime" }),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(__1.Text, { as: "div", size: "2", weight: "bold" }, "Artur Bie\u0144"),
+                            react_1.default.createElement(__1.Text, { as: "div", size: "2", color: "gray" }, "UI engineer"))))),
+            react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "2" },
+                react_1.default.createElement(__1.Card, { size: "2", variant: "classic" },
+                    react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', alignItems: 'center' } },
+                        react_1.default.createElement(__1.Avatar, { size: "3", fallback: "IM", color: "sky" }),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(__1.Text, { as: "div", size: "2", weight: "bold" }, "Ilya Miskov"),
+                            react_1.default.createElement(__1.Text, { as: "div", size: "2", color: "gray" }, "Designer"))))),
+            react_1.default.createElement(__1.RadioButtonGroup.Item, { value: "3" },
+                react_1.default.createElement(__1.Card, { size: "2", variant: "classic" },
+                    react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', alignItems: 'center' } },
+                        react_1.default.createElement(__1.Avatar, { size: "3", fallback: "SS", color: "orange" }),
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement(__1.Text, { as: "div", size: "2", weight: "bold" }, "Steven Schwartz"),
+                            react_1.default.createElement(__1.Text, { as: "div", size: "2", color: "gray" }, "CEO")))))))),
+};
+exports.Color = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'column' } }, ['indigo', 'cyan', 'orange', 'lime'].map((color) => (react_1.default.createElement(__1.RadioButtonGroup.Root, { ...args, color: color, key: color, defaultValue: "1" },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } }, ['1', '2', '3'].map((value) => (react_1.default.createElement(__1.RadioButtonGroup.Item, { value: value, key: value },
+            react_1.default.createElement(__1.Card, { size: "3", variant: "classic", style: {
+                    width: 100,
+                    height: 100,
+                    '--card-border-radius': '20px',
+                } },
+                react_1.default.createElement("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        height: '100%',
+                        width: '100%',
+                    } }, value),
+                react_1.default.createElement(__1.RadioButtonGroup.Icon, { style: {
+                        position: 'absolute',
+                        top: 12,
+                        right: 12,
+                    } }))))))))))),
+};
+//# sourceMappingURL=radio-button-group.stories.js.map

package/dist/cjs/components/radio-button-group/radio-button-group.stories.js.map

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

package/dist/cjs/components/radio-group/index.d.ts

@@ -0,0 +1,2 @@
+export * as RadioGroup from './radio-group';
+export * from './radio-group.props';

package/dist/cjs/components/radio-group/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = void 0;
+const tslib_1 = require("tslib");
+exports.RadioGroup = tslib_1.__importStar(require("./radio-group"));
+tslib_1.__exportStar(require("./radio-group.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/radio-group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/radio-group/index.ts"],"names":[],"mappings":";;;;AAAA,oEAA4C;AAC5C,8DAAoC"}

package/dist/cjs/components/radio-group/radio-group.d.ts

@@ -0,0 +1,19 @@
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { radioGroupPropDefs } from './radio-group.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type RadioGroupOwnProps = GetPropDefTypes<typeof radioGroupPropDefs>;
+interface RadioGroupRootProps extends PropsWithoutColor<typeof RadioGroupPrimitive.Root>, RadioGroupOwnProps {
+}
+declare const RadioGroupRoot: {
+    (props: RadioGroupRootProps): React.JSX.Element;
+    displayName: string;
+};
+interface RadioGroupItemProps extends React.ComponentProps<typeof RadioGroupPrimitive.Item> {
+}
+declare const RadioGroupItem: {
+    (props: RadioGroupItemProps): React.JSX.Element;
+    displayName: string;
+};
+export { RadioGroupItem as Item, RadioGroupRoot as Root };
+export type { RadioGroupItemProps as ItemProps, RadioGroupRootProps as RootProps };

package/dist/cjs/components/radio-group/radio-group.js

@@ -0,0 +1,28 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = exports.Item = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const radix_ui_1 = require("radix-ui");
+const React = tslib_1.__importStar(require("react"));
+const radio_group_props_1 = require("./radio-group.props");
+const RadioGroupRoot = (props) => {
+    const { className, size = radio_group_props_1.radioGroupPropDefs.size.default, color = radio_group_props_1.radioGroupPropDefs.color.default, highContrast = radio_group_props_1.radioGroupPropDefs.highContrast.default, ...rootProps } = props;
+    return (React.createElement(radix_ui_1.RadioGroup.Root, { "data-accent-color": color, ...rootProps, className: (0, classnames_1.default)('fui-RadioGroupRoot', className, `fui-r-size-${size}`, {
+            'fui-high-contrast': highContrast,
+        }) }));
+};
+exports.Root = RadioGroupRoot;
+RadioGroupRoot.displayName = 'RadioGroupRoot';
+const RadioGroupItem = (props) => {
+    const { children, className, style, ...itemProps } = props;
+    const Comp = children ? 'label' : 'span';
+    return (React.createElement(Comp, { className: (0, classnames_1.default)('fui-RadioGroupItem', className), style: style },
+        React.createElement(radix_ui_1.RadioGroup.Item, { ...itemProps, className: (0, classnames_1.default)('fui-reset', 'fui-RadioGroupButton') },
+            React.createElement(radix_ui_1.RadioGroup.Indicator, { className: "fui-RadioGroupIndicator" })),
+        children));
+};
+exports.Item = RadioGroupItem;
+RadioGroupItem.displayName = 'RadioGroupItem';
+//# sourceMappingURL=radio-group.js.map

package/dist/cjs/components/radio-group/radio-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,uCAA6D;AAC7D,qDAA+B;AAE/B,2DAAyD;AAOzD,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACpD,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,sCAAkB,CAAC,IAAI,CAAC,OAAO,EACtC,KAAK,GAAG,sCAAkB,CAAC,KAAK,CAAC,OAAO,EACxC,YAAY,GAAG,sCAAkB,CAAC,YAAY,CAAC,OAAO,EACtD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,qBAAmB,CAAC,IAAI,yBACJ,KAAK,KACpB,SAAS,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE;YAC3E,mBAAmB,EAAE,YAAY;SAClC,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAqBiD,8BAAI;AApBvD,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAI9C,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACpD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE3D,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IAEzC,OAAO,CACL,oBAAC,IAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK;QACxE,oBAAC,qBAAmB,CAAC,IAAI,OAAK,SAAS,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,sBAAsB,CAAC;YACjG,oBAAC,qBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,yBAAyB,GAAG,CAC5C;QAC1B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AAGyB,8BAAI;AAF/B,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}

package/dist/cjs/components/radio-group/radio-group.props.d.ts

@@ -0,0 +1,17 @@
+declare const radioGroupPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3"];
+        default: "2";
+    };
+    color: {
+        type: "enum";
+        values: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info")[];
+        default: ("ruby" | "tomato" | "red" | "crimson" | "pink" | "plum" | "purple" | "violet" | "iris" | "cyan" | "teal" | "jade" | "green" | "grass" | "brown" | "blue" | "orange" | "indigo" | "sky" | "mint" | "yellow" | "amber" | "lime" | "lemon" | "magenta" | "gold" | "bronze" | "gray" | "danger" | "warning" | "success" | "info") | undefined;
+    };
+    highContrast: {
+        type: "boolean";
+        default: undefined;
+    };
+};
+export { radioGroupPropDefs };

package/dist/cjs/components/radio-group/radio-group.props.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.radioGroupPropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const sizes = ['1', '2', '3'];
+const radioGroupPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    color: helpers_1.colorProp,
+    highContrast: helpers_1.highContrastProp,
+};
+exports.radioGroupPropDefs = radioGroupPropDefs;
+//# sourceMappingURL=radio-group.props.js.map

package/dist/cjs/components/radio-group/radio-group.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.props.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.props.ts"],"names":[],"mappings":";;;AACA,2CAA4D;AAE5D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAEvC,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,KAAK,EAAE,mBAAS;IAChB,YAAY,EAAE,0BAAgB;CAK/B,CAAC;AAEO,gDAAkB"}

package/dist/cjs/components/radio-group/radio-group.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { RadioGroup } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: RadioGroup.RootProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        disabled: false;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Composed: Story;
+export declare const Size: Story;
+export declare const Color: Story;
+export declare const HighContrast: Story;
+export declare const Alignment: Story;

package/dist/cjs/components/radio-group/radio-group.stories.js

@@ -0,0 +1,138 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alignment = exports.HighContrast = exports.Color = exports.Size = exports.Composed = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const __1 = require("..");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Controls/RadioGroup',
+    component: __1.RadioGroup.Root,
+    args: {
+        disabled: false,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    args: {
+        size: __1.radioGroupPropDefs.size.default,
+        color: __1.radioGroupPropDefs.color.default,
+        highContrast: __1.radioGroupPropDefs.highContrast.default,
+    },
+    render: (args) => (react_1.default.createElement(__1.RadioGroup.Root, { defaultValue: "1", ...args },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'column' } },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" }, "Default"),
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "2" }, "Comfortable"),
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "3" }, "Compact")))),
+};
+exports.Composed = {
+    args: {
+        size: __1.radioGroupPropDefs.size.default,
+        color: __1.radioGroupPropDefs.color.default,
+        highContrast: __1.radioGroupPropDefs.highContrast.default,
+    },
+    render: (args) => (react_1.default.createElement(__1.RadioGroup.Root, { defaultValue: "1", ...args },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'column' } },
+            react_1.default.createElement(__1.Text, { as: "label", size: "2" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "1" }),
+                    " Default")),
+            react_1.default.createElement(__1.Text, { as: "label", size: "2" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "2" }),
+                    " Comfortable")),
+            react_1.default.createElement(__1.Text, { as: "label", size: "2" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "3" }),
+                    " Compact"))))),
+};
+exports.Size = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, size: "1", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, size: "2", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, size: "3", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })))),
+};
+exports.Color = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "indigo", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "cyan", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "orange", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "crimson", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })))),
+};
+exports.HighContrast = {
+    name: 'High Contrast',
+    render: (args) => (react_1.default.createElement("div", { style: {
+            display: 'inline-grid',
+            gridTemplateRows: 'repeat(2, 1fr)',
+            gap: 'var(--space-2)',
+            gridAutoFlow: 'column',
+        } },
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "indigo", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "indigo", defaultValue: "1", highContrast: true },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "cyan", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "cyan", defaultValue: "1", highContrast: true },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "orange", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "orange", defaultValue: "1", highContrast: true },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "crimson", defaultValue: "1" },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, color: "crimson", defaultValue: "1", highContrast: true },
+            react_1.default.createElement(__1.RadioGroup.Item, { value: "1" })))),
+};
+exports.Alignment = {
+    name: 'Alignment with text',
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' } },
+        react_1.default.createElement(__1.Text, { style: { marginBottom: 12 } },
+            "Composing ",
+            react_1.default.createElement(__1.Code, null, "RadioGroup"),
+            " within ",
+            react_1.default.createElement(__1.Code, null, "Text"),
+            " automatically centers it with the first line of text."),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, size: "1", defaultValue: "1" },
+            react_1.default.createElement(__1.Text, { as: "label", size: "2" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "1" }),
+                    " Default")),
+            react_1.default.createElement(__1.Text, { as: "label", size: "2" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "2" }),
+                    " Compact"))),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, size: "2", defaultValue: "1", style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-1)' } },
+            react_1.default.createElement(__1.Text, { as: "label", size: "3" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "1" }),
+                    " Default")),
+            react_1.default.createElement(__1.Text, { as: "label", size: "3" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "2" }),
+                    " Compact"))),
+        react_1.default.createElement(__1.RadioGroup.Root, { ...args, size: "3", defaultValue: "1", style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-2)' } },
+            react_1.default.createElement(__1.Text, { as: "label", size: "4" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "1" }),
+                    " Default")),
+            react_1.default.createElement(__1.Text, { as: "label", size: "4" },
+                react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+                    react_1.default.createElement(__1.RadioGroup.Item, { value: "2" }),
+                    " Compact"))))),
+};
+//# sourceMappingURL=radio-group.stories.js.map

package/dist/cjs/components/radio-group/radio-group.stories.js.map

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

package/dist/cjs/components/scroll-area/index.d.ts

@@ -0,0 +1,2 @@
+export * from './scroll-area';
+export * from './scroll-area.props';