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

package/dist/esm/components/progress/progress.stories.js

@@ -0,0 +1,62 @@
+import React from 'react';
+import { Progress, progressPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/Progress',
+    component: Progress,
+    args: {
+        size: progressPropDefs.size.default,
+        color: progressPropDefs.color.default,
+        value: 40,
+        max: 100,
+    },
+    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'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default = {
+    args: {
+        size: progressPropDefs.size.default,
+        color: progressPropDefs.color.default,
+    },
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+        React.createElement(Progress, { ...args }))),
+};
+export const Size = {
+    args: {
+        size: progressPropDefs.size.default,
+        color: progressPropDefs.color.default,
+    },
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+        React.createElement(Progress, { ...args, size: "6" }),
+        React.createElement(Progress, { ...args, size: "5" }),
+        React.createElement(Progress, { ...args, size: "4" }),
+        React.createElement(Progress, { ...args, size: "3" }),
+        React.createElement(Progress, { ...args, size: "2" }),
+        React.createElement(Progress, { ...args, size: "1" }))),
+};
+export const Color = {
+    args: {
+        size: progressPropDefs.size.default,
+    },
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+        React.createElement(Progress, { ...args, color: "indigo" }),
+        React.createElement(Progress, { ...args, color: "cyan" }),
+        React.createElement(Progress, { ...args, color: "orange" }),
+        React.createElement(Progress, { ...args, color: "crimson" }))),
+};
+export const HighContrast = {
+    name: 'High Contrast',
+    args: {},
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'row', gap: 'var(--space-2)' } },
+        React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+            React.createElement(Progress, { ...args, highContrast: false })),
+        React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+            React.createElement(Progress, { ...args, highContrast: true })))),
+};
+//# sourceMappingURL=progress.stories.js.map

package/dist/esm/components/progress/progress.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress.stories.js","sourceRoot":"","sources":["../../../../src/components/progress/progress.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAEhD,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;QACnC,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO;QACrC,KAAK,EAAE,EAAE;QACT,GAAG,EAAE,GAAG;KACT;IACD,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACa,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;QACnC,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO;KACtC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;QACzF,oBAAC,QAAQ,OAAK,IAAI,GAAI,CAClB,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;QACnC,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO;KACtC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;QACzF,oBAAC,QAAQ,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/B,oBAAC,QAAQ,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/B,oBAAC,QAAQ,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/B,oBAAC,QAAQ,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/B,oBAAC,QAAQ,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/B,oBAAC,QAAQ,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG,CAC3B,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;KACpC;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;QACzF,oBAAC,QAAQ,OAAK,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG;QACrC,oBAAC,QAAQ,OAAK,IAAI,EAAE,KAAK,EAAC,MAAM,GAAG;QACnC,oBAAC,QAAQ,OAAK,IAAI,EAAE,KAAK,EAAC,QAAQ,GAAG;QACrC,oBAAC,QAAQ,OAAK,IAAI,EAAE,KAAK,EAAC,SAAS,GAAG,CAClC,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE,gBAAgB,EAAE;QAC1E,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;YACzF,oBAAC,QAAQ,OAAK,IAAI,EAAE,YAAY,EAAE,KAAK,GAAI,CACvC;QACN,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;YACzF,oBAAC,QAAQ,OAAK,IAAI,EAAE,YAAY,SAAG,CAC/B,CACF,CACP;CACF,CAAC"}

package/dist/esm/components/quote/index.d.ts

@@ -0,0 +1 @@
+export * from './quote';

package/dist/esm/components/quote/index.js

@@ -0,0 +1,2 @@
+export * from './quote';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/quote/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/quote/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}

package/dist/esm/components/quote/quote.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+interface QuoteProps extends React.ComponentProps<'q'> {
+}
+declare const Quote: {
+    (props: QuoteProps): React.JSX.Element;
+    displayName: string;
+};
+export { Quote };
+export type { QuoteProps };

package/dist/esm/components/quote/quote.js

@@ -0,0 +1,6 @@
+import classNames from 'classnames';
+import * as React from 'react';
+const Quote = (props) => React.createElement("q", { ...props, className: classNames('fui-Quote', props.className) });
+Quote.displayName = 'Quote';
+export { Quote };
+//# sourceMappingURL=quote.js.map

package/dist/esm/components/quote/quote.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote.js","sourceRoot":"","sources":["../../../../src/components/quote/quote.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE,CAAC,8BAAO,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AAC3G,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/esm/components/quote/quote.stories.d.ts

@@ -0,0 +1,16 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./quote").QuoteProps): React.JSX.Element;
+        displayName: string;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/esm/components/quote/quote.stories.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Quote, Text } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Typography/Quote',
+    component: Quote,
+    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'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default = {
+    render: (args) => (React.createElement(Text, null,
+        "His famous quote, ",
+        React.createElement(Quote, { ...args }, "Styles come and go. Good design is a language, not a style"),
+        ", elegantly summs up Massimo\u2019s philosophy of design.")),
+};
+//# sourceMappingURL=quote.stories.js.map

package/dist/esm/components/quote/quote.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quote.stories.js","sourceRoot":"","sources":["../../../../src/components/quote/quote.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAEjC,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACU,CAAC;AAE/B,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,oBAAC,IAAI;;QACe,oBAAC,KAAK,OAAK,IAAI,iEAAoE;oEAEhG,CACR;CACF,CAAC"}

package/dist/esm/components/radio-button-group/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * as RadioButtonGroup from './radio-button-group';
+export * from './radio-button-group.props';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,OAAO,KAAK,gBAAgB,MAAM,sBAAsB,CAAC;AACzD,cAAc,4BAA4B,CAAC"}

package/dist/esm/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/esm/components/radio-button-group/radio-button-group.js

@@ -0,0 +1,49 @@
+'use client';
+import classNames from 'classnames';
+import { RadioGroup as RadioButtonGroupPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { radioButtonGroupPropDefs } from './radio-button-group.props';
+import { useIsomorphicLayoutEffect } from '../../helpers/use-isomorphic-layout-effect';
+const RadioButtonGroupContext = React.createContext({});
+const RadioButtonGroupRoot = (props) => {
+    const { className, color = radioButtonGroupPropDefs.color.default, highContrast = radioButtonGroupPropDefs.highContrast.default, children, ...rootProps } = props;
+    return (React.createElement(RadioButtonGroupPrimitive.Root, { "data-accent-color": color, ...rootProps, className: classNames('fui-RadioButtonGroupRoot', className, { 'fui-high-contrast': highContrast }) },
+        React.createElement(RadioButtonGroupContext.Provider, { value: React.useMemo(() => ({ color, highContrast }), [color, highContrast]) }, children)));
+};
+RadioButtonGroupRoot.displayName = 'RadioButtonGroupRoot';
+const RadioButtonGroupItem = (props) => {
+    const { children, className, style, ...itemProps } = props;
+    const updatedChildren = addOverlayToChildren(children);
+    return (React.createElement(RadioButtonGroupPrimitive.Item, { style: style, ...itemProps, className: classNames('fui-reset', 'fui-RadioButtonGroupButton', 'fui-RadioButtonGroupItem', className), asChild: true }, updatedChildren));
+};
+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: classNames('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" }))));
+};
+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);
+    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 });
+};
+export { RadioButtonGroupIcon as Icon, RadioButtonGroupItem as Item, RadioButtonGroupRoot as Root };
+//# sourceMappingURL=radio-button-group.js.map

package/dist/esm/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/esm/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/esm/components/radio-button-group/radio-button-group.props.js

@@ -0,0 +1,7 @@
+import { colorProp, highContrastProp } from '../../helpers';
+const radioButtonGroupPropDefs = {
+    color: colorProp,
+    highContrast: highContrastProp,
+};
+export { radioButtonGroupPropDefs };
+//# sourceMappingURL=radio-button-group.props.js.map

package/dist/esm/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,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAE5D,MAAM,wBAAwB,GAAG;IAC/B,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,gBAAgB;CAI/B,CAAC;AAEF,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/esm/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/esm/components/radio-button-group/radio-button-group.stories.js

@@ -0,0 +1,145 @@
+import React from 'react';
+import { Avatar, Card, RadioButtonGroup, Text, Tooltip, radioGroupPropDefs } from '..';
+// 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: 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'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default = {
+    args: {
+        color: radioGroupPropDefs.color.default,
+        highContrast: radioGroupPropDefs.highContrast.default,
+    },
+    render: (args) => (React.createElement(RadioButtonGroup.Root, { defaultValue: "1", ...args },
+        React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'row' } },
+            React.createElement(RadioButtonGroup.Item, { value: "1" },
+                React.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.createElement(RadioButtonGroup.Icon, { style: { marginLeft: -12 } }),
+                    React.createElement(Text, null, "One"))),
+            React.createElement(RadioButtonGroup.Item, { value: "2" },
+                React.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.createElement(RadioButtonGroup.Icon, { style: { marginLeft: -12 } }),
+                    React.createElement(Text, null, "Two"))),
+            React.createElement(RadioButtonGroup.Item, { value: "3" },
+                React.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.createElement(RadioButtonGroup.Icon, { style: { marginLeft: -12 } }),
+                    React.createElement(Text, null, "Three")))))),
+};
+export const HighContrast = {
+    args: {
+        color: radioGroupPropDefs.color.default,
+        highContrast: true,
+    },
+    render: (args) => (React.createElement(RadioButtonGroup.Root, { defaultValue: "1", ...args },
+        React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'row' } },
+            React.createElement(Tooltip, { content: "Lime" },
+                React.createElement("div", null,
+                    React.createElement(RadioButtonGroup.Item, { value: "1" },
+                        React.createElement("div", { style: {
+                                width: 48,
+                                height: 48,
+                                borderRadius: 16,
+                                background: 'var(--lime-9)',
+                            } })))),
+            React.createElement(Tooltip, { content: "Teal" },
+                React.createElement("div", null,
+                    React.createElement(RadioButtonGroup.Item, { value: "2" },
+                        React.createElement("div", { style: {
+                                width: 48,
+                                height: 48,
+                                borderRadius: 16,
+                                background: 'var(--teal-9)',
+                            } })))),
+            React.createElement(Tooltip, { content: "Gold" },
+                React.createElement("div", null,
+                    React.createElement(RadioButtonGroup.Item, { value: "3" },
+                        React.createElement("div", { style: {
+                                width: 48,
+                                height: 48,
+                                borderRadius: 16,
+                                background: 'var(--gold-9)',
+                            } }))))))),
+};
+export const WithCard = {
+    args: {
+        color: radioGroupPropDefs.color.default,
+        highContrast: radioGroupPropDefs.highContrast.default,
+    },
+    render: (args) => (React.createElement(RadioButtonGroup.Root, { defaultValue: "1", ...args },
+        React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'row' } },
+            React.createElement(RadioButtonGroup.Item, { value: "1" },
+                React.createElement(Card, { size: "2", variant: "classic" },
+                    React.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', alignItems: 'center' } },
+                        React.createElement(Avatar, { size: "3", fallback: "AB", color: "lime" }),
+                        React.createElement("div", null,
+                            React.createElement(Text, { as: "div", size: "2", weight: "bold" }, "Artur Bie\u0144"),
+                            React.createElement(Text, { as: "div", size: "2", color: "gray" }, "UI engineer"))))),
+            React.createElement(RadioButtonGroup.Item, { value: "2" },
+                React.createElement(Card, { size: "2", variant: "classic" },
+                    React.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', alignItems: 'center' } },
+                        React.createElement(Avatar, { size: "3", fallback: "IM", color: "sky" }),
+                        React.createElement("div", null,
+                            React.createElement(Text, { as: "div", size: "2", weight: "bold" }, "Ilya Miskov"),
+                            React.createElement(Text, { as: "div", size: "2", color: "gray" }, "Designer"))))),
+            React.createElement(RadioButtonGroup.Item, { value: "3" },
+                React.createElement(Card, { size: "2", variant: "classic" },
+                    React.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)', alignItems: 'center' } },
+                        React.createElement(Avatar, { size: "3", fallback: "SS", color: "orange" }),
+                        React.createElement("div", null,
+                            React.createElement(Text, { as: "div", size: "2", weight: "bold" }, "Steven Schwartz"),
+                            React.createElement(Text, { as: "div", size: "2", color: "gray" }, "CEO")))))))),
+};
+export const Color = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'column' } }, ['indigo', 'cyan', 'orange', 'lime'].map((color) => (React.createElement(RadioButtonGroup.Root, { ...args, color: color, key: color, defaultValue: "1" },
+        React.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } }, ['1', '2', '3'].map((value) => (React.createElement(RadioButtonGroup.Item, { value: value, key: value },
+            React.createElement(Card, { size: "3", variant: "classic", style: {
+                    width: 100,
+                    height: 100,
+                    '--card-border-radius': '20px',
+                } },
+                React.createElement("div", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        height: '100%',
+                        width: '100%',
+                    } }, value),
+                React.createElement(RadioButtonGroup.Icon, { style: {
+                        position: 'absolute',
+                        top: 12,
+                        right: 12,
+                    } }))))))))))),
+};
+//# sourceMappingURL=radio-button-group.stories.js.map

package/dist/esm/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/esm/components/radio-group/index.d.ts

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

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

@@ -0,0 +1,3 @@
+export * as RadioGroup from './radio-group';
+export * from './radio-group.props';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,OAAO,KAAK,UAAU,MAAM,eAAe,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/dist/esm/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/esm/components/radio-group/radio-group.js

@@ -0,0 +1,23 @@
+'use client';
+import classNames from 'classnames';
+import { RadioGroup as RadioGroupPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { radioGroupPropDefs } from './radio-group.props';
+const RadioGroupRoot = (props) => {
+    const { className, size = radioGroupPropDefs.size.default, color = radioGroupPropDefs.color.default, highContrast = radioGroupPropDefs.highContrast.default, ...rootProps } = props;
+    return (React.createElement(RadioGroupPrimitive.Root, { "data-accent-color": color, ...rootProps, className: classNames('fui-RadioGroupRoot', className, `fui-r-size-${size}`, {
+            'fui-high-contrast': highContrast,
+        }) }));
+};
+RadioGroupRoot.displayName = 'RadioGroupRoot';
+const RadioGroupItem = (props) => {
+    const { children, className, style, ...itemProps } = props;
+    const Comp = children ? 'label' : 'span';
+    return (React.createElement(Comp, { className: classNames('fui-RadioGroupItem', className), style: style },
+        React.createElement(RadioGroupPrimitive.Item, { ...itemProps, className: classNames('fui-reset', 'fui-RadioGroupButton') },
+            React.createElement(RadioGroupPrimitive.Indicator, { className: "fui-RadioGroupIndicator" })),
+        children));
+};
+RadioGroupItem.displayName = 'RadioGroupItem';
+export { RadioGroupItem as Item, RadioGroupRoot as Root };
+//# sourceMappingURL=radio-group.js.map

package/dist/esm/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,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,UAAU,IAAI,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAOzD,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IACpD,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,kBAAkB,CAAC,IAAI,CAAC,OAAO,EACtC,KAAK,GAAG,kBAAkB,CAAC,KAAK,CAAC,OAAO,EACxC,YAAY,GAAG,kBAAkB,CAAC,YAAY,CAAC,OAAO,EACtD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,mBAAmB,CAAC,IAAI,yBACJ,KAAK,KACpB,SAAS,EACb,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE;YAC3E,mBAAmB,EAAE,YAAY;SAClC,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AACF,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,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,KAAK;QACxE,oBAAC,mBAAmB,CAAC,IAAI,OAAK,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,sBAAsB,CAAC;YACjG,oBAAC,mBAAmB,CAAC,SAAS,IAAC,SAAS,EAAC,yBAAyB,GAAG,CAC5C;QAC1B,QAAQ,CACJ,CACR,CAAC;AACJ,CAAC,CAAC;AACF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC;AAE9C,OAAO,EAAE,cAAc,IAAI,IAAI,EAAE,cAAc,IAAI,IAAI,EAAE,CAAC"}

package/dist/esm/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/esm/components/radio-group/radio-group.props.js

@@ -0,0 +1,9 @@
+import { colorProp, highContrastProp } from '../../helpers';
+const sizes = ['1', '2', '3'];
+const radioGroupPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    color: colorProp,
+    highContrast: highContrastProp,
+};
+export { radioGroupPropDefs };
+//# sourceMappingURL=radio-group.props.js.map

package/dist/esm/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,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;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,SAAS;IAChB,YAAY,EAAE,gBAAgB;CAK/B,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/esm/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;