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

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { Tabs, Text, tabsListPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/Tabs',
+    component: Tabs.List,
+    args: {
+        size: tabsListPropDefs.size.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
+// TODO: Tabs content jumping in size due to font-weight change
+// This doesn't happen in Frosted UI (might be due to a font in use?)
+export const Default = {
+    render: (args) => (React.createElement("div", { style: { width: 600 } },
+        React.createElement(Tabs.Root, { defaultValue: "account" },
+            React.createElement(Tabs.List, { ...args },
+                React.createElement(Tabs.Trigger, { value: "account" }, "Account"),
+                React.createElement(Tabs.Trigger, { value: "documents" }, "Documents"),
+                React.createElement(Tabs.Trigger, { value: "settings" }, "Settings")),
+            React.createElement("div", { style: { padding: '12px 16px 8px 16px' } },
+                React.createElement(Tabs.Content, { value: "account" },
+                    React.createElement(Text, { size: "2" }, "Make changes to your account.")),
+                React.createElement(Tabs.Content, { value: "documents" },
+                    React.createElement(Text, { size: "2" }, "Access and update your documents.")),
+                React.createElement(Tabs.Content, { value: "settings" },
+                    React.createElement(Text, { size: "2" }, "Edit your profile or update contact information.")))))),
+};
+//# sourceMappingURL=tabs.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAElD,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI,CAAC,IAAI;IACpB,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;KACpC;IACD,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;AAE9F,+DAA+D;AAC/D,qEAAqE;AACrE,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACxB,oBAAC,IAAI,CAAC,IAAI,IAAC,YAAY,EAAC,SAAS;YAC/B,oBAAC,IAAI,CAAC,IAAI,OAAK,IAAI;gBACjB,oBAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,SAAS,cAAuB;gBACpD,oBAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,WAAW,gBAAyB;gBACxD,oBAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU,eAAwB,CAC5C;YAEZ,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE;gBAC3C,oBAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,SAAS;oBAC3B,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,oCAAqC,CACtC;gBAEf,oBAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,WAAW;oBAC7B,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,wCAAyC,CAC1C;gBAEf,oBAAC,IAAI,CAAC,OAAO,IAAC,KAAK,EAAC,UAAU;oBAC5B,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,uDAAwD,CACzD,CACX,CACI,CACR,CACP;CACF,CAAC"}

package/dist/esm/components/tabs-nav/index.d.ts

@@ -0,0 +1,2 @@
+export * as TabsNav from './tabs-nav';
+export * from './tabs-nav.props';

package/dist/esm/components/tabs-nav/index.js

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

package/dist/esm/components/tabs-nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/tabs-nav/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,YAAY,CAAC;AACtC,cAAc,kBAAkB,CAAC"}

package/dist/esm/components/tabs-nav/tabs-nav.d.ts

@@ -0,0 +1,20 @@
+import { NavigationMenu } from 'radix-ui';
+import * as React from 'react';
+import { GetPropDefTypes } from '../../helpers';
+import { tabsNavLinkPropDefs, tabsNavPropDefs } from './tabs-nav.props';
+type TabsNavOwnProps = GetPropDefTypes<typeof tabsNavPropDefs>;
+interface TabsNavRootProps extends Omit<React.ComponentProps<typeof NavigationMenu.Root>, 'asChild' | 'orientation' | 'defauValue' | 'value' | 'onValueChange' | 'delayDuration' | 'skipDelayDuration'>, TabsNavOwnProps {
+}
+declare const TabsNavRoot: {
+    (props: TabsNavRootProps): React.JSX.Element;
+    displayName: string;
+};
+type TabsNavLinkOwnProps = GetPropDefTypes<typeof tabsNavLinkPropDefs>;
+interface TabsNavLinkProps extends Omit<React.ComponentProps<typeof NavigationMenu.Link>, 'onSelect'>, TabsNavLinkOwnProps {
+}
+declare const TabsNavLink: {
+    (props: TabsNavLinkProps): React.JSX.Element;
+    displayName: string;
+};
+export { TabsNavLink as Link, TabsNavRoot as Root };
+export type { TabsNavLinkProps as LinkProps, TabsNavRootProps as RootProps };

package/dist/esm/components/tabs-nav/tabs-nav.js

@@ -0,0 +1,24 @@
+'use client';
+import classNames from 'classnames';
+import { NavigationMenu } from 'radix-ui';
+import * as React from 'react';
+import { getSubtree } from '../../helpers';
+import { tabsNavPropDefs } from './tabs-nav.props';
+const TabsNavRoot = (props) => {
+    const { children, className, size = tabsNavPropDefs.size.default, ...rootProps } = props;
+    return (React.createElement(NavigationMenu.Root, { className: "fui-TabsNavRoot", ...rootProps, asChild: false, orientation: "horizontal" },
+        React.createElement(NavigationMenu.List, { className: classNames('fui-reset', 'fui-BaseTabsList', 'fui-TabsNavList', className, `fui-r-size-${size}`) }, children)));
+};
+TabsNavRoot.displayName = 'TabsNavRoot';
+const TabsNavLink = (props) => {
+    const { asChild, children, className, ...linkProps } = props;
+    return (React.createElement(NavigationMenu.Item, { className: "fui-TabsNavItem" },
+        React.createElement(NavigationMenu.Link, { ...linkProps, className: classNames('fui-reset', 'fui-BaseTabsTrigger', 'fui-TabsNavLink', className), 
+            // eslint-disable-next-line @typescript-eslint/no-empty-function
+            onSelect: () => { }, asChild: asChild }, getSubtree({ asChild, children }, (children) => (React.createElement(React.Fragment, null,
+            React.createElement("span", { className: "fui-BaseTabsTriggerInner fui-TabsNavLinkInner" }, children),
+            React.createElement("span", { className: "fui-BaseTabsTriggerInnerHidden fui-TabsNavLinkInnerHidden" }, children)))))));
+};
+TabsNavLink.displayName = 'TabsNavLink';
+export { TabsNavLink as Link, TabsNavRoot as Root };
+//# sourceMappingURL=tabs-nav.js.map

package/dist/esm/components/tabs-nav/tabs-nav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-nav.js","sourceRoot":"","sources":["../../../../src/components/tabs-nav/tabs-nav.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAuB,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAUxE,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,GAAG,eAAe,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAEzF,OAAO,CACL,oBAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB,KAAK,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAC,YAAY;QACtG,oBAAC,cAAc,CAAC,IAAI,IAClB,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,CAAC,IAEzG,QAAQ,CACW,CACF,CACvB,CAAC;AACJ,CAAC,CAAC;AACF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAOxC,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;IAC9C,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAE7D,OAAO,CACL,oBAAC,cAAc,CAAC,IAAI,IAAC,SAAS,EAAC,iBAAiB;QAC9C,oBAAC,cAAc,CAAC,IAAI,OACd,SAAS,EACb,SAAS,EAAE,UAAU,CAAC,WAAW,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,SAAS,CAAC;YACvF,gEAAgE;YAChE,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC,EAClB,OAAO,EAAE,OAAO,IAEf,UAAU,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC/C;YACE,8BAAM,SAAS,EAAC,+CAA+C,IAAE,QAAQ,CAAQ;YACjF,8BAAM,SAAS,EAAC,2DAA2D,IAAE,QAAQ,CAAQ,CAC5F,CACJ,CAAC,CACkB,CACF,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,OAAO,EAAE,WAAW,IAAI,IAAI,EAAE,WAAW,IAAI,IAAI,EAAE,CAAC"}

package/dist/esm/components/tabs-nav/tabs-nav.props.d.ts

@@ -0,0 +1,8 @@
+declare const tabsNavLinkPropDefs: {
+    asChild: {
+        type: "boolean";
+        default: undefined;
+    };
+};
+export { baseTabsListPropDefs as tabsNavPropDefs } from '../base-tabs-list/base-tabs-list.props';
+export { tabsNavLinkPropDefs };

package/dist/esm/components/tabs-nav/tabs-nav.props.js

@@ -0,0 +1,7 @@
+import { asChildProp } from '../../helpers';
+const tabsNavLinkPropDefs = {
+    asChild: asChildProp,
+};
+export { baseTabsListPropDefs as tabsNavPropDefs } from '../base-tabs-list/base-tabs-list.props';
+export { tabsNavLinkPropDefs };
+//# sourceMappingURL=tabs-nav.props.js.map

package/dist/esm/components/tabs-nav/tabs-nav.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-nav.props.js","sourceRoot":"","sources":["../../../../src/components/tabs-nav/tabs-nav.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,MAAM,mBAAmB,GAAG;IAC1B,OAAO,EAAE,WAAW;CAGrB,CAAC;AAEF,OAAO,EAAE,oBAAoB,IAAI,eAAe,EAAE,MAAM,wCAAwC,CAAC;AACjG,OAAO,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/esm/components/tabs-nav/tabs-nav.stories.d.ts

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

package/dist/esm/components/tabs-nav/tabs-nav.stories.js

@@ -0,0 +1,26 @@
+import React from 'react';
+import { TabsNav, tabsNavPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Components/TabsNav',
+    component: TabsNav.Root,
+    args: {
+        size: tabsNavPropDefs.size.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 = {
+    render: (args) => (React.createElement("div", { style: { width: 600 } },
+        React.createElement(TabsNav.Root, { ...args },
+            React.createElement(TabsNav.Link, { active: true, href: "#" }, "Account"),
+            React.createElement(TabsNav.Link, { href: "#" }, "Documents"),
+            React.createElement(TabsNav.Link, { href: "#" }, "Settings")))),
+};
+//# sourceMappingURL=tabs-nav.stories.js.map

package/dist/esm/components/tabs-nav/tabs-nav.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs-nav.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs-nav/tabs-nav.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,IAAI,CAAC;AAE9C,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO,CAAC,IAAI;IACvB,IAAI,EAAE;QACJ,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO;KACnC;IACD,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACiB,CAAC;AAEtC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAE9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACxB,oBAAC,OAAO,CAAC,IAAI,OAAK,IAAI;YACpB,oBAAC,OAAO,CAAC,IAAI,IAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAC,GAAG,cAErB;YACf,oBAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,gBAAyB;YAC/C,oBAAC,OAAO,CAAC,IAAI,IAAC,IAAI,EAAC,GAAG,eAAwB,CACjC,CACX,CACP;CACF,CAAC"}

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

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

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

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

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

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

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

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { textPropDefs } from './text.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type TextOwnProps = GetPropDefTypes<typeof textPropDefs>;
+type TextAsChildProps = {
+    asChild?: boolean;
+    as?: never;
+} & PropsWithoutColor<'span'>;
+type TextSpanProps = {
+    as?: 'span';
+    asChild?: never;
+} & PropsWithoutColor<'span'>;
+type TextDivProps = {
+    as: 'div';
+    asChild?: never;
+} & PropsWithoutColor<'div'>;
+type TextLabelProps = {
+    as: 'label';
+    asChild?: never;
+} & PropsWithoutColor<'label'>;
+type TextPProps = {
+    as: 'p';
+    asChild?: never;
+} & PropsWithoutColor<'p'>;
+type TextProps = TextOwnProps & (TextAsChildProps | TextSpanProps | TextDivProps | TextLabelProps | TextPProps);
+declare const Text: {
+    (props: TextProps): React.JSX.Element;
+    displayName: string;
+};
+export { Text };
+export type { TextProps };

package/dist/esm/components/text/text.js

@@ -0,0 +1,11 @@
+import classNames from 'classnames';
+import { Slot } from 'radix-ui';
+import * as React from 'react';
+import { textPropDefs } from './text.props';
+const Text = (props) => {
+    const { children, className, asChild = false, as: Tag = 'span', size = textPropDefs.size.default, weight = textPropDefs.weight.default, align = textPropDefs.align.default, trim = textPropDefs.trim.default, color = textPropDefs.color.default, highContrast = textPropDefs.highContrast.default, ...textProps } = props;
+    return (React.createElement(Slot.Root, { "data-accent-color": color, ...textProps, className: classNames('fui-Text', className, size ? `fui-r-size-${size}` : undefined, weight ? `fui-r-weight-${weight}` : undefined, align ? `fui-r-ta-${align}` : undefined, trim ? `fui-r-lt-${trim}` : undefined, { 'fui-high-contrast': highContrast }) }, asChild ? children : React.createElement(Tag, null, children)));
+};
+Text.displayName = 'Text';
+export { Text };
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAyB5C,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAE,EAAE;IAChC,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,KAAK,EACf,EAAE,EAAE,GAAG,GAAG,MAAM,EAChB,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,OAAO,EAChC,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,OAAO,EACpC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,EAClC,IAAI,GAAG,YAAY,CAAC,IAAI,CAAC,OAAO,EAChC,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,EAClC,YAAY,GAAG,YAAY,CAAC,YAAY,CAAC,OAAO,EAChD,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IACV,OAAO,CACL,oBAAC,IAAI,CAAC,IAAI,yBACW,KAAK,KACpB,SAAS,EACb,SAAS,EAAE,UAAU,CACnB,UAAU,EACV,SAAS,EACT,IAAI,CAAC,CAAC,CAAC,cAAc,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,EACvC,MAAM,CAAC,CAAC,CAAC,gBAAgB,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,EAC7C,KAAK,CAAC,CAAC,CAAC,YAAY,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,EACvC,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,EAAE,CAAC,CAAC,CAAC,SAAS,EACrC,EAAE,mBAAmB,EAAE,YAAY,EAAE,CACtC,IAEA,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,oBAAC,GAAG,QAAE,QAAQ,CAAO,CACjC,CACb,CAAC;AACJ,CAAC,CAAC;AACF,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,CAAC"}

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

@@ -0,0 +1,32 @@
+declare const textPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9"];
+        default: undefined;
+    };
+    weight: {
+        type: "enum";
+        values: readonly ["light", "regular", "medium", "semi-bold", "bold"];
+        default: undefined;
+    };
+    align: {
+        type: "enum";
+        values: readonly ["left", "center", "right"];
+        default: undefined;
+    };
+    trim: {
+        type: "enum";
+        values: readonly ["normal", "start", "end", "both"];
+        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 { textPropDefs };

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

@@ -0,0 +1,12 @@
+import { alignProp, colorProp, highContrastProp, trimProp, weightProp } from '../../helpers';
+const sizes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
+const textPropDefs = {
+    size: { type: 'enum', values: sizes, default: undefined },
+    weight: weightProp,
+    align: alignProp,
+    trim: trimProp,
+    color: colorProp,
+    highContrast: highContrastProp,
+};
+export { textPropDefs };
+//# sourceMappingURL=text.props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.props.js","sourceRoot":"","sources":["../../../../src/components/text/text.props.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE7F,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,YAAY,GAAG;IACnB,IAAI,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE;IACzD,MAAM,EAAE,UAAU;IAClB,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;IACd,KAAK,EAAE,SAAS;IAChB,YAAY,EAAE,gBAAgB;CAQ/B,CAAC;AAEF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/esm/components/text/text.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("./text").TextProps): 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 Weight: Story;
+export declare const Color: Story;
+export declare const Align: Story;
+export declare const Trim: Story;
+export declare const Formatting: Story;
+export declare const FormControls: Story;
+export declare const HighContrast: Story;

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

@@ -0,0 +1,98 @@
+import React from 'react';
+import { Checkbox, Code, Em, Kbd, Link, Text, textPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Typography/Text',
+    component: Text,
+    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: {
+        children: 'The quick brown fox jumps over the lazy dog.',
+        size: textPropDefs.size.default,
+    },
+};
+export const Size = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
+        React.createElement(Text, { ...args, size: "0" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "1" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "2" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "3" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "4" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "5" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "6" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "7" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "8" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, size: "9" }, "The quick brown fox jumps over the lazy dog."))),
+};
+export const Weight = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
+        React.createElement(Text, { ...args, weight: "light" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, weight: "regular" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, weight: "medium" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, weight: "semi-bold" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, weight: "bold" }, "The quick brown fox jumps over the lazy dog."))),
+};
+export const Color = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
+        React.createElement(Text, { ...args, color: "indigo" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, color: "cyan" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, color: "orange" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, color: "crimson" }, "The quick brown fox jumps over the lazy dog."))),
+};
+export const Align = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 12, width: 500 } },
+        React.createElement(Text, { ...args, align: "left" }, "Left-aligned"),
+        React.createElement(Text, { ...args, align: "center" }, "Center-aligned"),
+        React.createElement(Text, { ...args, align: "right" }, "Right-aligned"))),
+};
+export const Trim = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
+        React.createElement(Text, { ...args, trim: "normal", style: {
+                background: 'var(--gray-a2)',
+                borderTop: '1px dashed var(--gray-a7)',
+                borderBottom: '1px dashed var(--gray-a7)',
+            } }, "Without trim"),
+        React.createElement(Text, { ...args, trim: "both", style: {
+                background: 'var(--gray-a2)',
+                borderTop: '1px dashed var(--gray-a7)',
+                borderBottom: '1px dashed var(--gray-a7)',
+            } }, "With trim"))),
+};
+export const Formatting = {
+    render: (args) => (React.createElement(Text, { size: "5", ...args },
+        "Look, such a helpful ",
+        React.createElement(Link, { href: "#" }, "link"),
+        ", an ",
+        React.createElement(Em, null, "italic emphasis"),
+        ", a piece of computer",
+        ' ',
+        React.createElement(Code, null, "code"),
+        ", and even a hotkey combination ",
+        React.createElement(Kbd, null, "\u21E7\u2318A"),
+        " within the text.")),
+};
+export const FormControls = {
+    name: 'With form controls',
+    render: () => (React.createElement("div", { style: { maxWidth: 300 } },
+        React.createElement(Text, { size: "3", asChild: true },
+            React.createElement("div", { style: { display: 'flex', gap: 12 } },
+                React.createElement(Checkbox, { defaultChecked: true }),
+                " Composing Text with a form control like Checkbox, RadioGroup, or Switch automatically centers the control with the first line of text, even when the text is multi-line.")))),
+};
+export const HighContrast = {
+    name: 'High Contrast',
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 } },
+        React.createElement(Text, { ...args, highContrast: true, color: "indigo" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, highContrast: true, color: "cyan" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, highContrast: true, color: "orange" }, "The quick brown fox jumps over the lazy dog."),
+        React.createElement(Text, { ...args, highContrast: true, color: "crimson" }, "The quick brown fox jumps over the lazy dog."))),
+};
+//# sourceMappingURL=text.stories.js.map

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

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

package/dist/esm/components/text-area/index.d.ts

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

package/dist/esm/components/text-area/index.js

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

package/dist/esm/components/text-area/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text-area/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}

package/dist/esm/components/text-area/text-area.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { textAreaPropDefs } from './text-area.props';
+import type { GetPropDefTypes, PropsWithoutColor } from '../../helpers';
+type TextAreaOwnProps = GetPropDefTypes<typeof textAreaPropDefs>;
+interface TextAreaProps extends Omit<PropsWithoutColor<'textarea'>, 'size'>, TextAreaOwnProps {
+}
+declare const TextArea: {
+    (props: TextAreaProps): React.JSX.Element;
+    displayName: string;
+};
+export { TextArea };
+export type { TextAreaProps };

package/dist/esm/components/text-area/text-area.js

@@ -0,0 +1,12 @@
+import classNames from 'classnames';
+import * as React from 'react';
+import { textAreaPropDefs } from './text-area.props';
+const TextArea = (props) => {
+    const { className, size = textAreaPropDefs.size.default, variant = textAreaPropDefs.variant.default, color = textAreaPropDefs.color.default, style, ...textAreaProps } = props;
+    return (React.createElement("div", { "data-accent-color": color, style: style, className: classNames('fui-TextAreaRoot', className, `fui-r-size-${size}`, `fui-variant-${variant}`) },
+        React.createElement("textarea", { className: "fui-TextAreaInput", ...textAreaProps }),
+        React.createElement("div", { className: "fui-TextAreaChrome" })));
+};
+TextArea.displayName = 'TextArea';
+export { TextArea };
+//# sourceMappingURL=text-area.js.map

package/dist/esm/components/text-area/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAOrD,MAAM,QAAQ,GAAG,CAAC,KAAoB,EAAE,EAAE;IACxC,MAAM,EACJ,SAAS,EACT,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,EACpC,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,OAAO,EAC1C,KAAK,GAAG,gBAAgB,CAAC,KAAK,CAAC,OAAO,EACtC,KAAK,EACL,GAAG,aAAa,EACjB,GAAG,KAAK,CAAC;IACV,OAAO,CACL,kDACqB,KAAK,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,EAAE,cAAc,IAAI,EAAE,EAAE,eAAe,OAAO,EAAE,CAAC;QAEpG,kCAAU,SAAS,EAAC,mBAAmB,KAAK,aAAa,GAAI;QAC7D,6BAAK,SAAS,EAAC,oBAAoB,GAAG,CAClC,CACP,CAAC;AACJ,CAAC,CAAC;AACF,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/esm/components/text-area/text-area.props.d.ts

@@ -0,0 +1,18 @@
+declare const textAreaPropDefs: {
+    size: {
+        type: "enum";
+        values: readonly ["1", "2", "3", "4"];
+        default: "2";
+    };
+    variant: {
+        type: "enum";
+        values: readonly ["surface", "soft"];
+        default: "surface";
+    };
+    color: {
+        default: "gray";
+        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")[];
+    };
+};
+export { textAreaPropDefs };

package/dist/esm/components/text-area/text-area.props.js

@@ -0,0 +1,10 @@
+import { colorProp } from '../../helpers';
+const sizes = ['1', '2', '3', '4'];
+const variants = ['surface', 'soft'];
+const textAreaPropDefs = {
+    size: { type: 'enum', values: sizes, default: '2' },
+    variant: { type: 'enum', values: variants, default: 'surface' },
+    color: { ...colorProp, default: 'gray' },
+};
+export { textAreaPropDefs };
+//# sourceMappingURL=text-area.props.js.map

package/dist/esm/components/text-area/text-area.props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.props.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAW,SAAS,EAAE,MAAM,eAAe,CAAC;AAEnD,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAU,CAAC;AAC5C,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,MAAM,CAAU,CAAC;AAE9C,MAAM,gBAAgB,GAAG;IACvB,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,EAAE,GAAG,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE;CAKzC,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/esm/components/text-area/text-area.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("./text-area").TextAreaProps): React.JSX.Element;
+        displayName: string;
+    };
+    args: {
+        size: "2";
+        variant: "surface";
+        color: "gray";
+        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 Variant: Story;
+export declare const Color: Story;

package/dist/esm/components/text-area/text-area.stories.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { TextArea, textAreaPropDefs } from '..';
+// More on how to set up stories at: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+const meta = {
+    title: 'Controls/TextArea',
+    component: TextArea,
+    args: {
+        size: textAreaPropDefs.size.default,
+        variant: textAreaPropDefs.variant.default,
+        color: textAreaPropDefs.color.default,
+        disabled: false,
+    },
+    parameters: {
+        // Optional parameter to center the component in the Canvas. More info: https://storybook.js.org/docs/react/configure/story-layout
+        layout: 'centered',
+    },
+    // This component will have an automatically generated Autodocs entry: https://storybook.js.org/docs/react/writing-docs/autodocs
+    tags: ['autodocs'],
+};
+export default meta;
+// More on writing stories with args: https://storybook.js.org/docs/react/writing-stories/args
+export const Default = {
+    render: (args) => (React.createElement("div", { style: { width: 300 } },
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args }))),
+};
+export const Size = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 500 } },
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "1" }),
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "2" }),
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "3" }),
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args, size: "4" }))),
+};
+export const Variant = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 500 } },
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args, variant: "surface" }),
+        React.createElement(TextArea, { placeholder: "Reply to comment\u2026", ...args, variant: "soft" }))),
+};
+export const Color = {
+    render: (args) => (React.createElement("div", { style: { display: 'flex', flexDirection: 'column', gap: 'var(--space-3)', maxWidth: 500 } },
+        React.createElement(TextArea, { variant: "soft", placeholder: "Reply to comment\u2026", ...args, color: "blue" }),
+        React.createElement(TextArea, { variant: "soft", placeholder: "Reply to comment\u2026", ...args, color: "green" }),
+        React.createElement(TextArea, { variant: "soft", placeholder: "Reply to comment\u2026", ...args, color: "red" }))),
+};
+//# sourceMappingURL=text-area.stories.js.map

package/dist/esm/components/text-area/text-area.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.stories.js","sourceRoot":"","sources":["../../../../src/components/text-area/text-area.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;AAEhD,oHAAoH;AACpH,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,QAAQ;IACnB,IAAI,EAAE;QACJ,IAAI,EAAE,gBAAgB,CAAC,IAAI,CAAC,OAAO;QACnC,OAAO,EAAE,gBAAgB,CAAC,OAAO,CAAC,OAAO;QACzC,KAAK,EAAE,gBAAgB,CAAC,KAAK,CAAC,OAAO;QACrC,QAAQ,EAAE,KAAK;KAChB;IACD,UAAU,EAAE;QACV,kIAAkI;QAClI,MAAM,EAAE,UAAU;KACnB;IACD,gIAAgI;IAChI,IAAI,EAAE,CAAC,UAAU,CAAC;CACa,CAAC;AAElC,eAAe,IAAI,CAAC;AAGpB,8FAA8F;AAC9F,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,6BAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE;QACxB,oBAAC,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,GAAI,CAClD,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACzB,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,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/D,oBAAC,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/D,oBAAC,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG;QAC/D,oBAAC,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,IAAI,EAAC,GAAG,GAAG,CAC3D,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC5B,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,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,OAAO,EAAC,SAAS,GAAG;QACxE,oBAAC,QAAQ,IAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,OAAO,EAAC,MAAM,GAAG,CACjE,CACP;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC1B,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,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,KAAK,EAAC,MAAM,GAAG;QAClF,oBAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,KAAK,EAAC,OAAO,GAAG;QACnF,oBAAC,QAAQ,IAAC,OAAO,EAAC,MAAM,EAAC,WAAW,EAAC,wBAAmB,KAAK,IAAI,EAAE,KAAK,EAAC,KAAK,GAAG,CAC7E,CACP;CACF,CAAC"}

package/dist/esm/components/text-field/index.d.ts

@@ -0,0 +1,2 @@
+export * as TextField from './text-field';
+export * from './text-field.props';

package/dist/esm/components/text-field/index.js

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

package/dist/esm/components/text-field/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/text-field/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,SAAS,MAAM,cAAc,CAAC;AAC1C,cAAc,oBAAoB,CAAC"}