gd-design-library 0.3.4 → 0.4.0

package/components/core/Image/ImageStyled.js

@@ -1 +1,54 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),d=require("react"),c=require("../../../utils/helpers.js"),l=s=>{const{width:e,height:t,theme:{image:r}={},...i}=s,n=[c.get(r,"wrapper",{}),{width:`${e?`${e}px`:"100%"}`,height:`${t?`${t}px`:"100%"}`}];return o.jsx("div",{css:n,...i})},p=d.forwardRef((s,e)=>{const{objectFit:t="cover",$isLoading:r,theme:{image:i}={},...n}=s,a=[c.get(i,"default",{}),{objectFit:t,opacity:`${r?0:1}`}];return o.jsx("img",{css:a,...n,ref:e})}),g=s=>{const{theme:{image:e}={},...t}=s,r=[c.get(e,"placeholder",{})];return o.jsx("div",{css:r,...t})},m=s=>{const{theme:{image:e}={},...t}=s,r=[c.get(e,"caption",{})];return o.jsx("figcaption",{css:r,...t})};exports.CaptionStyled=m;exports.ImageStyled=p;exports.ImageWrapperStyled=l;exports.PlaceholderStyled=g;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { get as c } from "../../../utils/helpers.js";
+const h = (o) => {
+  const {
+    width: t,
+    height: e,
+    theme: {
+      image: s
+    } = {},
+    ...i
+  } = o, p = [c(s, "wrapper", {}), {
+    width: `${t ? `${t}px` : "100%"}`,
+    height: `${e ? `${e}px` : "100%"}`
+  }];
+  return /* @__PURE__ */ r("div", { css: p, ...i });
+}, u = a((o, t) => {
+  const {
+    objectFit: e = "cover",
+    $isLoading: s,
+    theme: {
+      image: i
+    } = {},
+    styles: p,
+    ...m
+  } = o, n = [c(i, "default", {}), {
+    objectFit: e,
+    opacity: `${s ? 0 : 1}`
+  }, p];
+  return /* @__PURE__ */ r("img", { css: n, ...m, ref: t });
+}), y = (o) => {
+  const {
+    theme: {
+      image: t
+    } = {},
+    ...e
+  } = o, s = [c(t, "placeholder", {})];
+  return /* @__PURE__ */ r("div", { css: s, ...e });
+}, f = (o) => {
+  const {
+    theme: {
+      image: t
+    } = {},
+    ...e
+  } = o, s = [c(t, "caption", {})];
+  return /* @__PURE__ */ r("figcaption", { css: s, ...e });
+};
+export {
+  f as CaptionStyled,
+  u as ImageStyled,
+  h as ImageWrapperStyled,
+  y as PlaceholderStyled
+};

package/components/core/Image/constants.js

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

package/components/core/InlineNotification/InlineNotification.js

@@ -1 +1,38 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),q=require("react"),l=require("../../../utils/helpers.js"),v=require("../../../utils/common.js"),I=require("../../../hooks/useTheme/useTheme.js"),O=require("../Icon/Icon.js"),e=require("./constants.js"),u=require("./InlineNotificationStyled.js"),N=q.forwardRef((d,m)=>{const{variant:i=e.DEFAULT_VARIANT,className:f,styles:T,children:n,...y}=d,{theme:s}=I.useTheme(),t=l.get(s,["inlineNotification",i,"icon"],{name:""}),a=v.isChildPrimitive(n),{ariaLive:o,role:c}=l.get(e.accessibilityValues,i,e.accessibilityValues.default);return r.jsxs(u.InlineNotificationStyled,{ref:m,"data-testid":e.COMPONENT_NAME,$variant:i,className:f,styles:T,theme:s,...o?{"aria-live":o}:{},...c?{role:c}:{},...y,children:[(t==null?void 0:t.name)&&r.jsx(O.Icon,{...t}),a&&r.jsx(u.InlineNotificationMessageStyled,{"data-testid":e.CONTENT_COMPONENT,$variant:i,theme:s,children:n}),!a&&n]})});N.displayName=e.COMPONENT_NAME;exports.InlineNotification=N;
+"use client";
+import { jsxs as T, jsx as s } from "@emotion/react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { DEFAULT_VARIANT as u, accessibilityValues as m, COMPONENT_NAME as c, CONTENT_COMPONENT as y } from "./constants.js";
+import { InlineNotificationStyled as E, InlineNotificationMessageStyled as I } from "./InlineNotificationStyled.js";
+import { isChildPrimitive as O } from "../../../utils/common.js";
+import { Icon as A } from "../Icon/Icon.js";
+import { useTheme as C } from "../../../hooks/useTheme/useTheme.js";
+import { get as l } from "../../../utils/helpers.js";
+const M = h((f, N) => {
+  const {
+    variant: i = u,
+    className: d,
+    styles: p,
+    children: e,
+    ...v
+  } = f, {
+    theme: o
+  } = C(), t = l(o, ["inlineNotification", i, "icon"], {
+    name: ""
+  }), r = O(e), {
+    ariaLive: a,
+    role: n
+  } = l(m, i, m.default);
+  return /* @__PURE__ */ T(E, { ref: N, "data-testid": c, $variant: i, className: d, styles: p, theme: o, ...a ? {
+    "aria-live": a
+  } : {}, ...n ? {
+    role: n
+  } : {}, ...v, children: [
+    (t == null ? void 0 : t.name) && /* @__PURE__ */ s(A, { ...t }),
+    r && /* @__PURE__ */ s(I, { "data-testid": y, $variant: i, theme: o, children: e }),
+    !r && e
+  ] });
+});
+M.displayName = c;
+export {
+  M as InlineNotification
+};

package/components/core/InlineNotification/InlineNotificationStyled.js

@@ -1 +1,29 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("@emotion/react/jsx-runtime"),d=require("react"),n=require("../../../utils/helpers.js"),f=d.forwardRef((s,t)=>{const{theme:{inlineNotification:e}={},$variant:i,styles:o={},...c}=s,r=n.get(e,"default.wrapper",{}),a=n.get(e,[i,"wrapper"],{}),u=[r,a,o];return l.jsx("div",{css:u,...c,ref:t})}),y=s=>{const{theme:{inlineNotification:t}={},$variant:e,styles:i={},...o}=s,c=n.get(t,"default.content",{}),r=n.get(t,[e,"content"],{}),a=[c,r,i];return l.jsx("span",{css:a,...o})};exports.InlineNotificationMessageStyled=y;exports.InlineNotificationStyled=f;
+"use client";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { get as n } from "../../../utils/helpers.js";
+const u = f((s, t) => {
+  const {
+    theme: {
+      inlineNotification: e
+    } = {},
+    $variant: o,
+    styles: i = {},
+    ...r
+  } = s, c = n(e, "default.wrapper", {}), a = n(e, [o, "wrapper"], {});
+  return /* @__PURE__ */ l("div", { css: [c, a, i], ...r, ref: t });
+}), S = (s) => {
+  const {
+    theme: {
+      inlineNotification: t
+    } = {},
+    $variant: e,
+    styles: o = {},
+    ...i
+  } = s, r = n(t, "default.content", {}), c = n(t, [e, "content"], {});
+  return /* @__PURE__ */ l("span", { css: [r, c, o], ...i });
+};
+export {
+  S as InlineNotificationMessageStyled,
+  u as InlineNotificationStyled
+};

package/components/core/InlineNotification/constants.js

@@ -1 +1,21 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a="InlineNotification",t="InlineNotificationComponent",e={ariaLive:"polite",role:"status"},i={ariaLive:"assertive",role:"alert"},s={default:e,success:e,info:e,error:i,warning:i},r="basic";exports.COMPONENT_NAME=a;exports.CONTENT_COMPONENT=t;exports.DEFAULT_VARIANT=r;exports.accessibilityValues=s;exports.defaultAriaValues=e;exports.errorAriaValues=i;
+const t = "InlineNotification", a = "InlineNotificationComponent", i = {
+  ariaLive: "polite",
+  role: "status"
+}, e = {
+  ariaLive: "assertive",
+  role: "alert"
+}, o = {
+  default: i,
+  success: i,
+  info: i,
+  error: e,
+  warning: e
+}, s = "basic";
+export {
+  t as COMPONENT_NAME,
+  a as CONTENT_COMPONENT,
+  s as DEFAULT_VARIANT,
+  o as accessibilityValues,
+  i as defaultAriaValues,
+  e as errorAriaValues
+};

package/components/core/Input/Input.js

@@ -1 +1,72 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@emotion/react/jsx-runtime"),U=require("react"),C=require("../../../hooks/useTheme/useTheme.js"),w=require("../../../types/common.js"),e=require("./constants.js"),H=require("./useInputHandlers.js"),d=require("./InputWrapper/InputWrapper.js"),c=require("./InputAdornment/InputAdornment.js"),p=require("./InputHelper/InputHelper.js"),v=require("./InputStyled.js"),P=U.forwardRef((I,O)=>{const{theme:m}=C.useTheme(),{width:E,className:S=e.DEFAULT_PROPS.className,styles:T=e.DEFAULT_PROPS.styles,variant:s=e.DEFAULT_PROPS.variant,color:a=e.DEFAULT_PROPS.color,disabled:_=e.DEFAULT_PROPS.disabled,readOnly:h=e.DEFAULT_PROPS.readOnly,ariaRequired:N=e.DEFAULT_PROPS.ariaRequired,role:A=e.DEFAULT_PROPS.role,tabIndex:b=e.DEFAULT_PROPS.tabIndex,ariaDescribedBy:o,debounceCallbackTime:x,onChange:D,onKeyDown:q,onMouseDown:y,onBlur:R,adornmentStart:i,adornmentEnd:u,label:n,helperText:t,...j}=I,l=!e.FOCUS_EXCLUDED_LIST.includes(s),F=!!(n||t),{handlers:M,isMouseInteraction:L}=H.useInputHandlers({onKeyDown:q,onBlur:R,onMouseDown:y,onChange:D,debounceCallbackTime:x});return r.jsxs(d.InputWrapper,{as:"label",withGap:F,className:S,width:E,styles:T,children:[n&&r.jsx(p.InputHelper,{children:n}),r.jsxs(d.InputWrapper,{children:[i&&r.jsx(c.InputAdornment,{children:i}),r.jsx(v.InputStyled,{$isMouseInteraction:L&&l,$color:a,ref:O,disabled:_,role:A,theme:m,type:s,readOnly:h,tabIndex:b,"aria-required":N,"data-testid":e.COMPONENT_NAME,...M,...o?{"aria-describedby":o}:{},...j}),l&&r.jsxs(r.Fragment,{children:[r.jsx("div",{className:`${e.COMPONENT_NAME}__border`}),r.jsx("div",{className:`${e.COMPONENT_NAME}__outline`})]}),u&&r.jsx(c.InputAdornment,{children:u})]}),t&&r.jsx(p.InputHelper,{color:a,size:w.SizeVariant.Sm,children:t})]})});P.displayName=e.COMPONENT_NAME;exports.Input=P;
+"use client";
+import { jsxs as a, jsx as r, Fragment as A } from "@emotion/react/jsx-runtime";
+import { forwardRef as H } from "react";
+import { DEFAULT_PROPS as e, COMPONENT_NAME as o, FOCUS_EXCLUDED_LIST as L } from "./constants.js";
+import { useInputHandlers as P } from "./useInputHandlers.js";
+import { InputStyled as U } from "./InputStyled.js";
+import { InputWrapper as p } from "./InputWrapper/InputWrapper.js";
+import { InputHelper as u } from "./InputHelper/InputHelper.js";
+import { InputAdornment as h } from "./InputAdornment/InputAdornment.js";
+import { useTheme as g } from "../../../hooks/useTheme/useTheme.js";
+import { SizeVariant as j } from "../../../types/common.js";
+const z = H((f, b) => {
+  const {
+    theme: I
+  } = g(), {
+    // Layout props
+    width: y,
+    className: N = e.className,
+    styles: S = e.styles,
+    // Input behavior props
+    variant: i = e.variant,
+    color: s = e.color,
+    disabled: _ = e.disabled,
+    readOnly: w = e.readOnly,
+    // Accessibility props
+    ariaRequired: x = e.ariaRequired,
+    role: D = e.role,
+    tabIndex: E = e.tabIndex,
+    ariaDescribedBy: l,
+    // Event handling props
+    debounceCallbackTime: O,
+    onChange: T,
+    onKeyDown: C,
+    onMouseDown: M,
+    onBlur: v,
+    // Adornments
+    adornmentStart: d,
+    adornmentEnd: m,
+    // Helper text
+    label: t,
+    helperText: n,
+    ...F
+  } = f, c = !L.includes(i), R = !!(t || n), {
+    handlers: $,
+    isMouseInteraction: q
+  } = P({
+    onKeyDown: C,
+    onBlur: v,
+    onMouseDown: M,
+    onChange: T,
+    debounceCallbackTime: O
+  });
+  return /* @__PURE__ */ a(p, { as: "label", withGap: R, className: N, width: y, styles: S, children: [
+    t && /* @__PURE__ */ r(u, { children: t }),
+    /* @__PURE__ */ a(p, { children: [
+      d && /* @__PURE__ */ r(h, { children: d }),
+      /* @__PURE__ */ r(U, { $isMouseInteraction: q && c, $color: s, ref: b, disabled: _, role: D, theme: I, type: i, readOnly: w, tabIndex: E, "aria-required": x, "data-testid": o, ...$, ...l ? {
+        "aria-describedby": l
+      } : {}, ...F }),
+      c && /* @__PURE__ */ a(A, { children: [
+        /* @__PURE__ */ r("div", { className: `${o}__border` }),
+        /* @__PURE__ */ r("div", { className: `${o}__outline` })
+      ] }),
+      m && /* @__PURE__ */ r(h, { children: m })
+    ] }),
+    n && /* @__PURE__ */ r(u, { color: s, size: j.Sm, children: n })
+  ] });
+});
+z.displayName = o;
+export {
+  z as Input
+};

package/components/core/Input/InputAdornment/InputAdornment.js

@@ -1 +1,18 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),c=require("react"),d=require("../../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),i=require("./InputAdornmentStyled.js"),t=c.forwardRef((n,r)=>{const{theme:s}=d.useTheme(),{children:o}=n;return u.jsx(i.InputAdornmentStyled,{ref:r,theme:s,"data-testid":e.COMPONENT_NAME,children:o})});t.displayName=e.COMPONENT_NAME;exports.InputAdornment=t;
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { COMPONENT_NAME as t } from "./constants.js";
+import { InputAdornmentStyled as p } from "./InputAdornmentStyled.js";
+import { useTheme as d } from "../../../../hooks/useTheme/useTheme.js";
+const f = i((r, e) => {
+  const {
+    theme: o
+  } = d(), {
+    children: m
+  } = r;
+  return /* @__PURE__ */ n(p, { ref: e, theme: o, "data-testid": t, children: m });
+});
+f.displayName = t;
+export {
+  f as InputAdornment
+};

package/components/core/Input/InputAdornment/InputAdornmentStyled.js

@@ -1 +1,15 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("@emotion/react/jsx-runtime"),o=require("../../../../utils/helpers.js");require("react");const u=e=>{const{theme:{input:t}={},...n}=e,r=[o.get(t,"adornment.default",{})];return s.jsx("div",{css:r,...n})};exports.InputAdornmentStyled=u;
+"use client";
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { get as s } from "../../../../utils/helpers.js";
+const c = (t) => {
+  const {
+    theme: {
+      input: e
+    } = {},
+    ...o
+  } = t, n = [s(e, "adornment.default", {})];
+  return /* @__PURE__ */ r("div", { css: n, ...o });
+};
+export {
+  c as InputAdornmentStyled
+};

package/components/core/Input/InputAdornment/constants.js

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

package/components/core/Input/InputHelper/InputHelper.js

@@ -1 +1,22 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),l=require("react"),a=require("../../../../hooks/useTheme/useTheme.js"),p=require("../../../../types/common.js"),d=require("../../../../types/input.js"),e=require("./constants.js"),m=require("./InputHelperStyled.js"),r=l.forwardRef((t,n)=>{const{theme:o}=a.useTheme(),{children:s,size:i=p.SizeVariant.Md,color:u=d.InputColorVariant.Primary}=t;return c.jsx(m.InputHelperStyled,{$size:i,$color:u,ref:n,theme:o,"data-testid":e.COMPONENT_NAME,children:s})});r.displayName=e.COMPONENT_NAME;exports.InputHelper=r;
+"use client";
+import { jsx as n } from "@emotion/react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { COMPONENT_NAME as r } from "./constants.js";
+import { InputHelperStyled as f } from "./InputHelperStyled.js";
+import { useTheme as s } from "../../../../hooks/useTheme/useTheme.js";
+import { InputColorVariant as l } from "../../../../types/input.js";
+import { SizeVariant as c } from "../../../../types/common.js";
+const d = a((o, t) => {
+  const {
+    theme: e
+  } = s(), {
+    children: m,
+    size: i = c.Md,
+    color: p = l.Primary
+  } = o;
+  return /* @__PURE__ */ n(f, { $size: i, $color: p, ref: t, theme: e, "data-testid": r, children: m });
+});
+d.displayName = r;
+export {
+  d as InputHelper
+};

package/components/core/Input/InputHelper/InputHelperStyled.js

@@ -1 +1,17 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("@emotion/react/jsx-runtime"),e=require("../../../../utils/helpers.js");require("react");const i=s=>{const{theme:{input:n}={},$color:o,$size:t,...l}=s,r=e.get(n,"helper",{}),u=[e.get(r,["default",t],{}),e.get(r,[o,t],{})];return c.jsx("div",{css:u,...l})};exports.InputHelperStyled=i;
+"use client";
+import { jsx as l } from "@emotion/react/jsx-runtime";
+import { get as t } from "../../../../utils/helpers.js";
+const u = (s) => {
+  const {
+    theme: {
+      input: r
+    } = {},
+    $color: n,
+    $size: e,
+    ...p
+  } = s, o = t(r, "helper", {}), c = [t(o, ["default", e], {}), t(o, [n, e], {})];
+  return /* @__PURE__ */ l("div", { css: c, ...p });
+};
+export {
+  u as InputHelperStyled
+};

package/components/core/Input/InputHelper/constants.js

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

package/components/core/Input/InputStyled.js

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

package/components/core/Input/InputWrapper/InputWrapper.js

@@ -1 +1,22 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@emotion/react/jsx-runtime"),d=require("react"),h=require("../../../../hooks/useTheme/useTheme.js"),e=require("./constants.js"),l=require("./InputWrapperStyled.js"),t=d.forwardRef((r,s)=>{const{theme:n}=h.useTheme(),{children:a,as:i=e.DEFAULT_AS_ELEMENT,width:u,withGap:p,...c}=r;return o.jsx(l.InputWrapperStyled,{$as:i,$width:u,$withGap:p,ref:s,theme:n,"data-testid":e.COMPONENT_NAME,...c,children:a})});t.displayName=e.COMPONENT_NAME;exports.InputWrapper=t;
+"use client";
+import { jsx as d } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { DEFAULT_AS_ELEMENT as n, COMPONENT_NAME as t } from "./constants.js";
+import { InputWrapperStyled as h } from "./InputWrapperStyled.js";
+import { useTheme as E } from "../../../../hooks/useTheme/useTheme.js";
+const c = f((r, e) => {
+  const {
+    theme: o
+  } = E(), {
+    children: p,
+    as: i = n,
+    width: m,
+    withGap: a,
+    ...s
+  } = r;
+  return /* @__PURE__ */ d(h, { $as: i, $width: m, $withGap: a, ref: e, theme: o, "data-testid": t, ...s, children: p });
+});
+c.displayName = t;
+export {
+  c as InputWrapper
+};

package/components/core/Input/InputWrapper/InputWrapperStyled.js

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

package/components/core/Input/InputWrapper/constants.js

@@ -1 +1,5 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="InputWrapper",t="div";exports.COMPONENT_NAME=E;exports.DEFAULT_AS_ELEMENT=t;
+const E = "InputWrapper", p = "div";
+export {
+  E as COMPONENT_NAME,
+  p as DEFAULT_AS_ELEMENT
+};

package/components/core/Input/constants.js

@@ -1 +1,18 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("../../../types/accesability.js"),e=require("../../../types/input.js"),t="Input",n={variant:e.InputVariantType.Text,color:e.InputColorVariant.Primary,className:"",disabled:!1,readOnly:!1,ariaRequired:!1,role:e.InputRole.Textbox,tabIndex:a.TabIndex.Default,styles:{}},r=[e.InputVariantType.Checkbox,e.InputVariantType.Radio,e.InputVariantType.Range];exports.COMPONENT_NAME=t;exports.DEFAULT_PROPS=n;exports.FOCUS_EXCLUDED_LIST=r;
+import { InputVariantType as a, InputColorVariant as e, InputRole as t } from "../../../types/input.js";
+import { TabIndex as o } from "../../../types/accesability.js";
+const l = "Input", s = {
+  variant: a.Text,
+  color: e.Primary,
+  className: "",
+  disabled: !1,
+  readOnly: !1,
+  ariaRequired: !1,
+  role: t.Textbox,
+  tabIndex: o.Default,
+  styles: {}
+}, i = [a.Checkbox, a.Radio, a.Range];
+export {
+  l as COMPONENT_NAME,
+  s as DEFAULT_PROPS,
+  i as FOCUS_EXCLUDED_LIST
+};

package/components/core/Input/useInputHandlers.js

@@ -1 +1,31 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),I=require("../../../constants/keyboard.js"),n=require("../../../utils/helpers.js"),S=({onMouseDown:s,onChange:u,onKeyDown:t,onBlur:r,debounceCallbackTime:c})=>{const[i,d]=a.useState(!1),f=a.useCallback(e=>{d(!0),s==null||s(e)},[s]),l=a.useCallback(e=>{e.key===I.KEYBOARD_KEYS.TAB&&d(!1),t==null||t(e)},[t]),b=a.useCallback(e=>{d(!1),r==null||r(e)},[r]),p=typeof c=="number"&&t?n.debounce(l,c):l,h=typeof c=="number"&&u?n.debounce(u,c):u;return{handlers:{onMouseDown:f,onKeyDown:p,onBlur:b,onChange:h},isMouseInteraction:i}};exports.useInputHandlers=S;
+"use client";
+import { useState as A, useCallback as d } from "react";
+import { KEYBOARD_KEYS as E } from "../../../constants/keyboard.js";
+import { debounce as i } from "../../../utils/helpers.js";
+const n = ({
+  onMouseDown: e,
+  onChange: c,
+  onKeyDown: s,
+  onBlur: r,
+  debounceCallbackTime: f
+}) => {
+  const [m, a] = A(!1), u = d((t) => {
+    a(!0), e == null || e(t);
+  }, [e]), p = d((t) => {
+    t.key === E.TAB && a(!1), s == null || s(t);
+  }, [s]), h = d((t) => {
+    a(!1), r == null || r(t);
+  }, [r]), I = typeof f == "number" && s ? i(p, f) : p, l = typeof f == "number" && c ? i(c, f) : c;
+  return {
+    handlers: {
+      onMouseDown: u,
+      onKeyDown: I,
+      onBlur: h,
+      onChange: l
+    },
+    isMouseInteraction: m
+  };
+};
+export {
+  n as useInputHandlers
+};

package/components/core/InputFile/InputFile.js

@@ -1 +1,40 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("@emotion/react/jsx-runtime"),i=require("react"),_=require("../../../types/button.js"),b=require("../../../hooks/useTheme/useTheme.js"),j=require("../Button/Button.js"),c=require("./constants.js"),d=require("./InputFileStyled.js"),p=i.forwardRef((I,l)=>{const{styles:h={},accept:m,capture:E,multiple:N,disabled:e,onChange:t,onClick:n,isIcon:q,children:y=c.INPUT_FILE_DEFAULT_LABEL_VALUE,buttonProps:F,...T}=I,{theme:o}=b.useTheme(),r=i.useRef(null);i.useImperativeHandle(l,()=>r.current);const f=s=>{var a;e||((a=r.current)==null||a.click(),n==null||n(s))},O=s=>{t==null||t(s)};return u.jsxs(d.InputFileWrapperStyled,{theme:o,styles:h,ref:l,"data-testid":c.COMPONENT_NAME,children:[u.jsx(d.InputFileStyled,{ref:r,theme:o,accept:m,capture:E,multiple:N,disabled:e,onChange:O,...T}),u.jsx(j.Button,{isIcon:q,variant:_.ButtonVariant.Outlined,disabled:e,onClick:f,...F,children:y})]})});p.displayName=c.COMPONENT_NAME;exports.InputFile=p;
+"use client";
+import { jsxs as N, jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as _, useRef as y, useImperativeHandle as A } from "react";
+import { INPUT_FILE_DEFAULT_LABEL_VALUE as C, COMPONENT_NAME as a } from "./constants.js";
+import { InputFileWrapperStyled as T, InputFileStyled as x } from "./InputFileStyled.js";
+import { Button as B } from "../Button/Button.js";
+import { useTheme as O } from "../../../hooks/useTheme/useTheme.js";
+import { ButtonVariant as P } from "../../../types/button.js";
+const U = _((m, o) => {
+  const {
+    styles: c = {},
+    accept: u,
+    capture: d,
+    multiple: f,
+    disabled: t,
+    onChange: e,
+    onClick: r,
+    isIcon: h,
+    children: I = C,
+    buttonProps: E,
+    ...F
+  } = m, {
+    theme: l
+  } = O(), n = y(null);
+  A(o, () => n.current);
+  const L = (i) => {
+    var s;
+    t || ((s = n.current) == null || s.click(), r == null || r(i));
+  };
+  return /* @__PURE__ */ N(T, { theme: l, styles: c, ref: o, "data-testid": a, children: [
+    /* @__PURE__ */ p(x, { ref: n, theme: l, accept: u, capture: d, multiple: f, disabled: t, onChange: (i) => {
+      e == null || e(i);
+    }, ...F }),
+    /* @__PURE__ */ p(B, { isIcon: h, variant: P.Outlined, disabled: t, onClick: L, ...E, children: I })
+  ] });
+});
+U.displayName = a;
+export {
+  U as InputFile
+};

package/components/core/InputFile/InputFileStyled.js

@@ -1 +1,27 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/react/jsx-runtime"),u=require("react"),i=require("../../../utils/helpers.js"),p=require("./constants.js"),c=u.forwardRef((e,t)=>{const{theme:{inputfile:r}={},styles:s={},...o}=e,l=[i.get(r,"default",{}),s];return n.jsx("div",{css:l,...o,ref:t})}),d=u.forwardRef((e,t)=>{const{theme:{inputfile:r}={},...s}=e;return n.jsx("input",{type:p.INPUT_FILE_TYPE,css:i.get(r,"input",{}),...s,ref:t})});exports.InputFileStyled=d;exports.InputFileWrapperStyled=c;
+"use client";
+import { jsx as s } from "@emotion/react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { INPUT_FILE_TYPE as m } from "./constants.js";
+import { get as i } from "../../../utils/helpers.js";
+const y = p((t, e) => {
+  const {
+    theme: {
+      inputfile: r
+    } = {},
+    styles: o = {},
+    ...n
+  } = t, f = [i(r, "default", {}), o];
+  return /* @__PURE__ */ s("div", { css: f, ...n, ref: e });
+}), I = p((t, e) => {
+  const {
+    theme: {
+      inputfile: r
+    } = {},
+    ...o
+  } = t;
+  return /* @__PURE__ */ s("input", { type: m, css: i(r, "input", {}), ...o, ref: e });
+});
+export {
+  I as InputFileStyled,
+  y as InputFileWrapperStyled
+};

package/components/core/InputFile/constants.js

@@ -1 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const E="InputFile",_="Browse Files",L="file";exports.COMPONENT_NAME=E;exports.INPUT_FILE_DEFAULT_LABEL_VALUE=_;exports.INPUT_FILE_TYPE=L;
+const E = "InputFile", _ = "Browse Files", L = "file";
+export {
+  E as COMPONENT_NAME,
+  _ as INPUT_FILE_DEFAULT_LABEL_VALUE,
+  L as INPUT_FILE_TYPE
+};

package/components/core/Label/Label.js

@@ -1 +1,27 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("@emotion/react/jsx-runtime"),b=require("react"),m=require("../../../hooks/useTheme/useTheme.js"),r=require("./constants.js"),N=require("./LabelStyled.js"),s=b.forwardRef((a,l)=>{const{className:n="",htmlFor:e,onClick:o,ariaLabel:t,children:c,...i}=a,{theme:u}=m.useTheme();return d.jsx(N.LabelStyled,{ref:l,theme:u,className:n,onClick:o,"data-testid":r.COMPONENT_NAME,...e?{htmlFor:e}:{},...t?{"aria-label":t}:{},...i,children:c})});s.displayName=r.COMPONENT_NAME;exports.Label=s;
+"use client";
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { COMPONENT_NAME as o } from "./constants.js";
+import { LabelStyled as n } from "./LabelStyled.js";
+import { useTheme as d } from "../../../hooks/useTheme/useTheme.js";
+const N = c((t, a) => {
+  const {
+    className: m = "",
+    htmlFor: r,
+    onClick: i,
+    ariaLabel: e,
+    children: l,
+    ...s
+  } = t, {
+    theme: f
+  } = d();
+  return /* @__PURE__ */ p(n, { ref: a, theme: f, className: m, onClick: i, "data-testid": o, ...r ? {
+    htmlFor: r
+  } : {}, ...e ? {
+    "aria-label": e
+  } : {}, ...s, children: l });
+});
+N.displayName = o;
+export {
+  N as Label
+};

package/components/core/Label/LabelStyled.js

@@ -1 +1,17 @@
-"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"),a=n.forwardRef((e,t)=>{const{styles:r={},theme:{label:s}={},...l}=e,o=[u.get(s,"default",{}),r];return c.jsx("label",{css:o,...l,ref:t})});exports.LabelStyled=a;
+"use client";
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { get as c } from "../../../utils/helpers.js";
+const d = f((e, t) => {
+  const {
+    styles: r = {},
+    theme: {
+      label: o
+    } = {},
+    ...s
+  } = e, l = [c(o, "default", {}), r];
+  return /* @__PURE__ */ m("label", { css: l, ...s, ref: t });
+});
+export {
+  d as LabelStyled
+};

package/components/core/Label/constants.js

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