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

package/dist/cjs/components/checkbox/checkbox.js

@@ -0,0 +1,54 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Checkbox = 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 checkbox_props_1 = require("./checkbox.props");
+const CheckboxCheckmarkIcon = ({ color = 'currentColor', size, ...props }) => {
+    switch (size) {
+        case '1':
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props },
+                React.createElement("path", { d: "M4 8.5L6.5 11L12 5.5", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+        case '2':
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props },
+                React.createElement("path", { d: "M5 11L8 14L15 7", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+        case '3':
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props },
+                React.createElement("path", { d: "M7 13L10 16L17 9", stroke: color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })));
+        default:
+            throw Error('Invalid size');
+    }
+};
+CheckboxCheckmarkIcon.displayName = 'CheckboxCheckmarkIcon';
+const CheckboxIndeterminateIcon = ({ color = 'currentColor', size, ...props }) => {
+    switch (size) {
+        case '1':
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props },
+                React.createElement("path", { d: "M5 8H11", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" })));
+        case '2':
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", ...props },
+                React.createElement("path", { d: "M6 10H14", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" })));
+        case '3':
+            return (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props },
+                React.createElement("path", { d: "M7 12H17", stroke: color, strokeWidth: "1.5", strokeLinecap: "round" })));
+        default:
+            throw Error('Invalid size');
+    }
+};
+CheckboxIndeterminateIcon.displayName = 'CheckboxIndeterminateIcon';
+const Checkbox = (props) => {
+    const { children, className, style, size = checkbox_props_1.checkboxPropDefs.size.default, color = checkbox_props_1.checkboxPropDefs.color.default, highContrast = checkbox_props_1.checkboxPropDefs.highContrast.default, ...checkboxProps } = props;
+    const Comp = children ? 'label' : 'span';
+    return (React.createElement(Comp, { className: (0, classnames_1.default)('fui-CheckboxRoot', className, `fui-r-size-${size}`), style: style },
+        React.createElement(radix_ui_1.Checkbox.Root, { "data-accent-color": color, ...checkboxProps, className: (0, classnames_1.default)('fui-reset', 'fui-CheckboxButton', {
+                'fui-high-contrast': highContrast,
+            }) },
+            React.createElement(radix_ui_1.Checkbox.Indicator, { className: "fui-CheckboxIndicator" }, checkboxProps.checked === 'indeterminate' ? (React.createElement(CheckboxIndeterminateIcon, { size: size, className: "fui-CheckboxIndicatorIcon" })) : (React.createElement(CheckboxCheckmarkIcon, { size: size, className: "fui-CheckboxIndicatorIcon" })))),
+        children));
+};
+exports.Checkbox = Checkbox;
+Checkbox.displayName = 'Checkbox';
+//# sourceMappingURL=checkbox.js.map

package/dist/cjs/components/checkbox/checkbox.js.map

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

package/dist/cjs/components/checkbox/checkbox.props.d.ts

@@ -0,0 +1,17 @@
+declare const checkboxPropDefs: {
+    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 { checkboxPropDefs };

package/dist/cjs/components/checkbox/checkbox.props.js

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

package/dist/cjs/components/checkbox/checkbox.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.props.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.props.ts"],"names":[],"mappings":";;;AACA,2CAA4D;AAE5D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAEvC,MAAM,gBAAgB,GAAG;IACvB,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,4CAAgB"}

package/dist/cjs/components/checkbox/checkbox.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./checkbox").CheckboxProps): React.JSX.Element;
+        displayName: string;
+    };
+    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/checkbox/checkbox.stories.js

@@ -0,0 +1,110 @@
+"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/Checkbox',
+    component: __1.Checkbox,
+    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.checkboxPropDefs.size.default,
+        color: __1.checkboxPropDefs.color.default,
+        highContrast: __1.checkboxPropDefs.highContrast.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)', flexDirection: 'column' } },
+        react_1.default.createElement(__1.Checkbox, { checked: true, ...args }, "Checked"),
+        react_1.default.createElement(__1.Checkbox, { checked: true, disabled: true, ...args }, "Checked disabled"),
+        react_1.default.createElement(__1.Checkbox, { checked: false, ...args }, "Unchecked"),
+        react_1.default.createElement(__1.Checkbox, { checked: false, disabled: true, ...args }, "Unchecked disabled"),
+        react_1.default.createElement(__1.Checkbox, { checked: 'indeterminate', ...args }, "Indeterminate"),
+        react_1.default.createElement(__1.Checkbox, { checked: 'indeterminate', disabled: true, ...args }, "Indeterminate disabled"))),
+};
+exports.Composed = {
+    args: {
+        size: __1.checkboxPropDefs.size.default,
+        color: __1.checkboxPropDefs.color.default,
+        highContrast: __1.checkboxPropDefs.highContrast.default,
+    },
+    render: (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.Checkbox, { defaultChecked: true, ...args }),
+                "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.Checkbox, { defaultChecked: true, disabled: true, ...args }),
+                "Disabled checked")),
+        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.Checkbox, { defaultChecked: false, disabled: true, ...args }),
+                "Disabled unchecked")))),
+};
+exports.Size = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+        react_1.default.createElement(__1.Checkbox, { defaultChecked: true, ...args, size: "1" }),
+        react_1.default.createElement(__1.Checkbox, { defaultChecked: true, ...args, size: "2" }),
+        react_1.default.createElement(__1.Checkbox, { defaultChecked: true, ...args, size: "3" }))),
+};
+exports.Color = {
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "indigo", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "cyan", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "orange", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "crimson", defaultChecked: true }))),
+};
+exports.HighContrast = {
+    name: 'High Contrast',
+    render: (args) => (react_1.default.createElement("div", { style: {
+            display: 'inline-grid',
+            gridTemplateColumns: 'repeat(2, 1fr)',
+            gap: '8px',
+        } },
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "indigo", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "indigo", defaultChecked: true, highContrast: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "cyan", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "cyan", defaultChecked: true, highContrast: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "orange", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "orange", defaultChecked: true, highContrast: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "crimson", defaultChecked: true }),
+        react_1.default.createElement(__1.Checkbox, { ...args, color: "crimson", defaultChecked: true, highContrast: true }))),
+};
+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, "Checkbox"),
+            " within ",
+            react_1.default.createElement(__1.Code, null, "Text"),
+            " automatically centers it with the first line of text."),
+        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.Checkbox, { ...args, size: "1", defaultChecked: true }),
+                " Agree to Terms and Conditions")),
+        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.Checkbox, { ...args, size: "2", defaultChecked: true }),
+                " Agree to Terms and Conditions")),
+        react_1.default.createElement(__1.Text, { as: "label", size: "5" },
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-3)' } },
+                react_1.default.createElement(__1.Checkbox, { ...args, size: "3", defaultChecked: true }),
+                " Agree to Terms and Conditions")),
+        react_1.default.createElement("div", { style: { maxWidth: 300 } },
+            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.Checkbox, { defaultChecked: true }),
+                    " It is automatically well-aligned with multi-line text too."))))),
+};
+//# sourceMappingURL=checkbox.stories.js.map

package/dist/cjs/components/checkbox/checkbox.stories.js.map

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

package/dist/cjs/components/checkbox/index.d.ts

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

package/dist/cjs/components/checkbox/index.js

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

package/dist/cjs/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/checkbox/index.ts"],"names":[],"mappings":";;;AAAA,qDAA2B;AAC3B,2DAAiC"}

package/dist/cjs/components/circular-progress/circular-progress.d.ts

@@ -0,0 +1,13 @@
+import { Progress as ProgressPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+import { circularProgressPropDefs } from './circular-progress.props';
+type CircularProgressOwnProps = GetPropDefTypes<typeof circularProgressPropDefs>;
+interface CircularProgressProps extends Omit<PropsWithoutColor<typeof ProgressPrimitive.Root>, 'children'>, CircularProgressOwnProps {
+}
+declare const CircularProgress: {
+    (props: CircularProgressProps): React.JSX.Element;
+    displayName: string;
+};
+export { CircularProgress };
+export type { CircularProgressProps };

package/dist/cjs/components/circular-progress/circular-progress.js

@@ -0,0 +1,22 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CircularProgress = 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 circular_progress_props_1 = require("./circular-progress.props");
+const CircularProgress = (props) => {
+    const { className, size = circular_progress_props_1.circularProgressPropDefs.size.default, color = circular_progress_props_1.circularProgressPropDefs.color.default, highContrast = circular_progress_props_1.circularProgressPropDefs.highContrast.default, value = 0, max = 100, ...progressProps } = props;
+    const progress = Math.max(0, Math.min((value || 0) / max, 100));
+    return (React.createElement(radix_ui_1.Progress.Root, { "data-accent-color": color, className: (0, classnames_1.default)('fui-CircularProgressRoot', className, {
+            'fui-high-contrast': highContrast,
+        }, `fui-r-size-${size}`), value: value, max: max, ...progressProps },
+        React.createElement(radix_ui_1.Progress.Indicator, { className: "fui-CircularProgressIndicator", style: {
+                '--circular-progress-progress': progress,
+            } })));
+};
+exports.CircularProgress = CircularProgress;
+CircularProgress.displayName = 'CircularProgress';
+//# sourceMappingURL=circular-progress.js.map

package/dist/cjs/components/circular-progress/circular-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.js","sourceRoot":"","sources":["../../../../src/components/circular-progress/circular-progress.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,uCAAyD;AACzD,qDAA+B;AAE/B,uEAAqE;AAOrE,MAAM,gBAAgB,GAAG,CAAC,KAA4B,EAAE,EAAE;IACxD,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,kDAAwB,CAAC,IAAI,CAAC,OAAO,EAC5C,KAAK,GAAG,kDAAwB,CAAC,KAAK,CAAC,OAAO,EAC9C,YAAY,GAAG,kDAAwB,CAAC,YAAY,CAAC,OAAO,EAC5D,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,GAAG,aAAa,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,mBAAiB,CAAC,IAAI,yBACF,KAAK,EACxB,SAAS,EAAE,IAAA,oBAAU,EACnB,0BAA0B,EAC1B,SAAS,EACT;YACE,mBAAmB,EAAE,YAAY;SAClC,EACD,cAAc,IAAI,EAAE,CACrB,EACD,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,KACJ,aAAa;QAEjB,oBAAC,mBAAiB,CAAC,SAAS,IAC1B,SAAS,EAAC,+BAA+B,EACzC,KAAK,EACH;gBACE,8BAA8B,EAAE,QAAQ;aAClB,GAE1B,CACqB,CAC1B,CAAC;AACJ,CAAC,CAAC;AAIO,4CAAgB;AAFzB,gBAAgB,CAAC,WAAW,GAAG,kBAAkB,CAAC"}

package/dist/cjs/components/circular-progress/circular-progress.props.d.ts

@@ -0,0 +1,17 @@
+declare const circularProgressPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        default: "3";
+    };
+    color: {
+        default: undefined;
+        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")[];
+    };
+    highContrast: {
+        type: "boolean";
+        default: undefined;
+    };
+};
+export { circularProgressPropDefs };

package/dist/cjs/components/circular-progress/circular-progress.props.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.circularProgressPropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
+const circularProgressPropDefs = {
+    size: { type: 'enum', values: sizes, default: '3' },
+    color: { ...helpers_1.colorProp, default: undefined },
+    highContrast: helpers_1.highContrastProp,
+};
+exports.circularProgressPropDefs = circularProgressPropDefs;
+//# sourceMappingURL=circular-progress.props.js.map

package/dist/cjs/components/circular-progress/circular-progress.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"circular-progress.props.js","sourceRoot":"","sources":["../../../../src/components/circular-progress/circular-progress.props.ts"],"names":[],"mappings":";;;AACA,2CAA4D;AAE5D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAErE,MAAM,wBAAwB,GAAG;IAC/B,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,KAAK,EAAE,EAAE,GAAG,mBAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,YAAY,EAAE,0BAAgB;CAK/B,CAAC;AAEO,4DAAwB"}

package/dist/cjs/components/circular-progress/circular-progress.stories.d.ts

@@ -0,0 +1,25 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./circular-progress").CircularProgressProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        size: "3";
+        color: undefined;
+        value: number;
+        max: number;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Size: Story;
+export declare const Color: Story;
+export declare const HighContrast: Story;

package/dist/cjs/components/circular-progress/circular-progress.stories.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighContrast = exports.Color = exports.Size = 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: 'Components/CircularProgress',
+    component: __1.CircularProgress,
+    args: {
+        size: __1.circularProgressPropDefs.size.default,
+        color: __1.circularProgressPropDefs.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'],
+};
+exports.default = meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    args: {
+        size: __1.circularProgressPropDefs.size.default,
+        color: __1.circularProgressPropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+        react_1.default.createElement(__1.CircularProgress, { ...args }))),
+};
+exports.Size = {
+    args: {
+        size: __1.circularProgressPropDefs.size.default,
+        color: __1.circularProgressPropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } }, __1.circularProgressPropDefs.size.values.map((size) => (react_1.default.createElement(__1.CircularProgress, { ...args, size: size, key: size }))))),
+};
+exports.Color = {
+    args: {
+        size: __1.circularProgressPropDefs.size.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+        react_1.default.createElement(__1.CircularProgress, { ...args, color: "indigo" }),
+        react_1.default.createElement(__1.CircularProgress, { ...args, color: "cyan" }),
+        react_1.default.createElement(__1.CircularProgress, { ...args, color: "orange" }),
+        react_1.default.createElement(__1.CircularProgress, { ...args, color: "crimson" }))),
+};
+exports.HighContrast = {
+    name: 'High Contrast',
+    args: {},
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'row', gap: 'var(--space-2)' } },
+        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+            react_1.default.createElement(__1.CircularProgress, { ...args, highContrast: false })),
+        react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', width: 300 } },
+            react_1.default.createElement(__1.CircularProgress, { ...args, highContrast: true })))),
+};
+//# sourceMappingURL=circular-progress.stories.js.map

package/dist/cjs/components/circular-progress/circular-progress.stories.js.map

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

package/dist/cjs/components/circular-progress/index.d.ts

@@ -0,0 +1,2 @@
+export * from './circular-progress';
+export * from './circular-progress.props';

package/dist/cjs/components/circular-progress/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./circular-progress"), exports);
+tslib_1.__exportStar(require("./circular-progress.props"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/circular-progress/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/circular-progress/index.ts"],"names":[],"mappings":";;;AAAA,8DAAoC;AACpC,oEAA0C"}

package/dist/cjs/components/code/code.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { codePropDefs } from './code.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type CodeOwnProps = GetPropDefTypes<typeof codePropDefs>;
+interface CodeProps extends PropsWithoutColor<'code'>, CodeOwnProps {
+}
+declare const Code: {
+    (props: CodeProps): React.JSX.Element;
+    displayName: string;
+};
+export { Code };
+export type { CodeProps };

package/dist/cjs/components/code/code.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Code = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const code_props_1 = require("./code.props");
+const Code = (props) => {
+    const { className, size = code_props_1.codePropDefs.size.default, variant = code_props_1.codePropDefs.variant.default, weight = code_props_1.codePropDefs.weight.default, color = code_props_1.codePropDefs.color.default, highContrast = code_props_1.codePropDefs.highContrast.default, ...codeProps } = props;
+    return (React.createElement("code", { "data-accent-color": color, ...codeProps, className: (0, classnames_1.default)('fui-Code', className, `fui-r-size-${size}`, `fui-variant-${variant}`, `fui-r-weight-${weight}`, { 'fui-high-contrast': highContrast }) }));
+};
+exports.Code = Code;
+Code.displayName = 'Code';
+//# sourceMappingURL=code.js.map

package/dist/cjs/components/code/code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.js","sourceRoot":"","sources":["../../../../src/components/code/code.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AACpC,qDAA+B;AAE/B,6CAA4C;AAO5C,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IAChC,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,yBAAY,CAAC,IAAI,CAAC,OAAO,EAChC,OAAO,GAAG,yBAAY,CAAC,OAAO,CAAC,OAAO,EACtC,MAAM,GAAG,yBAAY,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,GAAG,yBAAY,CAAC,KAAK,CAAC,OAAO,EAClC,YAAY,GAAG,yBAAY,CAAC,YAAY,CAAC,OAAO,EAChD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,OAAO,CACL,mDACqB,KAAK,KACpB,SAAS,EACb,SAAS,EAAE,IAAA,oBAAU,EACnB,UAAU,EACV,SAAS,EACT,cAAc,IAAI,EAAE,EACpB,eAAe,OAAO,EAAE,EACxB,gBAAgB,MAAM,EAAE,EACxB,EAAE,mBAAmB,EAAE,YAAY,EAAE,CACtC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAGO,oBAAI;AAFb,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC"}

package/dist/cjs/components/code/code.props.d.ts

@@ -0,0 +1,27 @@
+declare const codePropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        default: undefined;
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "soft", "outline", "ghost"];
+        default: "soft";
+    };
+    weight: {
+        type: "enum";
+        values: readonly ["light", "regular", "medium", "semi-bold", "bold"];
+        default: undefined;
+    };
+    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 { codePropDefs };

package/dist/cjs/components/code/code.props.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.codePropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const sizes = ['1', '2', '3', '4', '5', '6', '7', '8', '9'];
+const variants = ['solid', 'soft', 'outline', 'ghost'];
+const codePropDefs = {
+    size: { type: 'enum', values: sizes, default: undefined },
+    variant: { type: 'enum', values: variants, default: 'soft' },
+    weight: helpers_1.weightProp,
+    color: helpers_1.colorProp,
+    highContrast: helpers_1.highContrastProp,
+};
+exports.codePropDefs = codePropDefs;
+//# sourceMappingURL=code.props.js.map

package/dist/cjs/components/code/code.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code.props.js","sourceRoot":"","sources":["../../../../src/components/code/code.props.ts"],"names":[],"mappings":";;;AACA,2CAAwE;AAExE,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AACrE,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAEhE,MAAM,YAAY,GAAG;IACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE;IACzD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;IAC5D,MAAM,EAAE,oBAAU;IAClB,KAAK,EAAE,mBAAS;IAChB,YAAY,EAAE,0BAAgB;CAO/B,CAAC;AAEO,oCAAY"}

package/dist/cjs/components/code/code.stories.d.ts

@@ -0,0 +1,24 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./code").CodeProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        children: string;
+        size: undefined;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Variant: Story;
+export declare const Size: Story;
+export declare const Color: Story;
+export declare const HighContrast: Story;