@ama-pt/agora-design-system 0.1.1

package/dist/cjs/components/ui/atoms/radio/radio.stories.d.ts

@@ -0,0 +1,29 @@
+import { ComponentMeta } from '@storybook/react';
+import React from 'react';
+import { RadioProps } from './radio';
+declare const _default: ComponentMeta<React.FC<RadioProps>>;
+export default _default;
+export declare const RadioDefault: {
+    (args: RadioProps): JSX.Element;
+    storyName: string;
+};
+export declare const RadioChildren: {
+    (args: RadioProps): JSX.Element;
+    storyName: string;
+};
+export declare const RadioNoLabel: {
+    (args: RadioProps): JSX.Element;
+    storyName: string;
+};
+export declare const RadioDisabled: {
+    (args: RadioProps): JSX.Element;
+    storyName: string;
+};
+export declare const RadioDisabledSelected: {
+    (args: RadioProps): JSX.Element;
+    storyName: string;
+};
+export declare const RadioHasError: {
+    (args: RadioProps): JSX.Element;
+    storyName: string;
+};

package/dist/cjs/components/ui/atoms/radio/radio.stories.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioHasError = exports.RadioDisabledSelected = exports.RadioDisabled = exports.RadioNoLabel = exports.RadioChildren = exports.RadioDefault = void 0;
+const react_1 = __importDefault(require("react"));
+const radio_1 = require("./radio");
+const radio_csf_1 = require("./radio.csf");
+exports.default = {
+    title: 'Components/Atoms/Radio',
+    argTypes: Object.assign({}, radio_csf_1.argTypes),
+    component: radio_1.Radio
+};
+const RadioDefault = (args) => {
+    return (react_1.default.createElement("div", { className: "p-16 flex flex-col" },
+        react_1.default.createElement(radio_1.Radio, Object.assign({}, args, { id: "form-radio", name: "input-name" }))));
+};
+exports.RadioDefault = RadioDefault;
+exports.RadioDefault.storyName = 'Radio';
+const RadioChildren = (args) => {
+    return (react_1.default.createElement("div", { className: "p-16" },
+        react_1.default.createElement(radio_1.Radio, Object.assign({}, args, { id: "form-radio", name: "input-name" }),
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("p", null,
+                    "I declare that I read and accept uncondicionally",
+                    ' ',
+                    react_1.default.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Terms"),
+                    ' ',
+                    "and",
+                    ' ',
+                    react_1.default.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Conditions"),
+                    ' ',
+                    "of Agora Design System.")))));
+};
+exports.RadioChildren = RadioChildren;
+exports.RadioChildren.storyName = 'Radio Custom Children';
+const RadioNoLabel = (args) => {
+    return (react_1.default.createElement("div", { className: "p-16" },
+        react_1.default.createElement(radio_1.Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", hideLabel: true }))));
+};
+exports.RadioNoLabel = RadioNoLabel;
+exports.RadioNoLabel.storyName = 'Radio No Label';
+const RadioDisabled = (args) => {
+    return (react_1.default.createElement("div", { className: "p-16" },
+        react_1.default.createElement(radio_1.Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", disabled: true }))));
+};
+exports.RadioDisabled = RadioDisabled;
+exports.RadioDisabled.storyName = 'Radio Disabled';
+const RadioDisabledSelected = (args) => {
+    return (react_1.default.createElement("div", { className: "p-16" },
+        react_1.default.createElement(radio_1.Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", disabled: true, isChecked: true }))));
+};
+exports.RadioDisabledSelected = RadioDisabledSelected;
+exports.RadioDisabledSelected.storyName = 'Radio Disabled Selected';
+const RadioHasError = (args) => {
+    return (react_1.default.createElement("div", { className: "p-16" },
+        react_1.default.createElement(radio_1.Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", hasError: true }))));
+};
+exports.RadioHasError = RadioHasError;
+exports.RadioHasError.storyName = 'Radio Has Error';
+//# sourceMappingURL=radio.stories.js.map

package/dist/cjs/components/ui/atoms/radio/radio.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/radio/radio.stories.tsx"],"names":[],"mappings":";;;;;;AACA,kDAA0B;AAC1B,mCAA4C;AAC5C,2CAAuC;AAEvC,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,oBACH,oBAAQ,CACZ;IACD,SAAS,EAAE,aAAK;CACc,CAAC;AAE1B,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,EAAE;IAC/C,OAAO,CACL,uCAAK,SAAS,EAAC,oBAAoB;QACjC,8BAAC,aAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,IAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB;AACF,oBAAY,CAAC,SAAS,GAAG,OAAO,CAAC;AAE1B,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,aAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY;YAChD;gBACE;;oBACmD,GAAG;oBACpD,qCAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,YAE/F;oBAAC,GAAG;;oBACJ,GAAG;oBACP,qCAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,iBAE/F;oBAAC,GAAG;8CAEN,CACA,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AApBW,QAAA,aAAa,iBAoBxB;AACF,qBAAa,CAAC,SAAS,GAAG,uBAAuB,CAAC;AAE3C,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,EAAE;IAC/C,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,aAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,SAAS,UAAG,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,YAAY,gBAMvB;AACF,oBAAY,CAAC,SAAS,GAAG,gBAAgB,CAAC;AAEnC,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,aAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AACF,qBAAa,CAAC,SAAS,GAAG,gBAAgB,CAAC;AAEpC,MAAM,qBAAqB,GAAG,CAAC,IAAgB,EAAE,EAAE;IACxD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,aAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,QAAC,SAAS,UAAG,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,qBAAqB,yBAMhC;AACF,6BAAqB,CAAC,SAAS,GAAG,yBAAyB,CAAC;AAErD,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,OAAO,CACL,uCAAK,SAAS,EAAC,MAAM;QACnB,8BAAC,aAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB;AACF,qBAAa,CAAC,SAAS,GAAG,iBAAiB,CAAC"}

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

@@ -0,0 +1,6 @@
+export * from './atoms/icon';
+export * from './atoms/button';
+export * from './atoms/input_text';
+export * from './atoms/input_number';
+export * from './atoms/input_textarea';
+export * from './molecules/accordion';

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

@@ -0,0 +1,25 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// Atoms
+__exportStar(require("./atoms/icon"), exports);
+__exportStar(require("./atoms/button"), exports);
+__exportStar(require("./atoms/input_text"), exports);
+__exportStar(require("./atoms/input_number"), exports);
+__exportStar(require("./atoms/input_textarea"), exports);
+// Molecules
+__exportStar(require("./molecules/accordion"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,QAAQ;AACR,+CAA6B;AAC7B,iDAA+B;AAC/B,qDAAmC;AACnC,uDAAqC;AACrC,yDAAuC;AACvC,YAAY;AACZ,wDAAsC"}

package/dist/cjs/components/ui/molecules/accordion/accordion.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './accordion.scss';
+export interface AccordionItems {
+    /** Accordion Header Title */
+    headerTitle: string | React.ReactNode;
+    /** Accordion Content */
+    content: string | React.ReactNode;
+    /** ClassName to Header title */
+    headerTitleClassName?: string;
+    /** Chevron Icon Name */
+    chevronName?: string;
+    /** ClassName to Content */
+    contentClassName?: string;
+    /** ClassName to Accordion Item */
+    accordionItemClassName?: string;
+}
+export interface AccordionProps {
+    /** Accordion Items */
+    accordionItems: AccordionItems[];
+    /** Accordion Type (Single = close previous)(Multiple = open multiples) */
+    type: 'single' | 'multiple';
+    /** ClassName to Root Accordion */
+    rootAccordionClassName?: string;
+}
+export type AccordionTagsProps = React.PropsWithChildren<{
+    headerTag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}>;
+export declare const Accordion: ({ accordionItems, headerTag: Component, type, rootAccordionClassName, headerTitleClassName, contentClassName, chevronName, accordionItemClassName }: AccordionProps & AccordionTagsProps & AccordionItems) => JSX.Element;

package/dist/cjs/components/ui/molecules/accordion/accordion.js

@@ -0,0 +1,53 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+const react_1 = __importDefault(require("react"));
+const AccordionRadixUi = __importStar(require("@radix-ui/react-accordion"));
+const classnames_1 = __importDefault(require("classnames"));
+const icon_1 = require("../../atoms/icon");
+require("./accordion.scss");
+const Accordion = ({ accordionItems, headerTag: Component = 'h3', type = 'single', rootAccordionClassName, headerTitleClassName = 'bg-white hover:bg-primary-100', contentClassName = 'text-text-m', chevronName = 'agora-solid-chevron-down', accordionItemClassName = 'border-b border-neutral-300' }) => {
+    const rootAccordionCss = (0, classnames_1.default)('agora-accordion flex flex-wrap', rootAccordionClassName);
+    const renderAccordionItem = (items) => {
+        return items === null || items === void 0 ? void 0 : items.map((item, index) => {
+            var _a, _b, _c, _d;
+            const headerAccordionCss = (0, classnames_1.default)('accordion-trigger flex p-32 w-full justify-between', (_a = item.headerTitleClassName) !== null && _a !== void 0 ? _a : headerTitleClassName);
+            const contentAccordionCss = (0, classnames_1.default)('px-32 pb-32', (_b = item.contentClassName) !== null && _b !== void 0 ? _b : contentClassName);
+            const itemAccordionCss = (0, classnames_1.default)('w-full', (_c = item.accordionItemClassName) !== null && _c !== void 0 ? _c : accordionItemClassName);
+            return (react_1.default.createElement(AccordionRadixUi.Item, { value: `item-${index}`, key: `item-${index}`, className: itemAccordionCss },
+                react_1.default.createElement(AccordionRadixUi.Trigger, { className: headerAccordionCss },
+                    react_1.default.createElement(Component, { className: "flex" }, item.headerTitle),
+                    react_1.default.createElement(icon_1.Icon, { icon: (_d = item.chevronName) !== null && _d !== void 0 ? _d : chevronName, className: "accordion-chevron ml-16", "aria-hidden": true })),
+                react_1.default.createElement(AccordionRadixUi.Content, { className: contentAccordionCss }, item.content)));
+        });
+    };
+    return (react_1.default.createElement(AccordionRadixUi.Root, Object.assign({ className: rootAccordionCss, type: type }, (type === 'single' && { collapsible: true })), renderAccordionItem(accordionItems)));
+};
+exports.Accordion = Accordion;
+//# sourceMappingURL=accordion.js.map

package/dist/cjs/components/ui/molecules/accordion/accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.js","sourceRoot":"","sources":["../../../../../../src/components/ui/molecules/accordion/accordion.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,4EAA8D;AAC9D,4DAAoC;AACpC,2CAAwC;AACxC,4BAA0B;AA6BnB,MAAM,SAAS,GAAG,CAAC,EACxB,cAAc,EACd,SAAS,EAAE,SAAS,GAAG,IAAI,EAC3B,IAAI,GAAG,QAAQ,EACf,sBAAsB,EACtB,oBAAoB,GAAG,+BAA+B,EACtD,gBAAgB,GAAG,aAAa,EAChC,WAAW,GAAG,0BAA0B,EACxC,sBAAsB,GAAG,6BAA6B,EACD,EAAE,EAAE;IACzD,MAAM,gBAAgB,GAAG,IAAA,oBAAU,EAAC,gCAAgC,EAAE,sBAAsB,CAAC,CAAC;IAE9F,MAAM,mBAAmB,GAAG,CAAC,KAAuB,EAAE,EAAE;QACtD,OAAO,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;;YAChC,MAAM,kBAAkB,GAAG,IAAA,oBAAU,EACnC,oDAAoD,EACpD,MAAA,IAAI,CAAC,oBAAoB,mCAAI,oBAAoB,CAClD,CAAC;YACF,MAAM,mBAAmB,GAAG,IAAA,oBAAU,EAAC,aAAa,EAAE,MAAA,IAAI,CAAC,gBAAgB,mCAAI,gBAAgB,CAAC,CAAC;YACjG,MAAM,gBAAgB,GAAG,IAAA,oBAAU,EAAC,QAAQ,EAAE,MAAA,IAAI,CAAC,sBAAsB,mCAAI,sBAAsB,CAAC,CAAC;YACrG,OAAO,CACL,8BAAC,gBAAgB,CAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,KAAK,EAAE,EAAE,GAAG,EAAE,QAAQ,KAAK,EAAE,EAAE,SAAS,EAAE,gBAAgB;gBAC9F,8BAAC,gBAAgB,CAAC,OAAO,IAAC,SAAS,EAAE,kBAAkB;oBACrD,8BAAC,SAAS,IAAC,SAAS,EAAC,MAAM,IAAE,IAAI,CAAC,WAAW,CAAa;oBAC1D,8BAAC,WAAI,IAAC,IAAI,EAAE,MAAA,IAAI,CAAC,WAAW,mCAAI,WAAW,EAAE,SAAS,EAAC,yBAAyB,wBAAe,CACtE;gBAC3B,8BAAC,gBAAgB,CAAC,OAAO,IAAC,SAAS,EAAE,mBAAmB,IAAG,IAAI,CAAC,OAAO,CAA4B,CAC7E,CACzB,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,gBAAgB,CAAC,IAAI,kBAAC,SAAS,EAAE,gBAAgB,EAAE,IAAI,EAAE,IAAI,IAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,GAC7G,mBAAmB,CAAC,cAAc,CAAC,CACd,CACzB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,SAAS,aAqCpB"}

package/dist/cjs/components/ui/molecules/accordion/accordion.scss

@@ -0,0 +1,8 @@
+.agora-accordion {
+  .accordion-chevron {
+    transition: transform 300ms;
+  }
+  .accordion-trigger[data-state='open'] > .accordion-chevron {
+    transform: rotate(180deg);
+  }
+}

package/dist/cjs/components/ui/molecules/accordion/accordion.stories.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ComponentMeta, Story } from '@storybook/react';
+import { AccordionItems, AccordionProps, AccordionTagsProps } from './accordion';
+declare const _default: ComponentMeta<({ accordionItems, headerTag: Component, type, rootAccordionClassName, headerTitleClassName, contentClassName, chevronName, accordionItemClassName }: AccordionProps & {
+    headerTag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+} & {
+    children?: React.ReactNode;
+} & AccordionItems) => JSX.Element>;
+export default _default;
+export declare const SingleAccordion: Story<AccordionProps & AccordionTagsProps & AccordionItems>;
+export declare const AccordionGroup: Story<AccordionProps & AccordionTagsProps & AccordionItems>;

package/dist/cjs/components/ui/molecules/accordion/accordion.stories.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AccordionGroup = exports.SingleAccordion = void 0;
+const react_1 = __importDefault(require("react"));
+const icon_1 = require("../../atoms/icon");
+const accordion_1 = require("./accordion");
+exports.default = {
+    title: 'Components/Molecules/Accordion',
+    component: accordion_1.Accordion
+};
+const SingleAccordion = (args) => {
+    return react_1.default.createElement(accordion_1.Accordion, Object.assign({}, args));
+};
+exports.SingleAccordion = SingleAccordion;
+exports.SingleAccordion.args = {
+    accordionItems: [
+        {
+            headerTitle: (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(icon_1.Icon, { icon: "agora-illustrate-file", ariaHidden: true }),
+                react_1.default.createElement("span", { className: "text-interaction-button-l ml-16" }, "Title lorem ipsum"))),
+            content: 'Description egestas sit dictum elementum, turpis morbi amet mauris nunc vitae nisl sapien ut in sed etiam massa at eu neque tellus semper vel ultrices ipsum vel at semper dignissim vehicula.',
+            headerTitleClassName: 'bg-white hover:bg-primary-100',
+            contentClassName: 'text-text-m',
+            accordionItemClassName: 'border-b border-neutral-300'
+        }
+    ],
+    headerTag: 'h3',
+    type: 'single'
+};
+exports.SingleAccordion.storyName = 'Accordion Single';
+const AccordionGroup = (args) => {
+    return react_1.default.createElement(accordion_1.Accordion, Object.assign({}, args));
+};
+exports.AccordionGroup = AccordionGroup;
+exports.AccordionGroup.args = {
+    accordionItems: [
+        {
+            headerTitle: (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(icon_1.Icon, { icon: "agora-illustrate-file", ariaHidden: true }),
+                react_1.default.createElement("span", { className: "text-interaction-button-l ml-16" }, "Title lorem ipsum"))),
+            content: 'Description egestas sit dictum elementum, turpis morbi amet mauris nunc vitae nisl sapien ut in sed etiam massa at eu neque tellus semper vel ultrices ipsum vel at semper dignissim vehicula.',
+            headerTitleClassName: 'bg-white hover:bg-primary-100',
+            contentClassName: 'text-text-m',
+            accordionItemClassName: 'border-b border-neutral-300'
+        },
+        {
+            headerTitle: (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(icon_1.Icon, { icon: "agora-illustrate-file", ariaHidden: true }),
+                react_1.default.createElement("span", { className: "text-interaction-button-l ml-16" }, "Title lorem ipsum"))),
+            content: 'Description egestas sit dictum elementum, turpis morbi amet mauris nunc vitae nisl sapien ut in sed etiam massa at eu neque tellus semper vel ultrices ipsum vel at semper dignissim vehicula.',
+            headerTitleClassName: 'bg-white hover:bg-primary-100',
+            contentClassName: 'text-text-m',
+            accordionItemClassName: 'border-b border-neutral-300'
+        }
+    ],
+    headerTag: 'h3',
+    type: 'multiple'
+};
+exports.AccordionGroup.storyName = 'Accordion Group';
+//# sourceMappingURL=accordion.stories.js.map

package/dist/cjs/components/ui/molecules/accordion/accordion.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordion.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/molecules/accordion/accordion.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,2CAAwC;AACxC,2CAA4F;AAE5F,kBAAe;IACb,KAAK,EAAE,gCAAgC;IACvC,SAAS,EAAE,qBAAS;CACc,CAAC;AAE9B,MAAM,eAAe,GAAgE,CAAC,IAAI,EAAE,EAAE;IACnG,OAAO,8BAAC,qBAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B;AAEF,uBAAe,CAAC,IAAI,GAAG;IACrB,cAAc,EAAE;QACd;YACE,WAAW,EAAE,CACX;gBACE,8BAAC,WAAI,IAAC,IAAI,EAAC,uBAAuB,EAAC,UAAU,SAAG;gBAChD,wCAAM,SAAS,EAAC,iCAAiC,wBAAyB,CACzE,CACJ;YACD,OAAO,EACL,gMAAgM;YAClM,oBAAoB,EAAE,+BAA+B;YACrD,gBAAgB,EAAE,aAAa;YAC/B,sBAAsB,EAAE,6BAA6B;SACtD;KACkB;IACrB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,QAAQ;CACyC,CAAC;AAE1D,uBAAe,CAAC,SAAS,GAAG,kBAAkB,CAAC;AAExC,MAAM,cAAc,GAAgE,CAAC,IAAI,EAAE,EAAE;IAClG,OAAO,8BAAC,qBAAS,oBAAK,IAAI,EAAI,CAAC;AACjC,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB;AACF,sBAAc,CAAC,IAAI,GAAG;IACpB,cAAc,EAAE;QACd;YACE,WAAW,EAAE,CACX;gBACE,8BAAC,WAAI,IAAC,IAAI,EAAC,uBAAuB,EAAC,UAAU,SAAG;gBAChD,wCAAM,SAAS,EAAC,iCAAiC,wBAAyB,CACzE,CACJ;YACD,OAAO,EACL,gMAAgM;YAClM,oBAAoB,EAAE,+BAA+B;YACrD,gBAAgB,EAAE,aAAa;YAC/B,sBAAsB,EAAE,6BAA6B;SACtD;QACD;YACE,WAAW,EAAE,CACX;gBACE,8BAAC,WAAI,IAAC,IAAI,EAAC,uBAAuB,EAAC,UAAU,SAAG;gBAChD,wCAAM,SAAS,EAAC,iCAAiC,wBAAyB,CACzE,CACJ;YACD,OAAO,EACL,gMAAgM;YAClM,oBAAoB,EAAE,+BAA+B;YACrD,gBAAgB,EAAE,aAAa;YAC/B,sBAAsB,EAAE,6BAA6B;SACtD;KACkB;IACrB,SAAS,EAAE,IAAI;IACf,IAAI,EAAE,UAAU;CACuC,CAAC;AAE1D,sBAAc,CAAC,SAAS,GAAG,iBAAiB,CAAC"}

package/dist/cjs/components/ui/molecules/accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './accordion';
+export type { AccordionProps, AccordionTagsProps, AccordionItems } from './accordion';

package/dist/cjs/components/ui/molecules/accordion/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Accordion = void 0;
+var accordion_1 = require("./accordion");
+Object.defineProperty(exports, "Accordion", { enumerable: true, get: function () { return accordion_1.Accordion; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/ui/molecules/accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/components/ui/molecules/accordion/index.ts"],"names":[],"mappings":";;;AAAA,yCAAwC;AAA/B,sGAAA,SAAS,OAAA"}

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

@@ -0,0 +1 @@
+export * from './string-to-boolean';

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

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./string-to-boolean"), exports);
+//# sourceMappingURL=index.js.map

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

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

package/dist/cjs/components/utils/string-to-boolean.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Convert string like value to Boolean
+ * @param value true | false | 'true' | 'false'
+ * @returns boolean
+ */
+export declare function stringToBoolean(value: boolean | string | 'true' | 'false' | undefined): boolean;

package/dist/cjs/components/utils/string-to-boolean.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.stringToBoolean = void 0;
+/**
+ * Convert string like value to Boolean
+ * @param value true | false | 'true' | 'false'
+ * @returns boolean
+ */
+function stringToBoolean(value) {
+    // some params could be undefined (not required)
+    if (typeof value === 'undefined')
+        return false;
+    // if primitive boolean return self-value
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    return value === 'true';
+}
+exports.stringToBoolean = stringToBoolean;
+//# sourceMappingURL=string-to-boolean.js.map

package/dist/cjs/components/utils/string-to-boolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string-to-boolean.js","sourceRoot":"","sources":["../../../../src/components/utils/string-to-boolean.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACH,SAAgB,eAAe,CAAC,KAAsD;IACpF,gDAAgD;IAChD,IAAI,OAAO,KAAK,KAAK,WAAW;QAAE,OAAO,KAAK,CAAC;IAC/C,yCAAyC;IACzC,IAAI,OAAO,KAAK,KAAK,SAAS,EAAE;QAC9B,OAAO,KAAK,CAAC;KACd;IACD,OAAO,KAAK,KAAK,MAAM,CAAC;AAC1B,CAAC;AARD,0CAQC"}

package/dist/cjs/styles/globals.scss

@@ -0,0 +1,29 @@
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  p,
+  a,
+  li,
+  span,
+  em,
+  input,
+  select,
+  i,
+  optgroup,
+  option,
+  textarea,
+  div,
+  label,
+  button {
+    @apply text-text-m;
+  }
+}
+textarea,
+input[type] {
+  &::placeholder {
+    @apply text-interaction-input-text text-neutral-700;
+  }
+}