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

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { Link, Slot, Text } from '..';
+const CustomButton = ({ asChild, ...props }) => {
+    const Comp = asChild ? Slot.Root : 'button';
+    return (React.createElement(Comp, { ...props, style: {
+            padding: '8px 16px',
+            border: '1px solid var(--gray-7)',
+        } }));
+};
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Utilities/Slot',
+    component: Slot.Root,
+    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: {},
+    render: () => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+        React.createElement(Text, null,
+            "Can be used to support your own `asChild` prop. See",
+            ' ',
+            React.createElement(Link, { href: "https://www.radix-ui.com/primitives/docs/utilities/slot" }, "Radix UI docs"),
+            "."),
+        React.createElement("div", null,
+            React.createElement(CustomButton, { asChild: true },
+                React.createElement("a", { href: "/contact" }, "Contact"))))),
+};
+//# sourceMappingURL=slot.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slot.stories.js","sourceRoot":"","sources":["../../../../src/components/slot/slot.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAEtC,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,GAAG,KAAK,EAAoD,EAAE,EAAE;IAC/F,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAC5C,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,KAAK,EAAE;YACL,OAAO,EAAE,UAAU;YACnB,MAAM,EAAE,yBAAyB;SAClC,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,IAAI,CAAC,IAAI;IACpB,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACc,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;QAC7E,oBAAC,IAAI;;YACiD,GAAG;YACvD,oBAAC,IAAI,IAAC,IAAI,EAAC,yDAAyD,oBAAqB;gBACpF;QACP;YACE,oBAAC,YAAY,IAAC,OAAO;gBACnB,2BAAG,IAAI,EAAC,UAAU,cAAY,CACjB,CACX,CACF,CACP;CACF,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { spinnerPropDefs } from './spinner.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers/index';
+type SpinnerOwnProps = GetPropDefTypes<typeof spinnerPropDefs>;
+interface SpinnerProps extends PropsWithoutColor<'span'>, SpinnerOwnProps {
+}
+declare const Spinner: {
+    (props: SpinnerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+    displayName: string;
+};
+export { Spinner };
+export type { SpinnerProps };

package/dist/esm/components/spinner/spinner.js

@@ -0,0 +1,36 @@
+import classNames from 'classnames';
+import * as React from 'react';
+import { spinnerPropDefs } from './spinner.props';
+const Spinner = (props) => {
+    const { children, className, loading = spinnerPropDefs.loading.default, size = spinnerPropDefs.size.default, ...spinnerProps } = props;
+    if (!loading)
+        return children;
+    const spinner = (React.createElement("span", { ...spinnerProps, className: classNames('fui-Spinner', `fui-r-size-${size}`, className) },
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" }),
+        React.createElement("span", { className: "fui-SpinnerLeaf" })));
+    if (children === undefined)
+        return spinner;
+    return (React.createElement("span", { style: {
+            position: 'relative',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+        } },
+        React.createElement("span", { "aria-hidden": true, style: { display: 'contents', visibility: 'hidden' }, inert: true }, children),
+        React.createElement("span", { style: {
+                position: 'absolute',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                inset: '0',
+            } }, spinner)));
+};
+Spinner.displayName = 'Spinner';
+export { Spinner };
+//# sourceMappingURL=spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAOlD,MAAM,OAAO,GAAG,CAAC,KAAmB,EAAE,EAAE;IACtC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,eAAe,CAAC,OAAO,CAAC,OAAO,EACzC,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,EACnC,GAAG,YAAY,EAChB,GAAG,KAAK,CAAC;IAEV,IAAI,CAAC,OAAO;QAAE,OAAO,QAAQ,CAAC;IAE9B,MAAM,OAAO,GAAG,CACd,iCAAU,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,aAAa,EAAE,cAAc,IAAI,EAAE,EAAE,SAAS,CAAC;QAC3F,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG;QACpC,8BAAM,SAAS,EAAC,iBAAiB,GAAG,CAC/B,CACR,CAAC;IAEF,IAAI,QAAQ,KAAK,SAAS;QAAE,OAAO,OAAO,CAAC;IAE3C,OAAO,CACL,8BACE,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SACzB;QAMD,mDAAkB,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,KAAK,UAC1E,QAAQ,CACJ;QAEP,8BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,GAAG;aACX,IAEA,OAAO,CACH,CACF,CACR,CAAC;AACJ,CAAC,CAAC;AACF,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC;AAEhC,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/dist/esm/components/spinner/spinner.props.d.ts

@@ -0,0 +1,12 @@
+declare const spinnerPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4", "5", "6"];
+        default: "2";
+    };
+    loading: {
+        type: "boolean";
+        default: true;
+    };
+};
+export { spinnerPropDefs };

package/dist/esm/components/spinner/spinner.props.js

@@ -0,0 +1,7 @@
+const sizes = ['1', '2', '3', '4', '5', '6'];
+const spinnerPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    loading: { type: 'boolean', default: true },
+};
+export { spinnerPropDefs };
+//# sourceMappingURL=spinner.props.js.map

package/dist/esm/components/spinner/spinner.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.props.js","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.props.ts"],"names":[],"mappings":"AAEA,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAEtD,MAAM,eAAe,GAAG;IACtB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE;CAI5C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./spinner").SpinnerProps): string | number | bigint | boolean | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element | null | undefined;
+        displayName: string;
+    };
+    args: {
+        size: "2";
+        loading: true;
+    };
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Sizes: Story;
+export declare const WithChildren: Story;

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

@@ -0,0 +1,47 @@
+import React from 'react';
+import { Code, Spinner, Switch, Text, spinnerPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/Spinner',
+    component: Spinner,
+    args: {
+        size: spinnerPropDefs.size.default,
+        loading: spinnerPropDefs.loading.default,
+    },
+    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 = {
+    name: 'Default',
+    render: (args) => React.createElement(Spinner, { ...args }),
+};
+export const Sizes = {
+    name: 'Size',
+    render: (args) => (React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-4)' } },
+        React.createElement(Spinner, { ...args, size: "1" }),
+        React.createElement(Spinner, { ...args, size: "2" }),
+        React.createElement(Spinner, { ...args, size: "3" }),
+        React.createElement(Spinner, { ...args, size: "4" }),
+        React.createElement(Spinner, { ...args, size: "5" }),
+        React.createElement(Spinner, { ...args, size: "6" }))),
+};
+export const WithChildren = {
+    name: 'With children',
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-5)', maxWidth: 640 } },
+        React.createElement(Text, null,
+            "Use the ",
+            React.createElement(Code, null, "loading"),
+            " prop to control whether the spinner or its children are displayed. Spinner preserves the dimensions of children when they are hidden and disables interactive elements."),
+        React.createElement("div", { style: { display: 'flex', gap: 'var(--space-4)' } },
+            React.createElement(Spinner, { ...args, loading: true },
+                React.createElement(Switch, { defaultChecked: true })),
+            React.createElement(Spinner, { ...args, loading: false },
+                React.createElement(Switch, { defaultChecked: true }))))),
+};
+//# sourceMappingURL=spinner.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.stories.js","sourceRoot":"","sources":["../../../../src/components/spinner/spinner.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAElE,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,IAAI,EAAE;QACJ,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO;QAClC,OAAO,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO;KACzC;IACD,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IAED,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACY,CAAC;AAEjC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAE9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,oBAAC,OAAO,OAAK,IAAI,GAAI;CACxC,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,IAAI,EAAE,MAAM;IACZ,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE;QAC1E,oBAAC,OAAO,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC9B,oBAAC,OAAO,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC9B,oBAAC,OAAO,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC9B,oBAAC,OAAO,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC9B,oBAAC,OAAO,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC9B,oBAAC,OAAO,OAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG,CAC1B,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IACjC,IAAI,EAAE,eAAe;IACrB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,gBAAgB,EAAE,QAAQ,EAAE,GAAG,EAAE;QAC5F,oBAAC,IAAI;;YACK,oBAAC,IAAI,kBAAe;uLAEvB;QACP,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,gBAAgB,EAAE;YACpD,oBAAC,OAAO,OAAK,IAAI,EAAE,OAAO,EAAE,IAAI;gBAC9B,oBAAC,MAAM,IAAC,cAAc,SAAG,CACjB;YAEV,oBAAC,OAAO,OAAK,IAAI,EAAE,OAAO,EAAE,KAAK;gBAC/B,oBAAC,MAAM,IAAC,cAAc,SAAG,CACjB,CACN,CACF,CACP;CACF,CAAC"}

package/dist/esm/components/stacked-horizontal-bar-chart/index.d.ts

@@ -0,0 +1 @@
+export * from './stacked-horizontal-bar-chart';

package/dist/esm/components/stacked-horizontal-bar-chart/index.js

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

package/dist/esm/components/stacked-horizontal-bar-chart/index.js.map

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

package/dist/esm/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { colorProp } from '../../helpers';
+type StackedHorizontalBarChartData = {
+    label: string | ((value: number, percent: string) => string);
+    value: number;
+    color: (typeof colorProp.values)[number];
+};
+interface StackedHorizontalBarChartOwnProps extends React.ComponentProps<'div'> {
+}
+interface StackedHorizontalBarChartProps extends React.ComponentProps<'div'>, StackedHorizontalBarChartOwnProps {
+    data: StackedHorizontalBarChartData[];
+}
+declare const StackedHorizontalBarChart: {
+    (props: StackedHorizontalBarChartProps): React.JSX.Element;
+    displayName: string;
+};
+export { StackedHorizontalBarChart };
+export type { StackedHorizontalBarChartProps };

package/dist/esm/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.js

@@ -0,0 +1,19 @@
+'use client';
+import classNames from 'classnames';
+import * as React from 'react';
+import { Tooltip } from '../tooltip';
+const StackedHorizontalBarChart = (props) => {
+    const { className, data, ...rootProps } = props;
+    const sum = data.reduce((acc, dataPoint) => acc + dataPoint.value, 0);
+    return (React.createElement("div", { ...rootProps, className: classNames('fui-StackedHorizontalBarChart', className) }, data.map((dataPoint, i) => {
+        // Round to max 2 decimal places
+        const percent = `${Math.round((dataPoint.value / sum) * 100 * 100) / 100}%`;
+        const label = typeof dataPoint.label === 'string' ? dataPoint.label : dataPoint.label(dataPoint.value, percent);
+        const ariaLabel = typeof dataPoint.label === 'string' ? `${dataPoint.label} ${percent}` : label;
+        return (React.createElement(Tooltip, { content: label, key: i, delayDuration: 150, className: "fui-StackedHorizontalBarChartTooltip", "data-accent-color": dataPoint.color },
+            React.createElement("div", { "data-accent-color": dataPoint.color, "aria-label": ariaLabel, className: "fui-StackedHorizontalBarChartBar", style: { width: percent } })));
+    })));
+};
+StackedHorizontalBarChart.displayName = 'StackedHorizontalBarChart';
+export { StackedHorizontalBarChart };
+//# sourceMappingURL=stacked-horizontal-bar-chart.js.map

package/dist/esm/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stacked-horizontal-bar-chart.js","sourceRoot":"","sources":["../../../../src/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAcrC,MAAM,yBAAyB,GAAG,CAAC,KAAqC,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEhD,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,GAAG,GAAG,SAAS,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAEtE,OAAO,CACL,gCAAS,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,+BAA+B,EAAE,SAAS,CAAC,IAClF,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,CAAC,EAAE,EAAE;QACzB,gCAAgC;QAChC,MAAM,OAAO,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;QAC5E,MAAM,KAAK,GAAG,OAAO,SAAS,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;QAEhH,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,KAAK,IAAI,OAAO,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC;QAEhG,OAAO,CACL,oBAAC,OAAO,IACN,OAAO,EAAE,KAAK,EACd,GAAG,EAAE,CAAC,EACN,aAAa,EAAE,GAAG,EAClB,SAAS,EAAC,sCAAsC,uBAC7B,SAAS,CAAC,KAAK;YAElC,kDACqB,SAAS,CAAC,KAAK,gBACtB,SAAS,EACrB,SAAS,EAAC,kCAAkC,EAC5C,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GACzB,CACM,CACX,CAAC;IACJ,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,yBAAyB,CAAC,WAAW,GAAG,2BAA2B,CAAC;AAEpE,OAAO,EAAE,yBAAyB,EAAE,CAAC"}

package/dist/esm/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.stories.d.ts

@@ -0,0 +1,20 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import type { StackedHorizontalBarChartProps } from '../../../src/components/stacked-horizontal-bar-chart';
+declare const meta: {
+    title: string;
+    component: {
+        (props: StackedHorizontalBarChartProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {};
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomLabel: Story;
+export declare const Animated: Story;

package/dist/esm/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.stories.js

@@ -0,0 +1,114 @@
+import React from 'react';
+import { Card, SegmentedControl, Separator, StackedHorizontalBarChart, Text } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Data presentation/StackedHorizontalBarChart',
+    component: StackedHorizontalBarChart,
+    args: {},
+    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: {
+        data: [
+            { label: 'Nitrogen', value: 78, color: 'amber' },
+            { label: 'Oxygen', value: 20.9, color: 'green' },
+            { label: 'Argon', value: 0.9, color: 'sky' },
+            { label: 'Other gasses', value: 0.17, color: 'blue' },
+            { label: 'Carbon Dioxide', value: 0.03, color: 'danger' },
+        ],
+    },
+    render: (args) => (React.createElement("div", { style: { width: 300 } },
+        React.createElement(StackedHorizontalBarChart, { ...args }))),
+};
+export const CustomLabel = {
+    name: 'Custom label',
+    args: {
+        data: [
+            {
+                label: (value, percent) => `Successful: ${value} (${percent})`,
+                value: 481,
+                color: 'success',
+            },
+            {
+                label: (value, percent) => `Past: ${value} (${percent})`,
+                value: 202,
+                color: 'sky',
+            },
+            {
+                label: (value, percent) => `Due: ${value} (${percent})`,
+                value: 534,
+                color: 'purple',
+            },
+            {
+                label: (value, percent) => `Failed: ${value} (${percent})`,
+                value: 495,
+                color: 'danger',
+            },
+            {
+                label: (value, percent) => `Refunded: ${value} (${percent})`,
+                value: 128,
+                color: 'warning',
+            },
+        ],
+    },
+    render: (args) => (React.createElement("div", { style: { width: 300 } },
+        React.createElement(StackedHorizontalBarChart, { ...args }))),
+};
+export const Animated = {
+    args: {
+        data: [],
+    },
+    render: () => {
+        const uiLibariesData = {
+            FrostedUI: [
+                { label: 'Typescript', value: 75.9, color: 'success' },
+                { label: 'CSS', value: 22.9, color: 'warning' },
+                { label: 'Other', value: 1.2, color: 'danger' },
+            ],
+            BaseUI: [
+                { label: 'Typescript', value: 50.5, color: 'success' },
+                { label: 'CSS', value: 40, color: 'warning' },
+                { label: 'Other', value: 9.5, color: 'danger' },
+            ],
+            React95: [
+                { label: 'Typescript', value: 98.8, color: 'success' },
+                { label: 'CSS', value: 1.1, color: 'warning' },
+                { label: 'Other', value: 0.1, color: 'danger' },
+            ],
+        };
+        const [state, setState] = React.useState('FrostedUI');
+        const data = uiLibariesData[state];
+        return (React.createElement(Card, { size: "3", variant: "surface", style: {
+                backgroundImage: `linear-gradient(var(--color-panel-elevation-a3), var(--color-panel-elevation-a3))`,
+            } },
+            React.createElement("div", { style: { width: 300, display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' } },
+                React.createElement(SegmentedControl.Root, { value: state, onValueChange: (value) => setState(value) },
+                    React.createElement(SegmentedControl.List, null,
+                        React.createElement(SegmentedControl.Trigger, { value: "FrostedUI" }, "Frosted UI"),
+                        React.createElement(SegmentedControl.Trigger, { value: "BaseUI" }, "Base UI"),
+                        React.createElement(SegmentedControl.Trigger, { value: "React95" }, "React95"))),
+                React.createElement(StackedHorizontalBarChart, { data: data }),
+                React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)' } }, data.map((dataPoint, i) => (React.createElement(React.Fragment, null,
+                    i !== 0 && React.createElement(Separator, { size: "4", orientation: "horizontal" }),
+                    React.createElement("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between' }, key: dataPoint.label },
+                        React.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+                            React.createElement("div", { style: {
+                                    width: 'var(--space-3)',
+                                    height: 'var(--space-1)',
+                                    borderRadius: 3,
+                                    backgroundColor: `var(--${dataPoint.color}-9)`,
+                                } }),
+                            React.createElement(Text, { size: "2", color: "gray" }, dataPoint.label)),
+                        React.createElement(Text, { size: "2" },
+                            dataPoint.value,
+                            "%")))))))));
+    },
+};
+//# sourceMappingURL=stacked-horizontal-bar-chart.stories.js.map

package/dist/esm/components/stacked-horizontal-bar-chart/stacked-horizontal-bar-chart.stories.js.map

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

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

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

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

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

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

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

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

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

package/dist/esm/components/strong/strong.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"strong.js","sourceRoot":"","sources":["../../../../src/components/strong/strong.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,mCAAY,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,GAAI,CAAC;AACnH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/strong/strong.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("./strong").StrongProps): 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/strong/strong.stories.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Strong, 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/Strong',
+    component: Strong,
+    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,
+        "The most important thing to remember is, ",
+        React.createElement(Strong, { ...args }, "stay positive"),
+        ".")),
+};
+//# sourceMappingURL=strong.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"strong.stories.js","sourceRoot":"","sources":["../../../../src/components/strong/strong.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAElC,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACW,CAAC;AAEhC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,oBAAC,IAAI;;QACsC,oBAAC,MAAM,OAAK,IAAI,oBAAwB;YAC5E,CACR;CACF,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,13 @@
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { switchPropDefs } from './switch.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type SwitchOwnProps = GetPropDefTypes<typeof switchPropDefs>;
+interface SwitchProps extends Omit<PropsWithoutColor<typeof SwitchPrimitive.Root>, 'children'>, SwitchOwnProps {
+}
+declare const Switch: {
+    (props: SwitchProps): React.JSX.Element;
+    displayName: string;
+};
+export { Switch };
+export type { SwitchProps };

package/dist/esm/components/switch/switch.js

@@ -0,0 +1,18 @@
+'use client';
+import classNames from 'classnames';
+import { Switch as SwitchPrimitive } from 'radix-ui';
+import * as React from 'react';
+import { switchPropDefs } from './switch.props';
+const Switch = (props) => {
+    const { className, style, size = switchPropDefs.size.default, color = switchPropDefs.color.default, highContrast = switchPropDefs.highContrast.default, ...switchProps } = props;
+    return (React.createElement("span", { className: classNames('fui-SwitchRoot', className, `fui-r-size-${size}`, { 'fui-high-contrast': highContrast }), style: style },
+        React.createElement(SwitchPrimitive.Root, { "data-accent-color": color, ...switchProps, className: classNames('fui-reset', 'fui-SwitchButton', {
+                'fui-high-contrast': highContrast,
+            }) },
+            React.createElement(SwitchPrimitive.Thumb, { className: classNames('fui-SwitchThumb', {
+                    'fui-high-contrast': highContrast,
+                }) }))));
+};
+Switch.displayName = 'Switch';
+export { Switch };
+//# sourceMappingURL=switch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAOhD,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IACpC,MAAM,EACJ,SAAS,EACT,KAAK,EACL,IAAI,GAAG,cAAc,CAAC,IAAI,CAAC,OAAO,EAClC,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,OAAO,EACpC,YAAY,GAAG,cAAc,CAAC,YAAY,CAAC,OAAO,EAClD,GAAG,WAAW,EACf,GAAG,KAAK,CAAC;IACV,OAAO,CACL,8BACE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC,EAC/G,KAAK,EAAE,KAAK;QAEZ,oBAAC,eAAe,CAAC,IAAI,yBACA,KAAK,KACpB,WAAW,EACf,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,kBAAkB,EAAE;gBACrD,mBAAmB,EAAE,YAAY;aAClC,CAAC;YAEF,oBAAC,eAAe,CAAC,KAAK,IACpB,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE;oBACvC,mBAAmB,EAAE,YAAY;iBAClC,CAAC,GACF,CACmB,CAClB,CACR,CAAC;AACJ,CAAC,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/switch/switch.props.d.ts

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

package/dist/esm/components/switch/switch.props.js

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

package/dist/esm/components/switch/switch.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.props.js","sourceRoot":"","sources":["../../../../src/components/switch/switch.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,SAAS,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAErE,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAEvC,MAAM,cAAc,GAAG;IACrB,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,cAAc,EAAE,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+declare const meta: {
+    title: string;
+    component: {
+        (props: import("./switch").SwitchProps): 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 Size: Story;
+export declare const Color: Story;
+export declare const HighContrast: Story;
+export declare const Alignment: Story;