@wishket/design-system 0.8.4 → 0.10.0

package/README.md

@@ -1,36 +1,67 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+> **WDS v1.0 will be coming 🎉** Read the [Latest Release notes](https://github.com/wishket/design-system/releases/tag/v0.8.4)
+>
+
+<h1 align="center">Wishket Design System</h1>
+<p align="center">Wishket Design System (WDS) is the design concept system for Wishket products.</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@wishket/design-system" target="_blank"><img src="https://img.shields.io/npm/v/@wishket/design-system.svg?style=for-the-badge&label=Latest&color=black" alt="Package version" /></a>
+  <a href="https://www.npmjs.com/package/@wishket/design-system" target="_blank"><img src="https://img.shields.io/npm/dm/@wishket/design-system?style=for-the-badge&color=black" alt="Downloads per month" /></a>
+</p>
+
+<br /><br />
+
+## Features
+
+- **Steady Components**. Frequently used Components based on the Atomic Design Pattern.
+- **Storybook**. You can explore the components in [Storybook](https://design-system.wishdev.net).
 
 ## Getting Started
 
-First, run the development server:
+### 1. Install
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+```shell
+yarn add @wishket/design-system
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+or
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+npm install @wishket/design-system
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+or
 
-## Learn More
+pnpm add @wishket/design-system
+```
+
+### 2. Setting in tailwind.config.ts
 
-To learn more about Next.js, take a look at the following resources:
+```typescript
+// tailwind.config.ts
+import path from 'path';
+import type { Config } from 'tailwindcss';
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+const config: Config = {
+  content: [
+    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
+    path.join(path.dirname(require.resolve('@wishket/design-system')), '**/*.{js,ts,jsx,tsx,mdx}'),
+  ],
+  presets: [require('@wishket/design-system/dist/config/tailwind.config')],
+  plugins: [],
+};
+export default config;
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+```
 
-## Deploy on Vercel
+## Usage
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+```typescript
+//Home.tsx
+import { Typography } from '@wishket/design-system';
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+export const Home  = () => {
+  return (
+      <Typography variant="title1" className='bg-w-cyan-500'>Hello, World!</Typography>
+  );
+}
+
+export default Home;
+```

package/dist/Components/Atoms/Button/Button.js

@@ -1 +1,2 @@
+'use client';
 "use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("./Button.parts.js");module.exports=function(n){var i=n.type,i=void 0===i?"button":i,u=n.ref,o=n.disabled,o=void 0!==o&&o,d=n.children,c=n.className,a=n.onClick,s=n.size,s=void 0===s?"md":s,l=n.variant,l=void 0===l?"default":l,v=n.rounded,v=void 0!==v&&v,n=n.needThrottle,n=void 0!==n&&n,f=r.useRef(void 0);return r.useEffect(function(){return function(){f&&clearTimeout(f.current)}},[f]),e.jsx(t.ButtonContainer,{ref:u,size:s,type:i,disabled:o,rounded:v,variant:l,className:c,onClick:n?function(e){e.preventDefault(),f.current||(null!=a&&a(e),f.current=setTimeout(function(){f.current=void 0},300))}:a,children:d})};

package/dist/Components/Atoms/NewBadge/NewBadge.d.ts

@@ -0,0 +1,3 @@
+import { NewBadgeProps } from './NewBadge.types';
+declare const NewBadge: ({ className }: NewBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export default NewBadge;

package/dist/Components/Atoms/NewBadge/NewBadge.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(s){s=s.className;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"4",height:"4",viewBox:"0 0 4 4",fill:"none","data-testid":"design-system-new-badge",className:r.twMerge("animate-pulse",s),children:e.jsx("circle",{cx:"2",cy:"2",r:"2",fill:"#FF6B21"})})};

package/dist/Components/Atoms/NewBadge/NewBadge.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import NewBadge from './NewBadge';
+import { NewBadgeProps } from './NewBadge.types';
+declare const meta: Meta<typeof NewBadge>;
+export default meta;
+type Story = StoryObj<NewBadgeProps>;
+export declare const Default: Story;

package/dist/Components/Atoms/NewBadge/NewBadge.types.d.ts

@@ -0,0 +1,3 @@
+export interface NewBadgeProps {
+    className?: string;
+}

package/dist/Components/Atoms/NewBadge/index.d.ts

@@ -0,0 +1,2 @@
+import NewBadge from './NewBadge';
+export default NewBadge;

package/dist/Components/Atoms/NewBadge/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./NewBadge.js");module.exports=e;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeArrowLeft.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const LargeArrowLeft: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default LargeArrowLeft;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeArrowLeft.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(t){var r=t.testId,t=t.className;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","data-testid":r,className:t,children:e.jsx("path",{d:"M15.5 5L8.5 12L15.4986 19",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeArrowRight.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const LargeArrowRight: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default LargeArrowRight;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeArrowRight.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(t){var r=t.testId,t=t.className;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","data-testid":r,className:t,children:e.jsx("path",{d:"M8.5 19L15.5 12L8.50136 5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeBell.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const LargeBell: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default LargeBell;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeBell.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(t){var r=t.testId,t=t.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","data-testid":r,className:t,children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M19.1324 13.8482V9.91048C19.1324 6.1088 16.0357 3 12.25 3C8.4643 3 5.36764 6.10995 5.36764 9.91048V13.8482C5.36764 13.8482 5.49081 15.8628 4 17.1868H20.5C19.0092 15.8628 19.1324 13.8482 19.1324 13.8482Z",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),e.jsx("path",{d:"M12.25 20.4444C11.6486 20.4444 11.1139 20.1547 10.777 19.7033H13.7226C13.3856 20.1544 12.851 20.4444 12.25 20.4444Z",fill:"white",stroke:"currentColor",strokeWidth:"1.11111"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeDrawer.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const LargeDrawer: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default LargeDrawer;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeDrawer.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime");module.exports=function(r){var e=r.testId,r=r.className;return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","data-testid":e,className:r,children:[t.jsx("path",{d:"M4 5H20",stroke:"currentColor",strokeWidth:"1.4"}),t.jsx("path",{d:"M4 12H20",stroke:"currentColor",strokeWidth:"1.4"}),t.jsx("path",{d:"M4 19H20",stroke:"currentColor",strokeWidth:"1.4"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeFilter.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const LargeFilter: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default LargeFilter;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeFilter.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime");module.exports=function(t){var e=t.testId,t=t.className;return r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","data-testid":e,className:t,children:[r.jsx("circle",{cx:"14",cy:"8",r:"2",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M16 8L20 8",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M4 8H12",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("circle",{cx:"10",cy:"16",r:"2",transform:"rotate(-180 10 16)",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M8 16L4 16",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M20 16L12 16",stroke:"currentColor",strokeWidth:"1.4"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeSearch.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const LargeSearch: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default LargeSearch;

package/dist/Components/Atoms/SystemIcon/Icons/Large/LargeSearch.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.testId,r=r.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none","data-testid":t,className:r,children:[e.jsx("circle",{cx:"11.2727",cy:"11.2727",r:"6.57273",stroke:"currentColor",strokeWidth:"1.4"}),e.jsx("line",{x1:"19.0101",y1:"20",x2:"15.6364",y2:"16.6263",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"square"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Large/index.d.ts

@@ -2,3 +2,9 @@ export { default as LargeAccountSetting } from './LargeAccountSetting';
 export { default as LargeDelete } from './LargeDelete';
 export { default as LargeService } from './LargeService';
 export { default as LargeUserImageAvatar } from './LargeUserImageAvatar';
+export { default as LargeArrowLeft } from './LargeArrowLeft';
+export { default as LargeArrowRight } from './LargeArrowRight';
+export { default as LargeBell } from './LargeBell';
+export { default as LargeDrawer } from './LargeDrawer';
+export { default as LargeFilter } from './LargeFilter';
+export { default as LargeSearch } from './LargeSearch';

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumBubble.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumBubble: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumBubble;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumBubble.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime");module.exports=function(l){var c=l.testId,l=l.className;return r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":c,className:l,children:[r.jsxs("g",{clipPath:"url(#clip0_3543_4182)",children:[r.jsx("path",{d:"M13.8562 11.5621L13.2846 11.1581C13.1652 11.327 13.1266 11.5402 13.1792 11.7403L13.8562 11.5621ZM11.9947 13.3383L12.1729 12.6614C11.9826 12.6113 11.78 12.6436 11.6147 12.7505L11.9947 13.3383ZM14.4969 13.9968L14.3188 14.6738C14.5595 14.7371 14.8158 14.6678 14.9919 14.4918C15.1679 14.3157 15.2372 14.0594 15.1739 13.8187L14.4969 13.9968ZM14.3 8C14.3 9.16246 13.9289 10.2465 13.2846 11.1581L14.4278 11.9662C15.2298 10.8317 15.7 9.46787 15.7 8H14.3ZM8 2.2C11.5292 2.2 14.3 4.8447 14.3 8H15.7C15.7 3.9756 12.2028 0.8 8 0.8V2.2ZM1.7 8C1.7 4.8447 4.47085 2.2 8 2.2V0.8C3.79716 0.8 0.3 3.9756 0.3 8H1.7ZM8 13.8C4.47085 13.8 1.7 11.1553 1.7 8H0.3C0.3 12.0244 3.79716 15.2 8 15.2V13.8ZM11.6147 12.7505C10.5943 13.4101 9.34912 13.8 8 13.8V15.2C9.62076 15.2 11.1295 14.7312 12.3747 13.9262L11.6147 12.7505ZM11.8166 14.0153L14.3188 14.6738L14.675 13.3199L12.1729 12.6614L11.8166 14.0153ZM15.1739 13.8187L14.5331 11.384L13.1792 11.7403L13.8199 14.175L15.1739 13.8187Z",fill:"currentColor"}),r.jsx("circle",{cx:"8",cy:"8",r:"1",fill:"currentColor"}),r.jsx("circle",{cx:"11",cy:"8",r:"1",fill:"currentColor"}),r.jsx("circle",{cx:"5",cy:"8",r:"1",fill:"currentColor"})]}),r.jsx("defs",{children:r.jsx("clipPath",{id:"clip0_3543_4182",children:r.jsx("rect",{width:"16",height:"16",fill:"white"})})})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumCalendar.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumCalendar: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumCalendar;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumCalendar.js

@@ -0,0 +1 @@
+"use strict";var t=require("react/jsx-runtime");module.exports=function(r){var e=r.testId,r=r.className;return t.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":e,className:r,children:[t.jsxs("g",{clipPath:"url(#clip0_3713_2081)",children:[t.jsx("rect",{x:"1",y:"2",width:"14",height:"13",rx:"2",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),t.jsx("path",{d:"M1 7.09998H15",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),t.jsx("path",{d:"M4.5 2V0",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),t.jsx("path",{d:"M11.5 0V2",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"})]}),t.jsx("defs",{children:t.jsx("clipPath",{id:"clip0_3713_2081",children:t.jsx("rect",{width:"16",height:"16",fill:"white"})})})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumCheck.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumCheck: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumCheck;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumCheck.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(t){var r=t.testId,t=t.className;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":r,className:t,children:e.jsx("path",{d:"M3 7.76667L6.75004 11.5L13.0001 4.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumEye.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumEye: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumEye;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumEyeSlash.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumEyeSlash: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumEyeSlash;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumEyeSlash.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.testId,r=r.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":t,className:r,children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 8C13.731 4.7278 11.488 3.59448 9.883 3.20781L9.884 3.2067C9.876 3.20448 9.869 3.20448 9.861 3.20226C9.566 3.13226 9.289 3.08448 9.048 3.0567V3.05448C9.015 3.05115 8.986 3.04893 8.953 3.0467C8.842 3.03559 8.74 3.0267 8.646 3.02115C8.53 3.01337 8.441 3.01448 8.336 3.01004C8.307 3.00893 8.281 3.00893 8.252 3.00781C8.068 3.00226 7.901 2.99781 7.754 3.00115C7.678 3.00226 7.608 3.00448 7.537 3.0067C7.431 3.01226 7.346 3.01559 7.27 3.02226C6.533 3.07559 6.114 3.2067 6.114 3.2067V3.20892C4.509 3.59559 2.268 4.72891 1 8C2.269 11.2722 4.512 12.4066 6.117 12.7922L6.116 12.7933C6.124 12.7955 6.131 12.7955 6.139 12.7977C6.434 12.8677 6.711 12.9155 6.952 12.9433V12.9455C6.985 12.9489 7.014 12.9511 7.047 12.9533C7.158 12.9644 7.26 12.9733 7.354 12.9789C7.47 12.9866 7.559 12.9855 7.664 12.99C7.693 12.9911 7.719 12.9911 7.748 12.9922C7.932 12.9977 8.099 13.0022 8.246 12.9989C8.322 12.9977 8.392 12.9955 8.463 12.9933C8.569 12.9877 8.654 12.9844 8.73 12.9777C9.467 12.9244 9.886 12.7933 9.886 12.7933V12.7911C11.491 12.4044 13.732 11.2711 15 8Z",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 8C10 9.10462 9.10454 10 8.00039 10C6.89546 10 6 9.10462 6 8C6 6.89538 6.89546 6 8.00039 6C9.10454 6 10 6.89538 10 8Z",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M2 2L14 14",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumFilter.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumFilter: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumFilter;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumFilter.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime");module.exports=function(t){var e=t.testId,t=t.className;return r.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":e,className:t,children:[r.jsx("circle",{cx:"10",cy:"4",r:"2",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M12 4L15 4",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M1 4L8 4",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("circle",{cx:"6",cy:"12",r:"2",transform:"rotate(-180 6 12)",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M4 12H1",stroke:"currentColor",strokeWidth:"1.4"}),r.jsx("path",{d:"M15 12L8 12",stroke:"currentColor",strokeWidth:"1.4"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumReset.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const MediumReset: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default MediumReset;

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumReset.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(t){var r=t.testId,t=t.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":r,className:t,children:[e.jsx("path",{d:"M9 5L7 3L9 1",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M8 3C11.3137 3 14 5.68629 14 9C14 12.3137 11.3137 15 8 15C4.68629 15 2 12.3137 2 9C2 7.86291 2.31631 6.7997 2.86574 5.89356",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"square"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Medium/index.d.ts

@@ -8,4 +8,10 @@ export { default as MediumEdit } from './MediumEdit';
 export { default as MediumInformation } from './MediumInformation';
 export { default as MediumPersonAdd } from './MediumPersonAdd';
 export { default as MediumPlus } from './MediumPlus';
-export { default as MediumView } from './MediumView';
+export { default as MediumEye } from './MediumEye';
+export { default as MediumBubble } from './MediumBubble';
+export { default as MediumCheck } from './MediumCheck';
+export { default as MediumCalendar } from './MediumCalendar';
+export { default as MediumEyeSlash } from './MediumEyeSlash';
+export { default as MediumFilter } from './MediumFilter';
+export { default as MediumReset } from './MediumReset';

package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallDelete.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const SmallDelete: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default SmallDelete;

package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallDelete.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.testId,r=r.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":t,className:r,children:[e.jsx("path",{d:"M3.80001 3.7999L10.2 10.1999",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M10.2 3.79997L3.79997 10.2",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallInformation.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const SmallInformation: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default SmallInformation;

package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallInformation.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(r){var t=r.testId,r=r.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":t,className:r,children:[e.jsxs("g",{clipPath:"url(#clip0_3609_755)",children:[e.jsx("circle",{cx:"7",cy:"7",r:"6.3",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),e.jsx("path",{d:"M7 10.0625V6.5625",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.99791 4.8125C6.51053 4.80988 6.12116 4.4135 6.12466 3.92612C6.12903 3.46062 6.52978 3.0625 6.99616 3.0625C7.47478 3.0625 7.88078 3.47025 7.87466 3.94713C7.86941 4.42225 7.47041 4.81512 6.99791 4.8125Z",fill:"currentColor"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_3609_755",children:e.jsx("rect",{width:"14",height:"14",fill:"white"})})})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallResizer.d.ts

@@ -0,0 +1,3 @@
+import { SystemIconPartProps } from '../../SystemIcon.types';
+declare const SmallResizer: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
+export default SmallResizer;

package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallResizer.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime");module.exports=function(t){var r=t.testId,t=t.className;return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":r,className:t,children:[e.jsx("path",{d:"M3 11L11 3",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"square"}),e.jsx("path",{d:"M8 11L11 8",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"square"})]})};

package/dist/Components/Atoms/SystemIcon/Icons/Small/index.d.ts

@@ -7,3 +7,6 @@ export { default as SmallIndeterminate } from './SmallIndeterminate';
 export { default as SmallPlus } from './SmallPlus';
 export { default as SmallRadioDot } from './SmallRadioDot';
 export { default as SmallCamera } from './SmallCamera';
+export { default as SmallDelete } from './SmallDelete';
+export { default as SmallResizer } from './SmallResizer';
+export { default as SmallInformation } from './SmallInformation';

package/dist/Components/Atoms/SystemIcon/SystemIcon.constants.d.ts

@@ -1,4 +1,4 @@
-export declare const SmallSystemIconNames: readonly ["small_check", "small_indeterminate", "small_plus", "small_radio_dot", "small_arrow_left", "small_arrow_right", "small_arrow_down", "small_arrow_up", "small_camera"];
-export declare const MediumSystemIconNames: readonly ["medium_information", "medium_plus", "medium_delete", "medium_view", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_person_add", "medium_edit", "medium_caution"];
-export declare const LargeSystemIconNames: readonly ["large_delete", "large_service", "large_account_setting", "large_user_image_avatar"];
+export declare const SmallSystemIconNames: readonly ["small_check", "small_indeterminate", "small_plus", "small_radio_dot", "small_arrow_left", "small_arrow_right", "small_arrow_down", "small_arrow_up", "small_camera", "small_delete", "small_resizer", "small_information"];
+export declare const MediumSystemIconNames: readonly ["medium_information", "medium_plus", "medium_delete", "medium_eye", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_person_add", "medium_edit", "medium_caution", "medium_bubble", "medium_calendar", "medium_check", "medium_eye_slash", "medium_filter", "medium_reset"];
+export declare const LargeSystemIconNames: readonly ["large_delete", "large_service", "large_account_setting", "large_user_image_avatar", "large_arrow_left", "large_arrow_right", "large_bell", "large_drawer", "large_filter", "large_search"];
 export declare const SocialSystemIconNames: readonly ["social_google", "social_facebook", "wishket_facebook", "wishket_blog", "wishket_naver_blog"];

package/dist/Components/Atoms/SystemIcon/SystemIcon.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("./Icons/Large/LargeAccountSetting.js"),a=require("./Icons/Large/LargeDelete.js"),t=require("./Icons/Large/LargeService.js"),l=require("./Icons/Large/LargeUserImageAvatar.js"),c=require("./Icons/Medium/MediumArrowDown.js"),m=require("./Icons/Medium/MediumArrowLeft.js"),u=require("./Icons/Medium/MediumArrowRight.js"),i=require("./Icons/Medium/MediumArrowUp.js"),o=require("./Icons/Medium/MediumCaution.js"),n=require("./Icons/Medium/MediumDelete.js"),d=require("./Icons/Medium/MediumEdit.js"),I=require("./Icons/Medium/MediumInformation.js"),j=require("./Icons/Medium/MediumPersonAdd.js"),_=require("./Icons/Medium/MediumPlus.js"),x=require("./Icons/Medium/MediumView.js"),q=require("./Icons/Small/SmallArrowDown.js"),N=require("./Icons/Small/SmallArrowLeft.js"),g=require("./Icons/Small/SmallArrowRight.js"),w=require("./Icons/Small/SmallArrowUp.js"),S=require("./Icons/Small/SmallCheck.js"),M=require("./Icons/Small/SmallIndeterminate.js"),h=require("./Icons/Small/SmallPlus.js"),k=require("./Icons/Small/SmallRadioDot.js"),A=require("./Icons/Small/SmallCamera.js"),f=require("./Icons/Social/SocialFacebook.js"),L=require("./Icons/Social/SocialGoogle.js"),v=require("./Icons/Social/WishketFacebook.js"),p=require("./Icons/Social/WishketBlog.js"),b=require("./Icons/Social/WishketNaverBlog.js");module.exports=function(D){var C=D.name,P=D.testId,D=D.className,R=s.twMerge("text-w-gray-900",D);switch(C){case"small_check":return e.jsx(S,{testId:P,className:R});case"small_indeterminate":return e.jsx(M,{testId:P,className:R});case"small_plus":return e.jsx(h,{testId:P,className:R});case"small_radio_dot":return e.jsx(k,{testId:P,className:R});case"small_arrow_left":return e.jsx(N,{testId:P,className:R});case"small_arrow_right":return e.jsx(g,{testId:P,className:R});case"small_arrow_down":return e.jsx(q,{testId:P,className:R});case"small_arrow_up":return e.jsx(w,{testId:P,className:R});case"medium_information":return e.jsx(I,{testId:P,className:R});case"small_camera":return e.jsx(A,{testId:P,className:R});case"medium_plus":return e.jsx(_,{testId:P,className:R});case"medium_delete":return e.jsx(n,{testId:P,className:R});case"medium_view":return e.jsx(x,{testId:P,className:R});case"medium_arrow_left":return e.jsx(m,{testId:P,className:R});case"medium_arrow_right":return e.jsx(u,{testId:P,className:R});case"medium_arrow_down":return e.jsx(c,{testId:P,className:R});case"medium_arrow_up":return e.jsx(i,{testId:P,className:R});case"medium_person_add":return e.jsx(j,{testId:P,className:R});case"medium_edit":return e.jsx(d,{testId:P,className:R});case"medium_caution":return e.jsx(o,{testId:P,className:R});case"large_delete":return e.jsx(a,{testId:P,className:R});case"large_service":return e.jsx(t,{testId:P,className:R});case"large_account_setting":return e.jsx(r,{testId:P,className:R});case"large_user_image_avatar":return e.jsx(l,{testId:P,className:R});case"social_google":return e.jsx(L,{testId:P,className:R});case"social_facebook":return e.jsx(f,{testId:P,className:R});case"wishket_facebook":return e.jsx(v,{testId:P,className:R});case"wishket_blog":return e.jsx(p,{testId:P,className:R});case"wishket_naver_blog":return e.jsx(b,{testId:P,className:R});default:return null}};
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("./Icons/Large/LargeAccountSetting.js"),a=require("./Icons/Large/LargeDelete.js"),t=require("./Icons/Large/LargeService.js"),l=require("./Icons/Large/LargeUserImageAvatar.js"),c=require("./Icons/Large/LargeArrowLeft.js"),m=require("./Icons/Large/LargeArrowRight.js"),u=require("./Icons/Large/LargeBell.js"),i=require("./Icons/Large/LargeDrawer.js"),n=require("./Icons/Large/LargeFilter.js"),d=require("./Icons/Large/LargeSearch.js"),o=require("./Icons/Medium/MediumArrowDown.js"),I=require("./Icons/Medium/MediumArrowLeft.js"),j=require("./Icons/Medium/MediumArrowRight.js"),_=require("./Icons/Medium/MediumArrowUp.js"),g=require("./Icons/Medium/MediumCaution.js"),x=require("./Icons/Medium/MediumDelete.js"),q=require("./Icons/Medium/MediumEdit.js"),N=require("./Icons/Medium/MediumInformation.js"),M=require("./Icons/Medium/MediumPersonAdd.js"),S=require("./Icons/Medium/MediumPlus.js"),w=require("./Icons/Medium/MediumEye.js"),L=require("./Icons/Medium/MediumBubble.js"),h=require("./Icons/Medium/MediumCheck.js"),f=require("./Icons/Medium/MediumCalendar.js"),k=require("./Icons/Medium/MediumEyeSlash.js"),A=require("./Icons/Medium/MediumFilter.js"),b=require("./Icons/Medium/MediumReset.js"),p=require("./Icons/Small/SmallArrowDown.js"),v=require("./Icons/Small/SmallArrowLeft.js"),D=require("./Icons/Small/SmallArrowRight.js"),R=require("./Icons/Small/SmallArrowUp.js"),y=require("./Icons/Small/SmallCheck.js"),C=require("./Icons/Small/SmallIndeterminate.js"),B=require("./Icons/Small/SmallPlus.js"),F=require("./Icons/Small/SmallRadioDot.js"),E=require("./Icons/Small/SmallCamera.js"),P=require("./Icons/Small/SmallDelete.js"),U=require("./Icons/Small/SmallResizer.js"),W=require("./Icons/Small/SmallInformation.js"),z=require("./Icons/Social/SocialFacebook.js"),G=require("./Icons/Social/SocialGoogle.js"),H=require("./Icons/Social/WishketFacebook.js"),J=require("./Icons/Social/WishketBlog.js"),K=require("./Icons/Social/WishketNaverBlog.js");module.exports=function(O){var Q=O.name,T=O.testId,O=O.className,V=s.twMerge("text-w-gray-900",O);switch(Q){case"small_check":return e.jsx(y,{testId:T,className:V});case"small_indeterminate":return e.jsx(C,{testId:T,className:V});case"small_plus":return e.jsx(B,{testId:T,className:V});case"small_radio_dot":return e.jsx(F,{testId:T,className:V});case"small_arrow_left":return e.jsx(v,{testId:T,className:V});case"small_arrow_right":return e.jsx(D,{testId:T,className:V});case"small_arrow_down":return e.jsx(p,{testId:T,className:V});case"small_arrow_up":return e.jsx(R,{testId:T,className:V});case"small_delete":return e.jsx(P,{testId:T,className:V});case"small_resizer":return e.jsx(U,{testId:T,className:V});case"small_information":return e.jsx(W,{testId:T,className:V});case"medium_information":return e.jsx(N,{testId:T,className:V});case"small_camera":return e.jsx(E,{testId:T,className:V});case"medium_plus":return e.jsx(S,{testId:T,className:V});case"medium_delete":return e.jsx(x,{testId:T,className:V});case"medium_eye":return e.jsx(w,{testId:T,className:V});case"medium_arrow_left":return e.jsx(I,{testId:T,className:V});case"medium_arrow_right":return e.jsx(j,{testId:T,className:V});case"medium_arrow_down":return e.jsx(o,{testId:T,className:V});case"medium_arrow_up":return e.jsx(_,{testId:T,className:V});case"medium_person_add":return e.jsx(M,{testId:T,className:V});case"medium_edit":return e.jsx(q,{testId:T,className:V});case"medium_caution":return e.jsx(g,{testId:T,className:V});case"medium_bubble":return e.jsx(L,{testId:T,className:V});case"medium_calendar":return e.jsx(f,{testId:T,className:V});case"medium_check":return e.jsx(h,{testId:T,className:V});case"medium_eye_slash":return e.jsx(k,{testId:T,className:V});case"medium_filter":return e.jsx(A,{testId:T,className:V});case"medium_reset":return e.jsx(b,{testId:T,className:V});case"large_delete":return e.jsx(a,{testId:T,className:V});case"large_service":return e.jsx(t,{testId:T,className:V});case"large_account_setting":return e.jsx(r,{testId:T,className:V});case"large_user_image_avatar":return e.jsx(l,{testId:T,className:V});case"large_arrow_left":return e.jsx(c,{testId:T,className:V});case"large_arrow_right":return e.jsx(m,{testId:T,className:V});case"large_bell":return e.jsx(u,{testId:T,className:V});case"large_drawer":return e.jsx(i,{testId:T,className:V});case"large_filter":return e.jsx(n,{testId:T,className:V});case"large_search":return e.jsx(d,{testId:T,className:V});case"social_google":return e.jsx(G,{testId:T,className:V});case"social_facebook":return e.jsx(z,{testId:T,className:V});case"wishket_facebook":return e.jsx(H,{testId:T,className:V});case"wishket_blog":return e.jsx(J,{testId:T,className:V});case"wishket_naver_blog":return e.jsx(K,{testId:T,className:V});default:return null}};

package/dist/Components/Atoms/TextField/TextField.types.d.ts

@@ -1,11 +1,12 @@
 import { ComponentPropsWithoutRef } from 'react';
+import { SystemIconName } from '../SystemIcon/SystemIcon.types';
 type variant = 'default' | 'lable' | 'lable_fixed';
 export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
     variant?: variant;
     lable?: string;
     isError?: boolean;
-    startIcon?: string;
-    endIcon?: string;
+    startIcon?: SystemIconName;
+    endIcon?: SystemIconName;
     supportMessage?: string;
     measure?: string;
     errorMessage?: string;
@@ -19,8 +20,8 @@ export interface InputContainerProps extends ComponentPropsWithoutRef<'input'> {
     isError?: boolean;
 }
 export interface LabelContainerProps extends InputContainerProps {
-    startIcon?: string;
-    endIcon?: string;
+    startIcon?: SystemIconName;
+    endIcon?: SystemIconName;
     measure?: string;
 }
 export interface SupportContainerProps {

package/dist/Components/Atoms/TextField/parts/LabelContainer.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("./Icon.js"),s=require("./InputContainer.js"),i=r.forwardRef(function(r,i){var l=r.type,o=r.name,t=r.value,u=r.onBlur,c=r.onChange,d=r.onFocus,m=r.maxLength,x=r.placeholder,h=r.disabled,h=void 0!==h&&h,v=r.lable,p=r.measure,g=r.isError,f=r.endIcon,j=r.startIcon,b=r.isFocused,I=r.variant,I=void 0===I?"default":I,r=e.__rest(r,["type","name","value","onBlur","onChange","onFocus","maxLength","placeholder","disabled","lable","measure","isError","endIcon","startIcon","isFocused","variant"]);return a.jsxs(a.Fragment,{children:[j&&a.jsx(n.Icon,{name:j,className:"flex w-[16px] shrink-0"}),a.jsx(s,e.__assign({ref:i,variant:I,type:l,value:t,name:o,placeholder:x,lable:v,maxLength:m,onChange:c,isFocused:b,isError:g,onFocus:d,onBlur:u,disabled:h},r)),p&&a.jsx("div",{className:"flex w-fit shrink-0 leading-6 text-w-gray-400",children:p}),f&&a.jsx(n.Icon,{name:f,className:"flex w-[16px] shrink-0"})]})});i.displayName="LabelContainer",module.exports=i;
+"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("../../SystemIcon/SystemIcon.js"),s=require("./InputContainer.js"),t=r.forwardRef(function(r,t){var i=r.type,l=r.name,o=r.value,u=r.onBlur,c=r.onChange,d=r.onFocus,m=r.maxLength,x=r.placeholder,h=r.disabled,h=void 0!==h&&h,g=r.lable,v=r.measure,p=r.isError,f=r.endIcon,j=r.startIcon,y=r.isFocused,b=r.variant,b=void 0===b?"default":b,r=e.__rest(r,["type","name","value","onBlur","onChange","onFocus","maxLength","placeholder","disabled","lable","measure","isError","endIcon","startIcon","isFocused","variant"]);return a.jsxs(a.Fragment,{children:[j&&a.jsx(n,{name:j,className:"flex w-[16px] shrink-0 text-w-gray-400"}),a.jsx(s,e.__assign({ref:t,variant:b,type:i,value:o,name:l,placeholder:x,lable:g,maxLength:m,onChange:c,isFocused:y,isError:p,onFocus:d,onBlur:u,disabled:h},r)),v&&a.jsx("div",{className:"flex w-fit shrink-0 leading-6 text-w-gray-400",children:v}),f&&a.jsx(n,{name:f,className:"flex w-[16px] shrink-0 text-w-gray-400"})]})});t.displayName="LabelContainer",module.exports=t;

package/dist/Components/Atoms/TextField/parts/PasswordContainer.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),n=require("./Icon.js"),s=require("./InputContainer.js"),o=a.forwardRef(function(o,i){var t=o.type,l=o.name,u=o.value,c=o.lable,d=o.maxLength,m=o.placeholder,p=o.variant,h=o.disabled,x=o.isFocused,v=o.isError,j=o.onChange,g=o.onFocus,b=o.onBlur,o=e.__rest(o,["type","name","value","lable","maxLength","placeholder","variant","disabled","isFocused","isError","onChange","onFocus","onBlur"]),t=a.useState("password"===t),F=t[0],_=t[1];return r.jsxs(r.Fragment,{children:[r.jsx(s,e.__assign({ref:i,variant:p,type:F?"password":"text",value:u,name:l,placeholder:m,lable:c,maxLength:d,onChange:j,isFocused:x,isError:v,onFocus:g,onBlur:b,disabled:h},o)),r.jsx("div",{onClick:function(){_(function(e){return!e})},className:"cursor-pointer",children:F?r.jsx(n.Icon,{name:"eye"}):r.jsx(n.Icon,{name:"close_eye"})})]})});o.displayName="PasswordContainer",module.exports=o;
+"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("../../SystemIcon/SystemIcon.js"),n=require("./InputContainer.js"),o=a.forwardRef(function(o,t){var i=o.type,l=o.name,u=o.value,c=o.lable,d=o.maxLength,m=o.placeholder,h=o.variant,p=o.disabled,x=o.isFocused,v=o.isError,g=o.onChange,y=o.onFocus,_=o.onBlur,o=e.__rest(o,["type","name","value","lable","maxLength","placeholder","variant","disabled","isFocused","isError","onChange","onFocus","onBlur"]),i=a.useState("password"===i),j=i[0],b=i[1];return r.jsxs(r.Fragment,{children:[r.jsx(n,e.__assign({ref:t,variant:h,type:j?"password":"text",value:u,name:l,placeholder:m,lable:c,maxLength:d,onChange:g,isFocused:x,isError:v,onFocus:y,onBlur:_,disabled:p},o)),r.jsx("div",{onClick:function(){b(function(e){return!e})},className:"cursor-pointer",children:r.jsx(s,{name:j?"medium_eye":"medium_eye_slash",className:"text-w-gray-400"})})]})});o.displayName="PasswordContainer",module.exports=o;

package/dist/Components/Atoms/Typography/Typography.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),s=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(l){var n=l.children,i=l.variant,x=l.className,l=e.__rest(l,["children","variant","className"]),r=(null==(r=s.find(function(e){return e.name===i}))?void 0:r.class)||"";return a.jsx("span",e.__assign({className:t.twMerge(r,x)},l,{children:n}))};
+"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),l=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(s){var n=s.children,i=s.variant,x=s.className,s=e.__rest(s,["children","variant","className"]),r=(null==(r=l.find(function(e){return e.name===i}))?void 0:r.class)||"";return a.jsx("span",e.__assign({className:t.twMerge(r,x,"inline-block")},s,{children:n}))};

package/dist/Components/Atoms/index.d.ts

@@ -12,3 +12,4 @@ export { default as ServiceLogo } from './ServiceLogo';
 export { default as Avatar } from './Avatar';
 export { default as Switch } from './Switch';
 export { default as SystemIcon } from './SystemIcon';
+export { default as NewBadge } from './NewBadge';

package/dist/Components/Molecules/Calendar/Calendar.constants.d.ts

@@ -0,0 +1 @@
+export declare const dayMap: Map<number, string>;

package/dist/Components/Molecules/Calendar/Calendar.d.ts

@@ -0,0 +1,8 @@
+export interface CalendarProps {
+    selected?: string;
+    onChange?: (date: string) => void;
+    defaultDate?: string;
+    disabled?: boolean;
+}
+declare const Calendar: ({ defaultDate, selected, onChange, disabled, }: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/Components/Molecules/Calendar/Calendar.parts.d.ts

@@ -0,0 +1,15 @@
+import { DateType } from './Calendar.types';
+declare const WeekHeader: () => import("react/jsx-runtime").JSX.Element;
+interface SelectHeaderProps {
+    visibleDate: DateType;
+    onChange?: (date: DateType) => void;
+}
+declare const SelectHeader: ({ visibleDate, onChange }: SelectHeaderProps) => import("react/jsx-runtime").JSX.Element;
+interface DateBoxProps {
+    selected?: boolean;
+    disabled?: boolean;
+    date?: DateType;
+    onChange?: (date: DateType) => void;
+}
+declare const DateBox: ({ selected, date, disabled, onChange, }: DateBoxProps) => import("react/jsx-runtime").JSX.Element;
+export { WeekHeader, SelectHeader, DateBox };

package/dist/Components/Molecules/Calendar/Calendar.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import Calendar, { CalendarProps } from './Calendar';
+declare const meta: Meta<typeof Calendar>;
+export default meta;
+type Story = StoryObj<CalendarProps>;
+export declare const Default: Story;

package/dist/Components/Molecules/Calendar/Calendar.types.d.ts

@@ -0,0 +1,6 @@
+export interface DateType {
+    year: number;
+    month: number;
+    date?: number;
+    day?: number;
+}

package/dist/Components/Molecules/Calendar/Calendar.utils.d.ts

@@ -0,0 +1,17 @@
+import { DateType } from './Calendar.types';
+export declare const today: DateType;
+export declare const generateDate: (data: string) => DateType;
+export declare const isSameDate: (referencePoint: string | DateType, target: DateType) => boolean | undefined;
+export declare const getMonthDate: (year: number, month: number) => {
+    lastDate: number;
+    firstDay: number;
+    lastDay: number;
+    dateList: DateType[];
+};
+export declare const getKoreanTimeString: (createdTime: DateType) => {
+    year: string;
+    month: string;
+    date: string;
+    time: string;
+    day: string | undefined;
+};

package/dist/Components/Molecules/Calendar/index.d.ts

@@ -0,0 +1,2 @@
+import Calendar from './Calendar';
+export default Calendar;

package/dist/Components/Molecules/CheckboxList/CheckboxListItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),c=(require("../../Atoms/TextField/TextField.js"),require("next/image"),function(s){var t=s.children,a=s.disabled,c=s.className,s=e.__rest(s,["children","disabled","className"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-checkbox-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c)},s,{children:t}))});module.exports=function(e){var r=e.label,d=e.description,n=e.checked,o=e.disabled,o=void 0!==o&&o,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,h=s.useState(!1),b=h[0],g=h[1];return i.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:o,className:m,onMouseOver:function(){g(!0)},onMouseOut:function(){g(!1)},children:[i.jsx("div",{className:"grid-in-checkbox",children:i.jsx(a,{checked:n,isHover:b,isError:l,disabled:o,onChange:e,className:x})}),i.jsx("div",{className:"mb-px grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:i.jsx(t,{variant:"body1",className:o?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),d&&i.jsx("div",{className:"grid-in-description",children:i.jsx(t,{variant:"body2",className:o?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:d})})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),c=(require("../../Atoms/TextField/TextField.js"),require("next/image"),function(s){var t=s.children,a=s.disabled,c=s.className,s=e.__rest(s,["children","disabled","className"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-0.5 grid-areas-checkbox-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c)},s,{children:t}))});module.exports=function(e){var r=e.label,n=e.description,d=e.checked,o=e.disabled,o=void 0!==o&&o,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,h=s.useState(!1),u=h[0],g=h[1];return i.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:o,className:m,onMouseOver:function(){g(!0)},onMouseOut:function(){g(!1)},children:[i.jsx("div",{className:"flex cursor-pointer items-center justify-center p-px grid-in-checkbox",children:i.jsx(a,{checked:d,isHover:u,isError:l,disabled:o,onChange:e,className:x})}),i.jsx("div",{className:"flex items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:i.jsx(t,{variant:"body1",className:o?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),n&&i.jsx("div",{className:"flex items-center grid-in-description",children:i.jsx(t,{variant:"body2",className:o?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};

package/dist/Components/Molecules/RadioList/RadioListItem.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Radio/Radio.js")),d=(require("../../Atoms/TextField/TextField.js"),require("next/image"),function(r){var a=r.children,t=r.disabled,d=r.className,r=e.__rest(r,["children","disabled","className"]);return i.jsx("label",e.__assign({className:s.twMerge("grid h-min w-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",d)},r,{children:a}))});module.exports=function(e){var s=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,x=e.RadioClassName,e=e.onChange,h=r.useState(!1),v=h[0],b=h[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[i.jsx("div",{className:"cursor-pointer grid-in-radio",children:i.jsx(t,{name:s,value:n,checked:c,isHover:v,isError:u,disabled:m,onChange:e,className:x})}),i.jsx("div",{className:"grid-in-label",children:i.jsx(a,{variant:"body1",className:m?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:o})}),l&&i.jsx("div",{className:"grid-in-description",children:i.jsx(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Radio/Radio.js")),d=(require("../../Atoms/TextField/TextField.js"),require("next/image"),function(r){var a=r.children,t=r.disabled,d=r.className,r=e.__rest(r,["children","disabled","className"]);return i.jsx("label",e.__assign({className:s.twMerge("grid h-min w-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",d)},r,{children:a}))});module.exports=function(e){var s=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,x=e.RadioClassName,e=e.onChange,h=r.useState(!1),v=h[0],b=h[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[i.jsx("div",{className:"flex cursor-pointer items-center grid-in-radio",children:i.jsx(t,{name:s,value:n,checked:c,isHover:v,isError:u,disabled:m,onChange:e,className:x})}),i.jsx("div",{className:"flex items-center grid-in-label",children:i.jsx(a,{variant:"body1",className:m?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:o})}),l&&i.jsx("div",{className:"flex items-center grid-in-description",children:i.jsx(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};

package/dist/Components/Molecules/TextButton/TextButton.d.ts

@@ -0,0 +1,3 @@
+import { TextButtonProps } from './TextButton.types';
+declare const TextButton: ({ text, isSmall, iconAlign, badgeText, }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TextButton;

package/dist/Components/Molecules/TextButton/TextButton.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Badge/Badge.js")),i=require("../../Atoms/Box/Box.js"),r=(require("../../../_virtual/_tslib.js"),require("tailwind-merge"),require("react"),require("../../Atoms/TextField/TextField.js"),require("next/image"),require("../../Atoms/SystemIcon/SystemIcon.js"));module.exports=function(a){var n=a.text,o=a.isSmall,o=void 0!==o&&o,d=a.iconAlign,d=void 0===d?"none":d,a=a.badgeText;return e.jsxs(i,{"data-testid":"design-system-text-button--container",className:"flex min-h-6 w-fit cursor-pointer items-center justify-center gap-x-0.5",children:["left"===d&&e.jsx(i,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:e.jsx(r,{name:o?"small_arrow_left":"medium_arrow_left",className:"text-w-cyan-500"})}),e.jsx(i,{"data-testid":"design-system-text-button--text",className:"w-fit",children:e.jsx(t,{variant:o?"body2":"body1",className:"align-baseline text-w-cyan-500",children:n})}),"right"===d&&e.jsx(i,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:e.jsx(r,{name:o?"small_arrow_right":"medium_arrow_right",className:"text-w-cyan-500"})}),!!a&&e.jsx(i,{"data-testid":"design-system-text-button--badge",children:e.jsx(s,{text:null!=a?a:""})})]})};

package/dist/Components/Molecules/TextButton/TextButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TextButton from './TextButton';
+import { TextButtonProps } from './TextButton.types';
+declare const meta: Meta<typeof TextButton>;
+export default meta;
+type Story = StoryObj<TextButtonProps>;
+export declare const Default: Story;

package/dist/Components/Molecules/TextButton/TextButton.types.d.ts

@@ -0,0 +1,6 @@
+export interface TextButtonProps {
+    text: string;
+    isSmall?: boolean;
+    iconAlign?: 'left' | 'right' | 'none';
+    badgeText?: string;
+}

package/dist/Components/Molecules/TextButton/index.d.ts

@@ -0,0 +1,2 @@
+import TextButton from './TextButton';
+export default TextButton;

package/dist/Components/Molecules/TextButton/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./TextButton.js");module.exports=e;

package/dist/Components/Molecules/WithBadge/WithBadge.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Badge/Badge.js"));require("react"),require("../../Atoms/TextField/TextField.js"),require("next/image"),module.exports=function(i){var a=i.text,s=i.children,d=i.className,l=i.variant,l=void 0===l?"small":l,o=i.showZero,o=void 0!==o&&o,i=i.disabled,i=void 0!==i&&i;return e.jsxs("div",{className:r.twMerge("relative w-fit",d),"data-testid":"with-badge",children:[s,e.jsx(t,{text:a,variant:l,disabled:i,showZero:o,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Badge/Badge.js")),a=require("../../Atoms/Box/Box.js"),s=(require("react"),require("../../Atoms/TextField/TextField.js"),require("next/image"),require("../../Atoms/NewBadge/NewBadge.js"));module.exports=function(i){var o=i.text,l=i.children,d=i.className,u=i.variant,u=void 0===u?"small":u,n=i.showZero,n=void 0!==n&&n,i=i.disabled,i=void 0!==i&&i;return e.jsxs(a,{className:r.twMerge("relative w-fit",d),"data-testid":"with-badge",children:[l,"new"===u?e.jsx(s,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(t,{text:o,variant:u,disabled:i,showZero:n,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};

package/dist/Components/Molecules/index.d.ts

@@ -4,3 +4,4 @@ export { default as CheckboxList } from './CheckboxList';
 export { default as CheckboxCard } from './CheckboxCard';
 export { default as RadioList } from './RadioList';
 export { default as IconMessageCard } from './IconMessageCard';
+export { default as TextButton } from './TextButton';

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/Badge/Badge.js"),t=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),i=require("./Components/Atoms/Radio/Radio.js"),n=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),m=require("./Components/Atoms/Divider/Divider.js"),x=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),d=require("./Components/Atoms/Avatar/Avatar.js"),u=require("./Components/Atoms/Switch/Switch.js"),c=require("./Components/Atoms/SystemIcon/SystemIcon.js"),C=require("./Components/Molecules/WithBadge/WithBadge.js"),j=require("./Components/Molecules/GridLayout/GridLayout.js"),q=require("./Components/Molecules/CheckboxList/CheckboxList.js"),g=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),h=require("./Components/Molecules/RadioList/RadioList.js"),l=require("./Components/Molecules/IconMessageCard/IconMessageCard.js"),A=require("./Components/Organisms/Modal/Modal.js"),L=require("./Components/Organisms/TextTab/TextTab.js");exports.Typography=e,exports.Checkbox=o,exports.Badge=s,exports.Box=t,exports.ProductIcon=r,exports.Radio=i,exports.Button=n,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=m,exports.ServiceLogo=x,exports.Avatar=d,exports.Switch=u,exports.SystemIcon=c,exports.WithBadge=C,exports.GridLayout=j,exports.CheckboxList=q,exports.CheckboxCard=g,exports.RadioList=h,exports.IconMessageCard=l,exports.Modal=A,exports.TextTab=L;
+"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/Badge/Badge.js"),t=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),x=require("./Components/Atoms/Divider/Divider.js"),m=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),u=require("./Components/Atoms/Avatar/Avatar.js"),d=require("./Components/Atoms/Switch/Switch.js"),C=require("./Components/Atoms/SystemIcon/SystemIcon.js"),c=require("./Components/Atoms/NewBadge/NewBadge.js"),j=require("./Components/Molecules/WithBadge/WithBadge.js"),q=require("./Components/Molecules/GridLayout/GridLayout.js"),g=require("./Components/Molecules/CheckboxList/CheckboxList.js"),l=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),h=require("./Components/Molecules/RadioList/RadioList.js"),A=require("./Components/Molecules/IconMessageCard/IconMessageCard.js"),B=require("./Components/Molecules/TextButton/TextButton.js"),L=require("./Components/Organisms/Modal/Modal.js"),T=require("./Components/Organisms/TextTab/TextTab.js");exports.Typography=e,exports.Checkbox=o,exports.Badge=s,exports.Box=t,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=x,exports.ServiceLogo=m,exports.Avatar=u,exports.Switch=d,exports.SystemIcon=C,exports.NewBadge=c,exports.WithBadge=j,exports.GridLayout=q,exports.CheckboxList=g,exports.CheckboxCard=l,exports.RadioList=h,exports.IconMessageCard=A,exports.TextButton=B,exports.Modal=L,exports.TextTab=T;

package/dist/types/badge.types.d.ts

@@ -1,4 +1,4 @@
-export type BadgeSizeType = 'small' | 'medium' | 'large';
+export type BadgeSizeType = 'small' | 'medium' | 'large' | 'new';
 export interface BadgeType {
     disabled?: boolean;
     showZero?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "0.8.4",
+  "version": "0.10.0",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumView.d.ts

@@ -1,3 +0,0 @@
-import { SystemIconPartProps } from '../../SystemIcon.types';
-declare const MediumView: ({ testId, className }: SystemIconPartProps) => import("react/jsx-runtime").JSX.Element;
-export default MediumView;

package/dist/Components/Atoms/TextField/parts/Icon.d.ts

@@ -1,6 +0,0 @@
-interface IconProps {
-    name: string;
-    className?: string;
-}
-export declare const Icon: ({ name, className }: IconProps) => import("react/jsx-runtime").JSX.Element | undefined;
-export {};

package/dist/Components/Atoms/TextField/parts/Icon.js

@@ -1 +0,0 @@
-"use strict";var e=require("react/jsx-runtime");exports.Icon=function(i){var o=i.name,i=i.className;return"info"===o?e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",className:i,children:[e.jsxs("g",{clipPath:"url(#clip0_2485_18)",children:[e.jsx("circle",{cx:"8",cy:"8",r:"7.3",stroke:"#9E9E9E",strokeWidth:"1.4",strokeLinejoin:"round"}),e.jsx("path",{d:"M8 11.5V7.5",stroke:"#9E9E9E",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.99754 5.5C7.44054 5.497 6.99554 5.044 6.99954 4.487C7.00454 3.955 7.46254 3.5 7.99554 3.5C8.54254 3.5 9.00654 3.966 8.99954 4.511C8.99354 5.054 8.53754 5.503 7.99754 5.5",fill:"#9E9E9E"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_2485_18",children:e.jsx("rect",{width:"16",height:"16",fill:"white"})})})]}):"eye"===o?e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.1953 7.74027C13.9263 4.79527 11.6833 3.77527 10.0783 3.42727L10.0793 3.42627C10.0713 3.42427 10.0643 3.42427 10.0563 3.42227C9.76131 3.35927 9.48431 3.31627 9.24331 3.29127V3.28927C9.21031 3.28627 9.18131 3.28427 9.14831 3.28227C9.03731 3.27227 8.93531 3.26427 8.84131 3.25927C8.72531 3.25227 8.63631 3.25327 8.53131 3.24927C8.50231 3.24827 8.47631 3.24827 8.44731 3.24727C8.26331 3.24227 8.09631 3.23827 7.94931 3.24127C7.87331 3.24227 7.80331 3.24427 7.73231 3.24627C7.62631 3.25127 7.54131 3.25427 7.46531 3.26027C6.72831 3.30827 6.30931 3.42627 6.30931 3.42627V3.42827C4.70431 3.77627 2.46331 4.79627 1.19531 7.74027C2.46431 10.6853 4.70731 11.7063 6.31231 12.0533L6.31131 12.0543C6.31931 12.0563 6.32631 12.0563 6.33431 12.0583C6.62931 12.1213 6.90631 12.1643 7.14731 12.1893V12.1913C7.18031 12.1943 7.20931 12.1963 7.24231 12.1983C7.35331 12.2083 7.45531 12.2163 7.54931 12.2213C7.66531 12.2283 7.75431 12.2273 7.85931 12.2313C7.88831 12.2323 7.91431 12.2323 7.94331 12.2333C8.12731 12.2383 8.29431 12.2423 8.44131 12.2393C8.51731 12.2383 8.58731 12.2363 8.65831 12.2343C8.76431 12.2293 8.84931 12.2263 8.92531 12.2203C9.66231 12.1723 10.0813 12.0543 10.0813 12.0543V12.0523C11.6863 11.7043 13.9273 10.6843 15.1953 7.74027Z",stroke:"#9E9E9E",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.764 7.74041C10.764 9.10241 9.61395 10.2064 8.19595 10.2064C6.77695 10.2064 5.62695 9.10241 5.62695 7.74041C5.62695 6.37841 6.77695 5.27441 8.19595 5.27441C9.61395 5.27441 10.764 6.37841 10.764 7.74041Z",stroke:"#9E9E9E",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]}):"close_eye"===o?e.jsx("svg",{width:"16px",height:"16px",viewBox:"0 0 16 16",version:"1.1",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("g",{id:"icon_input_slash",stroke:"none",strokeWidth:"1",fill:"none",fillRule:"evenodd",children:e.jsxs("g",{children:[e.jsx("polygon",{id:"Fill-1",points:"0 16 16 16 16 0 0 0"}),e.jsx("path",{d:"M15.1954,7.7404 C13.9264,4.7954 11.6834,3.7754 10.0784,3.4274 L10.0794,3.4264 C10.0714,3.4244 10.0644,3.4244 10.0564,3.4224 C9.7614,3.3594 9.4844,3.3164 9.2434,3.2914 C9.2434,3.2914 9.2434,3.2894 9.2434,3.2894 C9.2104,3.2864 9.1814,3.2844 9.1484,3.2824 C9.0374,3.2724 8.9354,3.2644 8.8414,3.2594 C8.7254,3.2524 8.6364,3.2534 8.5314,3.2494 C8.5024,3.2484 8.4764,3.2484 8.4474,3.2474 C8.2634,3.2424 8.0964,3.2384 7.9494,3.2414 C7.8734,3.2424 7.8034,3.2444 7.7324,3.2464 C7.6264,3.2514 7.5414,3.2544 7.4654,3.2604 C6.7284,3.3084 6.3094,3.4264 6.3094,3.4264 L6.3094,3.4284 C4.7044,3.7764 2.4634,4.7964 1.1954,7.7404 C2.4644,10.6854 4.7074,11.7064 6.3124,12.0534 L6.3114,12.0544 C6.3194,12.0564 6.3264,12.0564 6.3344,12.0584 C6.6294,12.1214 6.9064,12.1644 7.1474,12.1894 C7.1474,12.1894 7.1474,12.1914 7.1474,12.1914 C7.1804,12.1944 7.2094,12.1964 7.2424,12.1984 C7.3534,12.2084 7.4554,12.2164 7.5494,12.2214 C7.6654,12.2284 7.7544,12.2274 7.8594,12.2314 C7.8884,12.2324 7.9144,12.2324 7.9434,12.2334 C8.1274,12.2384 8.2944,12.2424 8.4414,12.2394 C8.5174,12.2384 8.5874,12.2364 8.6584,12.2344 C8.7644,12.2294 8.8494,12.2264 8.9254,12.2204 C9.6624,12.1724 10.0814,12.0544 10.0814,12.0544 L10.0814,12.0524 C11.6864,11.7044 13.9274,10.6844 15.1954,7.7404 Z",id:"Stroke-2",stroke:"#9E9E9E",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M10.7638,7.7404 C10.7638,9.1024 9.6138,10.2064 8.1958,10.2064 C6.7768,10.2064 5.6268,9.1024 5.6268,7.7404 C5.6268,6.3784 6.7768,5.2744 8.1958,5.2744 C9.6138,5.2744 10.7638,6.3784 10.7638,7.7404 Z",id:"Stroke-4",stroke:"#9E9E9E",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("line",{x1:"2",y1:"2",x2:"14",y2:"14",id:"Stroke-6",stroke:"#9E9E9E",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})]})})}):void 0};