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

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-9k2nzpqW.js

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

package/build/button-9k2nzpqW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-9k2nzpqW.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\nexport const Button: FC<IButton> = (props) => {\n  const onClickRef = useRef(props.onClick);\n  const onFocusRef = useRef(props.onFocus);\n  const onMouseDownRef = useRef(props.onMouseDown);\n  const isDisabledRef = useRef(props.isDisabled);\n\n  onClickRef.current = props.onClick;\n  onFocusRef.current = props.onFocus;\n  onMouseDownRef.current = props.onMouseDown;\n  isDisabledRef.current = props.isDisabled;\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>((event) => {\n    if (!isDisabledRef.current) {\n      onClickRef.current?.(event);\n    }\n  }, []);\n\n  const handleFocus = useCallback<Exclude<IButton['onFocus'], undefined>>((event) => {\n    onFocusRef.current?.(event);\n  }, []);\n\n  const handleMouseDown = useCallback<Exclude<IButton['onMouseDown'], undefined>>((event) => {\n    onMouseDownRef.current?.(event);\n  }, []);\n\n  return (\n    <ButtonView\n      {...props}\n      onClick={props.onClick ? handleClick : undefined}\n      onFocus={props.onFocus ? handleFocus : undefined}\n      onMouseDown={props.onMouseDown ? handleMouseDown : undefined}\n    />\n  );\n};\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 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={props.onClick}\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\nconst ButtonView = memo(ButtonComponent, areButtonPropsEqual);\nButton.displayName = 'Button';\nButtonView.displayName = 'ButtonView';\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-C1H35JQG.cjs

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

package/build/button-C1H35JQG.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-C1H35JQG.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\nexport const Button: FC<IButton> = (props) => {\n  const onClickRef = useRef(props.onClick);\n  const onFocusRef = useRef(props.onFocus);\n  const onMouseDownRef = useRef(props.onMouseDown);\n  const isDisabledRef = useRef(props.isDisabled);\n\n  onClickRef.current = props.onClick;\n  onFocusRef.current = props.onFocus;\n  onMouseDownRef.current = props.onMouseDown;\n  isDisabledRef.current = props.isDisabled;\n\n  const handleClick = useCallback<Exclude<IButton['onClick'], undefined>>((event) => {\n    if (!isDisabledRef.current) {\n      onClickRef.current?.(event);\n    }\n  }, []);\n\n  const handleFocus = useCallback<Exclude<IButton['onFocus'], undefined>>((event) => {\n    onFocusRef.current?.(event);\n  }, []);\n\n  const handleMouseDown = useCallback<Exclude<IButton['onMouseDown'], undefined>>((event) => {\n    onMouseDownRef.current?.(event);\n  }, []);\n\n  return (\n    <ButtonView\n      {...props}\n      onClick={props.onClick ? handleClick : undefined}\n      onFocus={props.onFocus ? handleFocus : undefined}\n      onMouseDown={props.onMouseDown ? handleMouseDown : undefined}\n    />\n  );\n};\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 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={props.onClick}\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\nconst ButtonView = memo(ButtonComponent, areButtonPropsEqual);\nButton.displayName = 'Button';\nButtonView.displayName = 'ButtonView';\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/{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-C1H35JQG.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-9k2nzpqW.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-DRXvfRZx.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-Sw6n-RRw.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-B9zfjb5u.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-DWTU3oR1.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-BW0CKgfw.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-BS1SNtLb.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-CzmrFLcs.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-DWlnuh1H.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-DcgzvPvR.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-Bn-24dwy.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-Cly9U5It.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-BW_LYAhr.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/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