@jenesei-software/jenesei-kit-react 2.3.1 → 2.3.2

package/build/area-outside.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./outside-CXyCk8h1.cjs");exports.Outside=e.Outside;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./outside-BP81eKu0.cjs");exports.Outside=e.Outside;

package/build/area-outside.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./outside-DopxX0PZ.js";
+import { t as o } from "./outside-_oOot7z3.js";
 export {
   o as Outside
 };

package/build/area-preview.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./preview-BLu-NOv2.cjs");exports.Preview=e.Preview;exports.useRemovePreviewLoader=e.useRemovePreviewLoader;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./preview-p2i9Ju3I.cjs");exports.Preview=e.Preview;exports.useRemovePreviewLoader=e.useRemovePreviewLoader;

package/build/area-preview.es.js

@@ -1,4 +1,4 @@
-import { n as r, t as o } from "./preview-Bc2qdyd4.js";
+import { n as r, t as o } from "./preview-C-mtYSGG.js";
 export {
   r as Preview,
   o as useRemovePreviewLoader

package/build/area-skeleton.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./skeleton-DmaXsm9C.cjs");exports.Skeleton=e.Skeleton;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./skeleton-BfOHjRgT.cjs");exports.Skeleton=e.Skeleton;

package/build/area-skeleton.es.js

@@ -1,4 +1,4 @@
-import { t } from "./skeleton-Bh6zA5iB.js";
+import { t } from "./skeleton-wRSg85X7.js";
 export {
   t as Skeleton
 };

package/build/button-6CFvwtSz.cjs

@@ -0,0 +1,3 @@
+const f=require("./chunk-Dd8m0Ver.cjs"),n=require("./utils-DCIq-5FL.cjs"),l=require("./functions-CZrZU5U0.cjs"),V=require("./icon-DyjaxKWq.cjs"),v=require("./isEqual-Q-mEN2md.cjs"),m=require("./hooks-use-deep-compare-memoize.cjs.js"),L=require("./hooks-use-merge-refs.cjs.js"),M=require("./hooks-use-typography-styles.cjs.js");let y=require("react/jsx-runtime"),i=require("react");var b=f.__toESM(v.require_isEqual(),1),k=e=>{const s=m.useDeepCompareMemoize(e.icons??[]),u=m.useDeepCompareMemoize(e.style),S=m.useDeepCompareMemoize(e.sxTypography),c="iconGroupOrder"in e,o=c?e.iconGroupOrder:void 0,a=(0,i.useMemo)(()=>V.getIconComponents({icons:s.map(r=>({...r,style:{color:n.CSS_VARS.genre.button[e.genre].color.index}})),size:e.size}),[s,e.size,e.genre]),d=(0,i.useCallback)(r=>{!e.isDisabled&&e.onClick&&e.onClick(r)},[e.isDisabled,e.onClick]),C=(0,i.useRef)(null),_=L.useMergeRefs((0,i.useMemo)(()=>[C,e.ref],[e.ref])),{className:g,style:h}=M.useTypographyStyles({sx:(0,i.useMemo)(()=>({variant:n.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...S}),[e.size,S]),style:(0,i.useMemo)(()=>({order:0,display:"inline-flex"}),[])}),{className:R,style:x}=(0,i.useMemo)(()=>{const r=l.setClasses([n.CSS_CLASS.component.button.root,n.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],n.CSS_CLASS.transition.color,e.isZeroRadius&&n.CSS_CLASS.component.button.isZeroRadius,e.isHidden&&n.CSS_CLASS.component.button.isHidden,e.isHiddenBorder&&n.CSS_CLASS.component.button.isHiddenBorder,e.isFullRadius&&n.CSS_CLASS.component.button.isFullRadius,e.isFullSize&&n.CSS_CLASS.component.button.isFullSize,e.isWidthAsHeight&&n.CSS_CLASS.component.button.isWidthAsHeight,e.isMinWidthAsContent&&n.CSS_CLASS.component.button.isMinWidthAsContent,e.isZeroPadding&&n.CSS_CLASS.component.button.isZeroPadding,e.isSizeFitContent&&n.CSS_CLASS.component.button.isSizeFitContent,e.className]),t={};return t[n.CSS_VARS_RAW.component.button.background]=n.CSS_VARS.genre.button[e.genre].background.index,t[n.CSS_VARS_RAW.component.button.color]=n.CSS_VARS.genre.button[e.genre].color.index,t[n.CSS_VARS_RAW.component.button.border]=n.CSS_VARS.genre.button[e.genre].border.index,t[n.CSS_VARS_RAW.component.button.height]=n.CSS_VARS.size[e.size].height,t[n.CSS_VARS_RAW.component.button.padding]=n.CSS_VARS.size[e.size].padding,t[n.CSS_VARS_RAW.component.button.radius]=n.CSS_VARS.size[e.size].radius,t[n.CSS_VARS_RAW.component.button.gap]=`calc(${n.CSS_VARS.size[e.size].padding} - 2px)`,{className:r,style:l.setStyles([Object.keys(t).length?t:void 0,u])}},[e.className,u,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.isZeroRadius,e.control,e.isZeroPadding,e.isSizeFitContent]),{className:z,style:q}=(0,i.useMemo)(()=>{const r=l.setClasses([n.CSS_CLASS.component.button.iconGroup,e.isIconGroup&&n.CSS_CLASS.component.button.iconGroupIsIconGroup]),t={};return c&&(t[n.CSS_VARS_RAW.component.button.iconGroupOrder]=String(o??"initial")),{className:r,style:l.setStyles([Object.keys(t).length?t:void 0])}},[e.isIconGroup,c,o]);return(0,y.jsxs)("button",{tabIndex:e.tabIndex,disabled:e.isDisabled,className:R,style:x,onClick:d,onFocus:e.onFocus,onMouseDown:e.onMouseDown,type:e.type??"button",ref:_,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[!e.isOnlyIcon&&e.children&&(0,y.jsx)("div",{className:g,style:h,children:e.children}),(0,y.jsx)("div",{className:z,style:q,children:a})]})},A=(0,i.memo)(k,W);A.displayName="Button";function W(e,s){const{icons:u,style:S,sxTypography:c,...o}=e,{icons:a,style:d,sxTypography:C,..._}=s;return(0,b.default)(u,a)&&(0,b.default)(S,d)&&(0,b.default)(c,C)&&I(o,_)}function I(e,s){const u=Object.keys(e),S=Object.keys(s);if(u.length!==S.length)return!1;const c=new Set(S);return u.every(o=>c.has(o)&&Object.is(e[o],s[o]))}Object.defineProperty(exports,"Button",{enumerable:!0,get:function(){return A}});
+
+//# sourceMappingURL=button-6CFvwtSz.cjs.map

package/build/button-6CFvwtSz.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-6CFvwtSz.cjs","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport isEqual from 'lodash/isEqual';\nimport { FC, memo, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nconst ButtonComponent: FC<IButton> = (props) => {\n  const icons = useDeepCompareMemoize(props.icons ?? []);\n  const propsStyle = useDeepCompareMemoize(props.style);\n  const sxTypography = useDeepCompareMemoize(props.sxTypography);\n  const hasIconGroupOrder = 'iconGroupOrder' in props;\n  const iconGroupOrder = hasIconGroupOrder ? props.iconGroupOrder : undefined;\n\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: icons.map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const refs = useMemo(() => [refDefault, props.ref], [props.ref]);\n  const ref = useMergeRefs(refs);\n\n  const typographySx = useMemo(\n    () => ({ variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...sxTypography }),\n    [props.size, sxTypography],\n  );\n\n  const typographyStyle = useMemo(() => ({ order: 0, display: 'inline-flex' }), []);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: typographySx,\n    style: typographyStyle,\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, propsStyle]);\n\n    return { className, style };\n  }, [\n    props.className,\n    propsStyle,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if (hasIconGroupOrder) vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.isIconGroup, hasIconGroupOrder, iconGroupOrder]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n\nexport const Button = memo(ButtonComponent, areButtonPropsEqual);\nButton.displayName = 'Button';\n\nfunction areButtonPropsEqual(prev: IButton, next: IButton) {\n  const { icons: prevIcons, style: prevStyle, sxTypography: prevSxTypography, ...prevRest } = prev;\n  const { icons: nextIcons, style: nextStyle, sxTypography: nextSxTypography, ...nextRest } = next;\n\n  return (\n    isEqual(prevIcons, nextIcons) &&\n    isEqual(prevStyle, nextStyle) &&\n    isEqual(prevSxTypography, nextSxTypography) &&\n    areShallowEqual(prevRest, nextRest)\n  );\n}\n\nfunction areShallowEqual<T extends Record<string, unknown>>(prev: T, next: T) {\n  const prevKeys = Object.keys(prev);\n  const nextKeys = Object.keys(next);\n\n  if (prevKeys.length !== nextKeys.length) return false;\n\n  const nextKeysSet = new Set(nextKeys);\n\n  return prevKeys.every((key) => nextKeysSet.has(key) && Object.is(prev[key], next[key]));\n}\n"],"mappings":"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"}

package/build/button-D6Bg00Uh.js

@@ -0,0 +1,120 @@
+import { o as G } from "./chunk-cI0lbGMq.js";
+import { i, n, r as s, t as F } from "./utils-BRgi6734.js";
+import { n as f, t as x } from "./functions-DzX-pTN8.js";
+import { t as O } from "./icon-Y-IZxLXB.js";
+import { t as T } from "./isEqual-BHn_Fkkw.js";
+import { useDeepCompareMemoize as h } from "./hooks-use-deep-compare-memoize.es.js";
+import { useMergeRefs as k } from "./hooks-use-merge-refs.es.js";
+import { useTypographyStyles as D } from "./hooks-use-typography-styles.es.js";
+import { jsx as z, jsxs as H } from "react/jsx-runtime";
+import { memo as M, useCallback as _, useMemo as r, useRef as j } from "react";
+var S = /* @__PURE__ */ G(T(), 1), B = (e) => {
+  const a = h(e.icons ?? []), c = h(e.style), l = h(e.sxTypography), u = "iconGroupOrder" in e, o = u ? e.iconGroupOrder : void 0, m = r(() => O({
+    icons: a.map((d) => ({
+      ...d,
+      style: { color: s.genre.button[e.genre].color.index }
+    })),
+    size: e.size
+  }), [
+    a,
+    e.size,
+    e.genre
+  ]), y = _((d) => {
+    !e.isDisabled && e.onClick && e.onClick(d);
+  }, [e.isDisabled, e.onClick]), b = j(null), g = k(r(() => [b, e.ref], [e.ref])), { className: C, style: v } = D({
+    sx: r(() => ({
+      variant: F.sizeToController[e.size],
+      isNoUserSelect: !0,
+      ...l
+    }), [e.size, l]),
+    style: r(() => ({
+      order: 0,
+      display: "inline-flex"
+    }), [])
+  }), { className: R, style: I } = r(() => {
+    const d = x([
+      n.component.button.root,
+      n.control[e.isDisabled ? "none" : e.control ?? "boxShadow"],
+      n.transition.color,
+      e.isZeroRadius && n.component.button.isZeroRadius,
+      e.isHidden && n.component.button.isHidden,
+      e.isHiddenBorder && n.component.button.isHiddenBorder,
+      e.isFullRadius && n.component.button.isFullRadius,
+      e.isFullSize && n.component.button.isFullSize,
+      e.isWidthAsHeight && n.component.button.isWidthAsHeight,
+      e.isMinWidthAsContent && n.component.button.isMinWidthAsContent,
+      e.isZeroPadding && n.component.button.isZeroPadding,
+      e.isSizeFitContent && n.component.button.isSizeFitContent,
+      e.className
+    ]), t = {};
+    return t[i.component.button.background] = s.genre.button[e.genre].background.index, t[i.component.button.color] = s.genre.button[e.genre].color.index, t[i.component.button.border] = s.genre.button[e.genre].border.index, t[i.component.button.height] = s.size[e.size].height, t[i.component.button.padding] = s.size[e.size].padding, t[i.component.button.radius] = s.size[e.size].radius, t[i.component.button.gap] = `calc(${s.size[e.size].padding} - 2px)`, {
+      className: d,
+      style: f([Object.keys(t).length ? t : void 0, c])
+    };
+  }, [
+    e.className,
+    c,
+    e.genre,
+    e.isDisabled,
+    e.isFullSize,
+    e.isHidden,
+    e.isHiddenBorder,
+    e.isMinWidthAsContent,
+    e.isFullRadius,
+    e.isWidthAsHeight,
+    e.size,
+    e.isZeroRadius,
+    e.control,
+    e.isZeroPadding,
+    e.isSizeFitContent
+  ]), { className: N, style: A } = r(() => {
+    const d = x([n.component.button.iconGroup, e.isIconGroup && n.component.button.iconGroupIsIconGroup]), t = {};
+    return u && (t[i.component.button.iconGroupOrder] = String(o ?? "initial")), {
+      className: d,
+      style: f([Object.keys(t).length ? t : void 0])
+    };
+  }, [
+    e.isIconGroup,
+    u,
+    o
+  ]);
+  return /* @__PURE__ */ H("button", {
+    tabIndex: e.tabIndex,
+    disabled: e.isDisabled,
+    className: R,
+    style: I,
+    onClick: y,
+    onFocus: e.onFocus,
+    onMouseDown: e.onMouseDown,
+    type: e.type ?? "button",
+    ref: g,
+    name: e.name,
+    "aria-label": e.ariaLabel,
+    id: e.id,
+    children: [!e.isOnlyIcon && e.children && /* @__PURE__ */ z("div", {
+      className: C,
+      style: v,
+      children: e.children
+    }), /* @__PURE__ */ z("div", {
+      className: N,
+      style: A,
+      children: m
+    })]
+  });
+}, E = M(B, W);
+E.displayName = "Button";
+function W(e, a) {
+  const { icons: c, style: l, sxTypography: u, ...o } = e, { icons: m, style: y, sxTypography: b, ...g } = a;
+  return (0, S.default)(c, m) && (0, S.default)(l, y) && (0, S.default)(u, b) && Z(o, g);
+}
+function Z(e, a) {
+  const c = Object.keys(e), l = Object.keys(a);
+  if (c.length !== l.length) return !1;
+  const u = new Set(l);
+  return c.every((o) => u.has(o) && Object.is(e[o], a[o]));
+}
+export {
+  E as t
+};
+
+//# sourceMappingURL=button-D6Bg00Uh.js.map

package/build/button-D6Bg00Uh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-D6Bg00Uh.js","names":[],"sources":["../src/components/button/component.tsx"],"sourcesContent":["import { getIconComponents } from '@local/components/icon';\nimport { useDeepCompareMemoize } from '@local/hooks/use-deep-compare-memoize';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, CSS_VARS_RAW, EXTRA_VALUE } from '@local/styles/utils';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport isEqual from 'lodash/isEqual';\nimport { FC, memo, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { IButton } from './component.types';\n\nconst ButtonComponent: FC<IButton> = (props) => {\n  const icons = useDeepCompareMemoize(props.icons ?? []);\n  const propsStyle = useDeepCompareMemoize(props.style);\n  const sxTypography = useDeepCompareMemoize(props.sxTypography);\n  const hasIconGroupOrder = 'iconGroupOrder' in props;\n  const iconGroupOrder = hasIconGroupOrder ? props.iconGroupOrder : undefined;\n\n  const iconComponents = useMemo(\n    () =>\n      getIconComponents({\n        icons: icons.map((e) => ({\n          ...e,\n          style: { color: CSS_VARS.genre.button[props.genre].color.index },\n        })),\n        size: props.size,\n      }),\n    [icons, props.size, props.genre],\n  );\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>(\n    (event) => {\n      if (!props.isDisabled && props.onClick) {\n        props.onClick(event);\n      }\n    },\n    [props.isDisabled, props.onClick],\n  );\n\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const refs = useMemo(() => [refDefault, props.ref], [props.ref]);\n  const ref = useMergeRefs(refs);\n\n  const typographySx = useMemo(\n    () => ({ variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...sxTypography }),\n    [props.size, sxTypography],\n  );\n\n  const typographyStyle = useMemo(() => ({ order: 0, display: 'inline-flex' }), []);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: typographySx,\n    style: typographyStyle,\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.isZeroRadius && CSS_CLASS.component.button.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.button.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.button.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.button.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.button.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.button.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.button.isMinWidthAsContent,\n      props.isZeroPadding && CSS_CLASS.component.button.isZeroPadding,\n      props.isSizeFitContent && CSS_CLASS.component.button.isSizeFitContent,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.button.background] = CSS_VARS.genre.button[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.button.color] = CSS_VARS.genre.button[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.button.border] = CSS_VARS.genre.button[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.button.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.button.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.button.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.button.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, propsStyle]);\n\n    return { className, style };\n  }, [\n    props.className,\n    propsStyle,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.isZeroRadius,\n    props.control,\n    props.isZeroPadding,\n    props.isSizeFitContent,\n  ]);\n\n  const { className: classNameIconGroup, style: styleIconGroup } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.button.iconGroup,\n\n      props.isIconGroup && CSS_CLASS.component.button.iconGroupIsIconGroup,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    if (hasIconGroupOrder) vars[CSS_VARS_RAW.component.button.iconGroupOrder] = String(iconGroupOrder ?? 'initial');\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined]);\n\n    return { className, style };\n  }, [props.isIconGroup, hasIconGroupOrder, iconGroupOrder]);\n\n  return (\n    <button\n      tabIndex={props.tabIndex}\n      disabled={props.isDisabled}\n      className={className}\n      style={style}\n      onClick={handleClick}\n      onFocus={props.onFocus}\n      onMouseDown={props.onMouseDown}\n      type={props.type ?? 'button'}\n      ref={ref as Ref<HTMLButtonElement>}\n      name={props.name}\n      aria-label={props.ariaLabel}\n      id={props.id}\n    >\n      {!props.isOnlyIcon && props.children && (\n        <div className={classNameTypography} style={styleTypography}>\n          {props.children}\n        </div>\n      )}\n      <div className={classNameIconGroup} style={styleIconGroup}>\n        {iconComponents}\n      </div>\n    </button>\n  );\n};\n\nexport const Button = memo(ButtonComponent, areButtonPropsEqual);\nButton.displayName = 'Button';\n\nfunction areButtonPropsEqual(prev: IButton, next: IButton) {\n  const { icons: prevIcons, style: prevStyle, sxTypography: prevSxTypography, ...prevRest } = prev;\n  const { icons: nextIcons, style: nextStyle, sxTypography: nextSxTypography, ...nextRest } = next;\n\n  return (\n    isEqual(prevIcons, nextIcons) &&\n    isEqual(prevStyle, nextStyle) &&\n    isEqual(prevSxTypography, nextSxTypography) &&\n    areShallowEqual(prevRest, nextRest)\n  );\n}\n\nfunction areShallowEqual<T extends Record<string, unknown>>(prev: T, next: T) {\n  const prevKeys = Object.keys(prev);\n  const nextKeys = Object.keys(next);\n\n  if (prevKeys.length !== nextKeys.length) return false;\n\n  const nextKeysSet = new Set(nextKeys);\n\n  return prevKeys.every((key) => nextKeysSet.has(key) && Object.is(prev[key], next[key]));\n}\n"],"mappings":";;;;;;;;;;mCAYM,IAAA,CAAgC,MAAU;AAC9C,QAAM,IAAQ,EAAsB,EAAM,SAAS,CAAA,CAAE,GAC/C,IAAa,EAAsB,EAAM,KAAA,GACzC,IAAe,EAAsB,EAAM,YAAA,GAC3C,IAAoB,oBAAoB,GACxC,IAAiB,IAAoB,EAAM,iBAAiB,QAE5D,IAAiB,EAAA,MAEnB,EAAkB;AAAA,IAChB,OAAO,EAAM,IAAA,CAAK,OAAO;AAAA,MACvB,GAAG;AAAA,MACH,OAAO,EAAE,OAAO,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,MAAM,MAAA;AAAA,MAC1D;AAAA,IACD,MAAM,EAAM;AAAA,GACb,GACH;AAAA,IAAC;AAAA,IAAO,EAAM;AAAA,IAAM,EAAM;AAAA,GAAM,GAG5B,IAAc,EAAA,CACjB,MAAU;AACT,IAAI,CAAC,EAAM,cAAc,EAAM,WAC7B,EAAM,QAAQ,CAAA;AAAA,KAGlB,CAAC,EAAM,YAAY,EAAM,OAAA,CAAQ,GAG7B,IAAa,EAA0B,IAAA,GAGvC,IAAM,EADC,EAAA,MAAc,CAAC,GAAY,EAAM,GAAA,GAAM,CAAC,EAAM,GAAA,CAAI,CAAC,GAU1D,EAAE,WAAW,GAAqB,OAAO,EAAA,IAAoB,EAAoB;AAAA,IACrF,IARmB,EAAA,OACZ;AAAA,MAAE,SAAS,EAAY,iBAAiB,EAAM,IAAA;AAAA,MAAO,gBAAgB;AAAA,MAAM,GAAG;AAAA,QACrF,CAAC,EAAM,MAAM,CAAA,CAAa;AAAA,IAO1B,OAJsB,EAAA,OAAe;AAAA,MAAE,OAAO;AAAA,MAAG,SAAS;AAAA,QAAkB,CAAA,CAAE;AAAA,GAK/E,GAEK,EAAE,WAAA,GAAW,OAAA,EAAA,IAAU,EAAA,MAAc;AACzC,UAAM,IAAY,EAAW;AAAA,MAC3B,EAAU,UAAU,OAAO;AAAA,MAC3B,EAAU,QAAQ,EAAM,aAAa,SAAU,EAAM,WAAW,WAAA;AAAA,MAChE,EAAU,WAAW;AAAA,MACrB,EAAM,gBAAgB,EAAU,UAAU,OAAO;AAAA,MACjD,EAAM,YAAY,EAAU,UAAU,OAAO;AAAA,MAC7C,EAAM,kBAAkB,EAAU,UAAU,OAAO;AAAA,MACnD,EAAM,gBAAgB,EAAU,UAAU,OAAO;AAAA,MACjD,EAAM,cAAc,EAAU,UAAU,OAAO;AAAA,MAC/C,EAAM,mBAAmB,EAAU,UAAU,OAAO;AAAA,MACpD,EAAM,uBAAuB,EAAU,UAAU,OAAO;AAAA,MACxD,EAAM,iBAAiB,EAAU,UAAU,OAAO;AAAA,MAClD,EAAM,oBAAoB,EAAU,UAAU,OAAO;AAAA,MACrD,EAAM;AAAA,KACP,GAEK,IAA+B,CAAA;AAErC,WAAA,EAAK,EAAa,UAAU,OAAO,UAAA,IAAc,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,WAAW,OAC/F,EAAK,EAAa,UAAU,OAAO,KAAA,IAAS,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,MAAM,OACrF,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,MAAM,OAAO,EAAM,KAAA,EAAO,OAAO,OAEvF,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,KAAK,EAAM,IAAA,EAAM,QACvE,EAAK,EAAa,UAAU,OAAO,OAAA,IAAW,EAAS,KAAK,EAAM,IAAA,EAAM,SACxE,EAAK,EAAa,UAAU,OAAO,MAAA,IAAU,EAAS,KAAK,EAAM,IAAA,EAAM,QACvE,EAAK,EAAa,UAAU,OAAO,GAAA,IAAO,QAAQ,EAAS,KAAK,EAAM,IAAA,EAAM,OAAA,WAIrE;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU,CAAC,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO,QAAW,CAAA,CAAW;AAAA;KAGhF;AAAA,IACD,EAAM;AAAA,IACN;AAAA,IACA,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,IACN,EAAM;AAAA,GACP,GAEK,EAAE,WAAW,GAAoB,OAAO,EAAA,IAAmB,EAAA,MAAc;AAC7E,UAAM,IAAY,EAAW,CAC3B,EAAU,UAAU,OAAO,WAE3B,EAAM,eAAe,EAAU,UAAU,OAAO,oBAAA,CACjD,GAEK,IAA+B,CAAA;AAErC,WAAI,MAAmB,EAAK,EAAa,UAAU,OAAO,cAAA,IAAkB,OAAO,KAAkB,SAAA,IAI9F;AAAA,MAAE,WAAA;AAAA,MAAW,OAFN,EAAU,CAAC,OAAO,KAAK,CAAA,EAAM,SAAS,IAAO,MAAA,CAAU;AAAA;KAGpE;AAAA,IAAC,EAAM;AAAA,IAAa;AAAA,IAAmB;AAAA,GAAe;AAEzD,SACE,gBAAA,EAAC,UAAD;AAAA,IACE,UAAU,EAAM;AAAA,IAChB,UAAU,EAAM;AAAA,IACL,WAAA;AAAA,IACJ,OAAA;AAAA,IACP,SAAS;AAAA,IACT,SAAS,EAAM;AAAA,IACf,aAAa,EAAM;AAAA,IACnB,MAAM,EAAM,QAAQ;AAAA,IACf,KAAA;AAAA,IACL,MAAM,EAAM;AAAA,IACZ,cAAY,EAAM;AAAA,IAClB,IAAI,EAAM;AAAA,cAZZ,CAcG,CAAC,EAAM,cAAc,EAAM,YAC1B,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW;AAAA,MAAqB,OAAO;AAAA,gBACzC,EAAM;AAAA,KACH,GAER,gBAAA,EAAC,OAAD;AAAA,MAAK,WAAW;AAAA,MAAoB,OAAO;AAAA,gBACxC;AAAA,KACG,CAAA;AAAA;GAKC,IAAS,EAAK,GAAiB,CAAA;AAC5C,EAAO,cAAc;AAErB,SAAS,EAAoB,GAAe,GAAe;AACzD,QAAM,EAAE,OAAO,GAAW,OAAO,GAAW,cAAc,GAAkB,GAAG,EAAA,IAAa,GACtF,EAAE,OAAO,GAAW,OAAO,GAAW,cAAc,GAAkB,GAAG,EAAA,IAAa;AAE5F,aAAA,EAAA,SACU,GAAW,CAAA,SAAU,EAAA,SACrB,GAAW,CAAA,SAAU,EAAA,SACrB,GAAkB,CAAA,KAC1B,EAAgB,GAAU,CAAA;;AAI9B,SAAS,EAAmD,GAAS,GAAS;AAC5E,QAAM,IAAW,OAAO,KAAK,CAAA,GACvB,IAAW,OAAO,KAAK,CAAA;AAE7B,MAAI,EAAS,WAAW,EAAS,OAAQ,QAAO;AAEhD,QAAM,IAAc,IAAI,IAAI,CAAA;AAE5B,SAAO,EAAS,MAAA,CAAO,MAAQ,EAAY,IAAI,CAAA,KAAQ,OAAO,GAAG,EAAK,CAAA,GAAM,EAAK,CAAA,CAAA,CAAK"}

package/build/{checkbox-Bxt8K0ZY.cjs → checkbox-9ue4f3-6.cjs}

@@ -1,3 +1,3 @@
-const x=require("./chunk-Dd8m0Ver.cjs"),i=require("./utils-DCIq-5FL.cjs"),S=require("./functions-CZrZU5U0.cjs"),u=require("./icon-Ddkbk3-m.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),_=require("./hooks-use-typography-styles.cjs.js"),b=require("./error-BdFba_yV.cjs");let c=require("react/jsx-runtime"),t=require("react");var A=e=>{const s=C.useMergeRefs([(0,t.useRef)(null),e.ref]),{className:o,style:l}=_.useTypographyStyles({sx:{variant:i.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:a}=(0,t.useMemo)(()=>{const h=S.setClasses([i.CSS_CLASS.component.checkbox.root,i.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],i.CSS_CLASS.transition.color,e.error?.isError&&i.CSS_CLASS.isError,e.isZeroRadius&&i.CSS_CLASS.component.checkbox.isZeroRadius,e.isHidden&&i.CSS_CLASS.component.checkbox.isHidden,e.isHiddenBorder&&i.CSS_CLASS.component.checkbox.isHiddenBorder,e.isFullRadius&&i.CSS_CLASS.component.checkbox.isFullRadius,e.isFullSize&&i.CSS_CLASS.component.checkbox.isFullSize,e.isWidthAsHeight&&i.CSS_CLASS.component.checkbox.isWidthAsHeight,e.isMinWidthAsContent&&i.CSS_CLASS.component.checkbox.isMinWidthAsContent,e.isOnlyIcon&&i.CSS_CLASS.component.checkbox.isOnlyIcon,e.className]),n={};return n[i.CSS_VARS_RAW.component.checkbox.background]=i.CSS_VARS.genre.checkbox[e.genre].background.index,n[i.CSS_VARS_RAW.component.checkbox.color]=i.CSS_VARS.genre.checkbox[e.genre].color.index,n[i.CSS_VARS_RAW.component.checkbox.border]=i.CSS_VARS.genre.checkbox[e.genre].border.index,n[i.CSS_VARS_RAW.component.checkbox.height]=i.CSS_VARS.size[e.size].height,n[i.CSS_VARS_RAW.component.checkbox.padding]=i.CSS_VARS.size[e.size].padding,n[i.CSS_VARS_RAW.component.checkbox.radius]=i.CSS_VARS.size[e.size].radius,n[i.CSS_VARS_RAW.component.checkbox.gap]=`calc(${i.CSS_VARS.size[e.size].padding} - 2px)`,{className:h,style:S.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.error,e.isZeroRadius,e.isOnlyIcon,e.control]),d=(0,t.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.checked)},[e.isDisabled,e.onChange,e.checked]);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("button",{disabled:e.isDisabled,tabIndex:e.tabIndex,onClick:d,onFocus:e.onFocus,onMouseDown:e.onMouseDown,className:r,style:a,type:e.type??"button",ref:s,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[(0,c.jsx)(u.Icon,{...e.checked?e.view.true:e.view.false,size:(e.checked?e.view.true:e.view.false)?.size??e.size}),!e.isOnlyIcon&&e.children&&(0,c.jsx)("div",{className:o,style:l,children:e.children})]}),e?.error?.isError&&(0,c.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return A}});
+const x=require("./chunk-Dd8m0Ver.cjs"),i=require("./utils-DCIq-5FL.cjs"),S=require("./functions-CZrZU5U0.cjs"),u=require("./icon-DyjaxKWq.cjs"),C=require("./hooks-use-merge-refs.cjs.js"),_=require("./hooks-use-typography-styles.cjs.js"),b=require("./error-aQfsl_Kl.cjs");let c=require("react/jsx-runtime"),t=require("react");var A=e=>{const s=C.useMergeRefs([(0,t.useRef)(null),e.ref]),{className:o,style:l}=_.useTypographyStyles({sx:{variant:i.EXTRA_VALUE.sizeToController[e.size],isNoUserSelect:!0,...e?.sxTypography},style:{order:0,display:"inline-flex"}}),{className:r,style:a}=(0,t.useMemo)(()=>{const h=S.setClasses([i.CSS_CLASS.component.checkbox.root,i.CSS_CLASS.control[e.isDisabled?"none":e.control??"boxShadow"],i.CSS_CLASS.transition.color,e.error?.isError&&i.CSS_CLASS.isError,e.isZeroRadius&&i.CSS_CLASS.component.checkbox.isZeroRadius,e.isHidden&&i.CSS_CLASS.component.checkbox.isHidden,e.isHiddenBorder&&i.CSS_CLASS.component.checkbox.isHiddenBorder,e.isFullRadius&&i.CSS_CLASS.component.checkbox.isFullRadius,e.isFullSize&&i.CSS_CLASS.component.checkbox.isFullSize,e.isWidthAsHeight&&i.CSS_CLASS.component.checkbox.isWidthAsHeight,e.isMinWidthAsContent&&i.CSS_CLASS.component.checkbox.isMinWidthAsContent,e.isOnlyIcon&&i.CSS_CLASS.component.checkbox.isOnlyIcon,e.className]),n={};return n[i.CSS_VARS_RAW.component.checkbox.background]=i.CSS_VARS.genre.checkbox[e.genre].background.index,n[i.CSS_VARS_RAW.component.checkbox.color]=i.CSS_VARS.genre.checkbox[e.genre].color.index,n[i.CSS_VARS_RAW.component.checkbox.border]=i.CSS_VARS.genre.checkbox[e.genre].border.index,n[i.CSS_VARS_RAW.component.checkbox.height]=i.CSS_VARS.size[e.size].height,n[i.CSS_VARS_RAW.component.checkbox.padding]=i.CSS_VARS.size[e.size].padding,n[i.CSS_VARS_RAW.component.checkbox.radius]=i.CSS_VARS.size[e.size].radius,n[i.CSS_VARS_RAW.component.checkbox.gap]=`calc(${i.CSS_VARS.size[e.size].padding} - 2px)`,{className:h,style:S.setStyles([Object.keys(n).length?n:void 0,e.style])}},[e.className,e.style,e.genre,e.isDisabled,e.isFullSize,e.isHidden,e.isHiddenBorder,e.isMinWidthAsContent,e.isFullRadius,e.isWidthAsHeight,e.size,e.error,e.isZeroRadius,e.isOnlyIcon,e.control]),d=(0,t.useCallback)(()=>{!e.isDisabled&&e.onChange&&e.onChange(!e.checked)},[e.isDisabled,e.onChange,e.checked]);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("button",{disabled:e.isDisabled,tabIndex:e.tabIndex,onClick:d,onFocus:e.onFocus,onMouseDown:e.onMouseDown,className:r,style:a,type:e.type??"button",ref:s,name:e.name,"aria-label":e.ariaLabel,id:e.id,children:[(0,c.jsx)(u.Icon,{...e.checked?e.view.true:e.view.false,size:(e.checked?e.view.true:e.view.false)?.size??e.size}),!e.isOnlyIcon&&e.children&&(0,c.jsx)("div",{className:o,style:l,children:e.children})]}),e?.error?.isError&&(0,c.jsx)(b.ErrorMessage,{size:e?.error.size??e.size,sxTypography:{size:"16px",weight:"400",...e?.error.sxTypography},...e.error})]})};Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function(){return A}});
 
-//# sourceMappingURL=checkbox-Bxt8K0ZY.cjs.map
+//# sourceMappingURL=checkbox-9ue4f3-6.cjs.map

package/build/{checkbox-Bxt8K0ZY.cjs.map → checkbox-9ue4f3-6.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-Bxt8K0ZY.cjs","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"checkbox-9ue4f3-6.cjs","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/{checkbox-DPkXe4_5.js → checkbox-TW5VSNui.js}

@@ -1,9 +1,9 @@
 import { i as c, n as i, r as t, t as x } from "./utils-BRgi6734.js";
 import { n as u, t as g } from "./functions-DzX-pTN8.js";
-import { r as k } from "./icon-D2w7GViT.js";
+import { r as k } from "./icon-Y-IZxLXB.js";
 import { useMergeRefs as y } from "./hooks-use-merge-refs.es.js";
 import { useTypographyStyles as z } from "./hooks-use-typography-styles.es.js";
-import { t as S } from "./error-BFb2NCum.js";
+import { t as S } from "./error-iaB6e_aq.js";
 import { Fragment as f, jsx as o, jsxs as a } from "react/jsx-runtime";
 import { useCallback as C, useMemo as A, useRef as R } from "react";
 var I = (e) => {
@@ -95,4 +95,4 @@ export {
   I as t
 };
 
-//# sourceMappingURL=checkbox-DPkXe4_5.js.map
+//# sourceMappingURL=checkbox-TW5VSNui.js.map

package/build/{checkbox-DPkXe4_5.js.map → checkbox-TW5VSNui.js.map}

@@ -1 +1 @@
-{"version":3,"file":"checkbox-DPkXe4_5.js","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"checkbox-TW5VSNui.js","names":[],"sources":["../src/components/checkbox/component.tsx"],"sourcesContent":["import { ErrorMessage } from '@local/components/error';\nimport { Icon } from '@local/components/icon';\nimport { useMergeRefs } from '@local/hooks/use-merge-refs';\nimport { useTypographyStyles } from '@local/hooks/use-typography-styles';\nimport { CSS_CLASS, CSS_VARS, EXTRA_VALUE } from '@local/styles/utils';\nimport { CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { FC, Ref, useCallback, useMemo, useRef } from 'react';\n\nimport { ICheckbox } from './component.types';\n\nexport const Checkbox: FC<ICheckbox> = (props) => {\n  const refDefault = useRef<HTMLButtonElement>(null);\n\n  const ref = useMergeRefs([refDefault, props.ref]);\n\n  const { className: classNameTypography, style: styleTypography } = useTypographyStyles({\n    sx: { variant: EXTRA_VALUE.sizeToController[props.size], isNoUserSelect: true, ...props?.sxTypography },\n    style: { order: 0, display: 'inline-flex' },\n  });\n\n  const { className, style } = useMemo(() => {\n    const className = setClasses([\n      CSS_CLASS.component.checkbox.root,\n      CSS_CLASS.control[props.isDisabled ? 'none' : (props.control ?? 'boxShadow')],\n      CSS_CLASS.transition.color,\n      props.error?.isError && CSS_CLASS.isError,\n      props.isZeroRadius && CSS_CLASS.component.checkbox.isZeroRadius,\n      props.isHidden && CSS_CLASS.component.checkbox.isHidden,\n      props.isHiddenBorder && CSS_CLASS.component.checkbox.isHiddenBorder,\n      props.isFullRadius && CSS_CLASS.component.checkbox.isFullRadius,\n      props.isFullSize && CSS_CLASS.component.checkbox.isFullSize,\n      props.isWidthAsHeight && CSS_CLASS.component.checkbox.isWidthAsHeight,\n      props.isMinWidthAsContent && CSS_CLASS.component.checkbox.isMinWidthAsContent,\n      props.isOnlyIcon && CSS_CLASS.component.checkbox.isOnlyIcon,\n      props.className,\n    ]);\n\n    const vars: Record<string, string> = {};\n\n    vars[CSS_VARS_RAW.component.checkbox.background] = CSS_VARS.genre.checkbox[props.genre].background.index;\n    vars[CSS_VARS_RAW.component.checkbox.color] = CSS_VARS.genre.checkbox[props.genre].color.index;\n    vars[CSS_VARS_RAW.component.checkbox.border] = CSS_VARS.genre.checkbox[props.genre].border.index;\n\n    vars[CSS_VARS_RAW.component.checkbox.height] = CSS_VARS.size[props.size].height;\n    vars[CSS_VARS_RAW.component.checkbox.padding] = CSS_VARS.size[props.size].padding;\n    vars[CSS_VARS_RAW.component.checkbox.radius] = CSS_VARS.size[props.size].radius;\n    vars[CSS_VARS_RAW.component.checkbox.gap] = `calc(${CSS_VARS.size[props.size].padding} - 2px)`;\n\n    const style = setStyles([Object.keys(vars).length ? vars : undefined, props.style]);\n\n    return { className, style };\n  }, [\n    props.className,\n    props.style,\n    props.genre,\n    props.isDisabled,\n    props.isFullSize,\n    props.isHidden,\n    props.isHiddenBorder,\n    props.isMinWidthAsContent,\n    props.isFullRadius,\n    props.isWidthAsHeight,\n    props.size,\n    props.error,\n    props.isZeroRadius,\n    props.isOnlyIcon,\n    props.control,\n  ]);\n  const handleClick = useCallback(() => {\n    if (!props.isDisabled && props.onChange) {\n      props.onChange(!props.checked);\n    }\n  }, [props.isDisabled, props.onChange, props.checked]);\n  return (\n    <>\n      <button\n        disabled={props.isDisabled}\n        tabIndex={props.tabIndex}\n        onClick={handleClick}\n        onFocus={props.onFocus}\n        onMouseDown={props.onMouseDown}\n        className={className}\n        style={style}\n        type={props.type ?? 'button'}\n        ref={ref as Ref<HTMLButtonElement>}\n        name={props.name}\n        aria-label={props.ariaLabel}\n        id={props.id}\n      >\n        <Icon\n          {...(props.checked ? props.view.true : props.view.false)}\n          size={(props.checked ? props.view.true : props.view.false)?.size ?? props.size}\n        />\n        {!props.isOnlyIcon && props.children && (\n          <div className={classNameTypography} style={styleTypography}>\n            {props.children}\n          </div>\n        )}\n      </button>\n      {props?.error?.isError && (\n        <ErrorMessage\n          size={props?.error.size ?? props.size}\n          sxTypography={{ size: '16px', weight: '400', ...props?.error.sxTypography }}\n          {...props.error}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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"}

package/build/component-button.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-Dd8m0Ver.cjs"),e=require("./button-CHEeSypf.cjs");exports.Button=e.Button;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-Dd8m0Ver.cjs"),e=require("./button-6CFvwtSz.cjs");exports.Button=e.Button;

package/build/component-button.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./button-C1w25-Hk.js";
+import { t as o } from "./button-D6Bg00Uh.js";
 export {
   o as Button
 };

package/build/component-checkbox.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./checkbox-Bxt8K0ZY.cjs");exports.Checkbox=e.Checkbox;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./checkbox-9ue4f3-6.cjs");exports.Checkbox=e.Checkbox;

package/build/component-checkbox.es.js

@@ -1,4 +1,4 @@
-import { t as r } from "./checkbox-DPkXe4_5.js";
+import { t as r } from "./checkbox-TW5VSNui.js";
 export {
   r as Checkbox
 };

package/build/component-date-picker.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./date-picker-ATktGA1c.cjs");exports.DatePicker=e.DatePicker;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./date-picker-9rpPgP0a.cjs");exports.DatePicker=e.DatePicker;

package/build/component-date-picker.es.js

@@ -1,4 +1,4 @@
-import { t } from "./date-picker-D81n3KbO.js";
+import { t } from "./date-picker-BvKtH7lp.js";
 export {
   t as DatePicker
 };

package/build/component-icon.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),e=require("./icon-Ddkbk3-m.cjs");exports.Icon=e.Icon;exports.THEME_MAP=e.THEME_MAP;exports.getIconComponents=e.getIconComponents;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),e=require("./icon-DyjaxKWq.cjs");exports.Icon=e.Icon;exports.THEME_MAP=e.THEME_MAP;exports.getIconComponents=e.getIconComponents;

package/build/component-icon.es.js

@@ -1,4 +1,4 @@
-import { n, r as t, t as r } from "./icon-D2w7GViT.js";
+import { n, r as t, t as r } from "./icon-Y-IZxLXB.js";
 export {
   t as Icon,
   n as THEME_MAP,

package/build/component-input-otp.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./input-otp-CJfZoWd7.cjs");exports.InputOTP=e.InputOTP;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./input-otp-MDjIcfVu.cjs");exports.InputOTP=e.InputOTP;

package/build/component-input-otp.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./input-otp-CeMGm5Xq.js";
+import { t as o } from "./input-otp-q4zKk_nP.js";
 export {
   o as InputOTP
 };

package/build/component-input.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./input-CmdwwrV2.cjs");exports.Input=e.Input;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./input-DMm67Wyr.cjs");exports.Input=e.Input;

package/build/component-input.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./input-B9ceeR9v.js";
+import { t as o } from "./input-Buf_HFGH.js";
 export {
   o as Input
 };

package/build/component-pagination.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./chunk-Dd8m0Ver.cjs"),e=require("./pagination-VMAFNidU.cjs");exports.Pagination=e.Pagination;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./chunk-Dd8m0Ver.cjs"),e=require("./pagination-ZXl2fVKZ.cjs");exports.Pagination=e.Pagination;

package/build/component-pagination.es.js

@@ -1,4 +1,4 @@
-import { t } from "./pagination-BluJtJl7.js";
+import { t } from "./pagination-BFTnpYCz.js";
 export {
   t as Pagination
 };

package/build/component-popover.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),e=require("./popover-DQkn4RWI.cjs");exports.Popover=e.Popover;exports.usePopover=e.usePopover;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),e=require("./popover-B1KASIeD.cjs");exports.Popover=e.Popover;exports.usePopover=e.usePopover;

package/build/component-popover.es.js

@@ -1,4 +1,4 @@
-import { n as r, t as e } from "./popover-DHWcQVp1.js";
+import { n as r, t as e } from "./popover--NOw9qfd.js";
 export {
   e as Popover,
   r as usePopover

package/build/component-select.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-Dd8m0Ver.cjs"),e=require("./select-CGXyVf57.cjs");exports.Select=e.Select;exports.SelectMonth=e.SelectMonth;exports.SelectMonths=e.SelectMonths;exports.SelectYear=e.SelectYear;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./chunk-Dd8m0Ver.cjs"),e=require("./select-7yVS14II.cjs");exports.Select=e.Select;exports.SelectMonth=e.SelectMonth;exports.SelectMonths=e.SelectMonths;exports.SelectYear=e.SelectYear;

package/build/component-select.es.js

@@ -1,4 +1,4 @@
-import { a as t, n as a, r as o, t as r } from "./select-CCbtkj6f.js";
+import { a as t, n as a, r as o, t as r } from "./select-BdGRG7zf.js";
 export {
   t as Select,
   r as SelectMonth,

package/build/component-textarea.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./textarea-DInJb6Lz.cjs");exports.TextArea=e.TextArea;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./textarea-Bm3ki2-6.cjs");exports.TextArea=e.TextArea;

package/build/component-textarea.es.js

@@ -1,4 +1,4 @@
-import { t } from "./textarea-jIGZ0JdP.js";
+import { t } from "./textarea-DLZq4RT-.js";
 export {
   t as TextArea
 };

package/build/component-toggle.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./toggle-BEmUm0of.cjs");exports.Toggle=e.Toggle;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./toggle-CdUVhH0Z.cjs");exports.Toggle=e.Toggle;

package/build/component-toggle.es.js

@@ -1,4 +1,4 @@
-import { t as r } from "./toggle-D1nXs-LD.js";
+import { t as r } from "./toggle-Bzru0yZw.js";
 export {
   r as Toggle
 };

package/build/component-tooltip.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./typography-BKp4OAQI.cjs");exports.Tooltip=e.Tooltip;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./chunk-Dd8m0Ver.cjs"),e=require("./typography-DzYrzZZb.cjs");exports.Tooltip=e.Tooltip;

package/build/component-tooltip.es.js

@@ -1,4 +1,4 @@
-import { r } from "./typography-07KEDl9_.js";
+import { r } from "./typography-Tebu6c9L.js";
 export {
   r as Tooltip
 };

package/build/component-typography.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),r=require("./typography-BKp4OAQI.cjs");exports.Typography=r.Typography;exports.TypographyTooltip=r.TypographyTooltip;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./chunk-Dd8m0Ver.cjs"),r=require("./typography-DzYrzZZb.cjs");exports.Typography=r.Typography;exports.TypographyTooltip=r.TypographyTooltip;

package/build/component-typography.es.js

@@ -1,4 +1,4 @@
-import { n as p, t as r } from "./typography-07KEDl9_.js";
+import { n as p, t as r } from "./typography-Tebu6c9L.js";
 export {
   r as Typography,
   p as TypographyTooltip

package/build/components/button/component.d.ts

@@ -1,3 +1,2 @@
-import { FC } from 'react';
 import { IButton } from './component.types';
-export declare const Button: FC<IButton>;
+export declare const Button: import('react').NamedExoticComponent<IButton>;

package/build/components/select/component.types.d.ts

@@ -96,6 +96,7 @@ export type IContainerDropdownListOption<T extends ISelectItem> = Pick<ISelect<T
     isShowScroll?: boolean;
     onClick: () => void;
     virtualRowSize: number;
+    virtualRowIndex: number;
     virtualRowStart: number;
 };
 export type IContainerSelectListOption<T extends ISelectItem> = Pick<ISelect<T>, 'genre' | 'size' | 'isCenter' | 'isWrapSelectOption' | 'isClearWhenClickSelectListOption' | 'isOnlyColorInSelectListOption' | 'className' | 'style'> & {

package/build/components-error.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-Dd8m0Ver.cjs"),r=require("./error-BdFba_yV.cjs");exports.ErrorMessage=r.ErrorMessage;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./chunk-Dd8m0Ver.cjs"),r=require("./error-aQfsl_Kl.cjs");exports.ErrorMessage=r.ErrorMessage;

package/build/components-error.es.js

@@ -1,4 +1,4 @@
-import { t as o } from "./error-BFb2NCum.js";
+import { t as o } from "./error-iaB6e_aq.js";
 export {
   o as ErrorMessage
 };

package/build/{context-app-Dsa1tKlU.cjs → context-app-29ajupjq.cjs}

@@ -1,4 +1,4 @@
-const ne=require("./chunk-Dd8m0Ver.cjs"),u=require("./utils-DCIq-5FL.cjs"),O=require("./functions-CZrZU5U0.cjs"),$=require("./preview-BLu-NOv2.cjs"),m=require("./dist-SXTf0-_7.cjs"),L=require("./context-screen-width-Cfe3atNC.cjs");let c=require("react/jsx-runtime"),o=require("react");var I=e=>typeof e=="number"?`${e}px`:e??"0px",D=e=>`
+const ne=require("./chunk-Dd8m0Ver.cjs"),u=require("./utils-DCIq-5FL.cjs"),O=require("./functions-CZrZU5U0.cjs"),$=require("./preview-p2i9Ju3I.cjs"),m=require("./dist-SXTf0-_7.cjs"),L=require("./context-screen-width-Cfe3atNC.cjs");let c=require("react/jsx-runtime"),o=require("react");var I=e=>typeof e=="number"?`${e}px`:e??"0px",D=e=>`
     "notification notification notification"
     "${e.leftAside?.isTopHeader?"leftAside":"header"} header ${e.rightAside?.isTopHeader?"rightAside":"header"}"
     "${e.leftAside?.isTopHeader||e.leftAside?.isTopNav?"leftAside":"nav"} nav ${e.rightAside?.isTopHeader||e.rightAside?.isTopNav?"rightAside":"nav"}"
@@ -6,4 +6,4 @@ const ne=require("./chunk-Dd8m0Ver.cjs"),u=require("./utils-DCIq-5FL.cjs"),O=req
     "${e.leftAside?.isTopFooter?"leftAside":"footer"} footer ${e.rightAside?.isTopFooter?"rightAside":"footer"}"
   `,F=(e,s)=>({backgroundColor:u.CSS_VARS.palette[e],backgroundImage:s?`url(${s})`:void 0,backgroundSize:"cover",backgroundPosition:"center",backgroundRepeat:"no-repeat"}),E=e=>({gridTemplateAreas:D(e),gridTemplateColumns:`${I(e.leftAside?.length)} 1fr ${I(e.rightAside?.length)}`,gridTemplateRows:`${I(e.notification?.length)} ${I(e.header?.length)} ${I(e.nav?.length)} 1fr ${I(e.footer?.length)}`}),R=e=>({zIndex:e.main?.zIndex??"auto",overflow:e.isScrollOutlet?"auto":"visible"}),V=e=>({zIndex:e.notification?.zIndex??"auto"}),W=e=>({zIndex:e.header?.zIndex??"auto"}),G=e=>({zIndex:e.footer?.zIndex??"auto"}),M=e=>({zIndex:e.nav?.zIndex??"auto"}),J=e=>({zIndex:e.leftAside?.zIndex??"auto"}),K=e=>({zIndex:e.rightAside?.zIndex??"auto"}),A=m.createContext(null),Q=e=>{const{bgColor:s,changeBgColor:i,historyBgColor:a,setDefaultBgColor:l}=X(e.defaultBgColor),{statusBarColor:g,changeStatusBarColor:r,historyStatusBarColor:t,setDefaultStatusBarColor:n}=Y(e.defaultStatusBarColor),{bgImage:y,changeBgImage:f,historyBgImage:H,setDefaultBgImage:v}=Z(e.defaultBgImage||null),{title:B,changeTitle:z,setHistoryTitle:T,setDefaultTitle:k}=p(e.defaultTitle||null),{description:w,changeDescription:P,historyDescription:_,setDefaultDescription:j}=ee(e.defaultDescription),{changePreview:N,previewProps:q}=U(e.defaultPreview),{breakpoint:C,type:b,orientation:S}=L.useScreenWidth(["breakpoint","type","orientation"]),x=(0,o.useCallback)(h=>{if(!h)return null;if(b==="orientation"&&h.orientation)return h.orientation?.[S]??null;if(h.breakpoint&&h.breakpoint)return C==="default"?h.default??null:h.breakpoint?.[C]??null},[C,S,b]),d=(0,o.useMemo)(()=>({isScrollOutlet:e.isScrollOutlet,main:e.main,notification:e.notification?{component:e.notification.component,length:x(e.notification.length),zIndex:e.notification.zIndex}:void 0,header:e.header?{component:e.header.component,length:x(e.header.length),zIndex:e.header.zIndex}:void 0,nav:e.nav?{component:e.nav.component,length:x(e.nav.length),zIndex:e.nav.zIndex}:void 0,footer:e.footer?{component:e.footer.component,length:x(e.footer.length),zIndex:e.footer.zIndex}:void 0,leftAside:e.leftAside?{component:e.leftAside.component,length:x(e.leftAside.length),zIndex:e.leftAside.zIndex,isTopHeader:e.leftAside.isTopHeader,isTopFooter:e.leftAside.isTopFooter,isTopNav:e.leftAside.isTopNav}:void 0,rightAside:e.rightAside?{component:e.rightAside.component,length:x(e.rightAside.length),zIndex:e.rightAside.zIndex,isTopHeader:e.rightAside.isTopHeader,isTopFooter:e.rightAside.isTopFooter,isTopNav:e.rightAside.isTopNav}:void 0}),[e.footer,e.header,e.leftAside,e.main,e.nav,e.notification,e.rightAside,e.isScrollOutlet,x]);return(0,c.jsxs)(A.Provider,{value:{changePreview:N,changeStatusBarColor:r,changeBgColor:i,changeBgImage:f,changeTitle:z,changeDescription:P,historyStatusBarColor:t,historyBgColor:a,historyBgImage:H,setHistoryTitle:T,historyDescription:_,setDefaultStatusBarColor:n,setDefaultBgColor:l,setDefaultBgImage:v,setDefaultTitle:k,setDefaultDescription:j},children:[(0,c.jsx)("title",{children:B}),(0,c.jsx)("meta",{name:"description",content:w}),(0,c.jsx)("meta",{name:"theme-color",content:u.CSS_VARS.palette[g]}),(0,c.jsx)("meta",{name:"apple-mobile-web-app-status-bar-style",content:"default"}),(0,c.jsx)("meta",{name:"mobile-web-app-capable",content:"yes"}),(0,c.jsx)($.Preview,{...q,children:(0,c.jsx)("div",{className:u.CSS_CLASS.context.app.wrapper,style:F(s,y),children:(0,c.jsxs)("div",{className:O.setClasses([u.CSS_CLASS.context.app.outlet,u.CSS_CLASS.transition.grid]),style:E(d),children:[d.notification?.length?(0,c.jsx)("section",{className:u.CSS_CLASS.context.app.outletNotification,style:V(d),children:e.notification?.component||null}):null,d.header?.length?(0,c.jsx)("header",{className:u.CSS_CLASS.context.app.outletHeader,style:W(d),children:e.header?.component||null}):null,d.nav?.length?(0,c.jsx)("nav",{className:u.CSS_CLASS.context.app.outletNav,style:M(d),children:e.nav?.component||null}):null,d.leftAside?.length?(0,c.jsx)("aside",{className:u.CSS_CLASS.context.app.outletLeftAside,style:J(d),children:e.leftAside?.component||null}):null,(0,c.jsx)("main",{className:u.CSS_CLASS.context.app.outletChildren,style:R(d),children:e.children}),d.rightAside?.length?(0,c.jsx)("aside",{className:u.CSS_CLASS.context.app.outletRightAside,style:K(d),children:e.rightAside?.component||null}):null,d.footer?.length?(0,c.jsx)("footer",{className:u.CSS_CLASS.context.app.outletFooter,style:G(d),children:e.footer?.component||null}):null]})})})]})},U=e=>{const[s,i]=(0,o.useState)(e||{visible:!0,defaultVisible:!0}),a=(0,o.useCallback)(l=>{i(l)},[]);return(0,o.useEffect)(()=>{e&&i(e)},[e]),{previewProps:s,changePreview:a}},X=e=>{const[s,i]=(0,o.useState)({bgColor:e,bgColorHistory:[e],bgColorIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.bgColorHistory.slice(0,t.bgColorIndex+1),r];return{bgColor:r,bgColorHistory:n,bgColorIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.bgColorIndex+r;return n>=0&&n<t.bgColorHistory.length?{...t,bgColor:t.bgColorHistory[n],bgColorIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({bgColor:e,bgColorHistory:[e],bgColorIndex:0})},[e]);return(0,o.useEffect)(()=>{i({bgColor:e,bgColorHistory:[e],bgColorIndex:0})},[e]),{bgColor:s.bgColor,changeBgColor:a,historyBgColor:l,setDefaultBgColor:g,bgColorIndex:s.bgColorIndex}},Y=e=>{const[s,i]=(0,o.useState)({statusBarColor:e,statusBarColorHistory:[e],statusBarColorIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.statusBarColorHistory.slice(0,t.statusBarColorIndex+1),r];return{statusBarColor:r,statusBarColorHistory:n,statusBarColorIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.statusBarColorIndex+r;return n>=0&&n<t.statusBarColorHistory.length?{...t,statusBarColor:t.statusBarColorHistory[n],statusBarColorIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({statusBarColor:e,statusBarColorHistory:[e],statusBarColorIndex:0})},[e]);return(0,o.useEffect)(()=>{i({statusBarColor:e,statusBarColorHistory:[e],statusBarColorIndex:0})},[e]),{statusBarColor:s.statusBarColor,changeStatusBarColor:a,historyStatusBarColor:l,setDefaultStatusBarColor:g,statusBarColorIndex:s.statusBarColorIndex}},Z=e=>{const[s,i]=(0,o.useState)({bgImage:e,bgImageHistory:[e],bgImageIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.bgImageHistory.slice(0,t.bgImageIndex+1),r];return{bgImage:r,bgImageHistory:n,bgImageIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.bgImageIndex+r;return n>=0&&n<t.bgImageHistory.length?{...t,bgImage:t.bgImageHistory[n],bgImageIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({bgImage:e,bgImageHistory:[e],bgImageIndex:0})},[e]);return(0,o.useEffect)(()=>{i({bgImage:e,bgImageHistory:[e],bgImageIndex:0})},[e]),{bgImage:s.bgImage,changeBgImage:a,historyBgImage:l,setDefaultBgImage:g,bgImageIndex:s.bgImageIndex}},p=e=>{const[s,i]=(0,o.useState)({title:e,titleHistory:[e],titleIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.titleHistory.slice(0,t.titleIndex+1),r];return{title:r,titleHistory:n,titleIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.titleIndex+r;return n>=0&&n<t.titleHistory.length?{...t,title:t.titleHistory[n],titleIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({title:e,titleHistory:[e],titleIndex:0})},[e]);return(0,o.useEffect)(()=>{i({title:e,titleHistory:[e],titleIndex:0})},[e]),{title:s.title,titleIndex:s.titleIndex,titleHistory:s.titleHistory,changeTitle:a,setHistoryTitle:l,setDefaultTitle:g}},ee=e=>{const[s,i]=(0,o.useState)({description:e,descriptionHistory:[e],descriptionIndex:0}),a=(0,o.useCallback)(r=>{i(t=>{const n=[...t.descriptionHistory.slice(0,t.descriptionIndex+1),r];return{description:r,descriptionHistory:n,descriptionIndex:n.length-1}})},[]),l=(0,o.useCallback)(r=>{i(t=>{const n=t.descriptionIndex+r;return n>=0&&n<t.descriptionHistory.length?{...t,description:t.descriptionHistory[n],descriptionIndex:n}:t})},[]),g=(0,o.useCallback)(()=>{i({description:e,descriptionHistory:[e],descriptionIndex:0})},[e]);return(0,o.useEffect)(()=>{i({description:e,descriptionHistory:[e],descriptionIndex:0})},[e]),{description:s.description,changeDescription:a,historyDescription:l,setDefaultDescription:g,descriptionIndex:s.descriptionIndex}},te=e=>{const s=m.useContextSelector(A,i=>i?e.reduce((a,l)=>(a[l]=i[l],a),{}):null);if(!s)throw new Error("useApp must be used within an AppContext");return s};Object.defineProperty(exports,"ProviderApp",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"useApp",{enumerable:!0,get:function(){return te}});
 
-//# sourceMappingURL=context-app-Dsa1tKlU.cjs.map
+//# sourceMappingURL=context-app-29ajupjq.cjs.map