@pfct/purple 1.9.2 → 1.11.0

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../chunks/Accordion.CgRYu2d9.js`);exports.Accordion=e.t,exports.AccordionContent=e.n,exports.AccordionItem=e.r,exports.AccordionTrigger=e.i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/Accordion.BLJwttdG.js");exports.Accordion=e.t,exports.AccordionContent=e.n,exports.AccordionItem=e.r,exports.AccordionTrigger=e.i;

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

@@ -2,14 +2,14 @@ import * as AccordionPrimitive from '@radix-ui/react-accordion';
 import type * as React from 'react';
 type AccordionProps = React.ComponentProps<typeof AccordionPrimitive.Root>;
 declare const Accordion: {
-    ({ ref, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+    ({ ref, ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): React.JSX.Element;
     displayName: string;
 };
-declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
+declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): React.JSX.Element;
 declare function AccordionTrigger({ className, children, customIcon, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger> & {
     customIcon?: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+}): React.JSX.Element;
+declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): React.JSX.Element;
 export type { AccordionProps };
 export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE3E,QAAA,MAAM,SAAS;wBAAuB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;;CAEzF,CAAC;AAGF,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAEnG;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,2CAwBA;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,2CAUnH;AAED,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,KAAK,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,CAAC;AAE3E,QAAA,MAAM,SAAS;wBAAuB,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC;;CAEzF,CAAC;AAGF,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,qBAEnG;AAED,iBAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,UAAU,EACV,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,GAAG;IAC5D,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,qBAwBA;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,OAAO,CAAC,qBAUnH;AAED,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAC"}

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

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "../../chunks/Accordion.BcpA7lkV.js";
+import { i as e, n as t, r as n, t as r } from "../../chunks/Accordion.BiAAJwmC.js";
 export { r as Accordion, t as AccordionContent, n as AccordionItem, e as AccordionTrigger };

package/dist/components/Badge/BaseBadge/index.cjs.js

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`./index.styled.cjs.js`);let t=require(`react/jsx-runtime`);var n=n=>{let{type:r,testId:i}=n;return(0,t.jsxs)(t.Fragment,{children:[r===`dot`&&(0,t.jsx)(e.Dot,{"data-testid":i}),r===`new-short`&&(0,t.jsx)(e.Badge,{"data-testid":i,children:(0,t.jsx)(e.BadgeContent,{children:`N`})}),r===`new-long`&&(0,t.jsx)(e.Badge,{"data-testid":i,children:(0,t.jsx)(e.BadgeContent,{children:`NEW`})}),r===`number`&&n.value&&(0,t.jsx)(e.Badge,{"data-testid":i,children:(0,t.jsx)(e.BadgeContent,{children:n.value>9?`9+`:n.value})})]})};exports.default=n;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../../../chunks/utils.C67s_c-g.js");let t=require("react/jsx-runtime");var n=`flex h-4 items-center justify-center rounded-[8px] bg-red-400 px-1.25`,r=`typo-c1 leading-[normal] text-white`,i=i=>{let{type:a,testId:o,className:s}=i;return(0,t.jsxs)(t.Fragment,{children:[a===`dot`&&(0,t.jsx)(`div`,{className:e.t(`size-1.25 rounded-[50%] bg-red-400`,s),"data-slot":`badge-dot`,"data-testid":o}),a===`new-short`&&(0,t.jsx)(`div`,{className:e.t(n,s),"data-slot":`badge`,"data-testid":o,children:(0,t.jsx)(`div`,{className:r,"data-slot":`badge-content`,children:`N`})}),a===`new-long`&&(0,t.jsx)(`div`,{className:e.t(n,s),"data-slot":`badge`,"data-testid":o,children:(0,t.jsx)(`div`,{className:r,"data-slot":`badge-content`,children:`NEW`})}),a===`number`&&i.value&&(0,t.jsx)(`div`,{className:e.t(n,s),"data-slot":`badge`,"data-testid":o,children:(0,t.jsx)(`div`,{className:r,"data-slot":`badge-content`,children:i.value>9?`9+`:i.value})})]})};exports.default=i;

package/dist/components/Badge/BaseBadge/index.d.ts

@@ -1,19 +1,20 @@
 import { default as React } from 'react';
 export type BadgeTypes = 'dot' | 'new-short' | 'new-long' | 'number';
-interface commonType {
+type CommonType = {
     readonly testId?: string;
     readonly type: BadgeTypes;
-}
-export type DotBadgeProps = commonType & {
+    readonly className?: string;
+};
+export type DotBadgeProps = CommonType & {
     readonly type: 'dot';
 };
-export type NewShortBadgeProps = commonType & {
+export type NewShortBadgeProps = CommonType & {
     readonly type: 'new-short';
 };
-export type NewLongBadgeProps = commonType & {
+export type NewLongBadgeProps = CommonType & {
     readonly type: 'new-long';
 };
-export type NumberBadgeProps = commonType & {
+export type NumberBadgeProps = CommonType & {
     readonly type: 'number';
     readonly value: number;
 };

package/dist/components/Badge/BaseBadge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/BaseBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErE,UAAU,UAAU;IACnB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC3C,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAEvG,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAuBvC,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/BaseBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,CAAC;AAErE,KAAK,UAAU,GAAG;IACjB,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAC;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAA;CAAE,CAAC;AAClE,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,WAAW,CAAA;CAAE,CAAC;AAC7E,MAAM,MAAM,iBAAiB,GAAG,UAAU,GAAG;IAAE,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAA;CAAE,CAAC;AAC3E,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG;IAC3C,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,CAAC;AAYvG,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmCvC,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/components/Badge/BaseBadge/index.esm.js

@@ -1,21 +1,43 @@
-import { Badge as e, BadgeContent as t, Dot as n } from "./index.styled.esm.js";
-import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Badge/BaseBadge/index.tsx
-var o = (o) => {
-	let { type: s, testId: c } = o;
-	return /* @__PURE__ */ a(r, { children: [
-		s === "dot" && /* @__PURE__ */ i(n, { "data-testid": c }),
-		s === "new-short" && /* @__PURE__ */ i(e, {
+var i = "flex h-4 items-center justify-center rounded-[8px] bg-red-400 px-1.25", a = "typo-c1 leading-[normal] text-white", o = (o) => {
+	let { type: s, testId: c, className: l } = o;
+	return /* @__PURE__ */ r(t, { children: [
+		s === "dot" && /* @__PURE__ */ n("div", {
+			className: e("size-1.25 rounded-[50%] bg-red-400", l),
+			"data-slot": "badge-dot",
+			"data-testid": c
+		}),
+		s === "new-short" && /* @__PURE__ */ n("div", {
+			className: e(i, l),
+			"data-slot": "badge",
 			"data-testid": c,
-			children: /* @__PURE__ */ i(t, { children: "N" })
+			children: /* @__PURE__ */ n("div", {
+				className: a,
+				"data-slot": "badge-content",
+				children: "N"
+			})
 		}),
-		s === "new-long" && /* @__PURE__ */ i(e, {
+		s === "new-long" && /* @__PURE__ */ n("div", {
+			className: e(i, l),
+			"data-slot": "badge",
 			"data-testid": c,
-			children: /* @__PURE__ */ i(t, { children: "NEW" })
+			children: /* @__PURE__ */ n("div", {
+				className: a,
+				"data-slot": "badge-content",
+				children: "NEW"
+			})
 		}),
-		s === "number" && o.value && /* @__PURE__ */ i(e, {
+		s === "number" && o.value && /* @__PURE__ */ n("div", {
+			className: e(i, l),
+			"data-slot": "badge",
 			"data-testid": c,
-			children: /* @__PURE__ */ i(t, { children: o.value > 9 ? "9+" : o.value })
+			children: /* @__PURE__ */ n("div", {
+				className: a,
+				"data-slot": "badge-content",
+				children: o.value > 9 ? "9+" : o.value
+			})
 		})
 	] });
 };

package/dist/components/Badge/IconBadge/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../BaseBadge/index.cjs.js`),t=require(`./index.styled.cjs.js`);let n=require(`react/jsx-runtime`);var r=({children:r,badge:i})=>(0,n.jsxs)(t.IconBadgeWrapper,{type:i.type,children:[r,(0,n.jsx)(t.AbsoluteWrapper,{className:t.className.absoluteWrapper,children:(0,n.jsx)(e.default,{...i})})]});exports.IconBadge=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../BaseBadge/index.cjs.js");let n=require("react/jsx-runtime");var r=({children:r,badge:i})=>(0,n.jsxs)(`div`,{className:`relative size-6.25`,"data-slot":`icon-badge`,children:[r,(0,n.jsx)(`div`,{className:e.t(`absolute`,i.type===`dot`?`bottom-[21px] left-[20px]`:`bottom-[13px] left-[13px]`),"data-slot":`icon-badge-anchor`,children:(0,n.jsx)(t.default,{...i})})]});exports.IconBadge=r;

package/dist/components/Badge/IconBadge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/IconBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,UAAU,cAAc;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAOvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/IconBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,UAAU,cAAc;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAID,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAUvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Badge/IconBadge/index.esm.js

@@ -1,13 +1,15 @@
-import e from "../BaseBadge/index.esm.js";
-import { AbsoluteWrapper as t, IconBadgeWrapper as n, className as r } from "./index.styled.esm.js";
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import t from "../BaseBadge/index.esm.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Badge/IconBadge/index.tsx
-var o = ({ children: o, badge: s }) => /* @__PURE__ */ a(n, {
-	type: s.type,
-	children: [o, /* @__PURE__ */ i(t, {
-		className: r.absoluteWrapper,
-		children: /* @__PURE__ */ i(e, { ...s })
+var i = ({ children: i, badge: a }) => /* @__PURE__ */ r("div", {
+	className: "relative size-6.25",
+	"data-slot": "icon-badge",
+	children: [i, /* @__PURE__ */ n("div", {
+		className: e("absolute", a.type === "dot" ? "bottom-[21px] left-[20px]" : "bottom-[13px] left-[13px]"),
+		"data-slot": "icon-badge-anchor",
+		children: /* @__PURE__ */ n(t, { ...a })
 	})]
 });
 //#endregion
-export { o as IconBadge };
+export { i as IconBadge };

package/dist/components/Badge/TextBadge/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../BaseBadge/index.cjs.js`),t=require(`./index.styled.cjs.js`);let n=require(`react/jsx-runtime`);var r=({children:r,badge:i})=>(0,n.jsxs)(t.TextBadgeWrapper,{type:i.type,children:[r,(0,n.jsx)(e.default,{...i})]});exports.TextBadge=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/utils.C67s_c-g.js"),t=require("../BaseBadge/index.cjs.js");let n=require("react/jsx-runtime");var r=({children:r,badge:i})=>(0,n.jsxs)(`div`,{className:e.t(`flex`,i.type===`dot`?`items-start gap-px`:`items-center gap-[3px]`),"data-slot":`text-badge`,children:[r,(0,n.jsx)(t.default,{...i})]});exports.TextBadge=r;

package/dist/components/Badge/TextBadge/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/TextBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAG9D,UAAU,cAAc;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAKvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Badge/TextBadge/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAkB,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAE9D,UAAU,cAAc;IACvB,KAAK,EAAE,cAAc,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAGD,QAAA,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAQvC,CAAC;AAEF,YAAY,EAAE,cAAc,EAAE,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/Badge/TextBadge/index.esm.js

@@ -1,10 +1,11 @@
-import e from "../BaseBadge/index.esm.js";
-import { TextBadgeWrapper as t } from "./index.styled.esm.js";
+import { t as e } from "../../../chunks/utils.D6DjRYW1.js";
+import t from "../BaseBadge/index.esm.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/Badge/TextBadge/index.tsx
-var i = ({ children: i, badge: a }) => /* @__PURE__ */ r(t, {
-	type: a.type,
-	children: [i, /* @__PURE__ */ n(e, { ...a })]
+var i = ({ children: i, badge: a }) => /* @__PURE__ */ r("div", {
+	className: e("flex", a.type === "dot" ? "items-start gap-px" : "items-center gap-[3px]"),
+	"data-slot": "text-badge",
+	children: [i, /* @__PURE__ */ n(t, { ...a })]
 });
 //#endregion
 export { i as TextBadge };

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./IconBadge/index.cjs.js`),t=require(`./TextBadge/index.cjs.js`);exports.IconBadge=e.IconBadge,exports.TextBadge=t.TextBadge;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./IconBadge/index.cjs.js"),t=require("./TextBadge/index.cjs.js");exports.IconBadge=e.IconBadge,exports.TextBadge=t.TextBadge;

package/dist/components/Button/BaseButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../Loading/Spinner/index.cjs.js`),t=require(`../../ui/button.cjs.js`);let n=require(`react/jsx-runtime`);function r({children:r,isLoading:i,disabled:a,...o}){return(0,n.jsx)(t.Button,{disabled:a||i,...o,children:i?(0,n.jsx)(`div`,{className:`h-[25px] w-[25px]`,children:(0,n.jsx)(e.Spinner,{colorType:`white`})}):r})}exports.BaseButton=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../chunks/Spinner.CU8SLZiI.js"),t=require("../../ui/button.cjs.js");let n=require("react/jsx-runtime");function r({children:r,isLoading:i,disabled:a,...o}){return(0,n.jsx)(t.Button,{disabled:a||i,...o,children:i?(0,n.jsx)(e.t,{colorType:`white`}):r})}exports.BaseButton=r;

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

@@ -5,7 +5,7 @@ type BaseProps = PropsWithChildren<React.ButtonHTMLAttributes<HTMLButtonElement>
     isLoading?: boolean;
 }>;
 type BaseButtonProps = BaseProps & SingleButtonColorStyleParams;
-declare function BaseButton({ children, isLoading, disabled, ...props }: BaseButtonProps): import("react/jsx-runtime").JSX.Element;
+declare function BaseButton({ children, isLoading, disabled, ...props }: BaseButtonProps): React.JSX.Element;
 export type { BaseButtonProps };
 export { BaseButton };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/BaseButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAGnE,KAAK,SAAS,GAAG,iBAAiB,CACjC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CACD,CAAC;AAEF,KAAK,eAAe,GAAG,SAAS,GAAG,4BAA4B,CAAC;AAEhE,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,2CAY/E;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/BaseButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,gBAAgB,CAAC;AAGnE,KAAK,SAAS,GAAG,iBAAiB,CACjC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IAC/C,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CACD,CAAC;AAEF,KAAK,eAAe,GAAG,SAAS,GAAG,4BAA4B,CAAC;AAEhE,iBAAS,UAAU,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,eAAe,qBAM/E;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;AAChC,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/Button/BaseButton/index.esm.js

@@ -1,4 +1,4 @@
-import { Spinner as e } from "../../Loading/Spinner/index.esm.js";
+import { t as e } from "../../../chunks/Spinner.C7NCfrzp.js";
 import { Button as t } from "../../ui/button.esm.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/Button/BaseButton/index.tsx
@@ -6,10 +6,7 @@ function r({ children: r, isLoading: i, disabled: a, ...o }) {
 	return /* @__PURE__ */ n(t, {
 		disabled: a || i,
 		...o,
-		children: i ? /* @__PURE__ */ n("div", {
-			className: "h-[25px] w-[25px]",
-			children: /* @__PURE__ */ n(e, { colorType: "white" })
-		}) : r
+		children: i ? /* @__PURE__ */ n(e, { colorType: "white" }) : r
 	});
 }
 //#endregion

package/dist/components/Button/DoubleButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../ui/button.cjs.js`);let t=require(`react/jsx-runtime`);var n=({left:n,right:r})=>(0,t.jsxs)(`div`,{className:`flex w-full gap-[10px]`,children:[(0,t.jsx)(e.Button,{...n,purpose:n?.purpose||`sub`,children:n.children}),(0,t.jsx)(e.Button,{...r,purpose:r?.purpose||`main`,type:r?.type||`submit`,children:r.children})]});exports.DoubleButton=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../ui/button.cjs.js");let t=require("react/jsx-runtime");var n=({left:n,right:r})=>(0,t.jsxs)(`div`,{className:`flex w-full gap-[10px]`,children:[(0,t.jsx)(e.Button,{...n,purpose:n?.purpose||`sub`,children:n.children}),(0,t.jsx)(e.Button,{...r,purpose:r?.purpose||`main`,type:r?.type||`submit`,children:r.children})]});exports.DoubleButton=n;

package/dist/components/Button/FloatBaseButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../../constants/style.constants.cjs.js`),t=require(`../../MiniButton/UnderLineMiniButton/index.cjs.js`);require(`../../MiniButton/index.cjs.js`);let n=require(`react/jsx-runtime`);var r=({children:r,underlineText:i,underlineUrl:a,underlineOnClick:o,underlineDisabled:s})=>(0,n.jsx)(`div`,{className:`fixed bottom-0 left-0 w-full`,style:{zIndex:e.zIndex.gnb},children:(0,n.jsxs)(`div`,{className:`relative box-border w-full`,children:[(0,n.jsx)(`div`,{className:`h-[55px] w-full bg-gradient-to-b from-[rgba(255,255,255,0.01)] to-white`}),i&&(0,n.jsx)(`div`,{className:`relative flex h-[48px] w-full justify-center bg-white`,children:(0,n.jsx)(t.UnderLineMiniButton,{colorType:`gray`,disabled:s,onClick:o,size:`m`,url:a,children:i})}),(0,n.jsx)(`div`,{className:`h-[65px] w-full bg-white`}),(0,n.jsx)(`div`,{className:`absolute bottom-[20px] left-1/2 flex w-full -translate-x-1/2 px-[20px]`,children:r})]})});exports.FloatBaseButton=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../constants/style.constants.cjs.js"),t=require("../../MiniButton/UnderLineMiniButton/index.cjs.js");require("../../MiniButton/index.cjs.js");let n=require("react/jsx-runtime");var r=({children:r,underlineText:i,underlineUrl:a,underlineOnClick:o,underlineDisabled:s})=>(0,n.jsx)(`div`,{className:`fixed bottom-0 left-0 w-full`,style:{zIndex:e.zIndex.gnb},children:(0,n.jsxs)(`div`,{className:`relative box-border w-full`,children:[(0,n.jsx)(`div`,{className:`h-[55px] w-full bg-gradient-to-b from-[rgba(255,255,255,0.01)] to-white`}),i&&(0,n.jsx)(`div`,{className:`relative flex h-[48px] w-full justify-center bg-white [&>*]:relative [&>*]:-top-0.5`,children:(0,n.jsx)(t.UnderLineMiniButton,{colorType:`gray`,disabled:s,onClick:o,size:`m`,url:a,children:i})}),(0,n.jsx)(`div`,{className:`h-[65px] w-full bg-white`}),(0,n.jsx)(`div`,{className:`absolute bottom-[20px] left-1/2 flex w-full -translate-x-1/2 px-[20px]`,children:r})]})});exports.FloatBaseButton=r;

package/dist/components/Button/FloatBaseButton/index.esm.js

@@ -11,7 +11,7 @@ var i = ({ children: i, underlineText: a, underlineUrl: o, underlineOnClick: s,
 		children: [
 			/* @__PURE__ */ n("div", { className: "h-[55px] w-full bg-gradient-to-b from-[rgba(255,255,255,0.01)] to-white" }),
 			a && /* @__PURE__ */ n("div", {
-				className: "relative flex h-[48px] w-full justify-center bg-white",
+				className: "relative flex h-[48px] w-full justify-center bg-white [&>*]:relative [&>*]:-top-0.5",
 				children: /* @__PURE__ */ n(t, {
 					colorType: "gray",
 					disabled: c,

package/dist/components/Button/FloatDoubleButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../ui/button.cjs.js`),t=require(`../FloatBaseButton/index.cjs.js`);let n=require(`react/jsx-runtime`);var r=r=>{let{underlineText:i,underlineUrl:a,underlineOnClick:o,underlineDisabled:s,...c}=r;return(0,n.jsx)(t.FloatBaseButton,{underlineDisabled:s,underlineOnClick:o,underlineText:i,underlineUrl:a,children:(0,n.jsxs)(`div`,{className:`flex w-full gap-[10px]`,children:[(0,n.jsx)(e.Button,{...c.left,className:c.left.className,colorType:c.left.colorType,disabled:c.left.disabled,onClick:c.left.onClick,purpose:`sub`,children:c.left.children}),(0,n.jsx)(e.Button,{...c.right,className:c.right.className,colorType:c.right.colorType,disabled:c.right.disabled,onClick:c.right.onClick,purpose:`main`,type:c.right.type||`submit`,children:c.right.children})]})})};exports.FloatDoubleButton=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../ui/button.cjs.js"),t=require("../FloatBaseButton/index.cjs.js");let n=require("react/jsx-runtime");var r=r=>{let{underlineText:i,underlineUrl:a,underlineOnClick:o,underlineDisabled:s,...c}=r;return(0,n.jsx)(t.FloatBaseButton,{underlineDisabled:s,underlineOnClick:o,underlineText:i,underlineUrl:a,children:(0,n.jsxs)(`div`,{className:`flex w-full gap-[10px]`,children:[(0,n.jsx)(e.Button,{...c.left,className:c.left.className,colorType:c.left.colorType,disabled:c.left.disabled,onClick:c.left.onClick,purpose:`sub`,children:c.left.children}),(0,n.jsx)(e.Button,{...c.right,className:c.right.className,colorType:c.right.colorType,disabled:c.right.disabled,onClick:c.right.onClick,purpose:`main`,type:c.right.type||`submit`,children:c.right.children})]})})};exports.FloatDoubleButton=r;

package/dist/components/Button/FloatSingleButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../ui/button.cjs.js`),t=require(`../FloatBaseButton/index.cjs.js`);let n=require(`react/jsx-runtime`);var r=({underlineText:r,underlineUrl:i,underlineOnClick:a,underlineDisabled:o,children:s,...c})=>(0,n.jsx)(t.FloatBaseButton,{underlineDisabled:o,underlineOnClick:a,underlineText:r,underlineUrl:i,children:(0,n.jsx)(e.Button,{...c,children:s})});exports.FloatSingleButton=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../ui/button.cjs.js"),t=require("../FloatBaseButton/index.cjs.js");let n=require("react/jsx-runtime");var r=({underlineText:r,underlineUrl:i,underlineOnClick:a,underlineDisabled:o,children:s,...c})=>(0,n.jsx)(t.FloatBaseButton,{underlineDisabled:o,underlineOnClick:a,underlineText:r,underlineUrl:i,children:(0,n.jsx)(e.Button,{...c,children:s})});exports.FloatSingleButton=r;

package/dist/components/Button/SingleButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);const e=require(`../../ui/button.cjs.js`);let t=require(`react/jsx-runtime`);var n=({colorType:n,children:r,purpose:i=`main`,...a})=>(0,t.jsx)(e.Button,{...a,colorType:n,purpose:i,children:r});exports.SingleButton=n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../ui/button.cjs.js");let t=require("react/jsx-runtime");var n=({colorType:n,children:r,purpose:i=`main`,...a})=>(0,t.jsx)(e.Button,{...a,colorType:n,purpose:i,children:r});exports.SingleButton=n;

package/dist/components/Button/TestButton/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../../chunks/chunk.BwUGlERp.js`);let e=require(`react/jsx-runtime`);var t=()=>(0,e.jsx)(`button`,{className:`rounded bg-red-500 px-4 py-2 text-white hover:bg-red-600`,children:`Tailwind Button`});exports.TestButton=t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require("react/jsx-runtime");var t=()=>(0,e.jsx)(`button`,{className:`rounded bg-red-500 px-4 py-2 text-white hover:bg-red-600`,children:`Tailwind Button`});exports.TestButton=t;

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

@@ -1,3 +1,3 @@
-declare const TestButton: () => import("react/jsx-runtime").JSX.Element;
+declare const TestButton: () => import("react").JSX.Element;
 export { TestButton };
 //# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./DoubleButton/index.cjs.js`),t=require(`./FloatBaseButton/index.cjs.js`),n=require(`./FloatDoubleButton/index.cjs.js`),r=require(`./FloatSingleButton/index.cjs.js`),i=require(`./SingleButton/index.cjs.js`),a=require(`./TestButton/index.cjs.js`);exports.DoubleButton=e.DoubleButton,exports.FloatBaseButton=t.FloatBaseButton,exports.FloatDoubleButton=n.FloatDoubleButton,exports.FloatSingleButton=r.FloatSingleButton,exports.SingleButton=i.SingleButton,exports.TestButton=a.TestButton;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./DoubleButton/index.cjs.js"),t=require("./FloatBaseButton/index.cjs.js"),n=require("./FloatDoubleButton/index.cjs.js"),r=require("./FloatSingleButton/index.cjs.js"),i=require("./SingleButton/index.cjs.js"),a=require("./TestButton/index.cjs.js");exports.DoubleButton=e.DoubleButton,exports.FloatBaseButton=t.FloatBaseButton,exports.FloatDoubleButton=n.FloatDoubleButton,exports.FloatSingleButton=r.FloatSingleButton,exports.SingleButton=i.SingleButton,exports.TestButton=a.TestButton;

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

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`../../chunks/chunk.BwUGlERp.js`);const e=require(`../../hooks/useLayoutIsMobile.cjs.js`);require(`../../hooks/index.cjs.js`);const t=require(`./index.styled.cjs.js`);let n=require(`react/jsx-runtime`);var r=({fixedSize:r,disabled:i,clickable:a,children:o})=>{let s=e.default(),c=r||(s?`s`:`m`);return(0,n.jsx)(t.Wrapper,{clickable:a,disabled:i,size:c,children:(0,n.jsx)(t.ContentContainer,{disabled:i,children:o})})};exports.Card=r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../chunks/utils.C67s_c-g.js"),t=require("../../chunks/dist.ChAGEqMb.js"),n=require("../../hooks/useLayoutIsMobile.cjs.js");require("../../hooks/index.cjs.js");let r=require("react/jsx-runtime");var i=t.t(`box-border w-full cursor-default bg-white`,{variants:{size:{s:`rounded-[10px]`,m:`rounded-[20px]`},clickable:{true:`cursor-pointer`,false:``},disabled:{true:`cursor-not-allowed`,false:``}},compoundVariants:[{clickable:!0,disabled:!1,class:`hover:bg-white/50 active:bg-white/30`}],defaultVariants:{size:`m`,clickable:!1,disabled:!1}}),a=({fixedSize:t,disabled:a,clickable:o,children:s})=>{let c=n.default();return(0,r.jsx)(`div`,{className:e.t(i({size:t||(c?`s`:`m`),clickable:o,disabled:a})),"data-slot":`card`,children:(0,r.jsx)(`div`,{className:e.t(a&&`opacity-30`),"data-slot":`card-content`,children:s})})};exports.Card=a,exports.cardVariants=i;

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

@@ -1,4 +1,9 @@
 import { default as React } from 'react';
+declare const cardVariants: (props?: ({
+    size?: "s" | "m" | null | undefined;
+    clickable?: boolean | null | undefined;
+    disabled?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
 interface CardProps {
     children: React.ReactNode;
     clickable?: boolean;
@@ -7,5 +12,5 @@ interface CardProps {
 }
 declare const Card: React.FC<CardProps>;
 export type { CardProps };
-export { Card };
+export { Card, cardVariants };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,UAAU,SAAS;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAS7B,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;;;8EAehB,CAAC;AAEH,UAAU,SAAS;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAc7B,CAAC;AAEF,YAAY,EAAE,SAAS,EAAE,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC"}

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

@@ -1,19 +1,49 @@
-import e from "../../hooks/useLayoutIsMobile.esm.js";
+import { t as e } from "../../chunks/utils.D6DjRYW1.js";
+import { t } from "../../chunks/dist.BQo0PXod.js";
+import n from "../../hooks/useLayoutIsMobile.esm.js";
 import "../../hooks/index.esm.js";
-import { ContentContainer as t, Wrapper as n } from "./index.styled.esm.js";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Card/index.tsx
-var i = ({ fixedSize: i, disabled: a, clickable: o, children: s }) => {
-	let c = e();
-	return /* @__PURE__ */ r(n, {
-		clickable: o,
-		disabled: a,
-		size: i || (c ? "s" : "m"),
-		children: /* @__PURE__ */ r(t, {
-			disabled: a,
+var i = t("box-border w-full cursor-default bg-white", {
+	variants: {
+		size: {
+			s: "rounded-[10px]",
+			m: "rounded-[20px]"
+		},
+		clickable: {
+			true: "cursor-pointer",
+			false: ""
+		},
+		disabled: {
+			true: "cursor-not-allowed",
+			false: ""
+		}
+	},
+	compoundVariants: [{
+		clickable: !0,
+		disabled: !1,
+		class: "hover:bg-white/50 active:bg-white/30"
+	}],
+	defaultVariants: {
+		size: "m",
+		clickable: !1,
+		disabled: !1
+	}
+}), a = ({ fixedSize: t, disabled: a, clickable: o, children: s }) => {
+	let c = n();
+	return /* @__PURE__ */ r("div", {
+		className: e(i({
+			size: t || (c ? "s" : "m"),
+			clickable: o,
+			disabled: a
+		})),
+		"data-slot": "card",
+		children: /* @__PURE__ */ r("div", {
+			className: e(a && "opacity-30"),
+			"data-slot": "card-content",
 			children: s
 		})
 	});
 };
 //#endregion
-export { i as Card };
+export { a as Card, i as cardVariants };

package/dist/components/Chips/BasicChips/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../index.cjs.js`);exports.BasicChips=e.BasicChips;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../ChipItem/index.cjs.js"),t=require("../ChipsFrame/index.cjs.js");let n=require("react/jsx-runtime");var r=r=>{let i=r.value.length>0?{type:`reset`,onClick:()=>{r.onChange([])}}:void 0,a=e=>{let t=r.value.indexOf(e);if(t===-1)r.onChange([...r.value,e]);else{let e=r.value,n=[...e.slice(0,t),...e.slice(t+1)];r.onChange(n)}};return(0,n.jsx)(t.ChipsFrame,{colorType:r.colorType,icon:i,type:`basic`,children:r.list.map((t,i)=>(0,n.jsx)(e.ChipItem,{colorType:r.colorType,displayValue:t.label,onClick:()=>a(t.value),onReset:()=>a(t.value),selected:r.value.includes(t.value),type:`basic`},i))})};exports.BasicChips=r;

package/dist/components/Chips/BasicChips/index.esm.js

@@ -1,2 +1,34 @@
-import { BasicChips as e } from "../../../index.esm.js";
-export { e as BasicChips };
+import { ChipItem as e } from "../ChipItem/index.esm.js";
+import { ChipsFrame as t } from "../ChipsFrame/index.esm.js";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/Chips/BasicChips/index.tsx
+var r = (r) => {
+	let i = r.value.length > 0 ? {
+		type: "reset",
+		onClick: () => {
+			r.onChange([]);
+		}
+	} : void 0, a = (e) => {
+		let t = r.value.indexOf(e);
+		if (t === -1) r.onChange([...r.value, e]);
+		else {
+			let e = r.value, n = [...e.slice(0, t), ...e.slice(t + 1)];
+			r.onChange(n);
+		}
+	};
+	return /* @__PURE__ */ n(t, {
+		colorType: r.colorType,
+		icon: i,
+		type: "basic",
+		children: r.list.map((t, i) => /* @__PURE__ */ n(e, {
+			colorType: r.colorType,
+			displayValue: t.label,
+			onClick: () => a(t.value),
+			onReset: () => a(t.value),
+			selected: r.value.includes(t.value),
+			type: "basic"
+		}, i))
+	});
+};
+//#endregion
+export { r as BasicChips };

package/dist/components/Chips/ChipItem/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`../../../index.cjs.js`);exports.ChipItem=e.ChipItem;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../../../icons/src/icons/Cancel.cjs.js"),t=require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/aliases/index.cjs.js");const n=require("../../../chunks/utils.C67s_c-g.js"),r=require("../../../chunks/dist.ChAGEqMb.js"),i=require("../../../core/Typography/index.cjs.js");let a=require("react/jsx-runtime");var o=r.t(`inline-flex h-[38px] min-w-max items-center gap-0.5 rounded-[22px] border py-2 pl-3`,{variants:{colorType:{pink:``,red:``,orange:``,yellow:``,lime:``,green:``,mint:``,skyblue:``,blue:``,indigo:``,purple:``,gray:``},selected:{true:`border-transparent [&_.chip-item-text]:text-white [&_svg>path]:fill-white`,false:`cursor-pointer bg-white`},disabled:{true:``,false:``},hasRightIcon:{true:`pr-[7px]`,false:`pr-3`}},compoundVariants:[{selected:!1,disabled:!1,class:`border-gray-50 [&_.chip-item-text]:text-gray-700 [&_svg>path]:fill-gray-300`},{selected:!1,disabled:!0,class:`border-gray-25 [&_.chip-item-text]:text-gray-100 [&_svg>path]:fill-gray-100`},{selected:!0,disabled:!1,colorType:`pink`,class:`bg-pink-400`},{selected:!0,disabled:!1,colorType:`red`,class:`bg-red-400`},{selected:!0,disabled:!1,colorType:`orange`,class:`bg-orange-400`},{selected:!0,disabled:!1,colorType:`yellow`,class:`bg-yellow-400`},{selected:!0,disabled:!1,colorType:`lime`,class:`bg-lime-400`},{selected:!0,disabled:!1,colorType:`green`,class:`bg-green-400`},{selected:!0,disabled:!1,colorType:`mint`,class:`bg-mint-400`},{selected:!0,disabled:!1,colorType:`skyblue`,class:`bg-skyblue-400`},{selected:!0,disabled:!1,colorType:`blue`,class:`bg-blue-400`},{selected:!0,disabled:!1,colorType:`indigo`,class:`bg-indigo-400`},{selected:!0,disabled:!1,colorType:`purple`,class:`bg-purple-400`},{selected:!0,disabled:!1,colorType:`gray`,class:`bg-gray-400`},{selected:!0,disabled:!0,colorType:`pink`,class:`bg-pink-100`},{selected:!0,disabled:!0,colorType:`red`,class:`bg-red-100`},{selected:!0,disabled:!0,colorType:`orange`,class:`bg-orange-100`},{selected:!0,disabled:!0,colorType:`yellow`,class:`bg-yellow-100`},{selected:!0,disabled:!0,colorType:`lime`,class:`bg-lime-100`},{selected:!0,disabled:!0,colorType:`green`,class:`bg-green-100`},{selected:!0,disabled:!0,colorType:`mint`,class:`bg-mint-100`},{selected:!0,disabled:!0,colorType:`skyblue`,class:`bg-skyblue-100`},{selected:!0,disabled:!0,colorType:`blue`,class:`bg-blue-100`},{selected:!0,disabled:!0,colorType:`indigo`,class:`bg-indigo-100`},{selected:!0,disabled:!0,colorType:`purple`,class:`bg-purple-100`},{selected:!0,disabled:!0,colorType:`gray`,class:`bg-gray-100`}],defaultVariants:{selected:!1,disabled:!1,hasRightIcon:!1}}),s=({type:r,colorType:s,displayValue:c,disabled:l=!1,selected:u=!1,onClick:d,onReset:f})=>(0,a.jsxs)(`span`,{className:n.t(o({colorType:s,selected:u,disabled:l,hasRightIcon:u||r===`select`})),"data-slot":`chip-item`,onClick:d,children:[(0,a.jsx)(i.Title3,{className:`chip-item-text`,children:c}),u&&(0,a.jsx)(`span`,{className:`flex cursor-pointer`,"data-slot":`chip-item-reset`,onClick:e=>{e.stopPropagation(),f?.()},children:(0,a.jsx)(e.default,{size:18})}),!u&&r===`select`&&(0,a.jsx)(t.default,{size:18})]});exports.ChipItem=s;

package/dist/components/Chips/ChipItem/index.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ColorType } from '../../..';
+import { ColorType } from '../../../utils';
 import { ChipsType } from '../type';
 interface ChipItemProps {
     colorType: ColorType;

package/dist/components/Chips/ChipItem/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chips/ChipItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,KAAK,SAAS,EAAU,MAAM,UAAU,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAGzC,UAAU,aAAa;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;CAChB;AACD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiCrC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Chips/ChipItem/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACzC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAwEzC,UAAU,aAAa;IACtB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;CAChB;AACD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAiCrC,CAAC;AAEF,YAAY,EAAE,aAAa,EAAE,CAAC;AAC9B,OAAO,EAAE,QAAQ,EAAE,CAAC"}