gd-design-library 1.0.2 → 1.2.0

package/assets/icons/local_shipping.js

@@ -1,17 +1,10 @@
 "use client";
 import { jsx as C } from "@emotion/react/jsx-runtime";
-import { icon as n } from "../../tokens/icon.js";
-import { SizeVariant as h } from "../../types/common.js";
-const {
-  width: l,
-  height: s
-} = n.size[h.Xs], H = ({
-  width: t = l,
-  height: i = s,
+const e = ({
   fillSvg: o = "none",
-  fill: e = "currentColor",
+  fill: n = "currentColor",
   ...r
-}) => /* @__PURE__ */ C("svg", { width: t, height: i, viewBox: "0 0 17 16", fill: o, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ C("path", { d: "M13.5001 5.33335H11.8334V4.00002C11.8334 3.26669 11.2334 2.66669 10.5001 2.66669H2.50008C1.76675 2.66669 1.16675 3.26669 1.16675 4.00002V10C1.16675 10.7334 1.76675 11.3334 2.50008 11.3334C2.50008 12.44 3.39341 13.3334 4.50008 13.3334C5.60675 13.3334 6.50008 12.44 6.50008 11.3334H10.5001C10.5001 12.44 11.3934 13.3334 12.5001 13.3334C13.6067 13.3334 14.5001 12.44 14.5001 11.3334H15.1667C15.5334 11.3334 15.8334 11.0334 15.8334 10.6667V8.44669C15.8334 8.16002 15.7401 7.88002 15.5667 7.64669L14.0334 5.60002C13.9067 5.43335 13.7067 5.33335 13.5001 5.33335ZM4.50008 12C4.13341 12 3.83341 11.7 3.83341 11.3334C3.83341 10.9667 4.13341 10.6667 4.50008 10.6667C4.86675 10.6667 5.16675 10.9667 5.16675 11.3334C5.16675 11.7 4.86675 12 4.50008 12ZM13.5001 6.33335L14.8067 8.00002H11.8334V6.33335H13.5001ZM12.5001 12C12.1334 12 11.8334 11.7 11.8334 11.3334C11.8334 10.9667 12.1334 10.6667 12.5001 10.6667C12.8667 10.6667 13.1667 10.9667 13.1667 11.3334C13.1667 11.7 12.8667 12 12.5001 12Z", fill: e }) });
+}) => /* @__PURE__ */ C("svg", { viewBox: "0 0 17 16", fill: o, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ C("path", { d: "M13.5001 5.33335H11.8334V4.00002C11.8334 3.26669 11.2334 2.66669 10.5001 2.66669H2.50008C1.76675 2.66669 1.16675 3.26669 1.16675 4.00002V10C1.16675 10.7334 1.76675 11.3334 2.50008 11.3334C2.50008 12.44 3.39341 13.3334 4.50008 13.3334C5.60675 13.3334 6.50008 12.44 6.50008 11.3334H10.5001C10.5001 12.44 11.3934 13.3334 12.5001 13.3334C13.6067 13.3334 14.5001 12.44 14.5001 11.3334H15.1667C15.5334 11.3334 15.8334 11.0334 15.8334 10.6667V8.44669C15.8334 8.16002 15.7401 7.88002 15.5667 7.64669L14.0334 5.60002C13.9067 5.43335 13.7067 5.33335 13.5001 5.33335ZM4.50008 12C4.13341 12 3.83341 11.7 3.83341 11.3334C3.83341 10.9667 4.13341 10.6667 4.50008 10.6667C4.86675 10.6667 5.16675 10.9667 5.16675 11.3334C5.16675 11.7 4.86675 12 4.50008 12ZM13.5001 6.33335L14.8067 8.00002H11.8334V6.33335H13.5001ZM12.5001 12C12.1334 12 11.8334 11.7 11.8334 11.3334C11.8334 10.9667 12.1334 10.6667 12.5001 10.6667C12.8667 10.6667 13.1667 10.9667 13.1667 11.3334C13.1667 11.7 12.8667 12 12.5001 12Z", fill: n }) });
 export {
-  H as LocalShippingIcon
+  e as LocalShippingIcon
 };

package/assets/icons/minus.d.ts

@@ -1,7 +1,5 @@
-export declare const MinusIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const MinusIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/minus.js

@@ -1,16 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as s } from "../../tokens/icon.js";
-const {
-  width: h,
-  height: l
-} = s.size.xs, w = ({
-  width: o = h,
-  height: i = l,
-  fillSvg: e = "none",
-  fill: n = "currentColor",
-  ...r
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 14 2", fill: e, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M13 2H1C0.45 2 0 1.55 0 1C0 0.45 0.45 0 1 0H13C13.55 0 14 0.45 14 1C14 1.55 13.55 2 13 2Z", fill: n }) });
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const s = ({
+  fillSvg: n = "none",
+  fill: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 14 2", fill: n, xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ o("path", { d: "M13 2H1C0.45 2 0 1.55 0 1C0 0.45 0.45 0 1 0H13C13.55 0 14 0.45 14 1C14 1.55 13.55 2 13 2Z", fill: r }) });
 export {
-  w as MinusIcon
+  s as MinusIcon
 };

package/assets/icons/mobile_menu_button.d.ts

@@ -1,7 +1,5 @@
-export declare const MobileMenuIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const MobileMenuIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/mobile_menu_button.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as n } from "../../tokens/icon.js";
-import { SizeVariant as l } from "../../types/common.js";
-const {
-  width: s,
-  height: h
-} = n.size[l.Xs], d = ({
-  width: o = s,
-  height: i = h,
-  fillSvg: e = "none",
-  fill: r = "currentColor",
-  ...C
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 40 40", fill: e, xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ t("path", { d: "M12 26H28C28.55 26 29 25.55 29 25C29 24.45 28.55 24 28 24H12C11.45 24 11 24.45 11 25C11 25.55 11.45 26 12 26ZM12 21H28C28.55 21 29 20.55 29 20C29 19.45 28.55 19 28 19H12C11.45 19 11 19.45 11 20C11 20.55 11.45 21 12 21ZM11 15C11 15.55 11.45 16 12 16H28C28.55 16 29 15.55 29 15C29 14.45 28.55 14 28 14H12C11.45 14 11 14.45 11 15Z", fill: r }) });
+import { jsx as C } from "@emotion/react/jsx-runtime";
+const t = ({
+  fillSvg: o = "none",
+  fill: e = "currentColor",
+  ...n
+}) => /* @__PURE__ */ C("svg", { viewBox: "0 0 40 40", fill: o, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ C("path", { d: "M12 26H28C28.55 26 29 25.55 29 25C29 24.45 28.55 24 28 24H12C11.45 24 11 24.45 11 25C11 25.55 11.45 26 12 26ZM12 21H28C28.55 21 29 20.55 29 20C29 19.45 28.55 19 28 19H12C11.45 19 11 19.45 11 20C11 20.55 11.45 21 12 21ZM11 15C11 15.55 11.45 16 12 16H28C28.55 16 29 15.55 29 15C29 14.45 28.55 14 28 14H12C11.45 14 11 14.45 11 15Z", fill: e }) });
 export {
-  d as MobileMenuIcon
+  t as MobileMenuIcon
 };

package/assets/icons/paymentCard.d.ts

@@ -1,7 +1,5 @@
-export declare const PaymentCardIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const PaymentCardIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/paymentCard.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as m } from "../../tokens/icon.js";
-import { SizeVariant as h } from "../../types/common.js";
-const {
-  width: l,
-  height: s
-} = m.size[h.Sm], H = ({
-  width: o = l,
-  height: i = s,
-  fillSvg: e = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const l = ({
+  fillSvg: n = "none",
   fill: r = "currentColor",
-  ...n
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, fill: e, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ t("path", { d: "M22 4H2.01L2 20H22V4ZM20 18H4V12H20V18ZM20 8H4V6H20V8Z", fill: r }) });
+  ...t
+}) => /* @__PURE__ */ o("svg", { fill: n, viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ o("path", { d: "M22 4H2.01L2 20H22V4ZM20 18H4V12H20V18ZM20 8H4V6H20V8Z", fill: r }) });
 export {
-  H as PaymentCardIcon
+  l as PaymentCardIcon
 };

package/assets/icons/plus.d.ts

@@ -1,7 +1,5 @@
-export declare const PlusIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const PlusIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/plus.js

@@ -1,16 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as s } from "../../tokens/icon.js";
-const {
-  width: l,
-  height: C
-} = s.size.xs, d = ({
-  width: o = l,
-  height: e = C,
-  fillSvg: i = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const e = ({
+  fillSvg: C = "none",
   fill: n = "currentColor",
   ...r
-}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 14 14", fill: i, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M13 8H8V13C8 13.55 7.55 14 7 14C6.45 14 6 13.55 6 13V8H1C0.45 8 0 7.55 0 7C0 6.45 0.45 6 1 6H6V1C6 0.45 6.45 0 7 0C7.55 0 8 0.45 8 1V6H13C13.55 6 14 6.45 14 7C14 7.55 13.55 8 13 8Z", fill: n }) });
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 14 14", fill: C, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o("path", { d: "M13 8H8V13C8 13.55 7.55 14 7 14C6.45 14 6 13.55 6 13V8H1C0.45 8 0 7.55 0 7C0 6.45 0.45 6 1 6H6V1C6 0.45 6.45 0 7 0C7.55 0 8 0.45 8 1V6H13C13.55 6 14 6.45 14 7C14 7.55 13.55 8 13 8Z", fill: n }) });
 export {
-  d as PlusIcon
+  e as PlusIcon
 };

package/assets/icons/portrait.d.ts

@@ -1,7 +1,5 @@
-export declare const PortraitIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const PortraitIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/portrait.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as h } from "../../tokens/icon.js";
-import { SizeVariant as l } from "../../types/common.js";
-const {
-  width: m,
-  height: s
-} = h.size[l.Sm], a = ({
-  width: o = m,
-  height: i = s,
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const C = ({
   fillSvg: r = "none",
-  fill: e = "currentColor",
+  fill: t = "currentColor",
   ...n
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: r, ...n, children: /* @__PURE__ */ t("path", { d: "M8 8.16667C8.82667 8.16667 9.5 7.49333 9.5 6.66667C9.5 5.84 8.82667 5.16667 8 5.16667C7.17333 5.16667 6.5 5.84 6.5 6.66667C6.5 7.49333 7.17333 8.16667 8 8.16667ZM11 10.8333C11 9.83333 9 9.33333 8 9.33333C7 9.33333 5 9.83333 5 10.8333V11.3333H11V10.8333ZM14 2H2V14H14V2ZM12.6667 12.6667H3.33333V3.33333H12.6667V12.6667Z", fill: e }) });
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: r, ...n, children: /* @__PURE__ */ o("path", { d: "M8 8.16667C8.82667 8.16667 9.5 7.49333 9.5 6.66667C9.5 5.84 8.82667 5.16667 8 5.16667C7.17333 5.16667 6.5 5.84 6.5 6.66667C6.5 7.49333 7.17333 8.16667 8 8.16667ZM11 10.8333C11 9.83333 9 9.33333 8 9.33333C7 9.33333 5 9.83333 5 10.8333V11.3333H11V10.8333ZM14 2H2V14H14V2ZM12.6667 12.6667H3.33333V3.33333H12.6667V12.6667Z", fill: t }) });
 export {
-  a as PortraitIcon
+  C as PortraitIcon
 };

package/assets/icons/processing.d.ts

@@ -1,7 +1,5 @@
-export declare const ProcessingIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const ProcessingIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/processing.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as s } from "../../tokens/icon.js";
-import { SizeVariant as C } from "../../types/common.js";
-const {
-  width: c,
-  height: h
-} = s.size[C.Sm], f = ({
-  width: o = c,
-  height: i = h,
-  fillSvg: e = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const s = ({
+  fillSvg: n = "none",
   fill: r = "currentColor",
-  ...n
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, fill: e, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ t("path", { d: "M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM10.5 5H9V11L14.25 14.15L15 12.92L10.5 10.25V5Z", fill: r }) });
+  ...C
+}) => /* @__PURE__ */ o("svg", { fill: n, viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ o("path", { d: "M9.99 0C4.47 0 0 4.48 0 10C0 15.52 4.47 20 9.99 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 9.99 0ZM10 18C5.58 18 2 14.42 2 10C2 5.58 5.58 2 10 2C14.42 2 18 5.58 18 10C18 14.42 14.42 18 10 18ZM10.5 5H9V11L14.25 14.15L15 12.92L10.5 10.25V5Z", fill: r }) });
 export {
-  f as ProcessingIcon
+  s as ProcessingIcon
 };

package/assets/icons/ruler.d.ts

@@ -1,7 +1,5 @@
-export declare const RulerIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const RulerIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/ruler.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as V } from "../../tokens/icon.js";
-import { SizeVariant as n } from "../../types/common.js";
-const {
-  width: l,
-  height: H
-} = V.size[n.Sm], c = ({
-  width: C = l,
-  height: o = H,
-  fillSvg: i = "none",
-  fill: e = "currentColor",
+import { jsx as C } from "@emotion/react/jsx-runtime";
+const n = ({
+  fillSvg: V = "none",
+  fill: o = "currentColor",
   ...r
-}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: C, height: o, viewBox: "0 0 16 16", fill: i, ...r, children: /* @__PURE__ */ t("path", { d: "M13.9998 4H1.99984C1.2665 4 0.666504 4.6 0.666504 5.33333V10.6667C0.666504 11.4 1.2665 12 1.99984 12H13.9998C14.7332 12 15.3332 11.4 15.3332 10.6667V5.33333C15.3332 4.6 14.7332 4 13.9998 4ZM13.3332 10.6667H2.6665C2.29984 10.6667 1.99984 10.3667 1.99984 10V6C1.99984 5.63333 2.29984 5.33333 2.6665 5.33333H3.33317V7.33333C3.33317 7.7 3.63317 8 3.99984 8C4.3665 8 4.6665 7.7 4.6665 7.33333V5.33333H5.99984V7.33333C5.99984 7.7 6.29984 8 6.6665 8C7.03317 8 7.33317 7.7 7.33317 7.33333V5.33333H8.6665V7.33333C8.6665 7.7 8.9665 8 9.33317 8C9.69984 8 9.99984 7.7 9.99984 7.33333V5.33333H11.3332V7.33333C11.3332 7.7 11.6332 8 11.9998 8C12.3665 8 12.6665 7.7 12.6665 7.33333V5.33333H13.3332C13.6998 5.33333 13.9998 5.63333 13.9998 6V10C13.9998 10.3667 13.6998 10.6667 13.3332 10.6667Z", fill: e }) });
+}) => /* @__PURE__ */ C("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: V, ...r, children: /* @__PURE__ */ C("path", { d: "M13.9998 4H1.99984C1.2665 4 0.666504 4.6 0.666504 5.33333V10.6667C0.666504 11.4 1.2665 12 1.99984 12H13.9998C14.7332 12 15.3332 11.4 15.3332 10.6667V5.33333C15.3332 4.6 14.7332 4 13.9998 4ZM13.3332 10.6667H2.6665C2.29984 10.6667 1.99984 10.3667 1.99984 10V6C1.99984 5.63333 2.29984 5.33333 2.6665 5.33333H3.33317V7.33333C3.33317 7.7 3.63317 8 3.99984 8C4.3665 8 4.6665 7.7 4.6665 7.33333V5.33333H5.99984V7.33333C5.99984 7.7 6.29984 8 6.6665 8C7.03317 8 7.33317 7.7 7.33317 7.33333V5.33333H8.6665V7.33333C8.6665 7.7 8.9665 8 9.33317 8C9.69984 8 9.99984 7.7 9.99984 7.33333V5.33333H11.3332V7.33333C11.3332 7.7 11.6332 8 11.9998 8C12.3665 8 12.6665 7.7 12.6665 7.33333V5.33333H13.3332C13.6998 5.33333 13.9998 5.63333 13.9998 6V10C13.9998 10.3667 13.6998 10.6667 13.3332 10.6667Z", fill: o }) });
 export {
-  c as RulerIcon
+  n as RulerIcon
 };

package/assets/icons/search.d.ts

@@ -1,7 +1,5 @@
-export declare const SearchIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const SearchIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/search.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as C } from "../../tokens/icon.js";
-import { SizeVariant as h } from "../../types/common.js";
-const {
-  width: c,
-  height: l
-} = C.size[h.Sm], d = ({
-  width: o = c,
-  height: i = l,
-  fillSvg: e = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const t = ({
+  fillSvg: C = "none",
   fill: r = "currentColor",
-  ...n
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: e, ...n, children: /* @__PURE__ */ t("path", { d: "M10.3333 9.33333H9.80667L9.62 9.15333C10.2733 8.39333 10.6667 7.40667 10.6667 6.33333C10.6667 3.94 8.72667 2 6.33333 2C3.94 2 2 3.94 2 6.33333C2 8.72667 3.94 10.6667 6.33333 10.6667C7.40667 10.6667 8.39333 10.2733 9.15333 9.62L9.33333 9.80667V10.3333L12.6667 13.66L13.66 12.6667L10.3333 9.33333ZM6.33333 9.33333C4.67333 9.33333 3.33333 7.99333 3.33333 6.33333C3.33333 4.67333 4.67333 3.33333 6.33333 3.33333C7.99333 3.33333 9.33333 4.67333 9.33333 6.33333C9.33333 7.99333 7.99333 9.33333 6.33333 9.33333Z", fill: r }) });
+  ...e
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", fill: C, ...e, children: /* @__PURE__ */ o("path", { d: "M10.3333 9.33333H9.80667L9.62 9.15333C10.2733 8.39333 10.6667 7.40667 10.6667 6.33333C10.6667 3.94 8.72667 2 6.33333 2C3.94 2 2 3.94 2 6.33333C2 8.72667 3.94 10.6667 6.33333 10.6667C7.40667 10.6667 8.39333 10.2733 9.15333 9.62L9.33333 9.80667V10.3333L12.6667 13.66L13.66 12.6667L10.3333 9.33333ZM6.33333 9.33333C4.67333 9.33333 3.33333 7.99333 3.33333 6.33333C3.33333 4.67333 4.67333 3.33333 6.33333 3.33333C7.99333 3.33333 9.33333 4.67333 9.33333 6.33333C9.33333 7.99333 7.99333 9.33333 6.33333 9.33333Z", fill: r }) });
 export {
-  d as SearchIcon
+  t as SearchIcon
 };

package/assets/icons/shopping_bag.d.ts

@@ -1,7 +1,5 @@
-export declare const ShoppingBagIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const ShoppingBagIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/shopping_bag.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as n } from "../../tokens/icon.js";
-import { SizeVariant as h } from "../../types/common.js";
-const {
-  width: l,
-  height: m
-} = n.size[h.Sm], g = ({
-  width: o = l,
-  height: i = m,
-  fillSvg: e = "none",
-  fill: r = "currentColor",
-  ...C
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 24 24", fill: e, xmlns: "http://www.w3.org/2000/svg", ...C, children: /* @__PURE__ */ t("path", { d: "M18 6H16C16 3.79 14.21 2 12 2C9.79 2 8 3.79 8 6H6C4.9 6 4 6.9 4 8V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8C20 6.9 19.1 6 18 6ZM10 10C10 10.55 9.55 11 9 11C8.45 11 8 10.55 8 10V8H10V10ZM12 4C13.1 4 14 4.9 14 6H10C10 4.9 10.9 4 12 4ZM16 10C16 10.55 15.55 11 15 11C14.45 11 14 10.55 14 10V8H16V10Z", fill: r }) });
+import { jsx as C } from "@emotion/react/jsx-runtime";
+const e = ({
+  fillSvg: o = "none",
+  fill: n = "currentColor",
+  ...r
+}) => /* @__PURE__ */ C("svg", { viewBox: "0 0 24 24", fill: o, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ C("path", { d: "M18 6H16C16 3.79 14.21 2 12 2C9.79 2 8 3.79 8 6H6C4.9 6 4 6.9 4 8V20C4 21.1 4.9 22 6 22H18C19.1 22 20 21.1 20 20V8C20 6.9 19.1 6 18 6ZM10 10C10 10.55 9.55 11 9 11C8.45 11 8 10.55 8 10V8H10V10ZM12 4C13.1 4 14 4.9 14 6H10C10 4.9 10.9 4 12 4ZM16 10C16 10.55 15.55 11 15 11C14.45 11 14 10.55 14 10V8H16V10Z", fill: n }) });
 export {
-  g as ShoppingBagIcon
+  e as ShoppingBagIcon
 };

package/assets/icons/slash.d.ts

@@ -1,7 +1,5 @@
-export declare const SlashIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const SlashIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/slash.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as h } from "../../tokens/icon.js";
-import { SizeVariant as l } from "../../types/common.js";
-const {
-  width: s,
-  height: c
-} = h.size[l.Md], f = ({
-  width: o = s,
-  height: i = c,
-  fillSvg: e = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const l = ({
+  fillSvg: n = "none",
   fill: r = "currentColor",
-  ...n
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 5 15", fill: e, xmlns: "http://www.w3.org/2000/svg", ...n, children: /* @__PURE__ */ t("path", { d: "M3.73574 0.0880127L4.98374 0.376013L1.28774 14.664L0.0237427 14.36L3.73574 0.0880127Z", fill: r }) });
+  ...t
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 5 15", fill: n, xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ o("path", { d: "M3.73574 0.0880127L4.98374 0.376013L1.28774 14.664L0.0237427 14.36L3.73574 0.0880127Z", fill: r }) });
 export {
-  f as SlashIcon
+  l as SlashIcon
 };

package/assets/icons/star.d.ts

@@ -1,7 +1,5 @@
-export declare const StarIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const StarIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/star.js

@@ -1,16 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as L } from "../../tokens/icon.js";
-const {
-  width: l,
-  height: h
-} = L.size.lg, d = ({
-  width: o = l,
-  height: e = h,
-  fillSvg: i = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const e = ({
+  fillSvg: L = "none",
   fill: r = "currentColor",
-  ...n
-}) => /* @__PURE__ */ t("svg", { width: o, height: e, viewBox: "0 0 20 19", fill: i, ...n, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ t("path", { d: "M10 15.27L16.18 19L14.54 11.97L20 7.24L12.81 6.63L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27Z", fill: r }) });
+  ...t
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 20 19", fill: L, ...t, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ o("path", { d: "M10 15.27L16.18 19L14.54 11.97L20 7.24L12.81 6.63L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27Z", fill: r }) });
 export {
-  d as StarIcon
+  e as StarIcon
 };

package/assets/icons/starOutlined.d.ts

@@ -1,7 +1,5 @@
-export declare const StarOutlinedIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const StarOutlinedIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/starOutlined.js

@@ -1,16 +1,10 @@
 "use client";
 import { jsx as L } from "@emotion/react/jsx-runtime";
-import { icon as r } from "../../tokens/icon.js";
-const {
-  width: l,
-  height: h
-} = r.size.lg, d = ({
-  width: t = l,
-  height: o = h,
-  fillSvg: e = "none",
-  fill: i = "currentColor",
+const e = ({
+  fillSvg: o = "none",
+  fill: t = "currentColor",
   ...n
-}) => /* @__PURE__ */ L("svg", { width: t, height: o, viewBox: "0 0 20 19", fill: e, ...n, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ L("path", { d: "M20 7.24L12.81 6.62L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27L16.18 19L14.55 11.97L20 7.24ZM10 13.4L6.24 15.67L7.24 11.39L3.92 8.51L8.3 8.13L10 4.1L11.71 8.14L16.09 8.52L12.77 11.4L13.77 15.68L10 13.4Z", fill: i }) });
+}) => /* @__PURE__ */ L("svg", { viewBox: "0 0 20 19", fill: o, ...n, xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ L("path", { d: "M20 7.24L12.81 6.62L10 0L7.19 6.63L0 7.24L5.46 11.97L3.82 19L10 15.27L16.18 19L14.55 11.97L20 7.24ZM10 13.4L6.24 15.67L7.24 11.39L3.92 8.51L8.3 8.13L10 4.1L11.71 8.14L16.09 8.52L12.77 11.4L13.77 15.68L10 13.4Z", fill: t }) });
 export {
-  d as StarOutlinedIcon
+  e as StarOutlinedIcon
 };

package/assets/icons/toast_error.d.ts

@@ -1,7 +1,5 @@
-export declare const ToastErrorIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const ToastErrorIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/toast_error.js

@@ -1,20 +1,14 @@
 "use client";
-import { jsxs as r, jsx as C } from "@emotion/react/jsx-runtime";
-import { icon as e } from "../../tokens/icon.js";
-const {
-  width: i,
-  height: s
-} = e.size.lg, h = ({
-  width: V = i,
-  height: o = s,
-  fillSvg: H = "none",
-  fill: t = "currentColor",
-  ...L
-}) => /* @__PURE__ */ r("svg", { width: V, height: o, viewBox: "0 0 24 24", fill: H, xmlns: "http://www.w3.org/2000/svg", ...L, children: [
-  /* @__PURE__ */ C("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13ZM13 17H11V15H13V17Z", fill: t }),
+import { jsxs as o, jsx as C } from "@emotion/react/jsx-runtime";
+const t = ({
+  fillSvg: L = "none",
+  fill: V = "currentColor",
+  ...H
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: L, xmlns: "http://www.w3.org/2000/svg", ...H, children: [
+  /* @__PURE__ */ C("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 13C11.45 13 11 12.55 11 12V8C11 7.45 11.45 7 12 7C12.55 7 13 7.45 13 8V12C13 12.55 12.55 13 12 13ZM13 17H11V15H13V17Z", fill: V }),
   /* @__PURE__ */ C("path", { d: "M39.35 7.326L39.154 8.796H36.634V17H34.772V8.796H32.168V7.326H39.35ZM42.2938 9.594V17H40.5018V9.594H42.2938ZM41.3838 5.842C41.7198 5.842 41.9905 5.94933 42.1958 6.164C42.4105 6.36933 42.5178 6.626 42.5178 6.934C42.5178 7.242 42.4105 7.49867 42.1958 7.704C41.9905 7.90933 41.7198 8.012 41.3838 8.012C41.0572 8.012 40.7865 7.90933 40.5718 7.704C40.3665 7.49867 40.2638 7.242 40.2638 6.934C40.2638 6.626 40.3665 6.36933 40.5718 6.164C40.7865 5.94933 41.0572 5.842 41.3838 5.842ZM48.695 16.65C48.4337 16.8367 48.1397 16.9767 47.813 17.07C47.4957 17.1633 47.169 17.21 46.833 17.21C46.105 17.2007 45.5497 16.9953 45.167 16.594C44.7937 16.1833 44.607 15.5813 44.607 14.788V10.882H43.445V9.594H44.607V7.956L46.399 7.746V9.594H48.121L47.939 10.882H46.399V14.746C46.399 15.11 46.4597 15.3713 46.581 15.53C46.7117 15.6887 46.9123 15.768 47.183 15.768C47.4537 15.768 47.7477 15.6793 48.065 15.502L48.695 16.65ZM51.3163 17.21C50.7469 17.21 50.2989 17.0467 49.9723 16.72C49.6549 16.384 49.4963 15.9127 49.4963 15.306V6.626L51.2883 6.43V15.25C51.2883 15.5953 51.4283 15.768 51.7083 15.768C51.8483 15.768 51.9883 15.7447 52.1283 15.698L52.5063 16.958C52.1329 17.126 51.7363 17.21 51.3163 17.21ZM59.7028 13.122C59.7028 13.2153 59.6888 13.458 59.6608 13.85H55.0128C55.0688 14.5687 55.2555 15.082 55.5728 15.39C55.8902 15.698 56.3102 15.852 56.8328 15.852C57.1595 15.852 57.4675 15.8007 57.7568 15.698C58.0462 15.586 58.3542 15.418 58.6808 15.194L59.4228 16.216C58.6015 16.8787 57.6868 17.21 56.6788 17.21C55.5495 17.21 54.6768 16.8647 54.0608 16.174C53.4542 15.4833 53.1508 14.5407 53.1508 13.346C53.1508 12.59 53.2815 11.9133 53.5428 11.316C53.8042 10.7093 54.1822 10.238 54.6768 9.902C55.1715 9.55667 55.7595 9.384 56.4408 9.384C57.4768 9.384 58.2795 9.71533 58.8488 10.378C59.4182 11.0313 59.7028 11.946 59.7028 13.122ZM57.9248 12.604C57.9248 11.3067 57.4442 10.658 56.4828 10.658C56.0442 10.658 55.6988 10.8213 55.4468 11.148C55.2042 11.4653 55.0595 11.9787 55.0128 12.688H57.9248V12.604Z", fill: "black" }),
-  /* @__PURE__ */ C("path", { d: "M298.2 3.80665C297.94 3.54665 297.52 3.54665 297.26 3.80665L294 7.05998L290.74 3.79998C290.48 3.53998 290.06 3.53998 289.8 3.79998C289.54 4.05998 289.54 4.47998 289.8 4.73998L293.06 7.99998L289.8 11.26C289.54 11.52 289.54 11.94 289.8 12.2C290.06 12.46 290.48 12.46 290.74 12.2L294 8.93998L297.26 12.2C297.52 12.46 297.94 12.46 298.2 12.2C298.46 11.94 298.46 11.52 298.2 11.26L294.94 7.99998L298.2 4.73998C298.453 4.48665 298.453 4.05998 298.2 3.80665Z", fill: t })
+  /* @__PURE__ */ C("path", { d: "M298.2 3.80665C297.94 3.54665 297.52 3.54665 297.26 3.80665L294 7.05998L290.74 3.79998C290.48 3.53998 290.06 3.53998 289.8 3.79998C289.54 4.05998 289.54 4.47998 289.8 4.73998L293.06 7.99998L289.8 11.26C289.54 11.52 289.54 11.94 289.8 12.2C290.06 12.46 290.48 12.46 290.74 12.2L294 8.93998L297.26 12.2C297.52 12.46 297.94 12.46 298.2 12.2C298.46 11.94 298.46 11.52 298.2 11.26L294.94 7.99998L298.2 4.73998C298.453 4.48665 298.453 4.05998 298.2 3.80665Z", fill: V })
 ] });
 export {
-  h as ToastErrorIcon
+  t as ToastErrorIcon
 };

package/assets/icons/toast_info.d.ts

@@ -1,7 +1,5 @@
-export declare const ToastInfoIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const ToastInfoIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/toast_info.js

@@ -1,16 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as l } from "../../tokens/icon.js";
-const {
-  width: s,
-  height: C
-} = l.size.lg, d = ({
-  width: o = s,
-  height: e = C,
-  fillSvg: i = "none",
-  fill: n = "currentColor",
-  ...r
-}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: o, height: e, viewBox: "0 0 24 24", fill: i, ...r, children: /* @__PURE__ */ t("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM13 9H11V7H13V9Z", fill: n }) });
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const e = ({
+  fillSvg: n = "none",
+  fill: t = "currentColor",
+  ...C
+}) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: n, ...C, children: /* @__PURE__ */ o("path", { d: "M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM12 17C11.45 17 11 16.55 11 16V12C11 11.45 11.45 11 12 11C12.55 11 13 11.45 13 12V16C13 16.55 12.55 17 12 17ZM13 9H11V7H13V9Z", fill: t }) });
 export {
-  d as ToastInfoIcon
+  e as ToastInfoIcon
 };

package/assets/icons/toast_warning.d.ts

@@ -1,7 +1,5 @@
-export declare const ToastWarningIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const ToastWarningIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/toast_warning.js

@@ -1,16 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as l } from "../../tokens/icon.js";
-const {
-  width: s,
-  height: h
-} = l.size.lg, g = ({
-  width: o = s,
-  height: i = h,
-  fillSvg: e = "none",
-  fill: n = "currentColor",
-  ...r
-}) => /* @__PURE__ */ t("svg", { width: o, height: i, viewBox: "0 0 24 24", fill: e, xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ t("path", { d: "M4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18C1.97 19.33 2.93 21 4.47 21ZM12 14C11.45 14 11 13.55 11 13V11C11 10.45 11.45 9.99999 12 9.99999C12.55 9.99999 13 10.45 13 11V13C13 13.55 12.55 14 12 14ZM13 18H11V16H13V18Z", fill: n }) });
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const e = ({
+  fillSvg: n = "none",
+  fill: r = "currentColor",
+  ...t
+}) => /* @__PURE__ */ o("svg", { viewBox: "0 0 24 24", fill: n, xmlns: "http://www.w3.org/2000/svg", ...t, children: /* @__PURE__ */ o("path", { d: "M4.47 21H19.53C21.07 21 22.03 19.33 21.26 18L13.73 4.98999C12.96 3.65999 11.04 3.65999 10.27 4.98999L2.74 18C1.97 19.33 2.93 21 4.47 21ZM12 14C11.45 14 11 13.55 11 13V11C11 10.45 11.45 9.99999 12 9.99999C12.55 9.99999 13 10.45 13 11V13C13 13.55 12.55 14 12 14ZM13 18H11V16H13V18Z", fill: r }) });
 export {
-  g as ToastWarningIcon
+  e as ToastWarningIcon
 };

package/assets/icons/upload.d.ts

@@ -1,7 +1,5 @@
-export declare const UploadIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const UploadIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;

package/assets/icons/upload.js

@@ -1,17 +1,10 @@
 "use client";
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import { icon as l } from "../../tokens/icon.js";
-import { SizeVariant as h } from "../../types/common.js";
-const {
-  width: m,
-  height: s
-} = l.size[h.Sm], a = ({
-  width: o = m,
-  height: i = s,
-  fillSvg: e = "none",
+import { jsx as o } from "@emotion/react/jsx-runtime";
+const l = ({
+  fillSvg: n = "none",
   fill: r = "currentColor",
-  ...n
-}) => /* @__PURE__ */ t("svg", { xmlns: "http://www.w3.org/2000/svg", width: o, height: i, viewBox: "0 0 15 17", fill: e, ...n, children: /* @__PURE__ */ t("path", { d: "M4.5 13H10.5V7H14.5L7.5 0L0.5 7H4.5V13ZM0.5 15H14.5V17H0.5V15Z", fill: r }) });
+  ...t
+}) => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 15 17", fill: n, ...t, children: /* @__PURE__ */ o("path", { d: "M4.5 13H10.5V7H14.5L7.5 0L0.5 7H4.5V13ZM0.5 15H14.5V17H0.5V15Z", fill: r }) });
 export {
-  a as UploadIcon
+  l as UploadIcon
 };

package/assets/icons/volume-up.d.ts

@@ -1,7 +1,5 @@
-export declare const VolumeUpIcon: ({ width, height, fillSvg, fill, ...rest }: {
+export declare const VolumeUpIcon: ({ fillSvg, fill, ...rest }: {
     [x: string]: any;
-    width?: number | undefined;
-    height?: number | undefined;
     fillSvg?: string | undefined;
     fill?: string | undefined;
 }) => import("@emotion/react/jsx-runtime").JSX.Element;