period-ui 0.1.0

package/dist/components/atoms/search-bar/search-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.tsx"],"names":[],"mappings":";;AAgBA,8BAsDC;;AArED,kEAAyD;AACzD,oFAA6E;AAC7E,yDAAsF;AACtF,uCAAsD;AACtD,4DAAwD;AAWxD,SAAgB,SAAS,CAAC,EACxB,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,OAAO,EACP,SAAS,GACH;IACN,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,iCACE,SAAS,EAAE,IAAA,yBAAQ,EACjB,gCAAgC,EAChC,kDAAkD,EAClD,8CAA8C,EAC9C,uBAAuB,EACvB,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,EAC5B,UAAU,IAAI,+BAA+B,EAC7C,CAAC,UAAU;YACT,oFAAoF,EACtF,SAAS,CACV,aAED,uBAAC,sBAAS,IACR,IAAI,EAAE,uBAAU,CAAC,gBAAgB,EACjC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,sBAAS,CAAC,OAAO,GACzD,EAEF,kCACE,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,IAAA,yBAAQ,EACjB,6CAA6C,EAC7C,6BAA6B,EAC7B,GAAG,gBAAS,CAAC,kBAAW,CAAC,IAAI,CAAC,EAAE,EAChC,cAAc,EACd,0BAA0B,EAC1B,mDAAmD,CACpD,GACD,EAEF,uBAAC,0BAAW,IACV,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,qBAAQ,CAAC,EAAE,EAC1C,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,yBAAQ,EAAC,CAAC,KAAK,IAAI,QAAQ,CAAC,GACvC,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/components/atoms/search-bar/search-bar.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { SearchBar } from '@/components';
+declare const meta: Meta<typeof SearchBar>;
+export default meta;
+type Story = StoryObj<typeof SearchBar>;
+export declare const Empty: Story;
+export declare const WithInitialValue: Story;
+export declare const CustomPlaceholder: Story;
+//# sourceMappingURL=search-bar.stories.d.ts.map

package/dist/components/atoms/search-bar/search-bar.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAWhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,KAAK,EAAE,KAenB,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAe9B,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgB/B,CAAC"}

package/dist/components/atoms/search-bar/search-bar.stories.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomPlaceholder = exports.WithInitialValue = exports.Empty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const test_1 = require("@storybook/test");
+const react_1 = require("react");
+const components_1 = require("@/components");
+const meta = {
+    title: 'Components/Atoms/SearchBar',
+    component: components_1.SearchBar,
+    parameters: {
+        layout: 'centered',
+    },
+    argTypes: {
+        isDisabled: { control: 'boolean' },
+    },
+    args: { isDisabled: false, onChange: (0, test_1.fn)(), onClear: (0, test_1.fn)() },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Empty = {
+    render: (args) => {
+        const [value, setValue] = (0, react_1.useState)('');
+        return ((0, jsx_runtime_1.jsx)("div", { className: "p-4", children: (0, jsx_runtime_1.jsx)(components_1.SearchBar, { ...args, value: value, onChange: (e) => setValue(e.target.value), onClear: () => setValue('') }) }));
+    },
+};
+exports.WithInitialValue = {
+    render: (args) => {
+        const [value, setValue] = (0, react_1.useState)('Inicial');
+        return ((0, jsx_runtime_1.jsx)("div", { className: "p-4", children: (0, jsx_runtime_1.jsx)(components_1.SearchBar, { ...args, value: value, onChange: (e) => setValue(e.target.value), onClear: () => setValue('') }) }));
+    },
+};
+exports.CustomPlaceholder = {
+    render: (args) => {
+        const [value, setValue] = (0, react_1.useState)('');
+        return ((0, jsx_runtime_1.jsx)("div", { className: "p-4", children: (0, jsx_runtime_1.jsx)(components_1.SearchBar, { ...args, placeholder: "Buscar productos...", value: value, onChange: (e) => setValue(e.target.value), onClear: () => setValue('') }) }));
+    },
+};
+//# sourceMappingURL=search-bar.stories.js.map

package/dist/components/atoms/search-bar/search-bar.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAqC;AACrC,iCAAiC;AACjC,6CAAyC;AAEzC,MAAM,IAAI,GAA2B;IACnC,KAAK,EAAE,4BAA4B;IACnC,SAAS,EAAE,sBAAS;IACpB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,QAAQ,EAAE;QACR,UAAU,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACnC;IACD,IAAI,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAA,SAAE,GAAE,EAAE,OAAO,EAAE,IAAA,SAAE,GAAE,EAAE;IAC1D,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;QAEvC,OAAO,CACL,gCAAK,SAAS,EAAC,KAAK,YAClB,uBAAC,sBAAS,OACJ,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,GAC3B,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,SAAS,CAAC,CAAC;QAE9C,OAAO,CACL,gCAAK,SAAS,EAAC,KAAK,YAClB,uBAAC,sBAAS,OACJ,IAAI,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,GAC3B,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC;AAEW,QAAA,iBAAiB,GAAU;IACtC,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;QAEvC,OAAO,CACL,gCAAK,SAAS,EAAC,KAAK,YAClB,uBAAC,sBAAS,OACJ,IAAI,EACR,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,GAC3B,GACE,CACP,CAAC;IACJ,CAAC;CACF,CAAC"}

package/dist/components/atoms/search-bar/search-bar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=search-bar.test.d.ts.map

package/dist/components/atoms/search-bar/search-bar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.test.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.test.tsx"],"names":[],"mappings":""}

package/dist/components/atoms/search-bar/search-bar.test.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const vitest_1 = require("vitest");
+const components_1 = require("@/components");
+describe('SearchBar component', () => {
+    it('renders correctly with the given props', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.SearchBar, { value: "test", placeholder: "Search...", onChange: vitest_1.vi.fn(), onClear: vitest_1.vi.fn() }));
+        const input = react_1.screen.getByRole('textbox');
+        expect(input).toHaveValue('test');
+        expect(input).toHaveAttribute('placeholder', 'Search...');
+    });
+    it('renders correctly in mobile view', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.SearchBar, { value: "test", placeholder: "Search...", onChange: vitest_1.vi.fn(), onClear: vitest_1.vi.fn() }));
+        const input = react_1.screen.getByRole('textbox');
+        expect(input).toBeInTheDocument();
+        expect(container.firstChild).toHaveClass('w-[272px]');
+    });
+    it('applies disabled styles correctly', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.SearchBar, { isDisabled: true, value: "test", placeholder: "Search...", onChange: vitest_1.vi.fn(), onClear: vitest_1.vi.fn() }));
+        const input = react_1.screen.getByRole('textbox');
+        expect(input).toHaveClass('disabled:cursor-not-allowed');
+    });
+    it('applies focus styles when enabled', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.SearchBar, { value: "test", placeholder: "Search...", onChange: vitest_1.vi.fn(), onClear: vitest_1.vi.fn(), isDisabled: false }));
+        expect(container.firstChild).toHaveClass('focus-within:border-blue-01');
+    });
+    it('applies hover styles when enabled', () => {
+        const { container } = (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.SearchBar, { value: "test", placeholder: "Search...", onChange: vitest_1.vi.fn(), onClear: vitest_1.vi.fn(), isDisabled: false }));
+        expect(container.firstChild).toHaveClass('hover:border-blue-02');
+    });
+});
+//# sourceMappingURL=search-bar.test.js.map

package/dist/components/atoms/search-bar/search-bar.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.test.js","sourceRoot":"","sources":["../../../../src/components/atoms/search-bar/search-bar.test.tsx"],"names":[],"mappings":";;;AAAA,kDAAwD;AACxD,mCAA4B;AAC5B,6CAAyC;AAEzC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACnC,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,IAAA,cAAM,EAAC,uBAAC,sBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,QAAQ,EAAE,WAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,GAAI,CAAC,CAAC;QAChG,MAAM,KAAK,GAAG,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAClC,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,CAAC,aAAa,EAAE,WAAW,CAAC,CAAC;IAC5D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAS,IAAC,KAAK,EAAC,MAAM,EAAC,WAAW,EAAC,WAAW,EAAC,QAAQ,EAAE,WAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,GAAI,CACxF,CAAC;QAEF,MAAM,KAAK,GAAG,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,IAAA,cAAM,EACJ,uBAAC,sBAAS,IACR,UAAU,EAAE,IAAI,EAChB,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,WAAE,CAAC,EAAE,EAAE,EACjB,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,GAChB,CACH,CAAC;QAEF,MAAM,KAAK,GAAG,cAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,6BAA6B,CAAC,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAS,IACR,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,WAAE,CAAC,EAAE,EAAE,EACjB,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,EAChB,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,6BAA6B,CAAC,CAAC;IAC1E,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,uBAAC,sBAAS,IACR,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,WAAW,EACvB,QAAQ,EAAE,WAAE,CAAC,EAAE,EAAE,EACjB,OAAO,EAAE,WAAE,CAAC,EAAE,EAAE,EAChB,UAAU,EAAE,KAAK,GACjB,CACH,CAAC;QAEF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,CAAC,sBAAsB,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,35 @@
+import { VariantProps } from 'class-variance-authority';
+import { PolymorphicComponentPropsWithRef } from '../../../types/text-types';
+export declare enum TextVariant {
+    HEADLINE = "headline",
+    SUBTITLE = "subtitle",
+    ACCENT = "accent",
+    BODY = "body",
+    BODY_SEMIBOLD = "bodySemibold",
+    BODY_BOLD = "bodyBold",
+    LINK = "link",
+    HELPER = "helper"
+}
+export declare const TextStyle: Record<TextVariant, string>;
+export declare enum TextColors {
+    BLACK = "text-gray-01",
+    BLACK_02 = "text-gray-02",
+    BLACK_03 = "text-gray-03",
+    BLUE = "text-blue-01",
+    BLUE_03 = "text-blue-03",
+    RED = "text-red-01",
+    RED_03 = "text-red-03",
+    PURPLE = "text-purple-01"
+}
+declare const textStyles: (props?: ({
+    variant?: TextVariant | null | undefined;
+    color?: TextColors | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type TextProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, Omit<VariantProps<typeof textStyles>, 'variant' | 'color'> & {
+    variant?: TextVariant;
+    color?: TextColors;
+}>;
+type TextComponent = <C extends React.ElementType = 'span'>(props: TextProps<C>) => React.ReactElement | null;
+export declare const Text: TextComponent;
+export {};
+//# sourceMappingURL=text.d.ts.map

package/dist/components/atoms/text/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,gCAAgC,EAAkB,MAAM,2BAA2B,CAAC;AAG7F,oBAAY,WAAW;IACrB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,aAAa,iBAAiB;IAC9B,SAAS,aAAa;IACtB,IAAI,SAAS;IACb,MAAM,WAAW;CAClB;AAED,eAAO,MAAM,SAAS,EAAE,MAAM,CAAC,WAAW,EAAE,MAAM,CAajD,CAAC;AAEF,oBAAY,UAAU;IACpB,KAAK,iBAAiB;IACtB,QAAQ,iBAAiB;IACzB,QAAQ,iBAAiB;IACzB,IAAI,iBAAiB;IACrB,OAAO,iBAAiB;IACxB,GAAG,gBAAgB;IACnB,MAAM,gBAAgB;IACtB,MAAM,mBAAmB;CAC1B;AAUD,QAAA,MAAM,UAAU;;;8EAMd,CAAC;AAEH,KAAK,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI,gCAAgC,CAC5E,CAAC,EACD,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,CAAC;CACpB,CACF,CAAC;AAEF,KAAK,aAAa,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,MAAM,EACxD,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,KAChB,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAI/B,eAAO,MAAM,IAAI,EAAE,aAsBlB,CAAC"}

package/dist/components/atoms/text/text.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.TextColors = exports.TextStyle = exports.TextVariant = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_variance_authority_1 = require("class-variance-authority");
+const react_1 = require("react");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+var TextVariant;
+(function (TextVariant) {
+    TextVariant["HEADLINE"] = "headline";
+    TextVariant["SUBTITLE"] = "subtitle";
+    TextVariant["ACCENT"] = "accent";
+    TextVariant["BODY"] = "body";
+    TextVariant["BODY_SEMIBOLD"] = "bodySemibold";
+    TextVariant["BODY_BOLD"] = "bodyBold";
+    TextVariant["LINK"] = "link";
+    TextVariant["HELPER"] = "helper";
+})(TextVariant || (exports.TextVariant = TextVariant = {}));
+exports.TextStyle = {
+    [TextVariant.HEADLINE]: 'font-semibold text-[20px] leading-[26px] md:text-[28px] md:leading-[42px]',
+    [TextVariant.SUBTITLE]: 'font-semibold text-[16px] leading-[21px] md:text-[24px] md:leading-[36px]',
+    [TextVariant.ACCENT]: 'font-bold text-[16px] leading-[27px] md:text-[18px] md:leading-[27px]',
+    [TextVariant.BODY]: 'font-normal text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.BODY_SEMIBOLD]: 'font-semibold text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.BODY_BOLD]: 'font-bold text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.LINK]: 'cursor-pointer underline font-normal text-[14px] leading-[18px] md:text-[16px] md:leading-[24px]',
+    [TextVariant.HELPER]: 'font-normal text-[12px] leading-[16px] md:text-[14px] md:leading-[21px]',
+};
+var TextColors;
+(function (TextColors) {
+    TextColors["BLACK"] = "text-gray-01";
+    TextColors["BLACK_02"] = "text-gray-02";
+    TextColors["BLACK_03"] = "text-gray-03";
+    TextColors["BLUE"] = "text-blue-01";
+    TextColors["BLUE_03"] = "text-blue-03";
+    TextColors["RED"] = "text-red-01";
+    TextColors["RED_03"] = "text-red-03";
+    TextColors["PURPLE"] = "text-purple-01";
+})(TextColors || (exports.TextColors = TextColors = {}));
+const variant = Object.fromEntries(Object.values(TextVariant).map((variant) => [variant, exports.TextStyle[variant]]));
+const color = Object.fromEntries(Object.values(TextColors).map((c) => [c, c]));
+const textStyles = (0, class_variance_authority_1.cva)(['whitespace-nowrap', 'font-geist font-variant-numeric'], {
+    variants: { variant, color },
+    defaultVariants: {
+        variant: TextVariant.BODY,
+        color: TextColors.BLACK,
+    },
+});
+exports.Text = (0, react_1.forwardRef)(({ as, variant, color, className, ...props }, ref) => {
+    const Component = as || 'span';
+    return ((0, jsx_runtime_1.jsx)(Component, { ref: ref, className: (0, tailwind_utils_1.tailwind)(textStyles({
+            variant: variant,
+            color,
+            className,
+        })), ...props }));
+});
+//# sourceMappingURL=text.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.tsx"],"names":[],"mappings":";;;;AAAA,uEAA6D;AAC7D,iCAAmC;AAEnC,kEAAyD;AAEzD,IAAY,WASX;AATD,WAAY,WAAW;IACrB,oCAAqB,CAAA;IACrB,oCAAqB,CAAA;IACrB,gCAAiB,CAAA;IACjB,4BAAa,CAAA;IACb,6CAA8B,CAAA;IAC9B,qCAAsB,CAAA;IACtB,4BAAa,CAAA;IACb,gCAAiB,CAAA;AACnB,CAAC,EATW,WAAW,2BAAX,WAAW,QAStB;AAEY,QAAA,SAAS,GAAgC;IACpD,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,QAAQ,CAAC,EACpB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,uEAAuE;IAC7F,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,yEAAyE;IAC7F,CAAC,WAAW,CAAC,aAAa,CAAC,EACzB,2EAA2E;IAC7E,CAAC,WAAW,CAAC,SAAS,CAAC,EAAE,uEAAuE;IAChG,CAAC,WAAW,CAAC,IAAI,CAAC,EAChB,kGAAkG;IACpG,CAAC,WAAW,CAAC,MAAM,CAAC,EAAE,yEAAyE;CAChG,CAAC;AAEF,IAAY,UASX;AATD,WAAY,UAAU;IACpB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;IACzB,uCAAyB,CAAA;IACzB,mCAAqB,CAAA;IACrB,sCAAwB,CAAA;IACxB,iCAAmB,CAAA;IACnB,oCAAsB,CAAA;IACtB,uCAAyB,CAAA;AAC3B,CAAC,EATW,UAAU,0BAAV,UAAU,QASrB;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,WAAW,CAChC,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,EAAE,iBAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAC5C,CAAC;AAEjC,MAAM,KAAK,GAA+B,MAAM,CAAC,WAAW,CAC1D,MAAM,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CACf,CAAC;AAEhC,MAAM,UAAU,GAAG,IAAA,8BAAG,EAAC,CAAC,mBAAmB,EAAE,iCAAiC,CAAC,EAAE;IAC/E,QAAQ,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;IAC5B,eAAe,EAAE;QACf,OAAO,EAAE,WAAW,CAAC,IAAI;QACzB,KAAK,EAAE,UAAU,CAAC,KAAK;KACxB;CACF,CAAC,CAAC;AAgBU,QAAA,IAAI,GAAkB,IAAA,kBAAU,EAE3C,CACE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAgB,EACzD,GAAuB,EACvB,EAAE;IACF,MAAM,SAAS,GAAG,EAAE,IAAI,MAAM,CAAC;IAE/B,OAAO,CACL,uBAAC,SAAS,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,yBAAQ,EACjB,UAAU,CAAC;YACT,OAAO,EAAE,OAAgE;YACzE,KAAK;YACL,SAAS;SACV,CAAC,CACH,KACG,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/atoms/text/text.stories.d.ts

@@ -0,0 +1,15 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { Text } from '@/components';
+declare const meta: Meta<typeof Text>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Headline: Story;
+export declare const Subtitle: Story;
+export declare const Accent: Story;
+export declare const Semibold: Story;
+export declare const Body: Story;
+export declare const BodyBold: Story;
+export declare const Helper: Story;
+export declare const LinkText: Story;
+export declare const AllColors: Story;
+//# sourceMappingURL=text.stories.d.ts.map

package/dist/components/atoms/text/text.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,IAAI,EAA2B,MAAM,cAAc,CAAC;AAE7D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAKpB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAavB,CAAC"}

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

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AllColors = exports.LinkText = exports.Helper = exports.BodyBold = exports.Body = exports.Semibold = exports.Accent = exports.Subtitle = exports.Headline = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const components_1 = require("@/components");
+const meta = {
+    title: 'Components/Atoms/Text',
+    component: components_1.Text,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+exports.Headline = {
+    args: {
+        children: 'Headline Text',
+        variant: components_1.TextVariant.HEADLINE,
+    },
+};
+exports.Subtitle = {
+    args: {
+        children: 'Subtitle Text',
+        variant: components_1.TextVariant.SUBTITLE,
+    },
+};
+exports.Accent = {
+    args: {
+        children: 'Accent Text',
+        variant: components_1.TextVariant.ACCENT,
+    },
+};
+exports.Semibold = {
+    args: {
+        children: 'Semibold Text',
+        variant: components_1.TextVariant.BODY_SEMIBOLD,
+    },
+};
+exports.Body = {
+    args: {
+        children: 'Body Text',
+        variant: components_1.TextVariant.BODY,
+    },
+};
+exports.BodyBold = {
+    args: {
+        children: 'Body Bold Text',
+        variant: components_1.TextVariant.BODY_BOLD,
+    },
+};
+exports.Helper = {
+    args: {
+        children: 'Helper Text',
+        variant: components_1.TextVariant.HELPER,
+    },
+};
+exports.LinkText = {
+    args: {
+        children: 'Link Text',
+        variant: components_1.TextVariant.LINK,
+        color: components_1.TextColors.BLUE,
+    },
+};
+exports.AllColors = {
+    render: (args) => ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-4", children: Object.values(components_1.TextColors).map((color) => ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center text-center space-x-2", children: (0, jsx_runtime_1.jsx)(components_1.Text, { ...args, color: color, children: color }) }, color))) })),
+    args: {
+        variant: components_1.TextVariant.BODY,
+    },
+};
+//# sourceMappingURL=text.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.stories.tsx"],"names":[],"mappings":";;;;AACA,6CAA6D;AAE7D,MAAM,IAAI,GAAsB;IAC9B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,iBAAI;IACf,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,wBAAW,CAAC,QAAQ;KAC9B;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,wBAAW,CAAC,QAAQ;KAC9B;CACF,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,wBAAW,CAAC,MAAM;KAC5B;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,eAAe;QACzB,OAAO,EAAE,wBAAW,CAAC,aAAa;KACnC;CACF,CAAC;AAEW,QAAA,IAAI,GAAU;IACzB,IAAI,EAAE;QACJ,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,wBAAW,CAAC,IAAI;KAC1B;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,gBAAgB;QAC1B,OAAO,EAAE,wBAAW,CAAC,SAAS;KAC/B;CACF,CAAC;AAEW,QAAA,MAAM,GAAU;IAC3B,IAAI,EAAE;QACJ,QAAQ,EAAE,aAAa;QACvB,OAAO,EAAE,wBAAW,CAAC,MAAM;KAC5B;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,QAAQ,EAAE,WAAW;QACrB,OAAO,EAAE,wBAAW,CAAC,IAAI;QACzB,KAAK,EAAE,uBAAU,CAAC,IAAI;KACvB;CACF,CAAC;AAEW,QAAA,SAAS,GAAU;IAC9B,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAChB,gCAAK,SAAS,EAAC,sBAAsB,YAClC,MAAM,CAAC,MAAM,CAAC,uBAAU,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACxC,gCAAiB,SAAS,EAAC,kDAAkD,YAC3E,uBAAC,iBAAI,OAAK,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAI,IADzC,KAAK,CAET,CACP,CAAC,GACE,CACP;IACD,IAAI,EAAE;QACJ,OAAO,EAAE,wBAAW,CAAC,IAAI;KAC1B;CACF,CAAC"}

package/dist/components/atoms/text/text.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text.test.d.ts.map

package/dist/components/atoms/text/text.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.test.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text/text.test.tsx"],"names":[],"mappings":""}

package/dist/components/atoms/text/text.test.js

@@ -0,0 +1,93 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("@testing-library/react");
+const components_1 = require("../../../components");
+describe('Text component', () => {
+    it('renders with default variant and color', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { children: "Default Text" }));
+        const text = react_1.screen.getByText('Default Text');
+        expect(text).toBeInTheDocument();
+        expect(text).toHaveClass('text-gray-01', 'font-normal', 'text-[14px]');
+    });
+    it('renders as a custom HTML element', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { as: "h1", children: "Custom Element" }));
+        const text = react_1.screen.getByRole('heading', { level: 1 });
+        expect(text).toBeInTheDocument();
+    });
+    it('merges additional classNames', () => {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { className: "custom-class", children: "Custom Styled Text" }));
+        const text = react_1.screen.getByText('Custom Styled Text');
+        expect(text).toHaveClass('custom-class');
+    });
+    describe('renders with variants', () => {
+        it('renders with headline variant', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HEADLINE, children: "Headline" }));
+            const text = react_1.screen.getByText('Headline');
+            expect(text).toHaveClass('font-semibold', 'text-[20px]');
+        });
+        it('renders with subtitle variant', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.SUBTITLE, children: "Subtitle" }));
+            const text = react_1.screen.getByText('Subtitle');
+            expect(text).toHaveClass('font-semibold', 'text-[16px]');
+        });
+        it('renders with accent variant', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.ACCENT, children: "Accent" }));
+            const text = react_1.screen.getByText('Accent');
+            expect(text).toHaveClass('font-bold', 'text-[16px]');
+        });
+        it('renders with bodyBold variant', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.BODY_BOLD, children: "Bold Body" }));
+            const text = react_1.screen.getByText('Bold Body');
+            expect(text).toHaveClass('font-bold', 'text-[14px]');
+        });
+        it('applies hover styles when variant is link', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.LINK, children: "Hoverable Link" }));
+            const text = react_1.screen.getByText('Hoverable Link');
+            expect(text).toHaveClass('cursor-pointer', 'underline');
+        });
+        it('renders helper variant correctly', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { variant: components_1.TextVariant.HELPER, children: "Helper Text" }));
+            const text = react_1.screen.getByText('Helper Text');
+            expect(text).toHaveClass('font-normal', 'text-[12px]');
+        });
+    });
+    describe('renders with colors', () => {
+        it('renders with black 02 color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.BLACK_02, children: "Black Text 02" }));
+            const text = react_1.screen.getByText('Black Text 02');
+            expect(text).toHaveClass('text-gray-02');
+        });
+        it('renders with black 03 color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.BLACK_03, children: "Black Text 03" }));
+            const text = react_1.screen.getByText('Black Text 03');
+            expect(text).toHaveClass('text-gray-03');
+        });
+        it('renders with blue color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.BLUE, children: "Blue Text" }));
+            const text = react_1.screen.getByText('Blue Text');
+            expect(text).toHaveClass('text-blue-01');
+        });
+        it('renders with blue 03 color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.BLUE_03, children: "Blue Text 03" }));
+            const text = react_1.screen.getByText('Blue Text 03');
+            expect(text).toHaveClass('text-blue-03');
+        });
+        it('renders with red color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.RED, children: "Red Text" }));
+            const text = react_1.screen.getByText('Red Text');
+            expect(text).toHaveClass('text-red-01');
+        });
+        it('renders with red 03 color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.RED_03, children: "Red Text 03" }));
+            const text = react_1.screen.getByText('Red Text 03');
+            expect(text).toHaveClass('text-red-03');
+        });
+        it('renders with purple color', () => {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(components_1.Text, { color: components_1.TextColors.PURPLE, children: "Purple" }));
+            const text = react_1.screen.getByText('Purple');
+            expect(text).toHaveClass('text-purple-01');
+        });
+    });
+});
+//# sourceMappingURL=text.test.js.map

package/dist/components/atoms/text/text.test.js.map

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

package/dist/components/atoms/text-button/text-button.d.ts

@@ -0,0 +1,19 @@
+import { IconSymbol } from '../..';
+export declare enum TextButtonVariant {
+    DEFAULT = "DEFAULT",
+    DESTRUCTIVE = "DESTRUCTIVE"
+}
+export declare const textButtonStyles: {
+    [type in TextButtonVariant]: string;
+};
+type Props = {
+    isDisabled?: boolean;
+    label: string;
+    className?: string;
+    icon?: IconSymbol;
+    variant?: TextButtonVariant;
+    onClick: () => void;
+};
+export declare function TextButton({ isDisabled, label, className, icon, variant, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=text-button.d.ts.map

package/dist/components/atoms/text-button/text-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuB,UAAU,EAAqB,MAAM,OAAO,CAAC;AAI3E,oBAAY,iBAAiB;IAC3B,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B;AAED,eAAO,MAAM,gBAAgB,EAAE;KAC5B,IAAI,IAAI,iBAAiB,GAAG,MAAM;CAMpC,CAAC;AAEF,KAAK,KAAK,GAAG;IACX,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAmC,EACnC,OAAO,GACR,EAAE,KAAK,2CAgCP"}

package/dist/components/atoms/text-button/text-button.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textButtonStyles = exports.TextButtonVariant = void 0;
+exports.TextButton = TextButton;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../..");
+const tailwind_utils_1 = require("../../../utils/tailwind-utils");
+const window_dimensions_utils_1 = require("../../../utils/window-dimensions-utils");
+var TextButtonVariant;
+(function (TextButtonVariant) {
+    TextButtonVariant["DEFAULT"] = "DEFAULT";
+    TextButtonVariant["DESTRUCTIVE"] = "DESTRUCTIVE";
+})(TextButtonVariant || (exports.TextButtonVariant = TextButtonVariant = {}));
+exports.textButtonStyles = {
+    [TextButtonVariant.DEFAULT]: 'text-blue-01 disabled:text-blue-03 hover:bg-blue-03 active:text-blue-00 active:bg-blue-03 focus-visible:bg-blue-03',
+    [TextButtonVariant.DESTRUCTIVE]: 'text-red-01 disabled:text-red-03 hover:bg-red-03 active:text-red-00 active:bg-red-03 focus-visible:bg-red-03',
+};
+function TextButton({ isDisabled, label, className, icon, variant = TextButtonVariant.DEFAULT, onClick, }) {
+    const checkBoxVariantStyle = exports.textButtonStyles[variant];
+    const { isMobile } = (0, window_dimensions_utils_1.useWindowDimensions)();
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)("button", { type: "button", role: "button", disabled: isDisabled, className: (0, tailwind_utils_1.tailwind)('flex justify-center p-2 items-center rounded-lg bg-white', 'disabled:cursor-not-allowed disabled:bg-white', 'focus-visible:border-none focus-visible:outline-2 focus-visible:outline-offset-2 focus:outline-blue-01', checkBoxVariantStyle, className), onClick: onClick, children: [icon && ((0, jsx_runtime_1.jsx)(__1.BilloIcon, { className: "mr-2 text-inherit", size: isMobile ? __1.IconSize.LG : __1.IconSize.XL, icon: icon })), (0, jsx_runtime_1.jsx)(__1.Text, { variant: __1.TextVariant.BODY_SEMIBOLD, className: "text-inherit", children: label })] }) }));
+}
+//# sourceMappingURL=text-button.js.map

package/dist/components/atoms/text-button/text-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.tsx"],"names":[],"mappings":";;;AA2BA,gCAuCC;;AAlED,6BAA2E;AAC3E,kEAAyD;AACzD,oFAA6E;AAE7E,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,wCAAmB,CAAA;IACnB,gDAA2B,CAAA;AAC7B,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B;AAEY,QAAA,gBAAgB,GAEzB;IACF,CAAC,iBAAiB,CAAC,OAAO,CAAC,EACzB,oHAAoH;IACtH,CAAC,iBAAiB,CAAC,WAAW,CAAC,EAC7B,8GAA8G;CACjH,CAAC;AAWF,SAAgB,UAAU,CAAC,EACzB,UAAU,EACV,KAAK,EACL,SAAS,EACT,IAAI,EACJ,OAAO,GAAG,iBAAiB,CAAC,OAAO,EACnC,OAAO,GACD;IACN,MAAM,oBAAoB,GAAG,wBAAgB,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,6CAAmB,GAAE,CAAC;IAE3C,OAAO,CACL,2DACE,oCACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,UAAU,EACpB,SAAS,EAAE,IAAA,yBAAQ,EACjB,0DAA0D,EAC1D,+CAA+C,EAC/C,wGAAwG,EACxG,oBAAoB,EACpB,SAAS,CACV,EACD,OAAO,EAAE,OAAO,aAEf,IAAI,IAAI,CACP,uBAAC,aAAS,IACR,SAAS,EAAC,mBAAmB,EAC7B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,YAAQ,CAAC,EAAE,EAC1C,IAAI,EAAE,IAAI,GACV,CACH,EACD,uBAAC,QAAI,IAAC,OAAO,EAAE,eAAW,CAAC,aAAa,EAAE,SAAS,EAAC,cAAc,YAC/D,KAAK,GACD,IACA,GACR,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/atoms/text-button/text-button.stories.d.ts

@@ -0,0 +1,13 @@
+import { TextButton } from '@/components';
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof TextButton>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Disabled: Story;
+export declare const Destructive: Story;
+export declare const DestructiveDisabled: Story;
+export declare const WithIcon: Story;
+export declare const WithIconDestructive: Story;
+export declare const WithIconDisabled: Story;
+//# sourceMappingURL=text-button.stories.d.ts.map

package/dist/components/atoms/text-button/text-button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,UAAU,EAAqB,MAAM,cAAc,CAAC;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAOjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAQnC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAMzB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAMjC,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAOtB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAOjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,KAO9B,CAAC"}

package/dist/components/atoms/text-button/text-button.stories.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithIconDisabled = exports.WithIconDestructive = exports.WithIcon = exports.DestructiveDisabled = exports.Destructive = exports.Disabled = exports.Default = void 0;
+const components_1 = require("@/components");
+const meta = {
+    title: 'Components/Atoms/TextButton',
+    component: components_1.TextButton,
+    parameters: {
+        layout: 'centered',
+    },
+    tags: ['autodocs'],
+};
+exports.default = meta;
+const baseArgs = {
+    label: 'Text button',
+    className: '',
+    onClick: () => { },
+};
+exports.Default = {
+    args: {
+        ...baseArgs,
+        isDisabled: false,
+        variant: components_1.TextButtonVariant.DEFAULT,
+    },
+};
+exports.Disabled = {
+    args: {
+        ...baseArgs,
+        isDisabled: true,
+        variant: components_1.TextButtonVariant.DEFAULT,
+    },
+};
+exports.Destructive = {
+    args: {
+        ...baseArgs,
+        isDisabled: false,
+        variant: components_1.TextButtonVariant.DESTRUCTIVE,
+    },
+};
+exports.DestructiveDisabled = {
+    args: {
+        ...baseArgs,
+        isDisabled: true,
+        variant: components_1.TextButtonVariant.DESTRUCTIVE,
+    },
+};
+exports.WithIcon = {
+    args: {
+        ...baseArgs,
+        icon: components_1.IconSymbol.PENCIL,
+        isDisabled: false,
+        variant: components_1.TextButtonVariant.DEFAULT,
+    },
+};
+exports.WithIconDestructive = {
+    args: {
+        ...baseArgs,
+        icon: components_1.IconSymbol.PENCIL,
+        isDisabled: false,
+        variant: components_1.TextButtonVariant.DESTRUCTIVE,
+    },
+};
+exports.WithIconDisabled = {
+    args: {
+        ...baseArgs,
+        icon: components_1.IconSymbol.PENCIL,
+        isDisabled: true,
+        variant: components_1.TextButtonVariant.DEFAULT,
+    },
+};
+//# sourceMappingURL=text-button.stories.js.map

package/dist/components/atoms/text-button/text-button.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.stories.js","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.stories.tsx"],"names":[],"mappings":";;;AAAA,6CAAyE;AAGzE,MAAM,IAAI,GAA4B;IACpC,KAAK,EAAE,6BAA6B;IACpC,SAAS,EAAE,uBAAU;IACrB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIpB,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,EAAE;IACb,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;CAClB,CAAC;AAEW,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,8BAAiB,CAAC,OAAO;KACnC;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,8BAAiB,CAAC,OAAO;KACnC;CACF,CAAC;AAEW,QAAA,WAAW,GAAU;IAChC,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,8BAAiB,CAAC,WAAW;KACvC;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,8BAAiB,CAAC,WAAW;KACvC;CACF,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC7B,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,IAAI,EAAE,uBAAU,CAAC,MAAM;QACvB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,8BAAiB,CAAC,OAAO;KACnC;CACF,CAAC;AAEW,QAAA,mBAAmB,GAAU;IACxC,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,IAAI,EAAE,uBAAU,CAAC,MAAM;QACvB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,8BAAiB,CAAC,WAAW;KACvC;CACF,CAAC;AAEW,QAAA,gBAAgB,GAAU;IACrC,IAAI,EAAE;QACJ,GAAG,QAAQ;QACX,IAAI,EAAE,uBAAU,CAAC,MAAM;QACvB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,8BAAiB,CAAC,OAAO;KACnC;CACF,CAAC"}

package/dist/components/atoms/text-button/text-button.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=text-button.test.d.ts.map

package/dist/components/atoms/text-button/text-button.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.test.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/text-button/text-button.test.tsx"],"names":[],"mappings":""}