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

package/dist/cjs/components/avatar-stack/avatar-stack.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+import { Avatar } from '../avatar';
+import { avatarStackPropDefs } from './avatar-stack.props';
+type AvatarStackRootOwnProps = GetPropDefTypes<typeof avatarStackPropDefs>;
+interface AvatarStackRootProps extends PropsWithoutColor<'div'>, AvatarStackRootOwnProps {
+}
+declare const AvatarStackRoot: {
+    (props: AvatarStackRootProps): React.JSX.Element;
+    displayName: string;
+};
+type AvatarStackAvatarProps = Omit<React.ComponentProps<typeof Avatar>, 'size'>;
+declare const AvatarStackAvatar: {
+    ({ className, ...props }: AvatarStackAvatarProps): React.JSX.Element;
+    displayName: string;
+};
+export { AvatarStackAvatar as Avatar, AvatarStackRoot as Root };
+export type { AvatarStackAvatarProps as AvatarProps, AvatarStackRootProps as RootProps };

package/dist/cjs/components/avatar-stack/avatar-stack.js

@@ -0,0 +1,28 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Root = exports.Avatar = void 0;
+const tslib_1 = require("tslib");
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const React = tslib_1.__importStar(require("react"));
+const avatar_1 = require("../avatar");
+const avatar_stack_props_1 = require("./avatar-stack.props");
+const AvatarStackContext = React.createContext({
+    size: avatar_stack_props_1.avatarStackPropDefs.size.default,
+});
+const AvatarStackRoot = (props) => {
+    const { className, children, size = avatar_stack_props_1.avatarStackPropDefs.size.default, ...rootProps } = props;
+    // Convert children to array and reverse it only once during render
+    const reversedChildren = React.useMemo(() => React.Children.toArray(children).reverse(), [children]);
+    return (React.createElement("div", { ...rootProps, className: (0, classnames_1.default)('fui-AvatarStackRoot', className, `fui-r-size-${size}`) },
+        React.createElement(AvatarStackContext.Provider, { value: { size } }, reversedChildren)));
+};
+exports.Root = AvatarStackRoot;
+AvatarStackRoot.displayName = 'AvatarStackRoot';
+const AvatarStackAvatar = ({ className, ...props }) => {
+    const { size } = React.useContext(AvatarStackContext);
+    return React.createElement(avatar_1.Avatar, { size: size, className: (0, classnames_1.default)('fui-AvatarStackAvatar', className), ...props });
+};
+exports.Avatar = AvatarStackAvatar;
+AvatarStackAvatar.displayName = 'AvatarStackAvatar';
+//# sourceMappingURL=avatar-stack.js.map

package/dist/cjs/components/avatar-stack/avatar-stack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-stack.js","sourceRoot":"","sources":["../../../../src/components/avatar-stack/avatar-stack.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAEb,oEAAoC;AACpC,qDAA+B;AAE/B,sCAAmC;AACnC,6DAA2D;AAE3D,MAAM,kBAAkB,GAAG,KAAK,CAAC,aAAa,CAE3C;IACD,IAAI,EAAE,wCAAmB,CAAC,IAAI,CAAC,OAAO;CACvC,CAAC,CAAC;AAMH,MAAM,eAAe,GAAG,CAAC,KAA2B,EAAE,EAAE;IACtD,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,IAAI,GAAG,wCAAmB,CAAC,IAAI,CAAC,OAAO,EAEvC,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,mEAAmE;IACnE,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CACpC,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,OAAO,EAAE,EAChD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,OAAO,CACL,gCACM,SAAS,EACb,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC;QAE7E,oBAAC,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,IAAI,EAAE,IACzC,gBAAgB,CACW,CAC1B,CACP,CAAC;AACJ,CAAC,CAAC;AAauD,+BAAI;AAX7D,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAC;AAIhD,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA0B,EAAE,EAAE;IAC5E,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACtD,OAAO,oBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAG,SAAS,EAAE,IAAA,oBAAU,EAAC,uBAAuB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AACvG,CAAC,CAAC;AAI4B,mCAAM;AAFpC,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC"}

package/dist/cjs/components/avatar-stack/avatar-stack.props.d.ts

@@ -0,0 +1,8 @@
+declare const avatarStackPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        default: "3";
+    };
+};
+export { avatarStackPropDefs };

package/dist/cjs/components/avatar-stack/avatar-stack.props.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.avatarStackPropDefs = void 0;
+const sizes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+const avatarStackPropDefs = {
+    size: { type: 'enum', values: sizes, default: '3' },
+};
+exports.avatarStackPropDefs = avatarStackPropDefs;
+//# sourceMappingURL=avatar-stack.props.js.map

package/dist/cjs/components/avatar-stack/avatar-stack.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-stack.props.js","sourceRoot":"","sources":["../../../../src/components/avatar-stack/avatar-stack.props.ts"],"names":[],"mappings":";;;AAEA,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAE1E,MAAM,mBAAmB,GAAG;IAC1B,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;CAGpD,CAAC;AAEO,kDAAmB"}

package/dist/cjs/components/avatar-stack/avatar-stack.stories.d.ts

@@ -0,0 +1,18 @@
+import type { StoryObj } from '@storybook/react';
+import React from 'react';
+import { AvatarStack } from '..';
+declare const meta: {
+    title: string;
+    component: {
+        (props: AvatarStack.RootProps): 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 Size: Story;

package/dist/cjs/components/avatar-stack/avatar-stack.stories.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+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/AvatarStack',
+    component: __1.AvatarStack.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'],
+};
+exports.default = meta;
+const availableUsers = [
+    {
+        name: 'Artur Bień',
+        color: 'blue',
+        src: 'https://images.unsplash.com/photo-1502823403499-6ccfcf4fb453?&w=256&h=256&q=70&crop=focalpoint&fp-x=0.5&fp-y=0.3&fp-z=1&fit=crop',
+    },
+    {
+        name: 'Cameron Zoub',
+        color: 'green',
+        src: '',
+    },
+    {
+        name: 'Carlos Whitt',
+        color: 'pink',
+        src: '',
+    },
+    {
+        name: 'Ilya Miskov',
+        color: 'yellow',
+        src: '',
+    },
+    {
+        name: 'Guillermo',
+        color: 'bronze',
+        src: '',
+    },
+    {
+        name: 'Steven Schwartz',
+        color: 'lime',
+        src: '',
+    },
+    {
+        name: 'FJ',
+        color: 'tomato',
+        src: '',
+    },
+];
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+exports.Default = {
+    args: {},
+    render: (args) => {
+        return (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-5)' } },
+            react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "3" }, availableUsers.map((user, index) => (react_1.default.createElement(__1.AvatarStack.Avatar, { shape: index % 2 === 0 ? 'circle' : 'square', fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+            react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "3" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { shape: "square", fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+            react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "3" },
+                react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: availableUsers[0].name, color: availableUsers[0].color, src: availableUsers[0].src }))));
+    },
+};
+exports.Size = {
+    args: {},
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-4)' } },
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "0" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "1" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "2" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "3" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "4" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "5" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "6" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "7" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "8" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { fallback: user.name, color: user.color, key: user.name, src: user.src })))),
+        react_1.default.createElement(__1.AvatarStack.Root, { ...args, size: "9" }, availableUsers.map((user) => (react_1.default.createElement(__1.AvatarStack.Avatar, { shape: 'square', fallback: user.name, color: user.color, key: user.name, src: user.src })))))),
+};
+//# sourceMappingURL=avatar-stack.stories.js.map

package/dist/cjs/components/avatar-stack/avatar-stack.stories.js.map

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

package/dist/cjs/components/avatar-stack/index.d.ts

@@ -0,0 +1,2 @@
+export * as AvatarStack from './avatar-stack';
+export * from './avatar-stack.props';

package/dist/cjs/components/avatar-stack/index.js

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

package/dist/cjs/components/avatar-stack/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/avatar-stack/index.ts"],"names":[],"mappings":";;;;AAAA,sEAA8C;AAC9C,+DAAqC"}

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { badgePropDefs } from './badge.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type BadgeOwnProps = GetPropDefTypes<typeof badgePropDefs>;
+interface BadgeProps extends PropsWithoutColor<'span'>, BadgeOwnProps {
+}
+declare const Badge: {
+    (props: BadgeProps): React.JSX.Element;
+    displayName: string;
+};
+export { Badge };
+export type { BadgeProps };

package/dist/cjs/components/badge/badge.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AACpC,qDAA+B;AAE/B,+CAA8C;AAO9C,MAAM,KAAK,GAAG,CAAC,KAAiB,EAAE,EAAE;IAClC,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,2BAAa,CAAC,IAAI,CAAC,OAAO,EACjC,OAAO,GAAG,2BAAa,CAAC,OAAO,CAAC,OAAO,EACvC,KAAK,GAAG,2BAAa,CAAC,KAAK,CAAC,OAAO,EACnC,YAAY,GAAG,2BAAa,CAAC,YAAY,CAAC,OAAO,EACjD,GAAG,UAAU,EACd,GAAG,KAAK,CAAC;IACV,OAAO,CACL,mDACqB,KAAK,KACpB,UAAU,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE,eAAe,OAAO,EAAE,EAAE;YAC5F,mBAAmB,EAAE,YAAY;SAClC,CAAC,GACF,CACH,CAAC;AACJ,CAAC,CAAC;AAGO,sBAAK;AAFd,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC"}

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

@@ -0,0 +1,22 @@
+declare const badgePropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2"];
+        default: "1";
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "soft", "surface", "outline"];
+        default: "soft";
+    };
+    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 { badgePropDefs };

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.badgePropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const sizes = ['1', '2'];
+const variants = ['solid', 'soft', 'surface', 'outline'];
+const badgePropDefs = {
+    size: { type: 'enum', values: sizes, default: '1' },
+    variant: { type: 'enum', values: variants, default: 'soft' },
+    color: { ...helpers_1.colorProp, default: undefined },
+    highContrast: helpers_1.highContrastProp,
+};
+exports.badgePropDefs = badgePropDefs;
+//# sourceMappingURL=badge.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"badge.props.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.props.ts"],"names":[],"mappings":";;;AACA,2CAA4D;AAE5D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAU,CAAC;AAClC,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAU,CAAC;AAElE,MAAM,aAAa,GAAG;IACpB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE;IAC5D,KAAK,EAAE,EAAE,GAAG,mBAAS,EAAE,OAAO,EAAE,SAAS,EAAE;IAC3C,YAAY,EAAE,0BAAgB;CAM/B,CAAC;AAEO,sCAAa"}

package/dist/cjs/components/badge/badge.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("./badge").BadgeProps): 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 Size: Story;
+export declare const Variant: Story;
+export declare const Color: Story;
+export declare const SemanticColor: Story;
+export declare const HighContrast: Story;

package/dist/cjs/components/badge/badge.stories.js

@@ -0,0 +1,90 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HighContrast = exports.SemanticColor = exports.Color = exports.Variant = exports.Size = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const components_1 = require("../../../src/components");
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/Badge',
+    component: components_1.Badge,
+    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: {
+        children: 'Badge',
+        size: components_1.badgePropDefs.size.default,
+        variant: components_1.badgePropDefs.variant.default,
+        color: components_1.badgePropDefs.color.default,
+    },
+};
+exports.Size = {
+    args: {
+        children: 'Badge',
+        size: components_1.badgePropDefs.size.default,
+        variant: components_1.badgePropDefs.variant.default,
+        color: components_1.badgePropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        react_1.default.createElement(components_1.Badge, { ...args, size: "2" }),
+        react_1.default.createElement(components_1.Badge, { ...args, size: "1" }))),
+};
+exports.Variant = {
+    args: {
+        children: 'Badge',
+        size: components_1.badgePropDefs.size.default,
+        color: components_1.badgePropDefs.color.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        react_1.default.createElement(components_1.Badge, { ...args, variant: "solid" }),
+        react_1.default.createElement(components_1.Badge, { ...args, variant: "soft" }),
+        react_1.default.createElement(components_1.Badge, { ...args, variant: "outline" }),
+        react_1.default.createElement(components_1.Badge, { ...args, variant: "surface" }))),
+};
+exports.Color = {
+    args: {
+        children: 'Badge',
+        size: components_1.badgePropDefs.size.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        react_1.default.createElement(components_1.Badge, { ...args, color: "indigo" }),
+        react_1.default.createElement(components_1.Badge, { ...args, color: "cyan" }),
+        react_1.default.createElement(components_1.Badge, { ...args, color: "orange" }),
+        react_1.default.createElement(components_1.Badge, { ...args, color: "crimson" }))),
+};
+exports.SemanticColor = {
+    name: 'Semantic color',
+    args: {
+        size: components_1.badgePropDefs.size.default,
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', alignItems: 'center', gap: 'var(--space-2)' } },
+        react_1.default.createElement(components_1.Badge, { ...args, color: "info" }, "Info"),
+        react_1.default.createElement(components_1.Badge, { ...args, color: "success" }, "Success"),
+        react_1.default.createElement(components_1.Badge, { ...args, color: "warning" }, "Warning"),
+        react_1.default.createElement(components_1.Badge, { ...args, color: "danger" }, "Danger"))),
+};
+exports.HighContrast = {
+    name: 'High Contrast',
+    args: {
+        children: 'Badge',
+    },
+    render: (args) => (react_1.default.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-2)' } },
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+            react_1.default.createElement(components_1.Badge, { ...args, highContrast: false, variant: "solid" }),
+            react_1.default.createElement(components_1.Badge, { ...args, highContrast: false, variant: "soft" }),
+            react_1.default.createElement(components_1.Badge, { ...args, highContrast: false, variant: "outline" }),
+            react_1.default.createElement(components_1.Badge, { ...args, highContrast: false, variant: "surface" })),
+        react_1.default.createElement("div", { style: { display: 'flex', gap: 'var(--space-2)' } },
+            react_1.default.createElement(components_1.Badge, { ...args, variant: "solid", highContrast: true }),
+            react_1.default.createElement(components_1.Badge, { ...args, variant: "soft", highContrast: true }),
+            react_1.default.createElement(components_1.Badge, { ...args, variant: "outline", highContrast: true }),
+            react_1.default.createElement(components_1.Badge, { ...args, variant: "surface", highContrast: true })))),
+};
+//# sourceMappingURL=badge.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/badge/index.ts"],"names":[],"mappings":";;;AAAA,kDAAwB;AACxB,wDAA8B"}

package/dist/cjs/components/base-button/base-button.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { baseButtonPropDefs } from './base-button.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type BaseButtonOwnProps = GetPropDefTypes<typeof baseButtonPropDefs>;
+interface BaseButtonProps extends PropsWithoutColor<'button'>, BaseButtonOwnProps {
+    asChild?: boolean;
+    loading?: boolean;
+}
+declare const BaseButton: {
+    (props: BaseButtonProps): React.JSX.Element;
+    displayName: string;
+};
+export { BaseButton };
+export type { BaseButtonProps };

package/dist/cjs/components/base-button/base-button.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BaseButton = 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 base_button_props_1 = require("./base-button.props");
+const map_prop_values_1 = require("../../helpers/map-prop-values");
+const spinner_1 = require("../spinner");
+const visually_hidden_1 = require("../visually-hidden");
+const BaseButton = (props) => {
+    const { children, loading, disabled = props.loading, className, asChild = false, size = base_button_props_1.baseButtonPropDefs.size.default, variant = base_button_props_1.baseButtonPropDefs.variant.default, color = base_button_props_1.baseButtonPropDefs.color.default, highContrast = base_button_props_1.baseButtonPropDefs.highContrast.default, ...baseButtonProps } = props;
+    const Comp = asChild ? radix_ui_1.Slot.Root : 'button';
+    return (React.createElement(Comp, { "data-accent-color": color || (variant === 'surface' ? 'gray' : color), ...baseButtonProps, className: (0, classnames_1.default)('fui-reset', 'fui-BaseButton', className, `fui-r-size-${size}`, `fui-variant-${variant}`, {
+            'fui-high-contrast': highContrast,
+        }), "aria-busy": loading || undefined, "data-disabled": disabled || undefined, disabled: disabled }, props.loading ? (React.createElement(React.Fragment, null,
+        React.createElement("span", { style: { display: 'contents', visibility: 'hidden' }, "aria-hidden": true }, children),
+        React.createElement(visually_hidden_1.VisuallyHidden.Root, null, children),
+        React.createElement("span", { style: {
+                position: 'absolute',
+                display: 'flex',
+                alignItems: 'center',
+                justifyContent: 'center',
+                inset: '0',
+            } },
+            React.createElement(spinner_1.Spinner, { size: (0, map_prop_values_1.mapButtonSizeToSpinnerSize)(size) })))) : (children)));
+};
+exports.BaseButton = BaseButton;
+BaseButton.displayName = 'BaseButton';
+//# sourceMappingURL=base-button.js.map

package/dist/cjs/components/base-button/base-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.js","sourceRoot":"","sources":["../../../../src/components/base-button/base-button.tsx"],"names":[],"mappings":";;;;AAAA,oEAAoC;AACpC,uCAAgC;AAChC,qDAA+B;AAE/B,2DAAyD;AAGzD,mEAA2E;AAC3E,wCAAqC;AACrC,wDAAoD;AAQpD,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IAC5C,MAAM,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GAAG,KAAK,CAAC,OAAO,EACxB,SAAS,EACT,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,sCAAkB,CAAC,IAAI,CAAC,OAAO,EACtC,OAAO,GAAG,sCAAkB,CAAC,OAAO,CAAC,OAAO,EAC5C,KAAK,GAAG,sCAAkB,CAAC,KAAK,CAAC,OAAO,EACxC,YAAY,GAAG,sCAAkB,CAAC,YAAY,CAAC,OAAO,EACtD,GAAG,eAAe,EACnB,GAAG,KAAK,CAAC;IACV,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,IAAI,CAAC,CAAC,CAAC,QAAQ,CAAC;IAE5C,OAAO,CACL,oBAAC,IAAI,yBACgB,KAAK,IAAI,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAChE,eAAe,EACnB,SAAS,EAAE,IAAA,oBAAU,EAAC,WAAW,EAAE,gBAAgB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE,eAAe,OAAO,EAAE,EAAE;YAC9G,mBAAmB,EAAE,YAAY;SAClC,CAAC,eACS,OAAO,IAAI,SAAS,mBAEhB,QAAQ,IAAI,SAAS,EACpC,QAAQ,EAAE,QAAQ,IAEjB,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CACf;QAQE,8BAAM,KAAK,EAAE,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,yBACvD,QAAQ,CACJ;QACP,oBAAC,gCAAc,CAAC,IAAI,QAAE,QAAQ,CAAuB;QAErD,8BACE,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,KAAK,EAAE,GAAG;aACX;YAED,oBAAC,iBAAO,IAAC,IAAI,EAAE,IAAA,4CAA0B,EAAC,IAAI,CAAC,GAAI,CAC9C,CACN,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAC;AACJ,CAAC,CAAC;AAGO,gCAAU;AAFnB,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC"}

package/dist/cjs/components/base-button/base-button.props.d.ts

@@ -0,0 +1,22 @@
+declare const baseButtonPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4"];
+        default: "2";
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["classic", "solid", "soft", "surface", "ghost"];
+        default: "surface";
+    };
+    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 { baseButtonPropDefs };

package/dist/cjs/components/base-button/base-button.props.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseButtonPropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const sizes = ['1', '2', '3', '4'];
+const variants = ['classic', 'solid', 'soft', 'surface', 'ghost'];
+const baseButtonPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    variant: { type: 'enum', values: variants, default: 'surface' },
+    color: helpers_1.colorProp,
+    highContrast: helpers_1.highContrastProp,
+};
+exports.baseButtonPropDefs = baseButtonPropDefs;
+//# sourceMappingURL=base-button.props.js.map

package/dist/cjs/components/base-button/base-button.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.props.js","sourceRoot":"","sources":["../../../../src/components/base-button/base-button.props.ts"],"names":[],"mappings":";;;AACA,2CAA4D;AAE5D,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAC5C,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,OAAO,CAAU,CAAC;AAE3E,MAAM,kBAAkB,GAAG;IACzB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE;IACnD,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;IAC/D,KAAK,EAAE,mBAAS;IAChB,YAAY,EAAE,0BAAgB;CAM/B,CAAC;AAEO,gDAAkB"}

package/dist/cjs/components/base-button/index.d.ts

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

package/dist/cjs/components/base-button/index.js

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

package/dist/cjs/components/base-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/base-button/index.ts"],"names":[],"mappings":";;;AAAA,wDAA8B;AAC9B,8DAAoC"}

package/dist/cjs/components/base-menu/base-menu.props.d.ts

@@ -0,0 +1,35 @@
+declare const baseMenuContentPropDefs: {
+    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;
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["solid", "translucent"];
+        default: "translucent";
+    };
+};
+declare const baseMenuItemPropDefs: {
+    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;
+    };
+    shortcut: {
+        type: "string";
+        default: undefined;
+    };
+};
+declare const baseMenuCheckboxItemPropDefs: {
+    shortcut: {
+        type: "string";
+        default: undefined;
+    };
+};
+export { baseMenuCheckboxItemPropDefs, baseMenuContentPropDefs, baseMenuItemPropDefs };

package/dist/cjs/components/base-menu/base-menu.props.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.baseMenuItemPropDefs = exports.baseMenuContentPropDefs = exports.baseMenuCheckboxItemPropDefs = void 0;
+const helpers_1 = require("../../helpers");
+const contentSizes = ['1', '2', '3'];
+const variants = ['solid', 'translucent'];
+const baseMenuContentPropDefs = {
+    size: { type: 'enum', values: contentSizes, default: '2' },
+    color: helpers_1.colorProp,
+    variant: { type: 'enum', values: variants, default: 'translucent' },
+};
+exports.baseMenuContentPropDefs = baseMenuContentPropDefs;
+const baseMenuItemPropDefs = {
+    color: helpers_1.colorProp,
+    shortcut: { type: 'string', default: undefined },
+};
+exports.baseMenuItemPropDefs = baseMenuItemPropDefs;
+const baseMenuCheckboxItemPropDefs = {
+    shortcut: { type: 'string', default: undefined },
+};
+exports.baseMenuCheckboxItemPropDefs = baseMenuCheckboxItemPropDefs;
+//# sourceMappingURL=base-menu.props.js.map

package/dist/cjs/components/base-menu/base-menu.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-menu.props.js","sourceRoot":"","sources":["../../../../src/components/base-menu/base-menu.props.ts"],"names":[],"mappings":";;;AACA,2CAA0C;AAE1C,MAAM,YAAY,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAE9C,MAAM,QAAQ,GAAG,CAAC,OAAO,EAAE,aAAa,CAAU,CAAC;AAEnD,MAAM,uBAAuB,GAAG;IAC9B,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE;IAC1D,KAAK,EAAE,mBAAS;IAChB,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE;CAKpE,CAAC;AAgBqC,0DAAuB;AAd9D,MAAM,oBAAoB,GAAG;IAC3B,KAAK,EAAE,mBAAS;IAChB,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;CAIjD,CAAC;AAQ8D,oDAAoB;AANpF,MAAM,4BAA4B,GAAG;IACnC,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE;CAGjD,CAAC;AAEO,oEAA4B"}

package/dist/cjs/components/base-menu/index.d.ts

@@ -0,0 +1 @@
+export * from './base-menu.props';

package/dist/cjs/components/base-menu/index.js

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