gd-design-library 0.3.4 → 0.4.0

package/components/core/Breadcrumbs/BreadcrumbsStyled.js

@@ -1 +1,58 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),l=require("react"),c=require("../../../utils/helpers.js"),a=l.forwardRef((t,s)=>{const{theme:{breadcrumbs:e}={},$bordered:r=!1,styles:o={},...d}=t,m=[c.get(e,"default",{}),r?c.get(e,"bordered",{}):{},o];return n.jsx("div",{css:m,...d,ref:s})}),u=t=>{const{theme:{breadcrumbs:s}={},styles:e={},...r}=t,o=[c.get(s,"item",{}),e];return n.jsx("div",{css:o,...r})},y=t=>{const{theme:{breadcrumbs:s}={},styles:e={},...r}=t,o=[c.get(s,"separator",{}),e];return n.jsx("div",{css:o,...r})},S=t=>{const{theme:{breadcrumbs:s}={},styles:e={},...r}=t,o=[c.get(s,"item.itemStart",{}),e];return n.jsx("div",{css:o,...r})},b=t=>{const{theme:{breadcrumbs:s}={},styles:e={},...r}=t,o=[c.get(s,"item.itemEnd",{}),e];return n.jsx("div",{css:o,...r})};exports.BreadcrumbItemStyled=u;exports.BreadcrumbsStyled=a;exports.ItemEndStyled=b;exports.ItemStartStyled=S;exports.SeparatorStyled=y;
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { get as c } from "../../../utils/helpers.js";
+const b = l((e, s) => {
+  const {
+    theme: {
+      breadcrumbs: t
+    } = {},
+    $bordered: r = !1,
+    styles: o = {},
+    ...m
+  } = e, d = [c(t, "default", {}), r ? c(t, "bordered", {}) : {}, o];
+  return /* @__PURE__ */ n("div", { css: d, ...m, ref: s });
+}), i = (e) => {
+  const {
+    theme: {
+      breadcrumbs: s
+    } = {},
+    styles: t = {},
+    ...r
+  } = e, o = [c(s, "item", {}), t];
+  return /* @__PURE__ */ n("div", { css: o, ...r });
+}, u = (e) => {
+  const {
+    theme: {
+      breadcrumbs: s
+    } = {},
+    styles: t = {},
+    ...r
+  } = e, o = [c(s, "separator", {}), t];
+  return /* @__PURE__ */ n("div", { css: o, ...r });
+}, S = (e) => {
+  const {
+    theme: {
+      breadcrumbs: s
+    } = {},
+    styles: t = {},
+    ...r
+  } = e, o = [c(s, "item.itemStart", {}), t];
+  return /* @__PURE__ */ n("div", { css: o, ...r });
+}, f = (e) => {
+  const {
+    theme: {
+      breadcrumbs: s
+    } = {},
+    styles: t = {},
+    ...r
+  } = e, o = [c(s, "item.itemEnd", {}), t];
+  return /* @__PURE__ */ n("div", { css: o, ...r });
+};
+export {
+  i as BreadcrumbItemStyled,
+  b as BreadcrumbsStyled,
+  f as ItemEndStyled,
+  S as ItemStartStyled,
+  u as SeparatorStyled
+};

package/components/core/Breadcrumbs/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Breadcrumbs";exports.COMPONENT_NAME=e;
+const r = "Breadcrumbs";
+export {
+  r as COMPONENT_NAME
+};

package/components/core/Button/Button.js

@@ -1 +1,43 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),C=require("react"),q=require("../../../hooks/useTheme/useTheme.js"),x=require("../../../types/accesability.js"),o=require("../../../types/button.js"),P=require("../../../tokens/utils.js"),t=require("./constants.js"),r=require("./ButtonStyled.js"),d=C.forwardRef((N,y)=>{const{theme:e}=q.useTheme(),{color:E=o.ButtonColorVariant.Primary,variant:B=o.ButtonVariant.Contained,children:a,iconStart:i=null,iconEnd:l=null,type:M=o.ButtonTypes.Button,disabled:O=!1,isIcon:T=!1,ariaLabel:s,ariaPressed:u,role:f=o.ButtonRole.Button,fullWidth:S=!1,tabIndex:b=x.TabIndex.Default,onClick:h,...c}=N;return n.jsxs(r.ButtonStyled,{ref:y,$variant:B,$color:E,$isIcon:T,$fullWidth:S,disabled:O,onClick:h,type:M,role:f,theme:e,tabIndex:b,"data-testid":t.COMPONENT_NAME,...P.convertToInlineBoxStyles(c),...s?{"aria-label":s}:{},...u?{"aria-pressed":u}:{},...c,children:[i?n.jsx(r.StartIconStyled,{theme:e,"data-testid":`${t.COMPONENT_NAME}-icon-start`,children:i}):null,a?n.jsx(r.ContentStyled,{theme:e,"data-testid":`${t.COMPONENT_NAME}-content`,children:a}):null,l?n.jsx(r.EndIconStyled,{theme:e,"data-testid":`${t.COMPONENT_NAME}-icon-end`,children:l}):null]})});d.displayName=t.COMPONENT_NAME;exports.Button=d;
+"use client";
+import { jsxs as $, jsx as e } from "@emotion/react/jsx-runtime";
+import { forwardRef as x } from "react";
+import { convertToInlineBoxStyles as b } from "../../../tokens/utils.js";
+import { COMPONENT_NAME as t } from "./constants.js";
+import { ButtonStyled as C, StartIconStyled as T, ContentStyled as E, EndIconStyled as N } from "./ButtonStyled.js";
+import { useTheme as v } from "../../../hooks/useTheme/useTheme.js";
+import { ButtonColorVariant as P, ButtonVariant as j, ButtonTypes as M, ButtonRole as O } from "../../../types/button.js";
+import { TabIndex as R } from "../../../types/accesability.js";
+const V = x((s, c) => {
+  const {
+    theme: o
+  } = v(), {
+    color: m = P.Primary,
+    variant: u = j.Contained,
+    children: n,
+    iconStart: r = null,
+    iconEnd: a = null,
+    type: f = M.Button,
+    disabled: p = !1,
+    isIcon: y = !1,
+    ariaLabel: l,
+    ariaPressed: i,
+    role: B = O.Button,
+    fullWidth: h = !1,
+    tabIndex: I = R.Default,
+    onClick: S,
+    ...d
+  } = s;
+  return /* @__PURE__ */ $(C, { ref: c, $variant: u, $color: m, $isIcon: y, $fullWidth: h, disabled: p, onClick: S, type: f, role: B, theme: o, tabIndex: I, "data-testid": t, ...b(d), ...l ? {
+    "aria-label": l
+  } : {}, ...i ? {
+    "aria-pressed": i
+  } : {}, ...d, children: [
+    r ? /* @__PURE__ */ e(T, { theme: o, "data-testid": `${t}-icon-start`, children: r }) : null,
+    n ? /* @__PURE__ */ e(E, { theme: o, "data-testid": `${t}-content`, children: n }) : null,
+    a ? /* @__PURE__ */ e(N, { theme: o, "data-testid": `${t}-icon-end`, children: a }) : null
+  ] });
+});
+V.displayName = t;
+export {
+  V as Button
+};

package/components/core/Button/ButtonStyled.js

@@ -1 +1,53 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),g=require("react"),e=require("../../../utils/helpers.js"),m=require("../../../tokens/utils.js"),c=require("../../../types/button.js"),b=g.forwardRef((n,o)=>{const{theme:{button:t}={},$isIcon:s,$fullWidth:l,$variant:u=c.ButtonVariant.Contained,$color:a=c.ButtonColorVariant.Primary,styles:d={},...i}=n,{boxStyles:y,restProps:S}=m.getBoxStyles(i),p=[e.get(t,"default",{}),e.get(t,[u,a],{}),y,s?e.get(t,"icon",{}):{},l?e.get(t,"fullWidth",{}):{},d];return r.jsx("button",{css:p,...S,ref:o})}),f=n=>{const{theme:{button:o}={},...t}=n,s=e.get(o,"content",{});return r.jsx("span",{css:e.get(s,"default",{}),className:"gd-button__content",...t})},P=n=>{const{theme:{button:o}={},...t}=n,s=e.get(o,"startIcon",{});return r.jsx("span",{css:e.get(s,"default",{}),...t})},h=n=>{const{theme:{button:o}={},...t}=n,s=e.get(o,"endIcon",{});return r.jsx("span",{css:e.get(s,"default",{}),...t})};exports.ButtonStyled=b;exports.ContentStyled=f;exports.EndIconStyled=h;exports.StartIconStyled=P;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { getBoxStyles as y } from "../../../tokens/utils.js";
+import { ButtonVariant as S, ButtonColorVariant as b } from "../../../types/button.js";
+import { get as o } from "../../../utils/helpers.js";
+const $ = f((n, e) => {
+  const {
+    theme: {
+      button: t
+    } = {},
+    $isIcon: s,
+    $fullWidth: c,
+    $variant: l = S.Contained,
+    $color: a = b.Primary,
+    styles: m = {},
+    ...u
+  } = n, {
+    boxStyles: p,
+    restProps: d
+  } = y(u), i = [o(t, "default", {}), o(t, [l, a], {}), p, s ? o(t, "icon", {}) : {}, c ? o(t, "fullWidth", {}) : {}, m];
+  return /* @__PURE__ */ r("button", { css: i, ...d, ref: e });
+}), g = (n) => {
+  const {
+    theme: {
+      button: e
+    } = {},
+    ...t
+  } = n, s = o(e, "content", {});
+  return /* @__PURE__ */ r("span", { css: o(s, "default", {}), className: "gd-button__content", ...t });
+}, C = (n) => {
+  const {
+    theme: {
+      button: e
+    } = {},
+    ...t
+  } = n, s = o(e, "startIcon", {});
+  return /* @__PURE__ */ r("span", { css: o(s, "default", {}), ...t });
+}, N = (n) => {
+  const {
+    theme: {
+      button: e
+    } = {},
+    ...t
+  } = n, s = o(e, "endIcon", {});
+  return /* @__PURE__ */ r("span", { css: o(s, "default", {}), ...t });
+};
+export {
+  $ as ButtonStyled,
+  g as ContentStyled,
+  N as EndIconStyled,
+  C as StartIconStyled
+};

package/components/core/Button/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t="Button";exports.COMPONENT_NAME=t;
+const t = "Button";
+export {
+  t as COMPONENT_NAME
+};

package/components/core/Dropdown/Dropdown.js

@@ -1 +1,38 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("@emotion/react/jsx-runtime"),O=require("react"),R=require("../../../hooks/useTheme/useTheme.js"),n=require("../../../constants/keyboard.js"),f=require("../../../utils/focus.js"),K=require("./DropdownStyled.js"),u=require("./constants.js"),d=O.forwardRef((l,a)=>{const{children:m,...E}=l,{theme:p}=R.useTheme(),y=t=>{var i;if(![n.KEYBOARD_KEYS.ARROW_DOWN,n.KEYBOARD_KEYS.ARROW_UP].includes(t.key))return;t.preventDefault();const e=t.currentTarget,c=t.key===n.KEYBOARD_KEYS.ARROW_UP,o=(i=e.ownerDocument)==null?void 0:i.activeElement;if(o&&e.contains(o)){const r=document.createElement("div");e.insertBefore(r,c?o:o.nextSibling);const s=f.getClosestFocusable({initial:r,previous:c,root:e,keyboard:!0});e.removeChild(r),s==null||s.focus()}};return D.jsx(K.DropdownStyled,{ref:a,theme:p,"data-testid":u.COMPONENT_NAME,onKeyDown:y,...E,children:m})});d.displayName=u.COMPONENT_NAME;exports.Dropdown=d;
+"use client";
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { forwardRef as y } from "react";
+import { KEYBOARD_KEYS as s } from "../../../constants/keyboard.js";
+import { getClosestFocusable as D } from "../../../utils/focus.js";
+import { DropdownStyled as E } from "./DropdownStyled.js";
+import { COMPONENT_NAME as c } from "./constants.js";
+import { useTheme as R } from "../../../hooks/useTheme/useTheme.js";
+const w = y((l, p) => {
+  const {
+    children: d,
+    ...f
+  } = l, {
+    theme: a
+  } = R();
+  return /* @__PURE__ */ u(E, { ref: p, theme: a, "data-testid": c, onKeyDown: (o) => {
+    var m;
+    if (![s.ARROW_DOWN, s.ARROW_UP].includes(o.key))
+      return;
+    o.preventDefault();
+    const e = o.currentTarget, i = o.key === s.ARROW_UP, t = (m = e.ownerDocument) == null ? void 0 : m.activeElement;
+    if (t && e.contains(t)) {
+      const r = document.createElement("div");
+      e.insertBefore(r, i ? t : t.nextSibling);
+      const n = D({
+        initial: r,
+        previous: i,
+        root: e,
+        keyboard: !0
+      });
+      e.removeChild(r), n == null || n.focus();
+    }
+  }, ...f, children: d });
+});
+w.displayName = c;
+export {
+  w as Dropdown
+};

package/components/core/Dropdown/DropdownStyled.js

@@ -1 +1,20 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),i=require("react"),l=require("../../../utils/helpers.js"),u=i.forwardRef((t,r)=>{const{theme:{select:s}={},$width:e,styles:o={},...n}=t,c=[l.get(s,"dropdown",{}),e?{width:e}:{},o];return d.jsx("div",{css:c,...n,ref:r})});exports.DropdownStyled=u;
+"use client";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { get as i } from "../../../utils/helpers.js";
+const w = c((o, e) => {
+  const {
+    theme: {
+      select: r
+    } = {},
+    $width: t,
+    styles: s = {},
+    ...d
+  } = o, m = [i(r, "dropdown", {}), t ? {
+    width: t
+  } : {}, s];
+  return /* @__PURE__ */ p("div", { css: m, ...d, ref: e });
+});
+export {
+  w as DropdownStyled
+};

package/components/core/Dropdown/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Dropdown";exports.COMPONENT_NAME=e;
+const o = "Dropdown";
+export {
+  o as COMPONENT_NAME
+};

package/components/core/Dropdown/hooks/useDropdown.js

@@ -1 +1,12 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),e=t.createContext(void 0),n=()=>{const o=t.useContext(e);if(!o)throw new Error("useDropdownContext must be used within a Dropdown component or children");return o};exports.DropdownContext=e;exports.useDropdownContext=n;
+"use client";
+import { createContext as t, useContext as e } from "react";
+const n = t(void 0), s = () => {
+  const o = e(n);
+  if (!o)
+    throw new Error("useDropdownContext must be used within a Dropdown component or children");
+  return o;
+};
+export {
+  n as DropdownContext,
+  s as useDropdownContext
+};

package/components/core/DropdownItem/DropdownItem.js

@@ -1 +1,38 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E=require("@emotion/react/jsx-runtime"),i=require("react"),I=require("../../../constants/keyboard.js"),T=require("../../../hooks/useTheme/useTheme.js"),f=require("../../../types/accesability.js"),x=require("../Select/hooks/useSelectContext.js"),m=require("./constants.js"),h=require("./DropdownItemStyled.js"),b=i.forwardRef((D,y)=>{const{children:S,value:o,onSelect:r,customClass:t,disabled:n,...N}=D,{theme:p}=T.useTheme(),{onSelect:s,value:l,itemIdentifier:u}=x.useSelectContext(),a=l!==void 0&&u?u(l,o):t==null?void 0:t.includes("active"),q=i.useMemo(()=>`${t||""} ${a?"active":""}`,[t,a]),d=i.useCallback((e,c)=>{if(!n)return r?r({event:e,value:c}):s&&s(e,c),c},[r,s,n]),w=e=>{n||e.key===I.KEYBOARD_KEYS.ENTER&&(e.preventDefault(),d(e,o))};return E.jsx(h.DropdownItemStyled,{ref:y,theme:p,$disabled:n,tabIndex:n?f.TabIndex.Disabled:f.TabIndex.Default,"data-testid":m.COMPONENT_NAME,className:q,onClick:e=>d(e,o),onKeyDown:w,...N,children:S})});b.displayName=m.COMPONENT_NAME;exports.DropdownItem=b;
+"use client";
+import { jsx as S } from "@emotion/react/jsx-runtime";
+import { forwardRef as h, useMemo as v, useCallback as x } from "react";
+import { KEYBOARD_KEYS as y } from "../../../constants/keyboard.js";
+import { COMPONENT_NAME as f } from "./constants.js";
+import { DropdownItemStyled as I } from "./DropdownItemStyled.js";
+import { useSelectContext as C } from "../Select/hooks/useSelectContext.js";
+import { useTheme as K } from "../../../hooks/useTheme/useTheme.js";
+import { TabIndex as a } from "../../../types/accesability.js";
+const T = h((u, p) => {
+  const {
+    children: D,
+    value: r,
+    onSelect: n,
+    customClass: o,
+    disabled: t,
+    ...b
+  } = u, {
+    theme: w
+  } = K(), {
+    onSelect: i,
+    value: s,
+    itemIdentifier: m
+  } = C(), c = s !== void 0 && m ? m(s, r) : o == null ? void 0 : o.includes("active"), E = v(() => `${o || ""} ${c ? "active" : ""}`, [o, c]), d = x((e, l) => {
+    if (!t)
+      return n ? n({
+        event: e,
+        value: l
+      }) : i && i(e, l), l;
+  }, [n, i, t]), N = (e) => {
+    t || e.key === y.ENTER && (e.preventDefault(), d(e, r));
+  };
+  return /* @__PURE__ */ S(I, { ref: p, theme: w, $disabled: t, tabIndex: t ? a.Disabled : a.Default, "data-testid": f, className: E, onClick: (e) => d(e, r), onKeyDown: N, ...b, children: D });
+});
+T.displayName = f;
+export {
+  T as DropdownItem
+};

package/components/core/DropdownItem/DropdownItemStyled.js

@@ -1 +1,17 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("@emotion/react/jsx-runtime"),u=require("react"),t=require("../../../utils/helpers.js"),a=u.forwardRef((s,r)=>{const{theme:{select:e}={},$disabled:o,...c}=s,l=t.get(e,"item.default",{}),d=t.get(e,"item.disabled",{}),n=[l,o?d:{}];return i.jsx("div",{css:n,...c,ref:r})});exports.DropdownItemStyled=a;
+"use client";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { get as t } from "../../../utils/helpers.js";
+const u = i((s, o) => {
+  const {
+    theme: {
+      select: e
+    } = {},
+    $disabled: r,
+    ...l
+  } = s, c = t(e, "item.default", {}), d = t(e, "item.disabled", {});
+  return /* @__PURE__ */ m("div", { css: [c, r ? d : {}], ...l, ref: o });
+});
+export {
+  u as DropdownItemStyled
+};

package/components/core/DropdownItem/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="DropdownItem";exports.COMPONENT_NAME=e;
+const o = "DropdownItem";
+export {
+  o as COMPONENT_NAME
+};

package/components/core/Form/Form.js

@@ -1 +1,48 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const T=require("@emotion/react/jsx-runtime"),a=require("react"),s=require("../../../utils/helpers.js"),j=require("../../../hooks/useTheme/useTheme.js"),m=require("./constants.js"),n=require("./utils.js"),q=require("./FormStyled.js"),b=a.forwardRef((d,h)=>{const{children:f,ariaLabelBy:c,describedBy:l,role:i,onSubmit:r,onChange:o,...g}=d,{theme:y}=j.useTheme(),O=a.useCallback(e=>{if(!o)return;const t=s.get(e,"target"),N=n.transformFormDataToObjectWithValues(s.get(t,"form")),u=n.transformFormElementDataToObjectWithValues(t);o({event:e,changedControlNames:Object.keys(u),controlValues:u,formData:N})},[o]),C=a.useCallback(e=>{if(!r)return;const t=n.transformFormDataToObjectWithValues(s.get(e,"target"));r({event:e,formData:t})},[r]);return T.jsx(q.FormStyled,{ref:h,onSubmit:C,onChange:O,theme:y,"data-testid":m.COMPONENT_NAME,...c?{"aria-labelledby":c}:{},...l?{"aria-describedby":l}:{},...i?{"aria-role":i}:{},...g,children:f})});b.displayName=m.COMPONENT_NAME;exports.Form=b;
+"use client";
+import { jsx as N } from "@emotion/react/jsx-runtime";
+import { forwardRef as O, useCallback as l } from "react";
+import { COMPONENT_NAME as f } from "./constants.js";
+import { transformFormDataToObjectWithValues as c, transformFormElementDataToObjectWithValues as j } from "./utils.js";
+import { FormStyled as D } from "./FormStyled.js";
+import { useTheme as E } from "../../../hooks/useTheme/useTheme.js";
+import { get as a } from "../../../utils/helpers.js";
+const F = O((d, b) => {
+  const {
+    children: u,
+    ariaLabelBy: m,
+    describedBy: n,
+    role: s,
+    onSubmit: o,
+    onChange: e,
+    ...h
+  } = d, {
+    theme: p
+  } = E(), g = l((r) => {
+    if (!e) return;
+    const t = a(r, "target"), C = c(a(t, "form")), i = j(t);
+    e({
+      event: r,
+      changedControlNames: Object.keys(i),
+      controlValues: i,
+      formData: C
+    });
+  }, [e]), y = l((r) => {
+    if (!o) return;
+    const t = c(a(r, "target"));
+    o({
+      event: r,
+      formData: t
+    });
+  }, [o]);
+  return /* @__PURE__ */ N(D, { ref: b, onSubmit: y, onChange: g, theme: p, "data-testid": f, ...m ? {
+    "aria-labelledby": m
+  } : {}, ...n ? {
+    "aria-describedby": n
+  } : {}, ...s ? {
+    "aria-role": s
+  } : {}, ...h, children: u });
+});
+F.displayName = f;
+export {
+  F as Form
+};

package/components/core/Form/FormStyled.js

@@ -1 +1,16 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),n=require("react"),u=require("../../../utils/helpers.js"),l=n.forwardRef((e,t)=>{const{theme:{form:r}={},styles:s={}}=e,o=[u.get(r,"default",{}),s];return c.jsx("form",{css:o,...e,ref:t})});exports.FormStyled=l;
+"use client";
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { get as c } from "../../../utils/helpers.js";
+const i = s((t, e) => {
+  const {
+    theme: {
+      form: o
+    } = {},
+    styles: r = {}
+  } = t, m = [c(o, "default", {}), r];
+  return /* @__PURE__ */ f("form", { css: m, ...t, ref: e });
+});
+export {
+  i as FormStyled
+};

package/components/core/Form/constants.js

@@ -1 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="Form";exports.COMPONENT_NAME=e;
+const o = "Form";
+export {
+  o as COMPONENT_NAME
+};

package/components/core/Form/utils.js

@@ -1 +1,34 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../utils/helpers.js");require("react");const i=require("../../../types/input.js"),u=require("../../../types/button.js"),l=r=>Array.from(e.get(r,"elements",[])).reduce((a,t)=>m(t,a),{}),m=(r,s={})=>{const a=e.get(r,"tagName","").toLowerCase(),t=e.get(r,"name"),c=e.get(r,"type"),o=e.get(r,"checked"),n=e.get(r,"value");if(!(a===u.ButtonTypes.Button||c===u.ButtonTypes.Submit||!t))switch(c){case i.InputVariantType.Checkbox:e.set(s,t,{value:n,isChecked:o});break;case i.InputVariantType.Radio:o&&e.set(s,t,{value:n,isChecked:o}),e.get(s,[t,"isChecked"],!1)||e.set(s,t,{value:"",isChecked:o});break;default:e.set(s,t,{value:n});break}return s};exports.transformFormDataToObjectWithValues=l;exports.transformFormElementDataToObjectWithValues=m;
+import { get as s, set as n } from "../../../utils/helpers.js";
+import { InputVariantType as i } from "../../../types/input.js";
+import { ButtonTypes as f } from "../../../types/button.js";
+const u = (o) => Array.from(s(o, "elements", [])).reduce((t, e) => h(e, t), {}), h = (o, r = {}) => {
+  const t = s(o, "tagName", "").toLowerCase(), e = s(o, "name"), m = s(o, "type"), a = s(o, "checked"), c = s(o, "value");
+  if (!(t === f.Button || m === f.Submit || !e))
+    switch (m) {
+      case i.Checkbox:
+        n(r, e, {
+          value: c,
+          isChecked: a
+        });
+        break;
+      case i.Radio:
+        a && n(r, e, {
+          value: c,
+          isChecked: a
+        }), s(r, [e, "isChecked"], !1) || n(r, e, {
+          value: "",
+          isChecked: a
+        });
+        break;
+      default:
+        n(r, e, {
+          value: c
+        });
+        break;
+    }
+  return r;
+};
+export {
+  u as transformFormDataToObjectWithValues,
+  h as transformFormElementDataToObjectWithValues
+};

package/components/core/Icon/Icon.js

@@ -1 +1,33 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),h=require("react"),n=require("../../../utils/helpers.js"),N=require("../../../hooks/useTheme/useTheme.js"),r=require("./constants.js");let c={};const C=e=>{c={...c,...e}},u=h.forwardRef((e,a)=>{const{name:t,width:g,height:m,fill:s,fillSvg:o,...f}=e,{theme:I}=N.useTheme(),i=n.get(I,"colors",{}),l={...r.IconsList,...c}[t];return l?d.jsx(l,{ref:a,"data-testid":`${r.COMPONENT_NAME}-${t}`,width:g,height:m,fill:s&&n.get(i,s,s),fillSvg:o&&n.get(i,o,o),...f}):(console.warn(`Icon "${String(t)}" not found.`),null)});u.displayName=r.COMPONENT_NAME;exports.Icon=u;exports.registerCustomIcons=C;
+"use client";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { IconsList as g, COMPONENT_NAME as l } from "./constants.js";
+import { useTheme as h } from "../../../hooks/useTheme/useTheme.js";
+import { get as n } from "../../../utils/helpers.js";
+let r = {};
+const x = (o) => {
+  r = {
+    ...r,
+    ...o
+  };
+}, $ = p((o, m) => {
+  const {
+    name: t,
+    width: f,
+    height: u,
+    fill: s,
+    fillSvg: e,
+    ...I
+  } = o, {
+    theme: a
+  } = h(), i = n(a, "colors", {}), c = {
+    ...g,
+    ...r
+  }[t];
+  return c ? /* @__PURE__ */ d(c, { ref: m, "data-testid": `${l}-${t}`, width: f, height: u, fill: s && n(i, s, s), fillSvg: e && n(i, e, e), ...I }) : (console.warn(`Icon "${String(t)}" not found.`), null);
+});
+$.displayName = l;
+export {
+  $ as Icon,
+  x as registerCustomIcons
+};

package/components/core/Icon/constants.js

@@ -1 +1,92 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../assets/icons/star.js"),o=require("../../../assets/icons/cross.js"),r=require("../../../assets/icons/toast_success.js"),n=require("../../../assets/icons/toast_warning.js"),t=require("../../../assets/icons/toast_error.js"),c=require("../../../assets/icons/toast_info.js"),i=require("../../../assets/icons/dot.js"),s=require("../../../assets/icons/check.js"),u=require("../../../assets/icons/attachment.js"),a=require("../../../assets/icons/arrow-down.js"),l=require("../../../assets/icons/chevron-right.js"),I=require("../../../assets/icons/chevron-left.js"),q=require("../../../assets/icons/mobile_menu_button.js"),p=require("../../../assets/icons/home.js"),h=require("../../../assets/icons/slash.js"),d=require("../../../assets/icons/arrow-forward.js"),m=require("../../../assets/icons/local_shipping.js"),g=require("../../../assets/icons/favorite.js"),f=require("../../../assets/icons/favorite_outlined.js"),w=require("../../../assets/icons/delete_outlined.js"),C=require("../../../assets/icons/account_circle.js"),O=require("../../../assets/icons/shopping_bag.js"),y=require("../../../assets/icons/error_outline.js"),_=require("../../../assets/icons/starOutlined.js"),b=require("../../../assets/icons/minus.js"),v=require("../../../assets/icons/plus.js"),T=require("../../../assets/icons/filter.js"),S=require("../../../assets/icons/ruler.js"),F=require("../../../assets/icons/processing.js"),M=require("../../../assets/icons/paymentCard.js");require("@emotion/react/jsx-runtime");const D=require("../../../assets/icons/eye.js"),E=require("../../../assets/icons/upload.js"),P=require("../../../assets/icons/search.js"),U=require("../../../assets/icons/wifiTethering.js"),A=require("../../../assets/icons/portrait.js"),L=require("../../../assets/icons/folder.js"),N=require("../../../assets/icons/folderOpen.js"),R=require("../../../assets/icons/edit.js"),k=require("../../../assets/icons/volume-up.js"),B=require("../../../assets/icons/content-copy.js"),W=require("../../../assets/icons/thumb-up.js"),j=require("../../../assets/icons/thumb-down.js"),H=require("../../../assets/icons/file-copy.js"),V={cross:o.CrossIcon,success:r.ToastSuccessIcon,error:t.ToastErrorIcon,warning:n.ToastWarningIcon,info:c.ToastInfoIcon,dot:i.DotIcon,check:s.CheckIcon,arrowDown:a.ArrowDownIcon,arrowRight:l.ChevronRightIcon,arrowLeft:I.ChevronLeftIcon,mobileMenu:q.MobileMenuIcon,home:p.HomeIcon,slash:h.SlashIcon,arrowForward:d.ArrowForwardIcon,localShipping:m.LocalShippingIcon,favorite:g.FavoriteIcon,favoriteOutlined:f.FavoriteOutlinedIcon,deleteOutlined:w.DeleteOutlinedIcon,accountCircle:C.AccountCircleIcon,shoppingBag:O.ShoppingBagIcon,errorOutline:y.ErrorOutlineIcon,star:e.StarIcon,starOutlined:_.StarOutlinedIcon,minus:b.MinusIcon,plus:v.PlusIcon,filter:T.FilterIcon,ruler:S.RulerIcon,processing:F.ProcessingIcon,paymentCard:M.PaymentCardIcon,eye:D.EyeIcon,attachment:u.AttachmentIcon,upload:E.UploadIcon,folder:L.FolderIcon,folderOpen:N.FolderOpenIcon,wifiTethering:U.WifiTetheringIcon,portrait:A.PortraitIcon,search:P.SearchIcon,edit:R.EditIcon,volumeUp:k.VolumeUpIcon,contentCopy:B.ContentCopyIcon,thumbUp:W.ThumbUpIcon,thumbDown:j.ThumbDownIcon,fileCopy:H.FileCopyIcon},x="Icon";exports.COMPONENT_NAME=x;exports.IconsList=V;
+import { FileCopyIcon as o } from "../../../assets/icons/file-copy.js";
+import { ThumbDownIcon as r } from "../../../assets/icons/thumb-down.js";
+import { ThumbUpIcon as t } from "../../../assets/icons/thumb-up.js";
+import { ContentCopyIcon as m } from "../../../assets/icons/content-copy.js";
+import { VolumeUpIcon as n } from "../../../assets/icons/volume-up.js";
+import { EditIcon as i } from "../../../assets/icons/edit.js";
+import { SearchIcon as c } from "../../../assets/icons/search.js";
+import { PortraitIcon as e } from "../../../assets/icons/portrait.js";
+import { WifiTetheringIcon as p } from "../../../assets/icons/wifiTethering.js";
+import { FolderOpenIcon as f } from "../../../assets/icons/folderOpen.js";
+import { FolderIcon as I } from "../../../assets/icons/folder.js";
+import { UploadIcon as a } from "../../../assets/icons/upload.js";
+import { AttachmentIcon as l } from "../../../assets/icons/attachment.js";
+import { EyeIcon as s } from "../../../assets/icons/eye.js";
+import { PaymentCardIcon as u } from "../../../assets/icons/paymentCard.js";
+import { ProcessingIcon as h } from "../../../assets/icons/processing.js";
+import { RulerIcon as d } from "../../../assets/icons/ruler.js";
+import { FilterIcon as g } from "../../../assets/icons/filter.js";
+import { PlusIcon as w } from "../../../assets/icons/plus.js";
+import { MinusIcon as C } from "../../../assets/icons/minus.js";
+import { StarOutlinedIcon as O } from "../../../assets/icons/starOutlined.js";
+import { StarIcon as T } from "../../../assets/icons/star.js";
+import { ErrorOutlineIcon as y } from "../../../assets/icons/error_outline.js";
+import { ShoppingBagIcon as F } from "../../../assets/icons/shopping_bag.js";
+import { AccountCircleIcon as S } from "../../../assets/icons/account_circle.js";
+import { DeleteOutlinedIcon as v } from "../../../assets/icons/delete_outlined.js";
+import { FavoriteOutlinedIcon as b } from "../../../assets/icons/favorite_outlined.js";
+import { FavoriteIcon as D } from "../../../assets/icons/favorite.js";
+import { LocalShippingIcon as E } from "../../../assets/icons/local_shipping.js";
+import { ArrowForwardIcon as M } from "../../../assets/icons/arrow-forward.js";
+import { SlashIcon as A } from "../../../assets/icons/slash.js";
+import { HomeIcon as P } from "../../../assets/icons/home.js";
+import { MobileMenuIcon as U } from "../../../assets/icons/mobile_menu_button.js";
+import { ChevronLeftIcon as L } from "../../../assets/icons/chevron-left.js";
+import { ChevronRightIcon as N } from "../../../assets/icons/chevron-right.js";
+import { ArrowDownIcon as R } from "../../../assets/icons/arrow-down.js";
+import { CheckIcon as k } from "../../../assets/icons/check.js";
+import { DotIcon as B } from "../../../assets/icons/dot.js";
+import { ToastInfoIcon as W } from "../../../assets/icons/toast_info.js";
+import { ToastWarningIcon as x } from "../../../assets/icons/toast_warning.js";
+import { ToastErrorIcon as H } from "../../../assets/icons/toast_error.js";
+import { ToastSuccessIcon as V } from "../../../assets/icons/toast_success.js";
+import { CrossIcon as _ } from "../../../assets/icons/cross.js";
+const Lo = {
+  cross: _,
+  success: V,
+  error: H,
+  warning: x,
+  info: W,
+  dot: B,
+  check: k,
+  arrowDown: R,
+  arrowRight: N,
+  arrowLeft: L,
+  mobileMenu: U,
+  home: P,
+  slash: A,
+  arrowForward: M,
+  localShipping: E,
+  favorite: D,
+  favoriteOutlined: b,
+  deleteOutlined: v,
+  accountCircle: S,
+  shoppingBag: F,
+  errorOutline: y,
+  star: T,
+  starOutlined: O,
+  minus: C,
+  plus: w,
+  filter: g,
+  ruler: d,
+  processing: h,
+  paymentCard: u,
+  eye: s,
+  attachment: l,
+  upload: a,
+  folder: I,
+  folderOpen: f,
+  wifiTethering: p,
+  portrait: e,
+  search: c,
+  edit: i,
+  volumeUp: n,
+  contentCopy: m,
+  thumbUp: t,
+  thumbDown: r,
+  fileCopy: o
+}, No = "Icon";
+export {
+  No as COMPONENT_NAME,
+  Lo as IconsList
+};

package/components/core/Image/Image.js

@@ -1 +1,39 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@emotion/react/jsx-runtime"),N=require("react"),P=require("../../../hooks/useTheme/useTheme.js"),f=require("../Skeleton/Skeleton.js"),t=require("./constants.js"),a=require("./ImageStyled.js"),h=N.forwardRef((g,m)=>{const{id:p,src:E,alt:M,width:i,height:n,placeholder:c,caption:l,onClick:O,onLoad:r,onError:o,objectFit:S,styles:y,...C}=g,[d,u]=N.useState(!0),{theme:s}=P.useTheme(),j=()=>{u(!1),r==null||r()},T=()=>{u(!1),o==null||o()};return e.jsxs(a.ImageWrapperStyled,{"data-testid":`${t.COMPONENT_NAME}-wrapper`,id:p,width:i,height:n,theme:s,...C,children:[d&&c&&e.jsx(a.PlaceholderStyled,{"data-testid":`${t.COMPONENT_NAME}-placeholder`,theme:s,children:e.jsx(f.Skeleton,{height:"100%",children:c})}),e.jsx(a.ImageStyled,{"data-testid":t.COMPONENT_NAME,theme:s,src:E,alt:M,width:i,height:n,objectFit:S,$isLoading:d,onLoad:j,onError:T,onClick:O,styles:y,ref:m}),l&&e.jsx(a.CaptionStyled,{"data-testid":`${t.COMPONENT_NAME}-caption`,theme:s,children:l})]})});h.displayName=t.COMPONENT_NAME;exports.Image=h;
+"use client";
+import { jsxs as L, jsx as o } from "@emotion/react/jsx-runtime";
+import { forwardRef as N, useState as $ } from "react";
+import { COMPONENT_NAME as e } from "./constants.js";
+import { ImageWrapperStyled as b, PlaceholderStyled as j, ImageStyled as w, CaptionStyled as x } from "./ImageStyled.js";
+import { Skeleton as E } from "../Skeleton/Skeleton.js";
+import { useTheme as M } from "../../../hooks/useTheme/useTheme.js";
+const O = N((m, p) => {
+  const {
+    id: h,
+    src: f,
+    alt: g,
+    width: i,
+    height: d,
+    placeholder: s,
+    caption: l,
+    onClick: y,
+    onLoad: r,
+    onError: a,
+    objectFit: S,
+    styles: u,
+    ...C
+  } = m, [n, c] = $(!0), {
+    theme: t
+  } = M(), k = () => {
+    c(!1), r == null || r();
+  }, I = () => {
+    c(!1), a == null || a();
+  };
+  return /* @__PURE__ */ L(b, { "data-testid": `${e}-wrapper`, id: h, width: i, height: d, theme: t, ...C, children: [
+    n && s && /* @__PURE__ */ o(j, { "data-testid": `${e}-placeholder`, theme: t, children: /* @__PURE__ */ o(E, { height: "100%", children: s }) }),
+    /* @__PURE__ */ o(w, { "data-testid": e, theme: t, src: f, alt: g, width: i, height: d, objectFit: S, $isLoading: n, onLoad: k, onError: I, onClick: y, styles: u, ref: p }),
+    l && /* @__PURE__ */ o(x, { "data-testid": `${e}-caption`, theme: t, children: l })
+  ] });
+});
+O.displayName = e;
+export {
+  O as Image
+};