@reitwagen/design-components 0.0.1

package/dist/components/Button/Button.d.ts

@@ -0,0 +1,21 @@
+import { ButtonHTMLAttributes, ReactNode } from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const buttonVariants: (props?: ({
+    variant?: "text" | "solid" | "outlined" | null | undefined;
+    color?: "primary" | "black" | "gray" | "sky" | null | undefined;
+    size?: "large" | "medium" | "small" | null | undefined;
+    disabled?: boolean | null | undefined;
+    full?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "disabled" | "color">, VariantProps<typeof buttonVariants> {
+    children: ReactNode;
+    full?: boolean;
+    leftContent?: ReactNode;
+    rightContent?: ReactNode;
+}
+export declare function Button({ className, variant, color, size, disabled, children, leftContent, rightContent, full, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Button {
+    var displayName: string;
+}
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;;;;8EAkInB,CAAC;AAEF,UAAU,WACR,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,GAAG,OAAO,CAAC,EACzE,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,IAAY,EACZ,GAAG,KAAK,EACT,EAAE,WAAW,2CAqBb;yBAhCe,MAAM"}

package/dist/components/Button/Button.js

@@ -0,0 +1,141 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = Button;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const class_variance_authority_1 = require("class-variance-authority");
+const style_1 = require("../../utils/style");
+const buttonVariants = (0, class_variance_authority_1.cva)("flex items-center justify-center gap-1.5 select-none", {
+    variants: {
+        variant: {
+            solid: "transition-colors duration-150",
+            outlined: "transition-colors duration-150",
+            text: "transition-colors duration-150",
+        },
+        color: {
+            primary: "",
+            black: "",
+            gray: "",
+            sky: "",
+        },
+        size: {
+            large: "text-button1 rounded-[14px] min-h-[52px] px-[24px] py-[14px]",
+            medium: "text-button2 rounded-[12px] min-h-[40px] px-[20px] py-[10px]",
+            small: "text-button3 rounded-[10px] min-h-[34px] px-[14px] py-[8px]",
+        },
+        disabled: {
+            false: "cursor-pointer",
+            true: "pointer-events-none",
+        },
+        full: {
+            true: "flex-1",
+            false: "",
+        },
+    },
+    compoundVariants: [
+        {
+            variant: "solid",
+            color: "primary",
+            className: "bg-blue-600 text-white active:bg-blue-800",
+        },
+        {
+            variant: "solid",
+            color: "primary",
+            disabled: true,
+            className: "bg-blue-300",
+        },
+        {
+            variant: "solid",
+            color: "black",
+            className: "bg-gray-800 text-white active:bg-gray-900 active:text-gray-200",
+        },
+        {
+            variant: "solid",
+            color: "black",
+            disabled: true,
+            className: "bg-gray-400",
+        },
+        {
+            variant: "solid",
+            color: "gray",
+            className: "bg-gray-100 text-gray-600 active:bg-gray-200 active:text-gray-800",
+        },
+        {
+            variant: "solid",
+            color: "gray",
+            disabled: true,
+            className: "text-gray-300",
+        },
+        {
+            variant: "solid",
+            color: "sky",
+            className: "bg-blue-50 text-blue-700 active:bg-blue-100 active:text-blue-800",
+        },
+        {
+            variant: "solid",
+            color: "sky",
+            disabled: true,
+            className: "text-blue-300",
+        },
+        {
+            variant: "outlined",
+            color: "primary",
+            className: "border border-blue-700 text-blue-700 active:bg-gray-100 active:text-blue-800",
+        },
+        {
+            variant: "outlined",
+            color: "primary",
+            disabled: true,
+            className: "border border-blue-300 text-blue-300",
+        },
+        {
+            variant: "outlined",
+            color: "black",
+            className: "border border-gray-200 text-gray-700 active:bg-gray-100 active:text-gray-500",
+        },
+        {
+            variant: "outlined",
+            color: "black",
+            disabled: true,
+            className: "border border-gray-100 text-gray-300",
+        },
+        {
+            variant: "text",
+            color: "primary",
+            className: "text-blue-700 active:bg-blue-50 active:text-blue-800",
+        },
+        {
+            variant: "text",
+            color: "primary",
+            disabled: true,
+            className: "text-blue-300",
+        },
+        {
+            variant: "text",
+            color: "black",
+            className: "text-gray-600 active:bg-gray-100 active:text-gray-700",
+        },
+        {
+            variant: "text",
+            color: "black",
+            disabled: true,
+            className: "text-gray-300",
+        },
+    ],
+    defaultVariants: {
+        disabled: false,
+        color: "primary",
+        size: "medium",
+    },
+});
+function Button({ className, variant, color, size, disabled, children, leftContent, rightContent, full = false, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("button", { className: (0, style_1.cn)(buttonVariants({
+            variant,
+            color,
+            size,
+            disabled,
+            full,
+            className,
+        })), disabled: disabled || undefined, ...props, children: [leftContent, (0, jsx_runtime_1.jsx)("span", { children: children }), rightContent] }));
+}
+Button.displayName = "Button";

package/dist/components/Button/Button.stories.d.ts

@@ -0,0 +1,62 @@
+import type { StoryObj } from "@storybook/react";
+import { Button } from "./Button";
+declare const meta: {
+    title: string;
+    component: typeof Button;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        size: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+        color: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+        variant: {
+            control: {
+                type: "radio";
+            };
+            options: string[];
+        };
+        disabled: {
+            control: {
+                type: "boolean";
+            };
+            options: string[];
+        };
+        full: {
+            control: {
+                type: "boolean";
+            };
+            options: string[];
+        };
+        leftContent: {
+            table: {
+                disable: true;
+            };
+        };
+        rightContent: {
+            table: {
+                disable: true;
+            };
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Solid: Story;
+export declare const Outlined: Story;
+export declare const Text: Story;
+//# sourceMappingURL=Button.stories.d.ts.map

package/dist/components/Button/Button.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAiDqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAoBlB,CAAC"}

package/dist/components/Button/Button.stories.js

@@ -0,0 +1,101 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Outlined = exports.Solid = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const Button_1 = require("./Button");
+const meta = {
+    title: "Components/Button",
+    component: Button_1.Button,
+    tags: ["autodocs"],
+    parameters: {
+        docs: {
+            description: {
+                component: `
+라이트바겐은 사용자 경험의 핵심 요소로 작용하는 버튼을 명확하고 직관적으로 디자인해 사용자의 특정 행동을 유도하고 사용자에게 결과를 예측할 수 있도록 합니다.
+
+## <b>Button guide</b>
+
+버튼이 그룹으로 제공될 때 모든 버튼의 크기는 동일하게 제공하며, 플로우의 중요도에 따라 버튼 간 위계를 명확히 구분합니다.
+`,
+            },
+        },
+    },
+    argTypes: {
+        size: {
+            control: { type: "radio" },
+            options: ["small", "medium", "large"],
+        },
+        color: {
+            control: { type: "radio" },
+            options: ["primary", "black", "gray", "sky"],
+        },
+        variant: {
+            control: { type: "radio" },
+            options: ["solid", "outlined", "text"],
+        },
+        disabled: {
+            control: { type: "boolean" },
+            options: ["true", "false"],
+        },
+        full: {
+            control: { type: "boolean" },
+            options: ["true", "false"],
+        },
+        leftContent: {
+            table: {
+                disable: true,
+            },
+        },
+        rightContent: {
+            table: {
+                disable: true,
+            },
+        },
+    },
+};
+exports.default = meta;
+exports.Solid = {
+    render: (props) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "solid", color: "primary", size: "large", ...props, children: props.children })),
+    args: {
+        children: "Button text",
+        variant: "solid",
+        color: "primary",
+        size: "large",
+        disabled: false,
+        full: false,
+    },
+};
+exports.Outlined = {
+    render: (props) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "outlined", color: "primary", size: "large", ...props, children: props.children })),
+    args: {
+        children: "Button text",
+        variant: "outlined",
+        color: "primary",
+        size: "large",
+        disabled: false,
+        full: false,
+    },
+    argTypes: {
+        color: {
+            control: { type: "radio" },
+            options: ["primary", "black"],
+        },
+    },
+};
+exports.Text = {
+    render: (props) => ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "text", color: "primary", size: "large", ...props, children: props.children })),
+    args: {
+        children: "Button text",
+        variant: "text",
+        color: "primary",
+        size: "large",
+        disabled: false,
+        full: false,
+    },
+    argTypes: {
+        color: {
+            control: { type: "radio" },
+            options: ["primary", "black"],
+        },
+    },
+};

package/dist/components/Button/index.d.ts

@@ -0,0 +1,2 @@
+export { Button } from "./Button";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/components/Button/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+var Button_1 = require("./Button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });

package/dist/components/Icons/Icon.stories.d.ts

@@ -0,0 +1,35 @@
+export declare const Icon: ({ width, height, fill, }: {
+    width?: number;
+    height?: number;
+    fill?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const meta: {
+    title: string;
+    component: ({ width, height, fill, }: {
+        width?: number;
+        height?: number;
+        fill?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        width: number;
+        height: number;
+        fill: string;
+    };
+    argTypes: {
+        width: {
+            control: {
+                type: "number";
+            };
+        };
+        height: {
+            control: {
+                type: "number";
+            };
+        };
+        fill: {
+            control: "color";
+        };
+    };
+};
+export default meta;
+//# sourceMappingURL=Icon.stories.d.ts.map

package/dist/components/Icons/Icon.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icon.stories.tsx"],"names":[],"mappings":"AA0KA,eAAO,MAAM,IAAI,GAAI,0BAIlB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,4CAoBA,CAAC;AAEF,QAAA,MAAM,IAAI;;0CA1BP;QACD,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf;;;;;;;;;;;;;;;;;;;;;CAmC4B,CAAC;AAE9B,eAAe,IAAI,CAAC"}

package/dist/components/Icons/Icon.stories.js

@@ -0,0 +1,197 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Icon = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const IconBookmarkOn_1 = __importDefault(require("./IconBookmarkOn"));
+const IconBookmarkOff_1 = __importDefault(require("./IconBookmarkOff"));
+const IconHeartOn_1 = __importDefault(require("./IconHeartOn"));
+const IconHeartOff_1 = __importDefault(require("./IconHeartOff"));
+const IconStarOn_1 = __importDefault(require("./IconStarOn"));
+const IconStarOff_1 = __importDefault(require("./IconStarOff"));
+const IconPlusDefault_1 = __importDefault(require("./IconPlusDefault"));
+const IconMinusDefault_1 = __importDefault(require("./IconMinusDefault"));
+const IconCloseCircle_1 = __importDefault(require("./IconCloseCircle"));
+const IconCloseDefault_1 = __importDefault(require("./IconCloseDefault"));
+const IconCloseSmall_1 = __importDefault(require("./IconCloseSmall"));
+const IconResetDefault_1 = __importDefault(require("./IconResetDefault"));
+const IconCheckDefault_1 = __importDefault(require("./IconCheckDefault"));
+const IconEditDefault_1 = __importDefault(require("./IconEditDefault"));
+const IconCopyDefault_1 = __importDefault(require("./IconCopyDefault"));
+const IconInformationDefault_1 = __importDefault(require("./IconInformationDefault"));
+const IconInfoDefault_1 = __importDefault(require("./IconInfoDefault"));
+const IconArrowLeft_1 = __importDefault(require("./IconArrowLeft"));
+const IconArrowRight_1 = __importDefault(require("./IconArrowRight"));
+const IconArrowDown_1 = __importDefault(require("./IconArrowDown"));
+const IconArrowUp_1 = __importDefault(require("./IconArrowUp"));
+const IconChevronLeft_1 = __importDefault(require("./IconChevronLeft"));
+const IconChevronRight_1 = __importDefault(require("./IconChevronRight"));
+const IconChevronDown_1 = __importDefault(require("./IconChevronDown"));
+const IconChevronUp_1 = __importDefault(require("./IconChevronUp"));
+const IconSearchDefault_1 = __importDefault(require("./IconSearchDefault"));
+const IconAlarmOff_1 = __importDefault(require("./IconAlarmOff"));
+const IconAlarmOn_1 = __importDefault(require("./IconAlarmOn"));
+const IconSettingDefault_1 = __importDefault(require("./IconSettingDefault"));
+const IconShareDefault_1 = __importDefault(require("./IconShareDefault"));
+const IconMenuDefault_1 = __importDefault(require("./IconMenuDefault"));
+const IconLikeOn_1 = __importDefault(require("./IconLikeOn"));
+const IconLikeOff_1 = __importDefault(require("./IconLikeOff"));
+const IconCommentOn_1 = __importDefault(require("./IconCommentOn"));
+const IconCommentOff_1 = __importDefault(require("./IconCommentOff"));
+const IconHomeDefault_1 = __importDefault(require("./IconHomeDefault"));
+const IconCommunityDefault_1 = __importDefault(require("./IconCommunityDefault"));
+const IconShopDefault_1 = __importDefault(require("./IconShopDefault"));
+const IconMessageDefault_1 = __importDefault(require("./IconMessageDefault"));
+const IconMYDefault_1 = __importDefault(require("./IconMYDefault"));
+const IconHomeLine_1 = __importDefault(require("./IconHomeLine"));
+const IconMYLine_1 = __importDefault(require("./IconMYLine"));
+const IconCameraDefault_1 = __importDefault(require("./IconCameraDefault"));
+const IconImageDefault_1 = __importDefault(require("./IconImageDefault"));
+const IconTimeDefault_1 = __importDefault(require("./IconTimeDefault"));
+const IconCalendarDefault_1 = __importDefault(require("./IconCalendarDefault"));
+const IconInstagramDefault_1 = __importDefault(require("./IconInstagramDefault"));
+const IconYoutubeDefault_1 = __importDefault(require("./IconYoutubeDefault"));
+const IconKakaotalkDefault_1 = __importDefault(require("./IconKakaotalkDefault"));
+const IconAppleDefault_1 = __importDefault(require("./IconAppleDefault"));
+const IconEyeOn_1 = __importDefault(require("./IconEyeOn"));
+const IconEyeOff_1 = __importDefault(require("./IconEyeOff"));
+const IconMoreDefault_1 = __importDefault(require("./IconMoreDefault"));
+const IconCouponDefault_1 = __importDefault(require("./IconCouponDefault"));
+const IconReceiptDefault_1 = __importDefault(require("./IconReceiptDefault"));
+const IconFilterDefault_1 = __importDefault(require("./IconFilterDefault"));
+const IconVoteDefault_1 = __importDefault(require("./IconVoteDefault"));
+const IconPlaceDefault_1 = __importDefault(require("./IconPlaceDefault"));
+const IconPlaceLine_1 = __importDefault(require("./IconPlaceLine"));
+const IconNaviDefault_1 = __importDefault(require("./IconNaviDefault"));
+const IconNaviLine_1 = __importDefault(require("./IconNaviLine"));
+const IconLocateDefault_1 = __importDefault(require("./IconLocateDefault"));
+const IconCallDefault_1 = __importDefault(require("./IconCallDefault"));
+const IconFlagDefault_1 = __importDefault(require("./IconFlagDefault"));
+const IconCafeDefault_1 = __importDefault(require("./IconCafeDefault"));
+const IconRepairDefault_1 = __importDefault(require("./IconRepairDefault"));
+const IconOilDefault_1 = __importDefault(require("./IconOilDefault"));
+const IconSafe_1 = __importDefault(require("./IconSafe"));
+const IconMedal_1 = __importDefault(require("./IconMedal"));
+const IconLike_1 = __importDefault(require("./IconLike"));
+const IconMessage_1 = __importDefault(require("./IconMessage"));
+const IconThunder_1 = __importDefault(require("./IconThunder"));
+const IconHelmetDefault_1 = __importDefault(require("./IconHelmetDefault"));
+const IconBikeDefault_1 = __importDefault(require("./IconBikeDefault"));
+const IconSmileDefault_1 = __importDefault(require("./IconSmileDefault"));
+const IconThumbDefault_1 = __importDefault(require("./IconThumbDefault"));
+const IconFireDefault_1 = __importDefault(require("./IconFireDefault"));
+const IconSadDefault_1 = __importDefault(require("./IconSadDefault"));
+const IconHeartDefault_1 = __importDefault(require("./IconHeartDefault"));
+const IconFunDefault_1 = __importDefault(require("./IconFunDefault"));
+const IconChatDefault_1 = __importDefault(require("./IconChatDefault"));
+const IconRevolvingLightDefault_1 = __importDefault(require("./IconRevolvingLightDefault"));
+const iconSet = {
+    IconBookmarkOn: IconBookmarkOn_1.default,
+    IconBookmarkOff: IconBookmarkOff_1.default,
+    IconHeartOn: IconHeartOn_1.default,
+    IconHeartOff: IconHeartOff_1.default,
+    IconStarOn: IconStarOn_1.default,
+    IconStarOff: IconStarOff_1.default,
+    IconPlusDefault: IconPlusDefault_1.default,
+    IconMinusDefault: IconMinusDefault_1.default,
+    IconCloseCircle: IconCloseCircle_1.default,
+    IconCloseDefault: IconCloseDefault_1.default,
+    IconCloseSmall: IconCloseSmall_1.default,
+    IconResetDefault: IconResetDefault_1.default,
+    IconCheckDefault: IconCheckDefault_1.default,
+    IconEditDefault: IconEditDefault_1.default,
+    IconCopyDefault: IconCopyDefault_1.default,
+    IconInformationDefault: IconInformationDefault_1.default,
+    IconInfoDefault: IconInfoDefault_1.default,
+    IconArrowLeft: IconArrowLeft_1.default,
+    IconArrowRight: IconArrowRight_1.default,
+    IconArrowDown: IconArrowDown_1.default,
+    IconArrowUp: IconArrowUp_1.default,
+    IconChevronLeft: IconChevronLeft_1.default,
+    IconChevronRight: IconChevronRight_1.default,
+    IconChevronDown: IconChevronDown_1.default,
+    IconChevronUp: IconChevronUp_1.default,
+    IconSearchDefault: IconSearchDefault_1.default,
+    IconAlarmOff: IconAlarmOff_1.default,
+    IconAlarmOn: IconAlarmOn_1.default,
+    IconSettingDefault: IconSettingDefault_1.default,
+    IconShareDefault: IconShareDefault_1.default,
+    IconMenuDefault: IconMenuDefault_1.default,
+    IconLikeOn: IconLikeOn_1.default,
+    IconLikeOff: IconLikeOff_1.default,
+    IconCommentOn: IconCommentOn_1.default,
+    IconCommentOff: IconCommentOff_1.default,
+    IconHomeDefault: IconHomeDefault_1.default,
+    IconCommunityDefault: IconCommunityDefault_1.default,
+    IconShopDefault: IconShopDefault_1.default,
+    IconMessageDefault: IconMessageDefault_1.default,
+    IconMYDefault: IconMYDefault_1.default,
+    IconHomeLine: IconHomeLine_1.default,
+    IconMYLine: IconMYLine_1.default,
+    IconCameraDefault: IconCameraDefault_1.default,
+    IconImageDefault: IconImageDefault_1.default,
+    IconTimeDefault: IconTimeDefault_1.default,
+    IconCalendarDefault: IconCalendarDefault_1.default,
+    IconInstagramDefault: IconInstagramDefault_1.default,
+    IconYoutubeDefault: IconYoutubeDefault_1.default,
+    IconKakaotalkDefault: IconKakaotalkDefault_1.default,
+    IconAppleDefault: IconAppleDefault_1.default,
+    IconEyeOn: IconEyeOn_1.default,
+    IconEyeOff: IconEyeOff_1.default,
+    IconMoreDefault: IconMoreDefault_1.default,
+    IconCouponDefault: IconCouponDefault_1.default,
+    IconReceiptDefault: IconReceiptDefault_1.default,
+    IconFilterDefault: IconFilterDefault_1.default,
+    IconVoteDefault: IconVoteDefault_1.default,
+    IconPlaceDefault: IconPlaceDefault_1.default,
+    IconPlaceLine: IconPlaceLine_1.default,
+    IconNaviDefault: IconNaviDefault_1.default,
+    IconNaviLine: IconNaviLine_1.default,
+    IconLocateDefault: IconLocateDefault_1.default,
+    IconCallDefault: IconCallDefault_1.default,
+    IconFlagDefault: IconFlagDefault_1.default,
+    IconCafeDefault: IconCafeDefault_1.default,
+    IconRepairDefault: IconRepairDefault_1.default,
+    IconOilDefault: IconOilDefault_1.default,
+    IconSafe: IconSafe_1.default,
+    IconMedal: IconMedal_1.default,
+    IconLike: IconLike_1.default,
+    IconMessage: IconMessage_1.default,
+    IconThunder: IconThunder_1.default,
+    IconHelmetDefault: IconHelmetDefault_1.default,
+    IconBikeDefault: IconBikeDefault_1.default,
+    IconSmileDefault: IconSmileDefault_1.default,
+    IconThumbDefault: IconThumbDefault_1.default,
+    IconFireDefault: IconFireDefault_1.default,
+    IconSadDefault: IconSadDefault_1.default,
+    IconHeartDefault: IconHeartDefault_1.default,
+    IconFunDefault: IconFunDefault_1.default,
+    IconChatDefault: IconChatDefault_1.default,
+    IconRevolvingLightDefault: IconRevolvingLightDefault_1.default,
+};
+const Icon = ({ width = 24, height = 24, fill = "#04041B", }) => {
+    const commonProps = {
+        width,
+        height,
+        fill,
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: "flex flex-wrap gap-5", children: Object.entries(iconSet).map(([iconName, IconComponent]) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-center min-w-[200px]", children: [(0, jsx_runtime_1.jsx)("div", { children: iconName }), (0, jsx_runtime_1.jsx)(IconComponent, { ...commonProps })] }, iconName))) }));
+};
+exports.Icon = Icon;
+const meta = {
+    title: "Components/Icons",
+    component: exports.Icon,
+    args: {
+        width: 24,
+        height: 24,
+        fill: "#04041B",
+    },
+    argTypes: {
+        width: { control: { type: "number" } },
+        height: { control: { type: "number" } },
+        fill: { control: "color" },
+    },
+};
+exports.default = meta;

package/dist/components/Icons/IconAlarmOff.d.ts

@@ -0,0 +1,9 @@
+import type { SVGProps } from "react";
+interface Props extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+}
+declare function IconAlarmOff({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default IconAlarmOff;
+//# sourceMappingURL=IconAlarmOff.d.ts.map

package/dist/components/Icons/IconAlarmOff.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAlarmOff.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconAlarmOff.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,YAAY,CAAC,EACpB,IAAgB,EAChB,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAyBP;AAED,eAAe,YAAY,CAAC"}

package/dist/components/Icons/IconAlarmOff.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IconAlarmOff({ fill = "#04041B", width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: fill, d: "M12 1.75c4.645 0 7.516 3.7 7.516 6.99a1 1 0 0 1-.007.105c-.232 1.62.18 2.777.676 3.746.127.248.26.482.392.717.13.23.264.466.382.696.23.449.45.973.45 1.547a2.3 2.3 0 0 1-.772 1.76c-.483.438-1.15.723-1.919.921-1.534.396-3.787.518-6.717.518L12 18.749c-2.93 0-5.184-.121-6.718-.517-.769-.198-1.435-.483-1.918-.921a2.3 2.3 0 0 1-.773-1.76c0-.574.221-1.098.45-1.547.118-.23.253-.467.383-.696.132-.235.264-.47.391-.717.496-.97.908-2.125.677-3.746a1 1 0 0 1-.008-.106c0-3.289 2.872-6.989 7.517-6.989" }), (0, jsx_runtime_1.jsx)("path", { fill: fill, fillRule: "evenodd", stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", d: "M15 20c-1.16 3-4.914 3-6 0z", clipRule: "evenodd" })] }));
+}
+exports.default = IconAlarmOff;

package/dist/components/Icons/IconAlarmOn.d.ts

@@ -0,0 +1,9 @@
+import type { SVGProps } from "react";
+interface Props extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+}
+declare function IconAlarmOn({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default IconAlarmOn;
+//# sourceMappingURL=IconAlarmOn.d.ts.map

package/dist/components/Icons/IconAlarmOn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAlarmOn.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconAlarmOn.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,WAAW,CAAC,EACnB,IAAgB,EAChB,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CA0BP;AAED,eAAe,WAAW,CAAC"}

package/dist/components/Icons/IconAlarmOn.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IconAlarmOn({ fill = "#04041B", width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: [(0, jsx_runtime_1.jsx)("path", { fill: fill, fillRule: "evenodd", stroke: fill, strokeLinecap: "round", strokeLinejoin: "round", d: "M15 20c-1.16 3-4.914 3-6 0z", clipRule: "evenodd" }), (0, jsx_runtime_1.jsx)("path", { fill: "#F74444", d: "M22 4.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0" }), (0, jsx_runtime_1.jsx)("path", { fill: fill, d: "M12.001 1.75c1.695 0 3.152.495 4.321 1.28A3.5 3.5 0 0 0 19.467 8q.048.372.05.74 0 .053-.008.106c-.231 1.62.181 2.777.677 3.746.126.248.259.482.391.717.13.23.264.466.382.696.23.449.451.973.451 1.547a2.3 2.3 0 0 1-.773 1.76c-.483.438-1.15.723-1.918.921-1.535.396-3.788.518-6.718.518L12 18.749c-2.93 0-5.183-.121-6.718-.517-.769-.198-1.435-.483-1.918-.921a2.3 2.3 0 0 1-.773-1.76c0-.574.221-1.098.451-1.547.118-.23.252-.467.382-.696.132-.235.265-.47.391-.717.496-.969.908-2.125.677-3.746a1 1 0 0 1-.008-.106c0-3.289 2.873-6.989 7.517-6.989" })] }));
+}
+exports.default = IconAlarmOn;

package/dist/components/Icons/IconAppleDefault.d.ts

@@ -0,0 +1,9 @@
+import type { SVGProps } from "react";
+interface Props extends SVGProps<SVGSVGElement> {
+    fill?: string;
+    width?: number;
+    height?: number;
+}
+declare function IconAppleDefault({ fill, width, height, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export default IconAppleDefault;
+//# sourceMappingURL=IconAppleDefault.d.ts.map

package/dist/components/Icons/IconAppleDefault.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconAppleDefault.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/IconAppleDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEtC,UAAU,KAAM,SAAQ,QAAQ,CAAC,aAAa,CAAC;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,iBAAS,gBAAgB,CAAC,EACxB,IAAgB,EAChB,KAAU,EACV,MAAW,EACX,GAAG,KAAK,EACT,EAAE,KAAK,2CAgBP;AAED,eAAe,gBAAgB,CAAC"}

package/dist/components/Icons/IconAppleDefault.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IconAppleDefault({ fill = "#04041B", width = 24, height = 24, ...props }) {
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: width, height: height, fill: "none", viewBox: "0 0 24 24", ...props, children: (0, jsx_runtime_1.jsx)("path", { fill: fill, d: "M17.713 12.481c-.01-1.626.742-2.85 2.26-3.754-.85-1.192-2.134-1.848-3.826-1.974-1.603-.124-3.357.915-3.999.915-.678 0-2.23-.872-3.45-.872-2.52.038-5.198 1.969-5.198 5.897q0 1.742.65 3.595c.578 1.626 2.665 5.609 4.842 5.545 1.138-.027 1.943-.792 3.424-.792 1.437 0 2.181.792 3.451.792 2.196-.031 4.083-3.652 4.633-5.283-2.945-1.36-2.787-3.985-2.787-4.069m-2.556-7.27C16.39 3.776 16.278 2.47 16.24 2c-1.09.062-2.349.727-3.066 1.545-.79.877-1.255 1.961-1.155 3.184 1.177.088 2.252-.505 3.137-1.518" }) }));
+}
+exports.default = IconAppleDefault;