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

package/package.json

@@ -34,7 +34,7 @@
     "storybook": "npm run gen:exports && storybook dev -p 3030"
   },
   "type": "module",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "dependencies": {
     "@floating-ui/react": "^0.27.12",
     "@jenesei-software/jenesei-library-log": "^2.0.0",

package/build/button-9k2nzpqW.js

@@ -1,135 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,3 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/icon-DyjaxKWq.cjs

@@ -1,3 +0,0 @@
-const V=require("./chunk-Dd8m0Ver.cjs"),t=require("./utils-DCIq-5FL.cjs"),m=require("./functions-CZrZU5U0.cjs"),_=require("./skeleton-BfOHjRgT.cjs");require("./logger-D3Xu5ef3.cjs");let S=require("react/jsx-runtime"),s=require("react");var A="1.3.0",a=new Map;function M(e){const[n,l]=(0,s.useState)(!1),[g,c]=(0,s.useState)(null);return(0,s.useEffect)(()=>{let u=!0;const r=a.get(e);if(r?.loaded){l(!0),c(r.error??null);return}let f;if(r)f=r.promise;else{const o=(async()=>{const i=await fetch(e);if(!i.ok)throw new Error(`Failed to load sprite: ${e}`);const C=await i.text(),d=document.createElement("div");d.style.display="none",d.innerHTML=C,document.body.prepend(d)})();a.set(e,{promise:o,loaded:!1}),o.then(()=>{const i=a.get(e);a.set(e,{...i,promise:o,loaded:!0})}).catch(i=>{const C=i instanceof Error?i:new Error(String(i)),d=a.get(e);a.set(e,{...d,promise:o,loaded:!0,error:C})}),f=o}return f.then(()=>{if(!u)return;const o=a.get(e);l(o?.loaded??!0),c(o?.error??null)}).catch(()=>{}),()=>{u=!1}},[e]),{loaded:n,error:g}}var y=e=>{const n=(0,s.useMemo)(()=>h({type:e.type,name:e.name}),[e.name,e.type]),{loaded:l,error:g}=M((0,s.useMemo)(()=>w({type:e.type}),[e.type])),c=(0,s.useMemo)(()=>({className:m.setClasses([t.CSS_CLASS.component.icon.skeleton,e.className]),style:m.setStyles([{[t.CSS_VARS_RAW.component.icon.skeletonHeightIcon]:e.size!=="100%"?t.CSS_VARS.size[e.size].heightIcon:"100%",[t.CSS_VARS_RAW.component.icon.skeletonOrder]:e.order?String(e.order):"initial"},e.style])}),[e.className,e.style,e.order,e.size]),u=(0,s.useMemo)(()=>({className:m.setClasses([t.CSS_CLASS.component.icon.root,t.CSS_CLASS.transition.icon,e.className]),style:m.setStyles([{[t.CSS_VARS_RAW.component.icon.color]:e.color?t.CSS_VARS.palette[e.color]:"inherit",[t.CSS_VARS_RAW.component.icon.heightIcon]:e.size!=="100%"?t.CSS_VARS.size[e.size].heightIcon:"100%",[t.CSS_VARS_RAW.component.icon.turn]:e.turn?`${e.turn}deg`:"0deg",[t.CSS_VARS_RAW.component.icon.order]:e.order?String(e.order):"initial"},e.style])}),[e.className,e.style,e.order,e.size,e.color,e.turn]);return!l||g?(0,S.jsx)(_.Skeleton,{color:e.color??void 0,className:c.className,style:c.style,visible:!1}):(0,S.jsxs)("svg",{width:"24",height:"24",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg",className:u.className,style:u.style,onClick:e.onClick,onKeyDown:r=>{e.onClick&&(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),e.onClick(r))},tabIndex:e.tabIndex,role:e.onClick?"button":void 0,children:[(0,S.jsx)("title",{children:e.name}),(0,S.jsx)("use",{href:n})]})};function h(e){return`#${e.type}-${e.name}`}function w(e){return`https://cdn.jsdelivr.net/gh/jenesei-software/jenesei-id-assets@${A}/icons/${e.type}.svg`}var k=["Close","Biometry","Qr","Search","Folder","Wallet","Graph","Bookmark","Browser","Category","Home","Notification","Chat","Heart","Paper","Plus","Minus","PaperPlus","PaperNegative","PaperFail","PaperDownload","PaperUpload","Send","Password","Swap","Work","Arrow1","Arrow2","Arrow3","Arrow4","ArrowMini1","ArrowMini2","Scan","Activity","Calendar","Message","PlusMini","ChartMini","Game","Bag1","Bag2","TicketStar","MoreCircle","MoreSquare","Discount","Buy","Web","InfoMini","DangerMini","CloseMini","TickMini","Video","Discovery","Location","Document","Setting","Time","VolumeUp","VolumeDown","VolumeOff","Star","Select","Ticket","Camera","Profile","AddUser","TwoUser","ThreeUser","Login","Logout","Download","Upload","Voice1","Voice2","Delete","Edit","PlayMini","ShieldDone","ShieldFail","Show","Hide","Filter1","Filter2","Image","Call","Calling","CallMissed","CallSilent","Lock","Unlock","Resources","Language"],v=["Radio-true","Radio-false","Square-true","Square-false","Heart-true","Heart-false","Arrow"],E=["Line","Blocks","Balls"],I=["Jenesei","BustMarket"],P={id:k,checkbox:v,loading:E,logo:I};function R(e){return(e.icons??[])?.filter(n=>!n.isHidden)?.map((n,l)=>(0,S.jsx)(y,{size:n?.size??e.size,...n},`${n.type}-${n.name}-${l}`))}Object.defineProperty(exports,"Icon",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"THEME_MAP",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"getIconComponents",{enumerable:!0,get:function(){return R}});
-
-//# sourceMappingURL=icon-DyjaxKWq.cjs.map

package/build/icon-DyjaxKWq.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-DyjaxKWq.cjs","names":[],"sources":["../src/cores/consts.ts","../src/components/icon/component.hooks.tsx","../src/components/icon/component.tsx","../src/components/icon/component.consts.tsx","../src/components/icon/component.functions.tsx"],"sourcesContent":["import {\n  IDatePickerTranslateInput,\n  IDatePickerTranslateMonth,\n  IDatePickerTranslateWeek,\n} from '@local/components/date-picker';\n\nexport const LOCALE_INPUT: IDatePickerTranslateInput = {\n  day: 'ДД',\n  month: 'ММ',\n  year: 'ГГГГ',\n};\n\nexport const LOCALE_MONTHS: IDatePickerTranslateMonth[] = [\n  {\n    localeLong: 'Январь',\n    localeShort: 'Янв',\n    value: 'january',\n  },\n  {\n    localeLong: 'February',\n    localeShort: 'Feb',\n    value: 'february',\n  },\n  {\n    localeLong: 'March',\n    localeShort: 'Mar',\n    value: 'march',\n  },\n  {\n    localeLong: 'April',\n    localeShort: 'Apr',\n    value: 'april',\n  },\n  {\n    localeLong: 'May',\n    localeShort: 'May',\n    value: 'may',\n  },\n  {\n    localeLong: 'June',\n    localeShort: 'Jun',\n    value: 'june',\n  },\n  {\n    localeLong: 'July',\n    localeShort: 'Jul',\n    value: 'july',\n  },\n  {\n    localeLong: 'August',\n    localeShort: 'Aug',\n    value: 'august',\n  },\n  {\n    localeLong: 'September',\n    localeShort: 'Sep',\n    value: 'september',\n  },\n  {\n    localeLong: 'October',\n    localeShort: 'Oct',\n    value: 'october',\n  },\n  {\n    localeLong: 'November',\n    localeShort: 'Nov',\n    value: 'november',\n  },\n  {\n    localeLong: 'December',\n    localeShort: 'Dec',\n    value: 'december',\n  },\n];\nexport const LOCALE_WEEKS: IDatePickerTranslateWeek[] = [\n  {\n    localeLong: 'Monday',\n    localeShort: 'Пн',\n    value: 'mo',\n  },\n  {\n    localeLong: 'Tuesday',\n    localeShort: 'Tue',\n    value: 'tu',\n  },\n  {\n    localeLong: 'Wednesday',\n    localeShort: 'Wed',\n    value: 'we',\n  },\n  {\n    localeLong: 'Thursday',\n    localeShort: 'Thu',\n    value: 'th',\n  },\n  {\n    localeLong: 'Friday',\n    localeShort: 'Fri',\n    value: 'fr',\n  },\n  {\n    localeLong: 'Saturday',\n    localeShort: 'Sat',\n    value: 'sa',\n  },\n  {\n    localeLong: 'Sunday',\n    localeShort: 'Sun',\n    value: 'su',\n  },\n];\n\nexport const LIBRARY_VERSION = import.meta.env.VITE_APP_VERSION;\nexport const ICON_VERSION = import.meta.env.VITE_ICON_VERSION;\n\n// export const LIST_TYPOGRAPHY_VARIANTS_DEFAULT: IThemeTypographyHeading[] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n","import { logger } from '@local/cores/logger';\n\nimport { useEffect, useState } from 'react';\n\nexport function useInjectSprites(urls: string[]) {\n  useEffect(() => {\n    const containers: HTMLDivElement[] = [];\n\n    urls.forEach(async (url) => {\n      try {\n        const res = await fetch(url);\n        if (!res.ok) {\n          logger.error(`Failed to load sprite: ${url}`);\n          return;\n        }\n        const text = await res.text();\n\n        const div = document.createElement('div');\n        div.style.display = 'none';\n        div.innerHTML = text;\n\n        document.body.prepend(div);\n        containers.push(div);\n      } catch (err) {\n        logger.error(`Error loading sprite ${url}`, err);\n      }\n    });\n\n    return () => {\n      containers.forEach((div) => {\n        div.remove();\n      });\n    };\n  }, [urls]);\n}\n\ntype SpriteStatus = {\n  promise: Promise<void>;\n  loaded: boolean;\n  error?: Error;\n};\n\nconst loadedSprites = new Map<string, SpriteStatus>();\n\nexport function useLazyInjectSprite(url: string) {\n  const [loaded, setLoaded] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    let isMounted = true;\n\n    // Проверяем актуальный статус прямо здесь\n    const status = loadedSprites.get(url);\n    if (status?.loaded) {\n      setLoaded(true);\n      setError(status.error ?? null);\n      return;\n    }\n\n    let promise: Promise<void>;\n\n    if (!status) {\n      const p = (async () => {\n        const res = await fetch(url);\n        if (!res.ok) throw new Error(`Failed to load sprite: ${url}`);\n        const text = await res.text();\n        const div = document.createElement('div');\n        div.style.display = 'none';\n        div.innerHTML = text;\n        document.body.prepend(div);\n      })();\n\n      loadedSprites.set(url, { promise: p, loaded: false });\n\n      p.then(() => {\n        const prev = loadedSprites.get(url);\n        loadedSprites.set(url, { ...(prev as any), promise: p, loaded: true });\n      }).catch((err) => {\n        const errorObj = err instanceof Error ? err : new Error(String(err));\n        const prev = loadedSprites.get(url);\n        loadedSprites.set(url, { ...(prev as any), promise: p, loaded: true, error: errorObj });\n      });\n\n      promise = p;\n    } else {\n      promise = status.promise;\n    }\n\n    promise\n      .then(() => {\n        if (!isMounted) return;\n        const s = loadedSprites.get(url);\n        setLoaded(s?.loaded ?? true);\n        setError(s?.error ?? null);\n      })\n      .catch(() => {}); // Ошибка уже сохранена в статусе\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  return { loaded, error };\n}\n","import { Skeleton } from '@local/areas/skeleton';\nimport { ICON_VERSION } from '@local/cores/consts';\nimport { CSS_VARS } from '@local/styles/utils';\nimport { CSS_CLASS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { useMemo } from 'react';\n\nimport { useLazyInjectSprite } from './component.hooks';\nimport { IIcon } from './component.types';\n\nexport const Icon = (props: IIcon) => {\n  const iconId = useMemo(() => getIconId({ type: props.type, name: props.name }), [props.name, props.type]);\n  const spriteUrl = useMemo(() => getSpriteUrl({ type: props.type }), [props.type]);\n  const { loaded, error } = useLazyInjectSprite(spriteUrl);\n\n  const configSkeleton = useMemo(() => {\n    return {\n      className: setClasses([CSS_CLASS.component.icon.skeleton, props.className]),\n      style: setStyles([\n        {\n          [CSS_VARS_RAW.component.icon.skeletonHeightIcon]:\n            props.size !== '100%' ? CSS_VARS.size[props.size].heightIcon : '100%',\n          [CSS_VARS_RAW.component.icon.skeletonOrder]: props.order ? String(props.order) : 'initial',\n        },\n        props.style,\n      ]),\n    };\n  }, [props.className, props.style, props.order, props.size]);\n\n  const configIcon = useMemo(() => {\n    return {\n      className: setClasses([CSS_CLASS.component.icon.root, CSS_CLASS.transition.icon, props.className]),\n\n      style: setStyles([\n        {\n          [CSS_VARS_RAW.component.icon.color]: props.color ? CSS_VARS.palette[props.color] : 'inherit',\n          [CSS_VARS_RAW.component.icon.heightIcon]:\n            props.size !== '100%' ? CSS_VARS.size[props.size].heightIcon : '100%',\n          [CSS_VARS_RAW.component.icon.turn]: props.turn ? `${props.turn}deg` : '0deg',\n          [CSS_VARS_RAW.component.icon.order]: props.order ? String(props.order) : 'initial',\n        },\n        props.style,\n      ]),\n    };\n  }, [props.className, props.style, props.order, props.size, props.color, props.turn]);\n\n  if (!loaded || error)\n    return (\n      <Skeleton\n        color={props.color ?? undefined}\n        className={configSkeleton.className}\n        style={configSkeleton.style}\n        visible={false}\n      />\n    );\n\n  return (\n    <svg\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      xmlns='http://www.w3.org/2000/svg'\n      className={configIcon.className}\n      style={configIcon.style}\n      onClick={props.onClick}\n      onKeyDown={(e) => {\n        if (props.onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          props.onClick(e as any);\n        }\n      }}\n      tabIndex={props.tabIndex}\n      role={props.onClick ? 'button' : undefined}\n    >\n      <title>{props.name}</title>\n      <use href={iconId} />\n    </svg>\n  );\n};\n\nexport function getIconId(props: { type: string; name: string }) {\n  return `#${props.type}-${props.name}`;\n}\n\nexport function getSpriteUrl(props: { type: string }) {\n  return `https://cdn.jsdelivr.net/gh/jenesei-software/jenesei-id-assets@${ICON_VERSION}/icons/${props.type}.svg`;\n}\n","const THEME_MAP_ID = [\n  'Close',\n  'Biometry',\n  'Qr',\n  'Search',\n  'Folder',\n  'Wallet',\n  'Graph',\n  'Bookmark',\n  'Browser',\n  'Category',\n  'Home',\n  'Notification',\n  'Chat',\n  'Heart',\n  'Paper',\n  'Plus',\n  'Minus',\n  'PaperPlus',\n  'PaperNegative',\n  'PaperFail',\n  'PaperDownload',\n  'PaperUpload',\n  'Send',\n  'Password',\n  'Swap',\n  'Work',\n  'Arrow1',\n  'Arrow2',\n  'Arrow3',\n  'Arrow4',\n  'ArrowMini1',\n  'ArrowMini2',\n  'Scan',\n  'Activity',\n  'Calendar',\n  'Message',\n  'PlusMini',\n  'ChartMini',\n  'Game',\n  'Bag1',\n  'Bag2',\n  'TicketStar',\n  'MoreCircle',\n  'MoreSquare',\n  'Discount',\n  'Buy',\n  'Web',\n  'InfoMini',\n  'DangerMini',\n  'CloseMini',\n  'TickMini',\n  'Video',\n  'Discovery',\n  'Location',\n  'Document',\n  'Setting',\n  'Time',\n  'VolumeUp',\n  'VolumeDown',\n  'VolumeOff',\n  'Star',\n  'Select',\n  'Ticket',\n  'Camera',\n  'Profile',\n  'AddUser',\n  'TwoUser',\n  'ThreeUser',\n  'Login',\n  'Logout',\n  'Download',\n  'Upload',\n  'Voice1',\n  'Voice2',\n  'Delete',\n  'Edit',\n  'PlayMini',\n  'ShieldDone',\n  'ShieldFail',\n  'Show',\n  'Hide',\n  'Filter1',\n  'Filter2',\n  'Image',\n  'Call',\n  'Calling',\n  'CallMissed',\n  'CallSilent',\n  'Lock',\n  'Unlock',\n  'Resources',\n  'Language',\n] as const;\nconst THEME_MAP_CHECKBOX = [\n  'Radio-true',\n  'Radio-false',\n  'Square-true',\n  'Square-false',\n  'Heart-true',\n  'Heart-false',\n  'Arrow',\n] as const;\nconst THEME_MAP_LOADING = ['Line', 'Blocks', 'Balls'] as const;\nconst THEME_MAP_LOGO = ['Jenesei', 'BustMarket'] as const;\n\nexport const THEME_MAP = {\n  id: THEME_MAP_ID,\n  checkbox: THEME_MAP_CHECKBOX,\n  loading: THEME_MAP_LOADING,\n  logo: THEME_MAP_LOGO,\n};\n","import { Icon } from './component';\nimport { IGetIconComponentsProps } from './component.types';\n\nexport function getIconComponents(props: IGetIconComponentsProps) {\n  return (props.icons ?? [])\n    ?.filter((icon) => !icon.isHidden)\n    ?.map((icon, index) => (\n      <Icon key={`${icon.type}-${icon.name}-${index}`} size={icon?.size ?? props.size} {...icon} />\n    ));\n}\n"],"mappings":"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"}

package/build/icon-Y-IZxLXB.js

@@ -1,245 +0,0 @@
-import { i as l, n as y, r as h } from "./utils-BRgi6734.js";
-import { n as w, t as M } from "./functions-DzX-pTN8.js";
-import { t as k } from "./skeleton-wRSg85X7.js";
-import "./logger-QC3A33gh.js";
-import { jsx as u, jsxs as v } from "react/jsx-runtime";
-import { useEffect as E, useMemo as m, useState as C } from "react";
-var A = "1.3.0", r = /* @__PURE__ */ new Map();
-function I(e) {
-  const [t, a] = C(!1), [g, s] = C(null);
-  return E(() => {
-    let c = !0;
-    const n = r.get(e);
-    if (n?.loaded) {
-      a(!0), s(n.error ?? null);
-      return;
-    }
-    let f;
-    if (n)
-      f = n.promise;
-    else {
-      const o = (async () => {
-        const i = await fetch(e);
-        if (!i.ok) throw new Error(`Failed to load sprite: ${e}`);
-        const S = await i.text(), d = document.createElement("div");
-        d.style.display = "none", d.innerHTML = S, document.body.prepend(d);
-      })();
-      r.set(e, {
-        promise: o,
-        loaded: !1
-      }), o.then(() => {
-        const i = r.get(e);
-        r.set(e, {
-          ...i,
-          promise: o,
-          loaded: !0
-        });
-      }).catch((i) => {
-        const S = i instanceof Error ? i : new Error(String(i)), d = r.get(e);
-        r.set(e, {
-          ...d,
-          promise: o,
-          loaded: !0,
-          error: S
-        });
-      }), f = o;
-    }
-    return f.then(() => {
-      if (!c) return;
-      const o = r.get(e);
-      a(o?.loaded ?? !0), s(o?.error ?? null);
-    }).catch(() => {
-    }), () => {
-      c = !1;
-    };
-  }, [e]), {
-    loaded: t,
-    error: g
-  };
-}
-var P = (e) => {
-  const t = m(() => N({
-    type: e.type,
-    name: e.name
-  }), [e.name, e.type]), { loaded: a, error: g } = I(m(() => H({ type: e.type }), [e.type])), s = m(() => ({
-    className: M([y.component.icon.skeleton, e.className]),
-    style: w([{
-      [l.component.icon.skeletonHeightIcon]: e.size !== "100%" ? h.size[e.size].heightIcon : "100%",
-      [l.component.icon.skeletonOrder]: e.order ? String(e.order) : "initial"
-    }, e.style])
-  }), [
-    e.className,
-    e.style,
-    e.order,
-    e.size
-  ]), c = m(() => ({
-    className: M([
-      y.component.icon.root,
-      y.transition.icon,
-      e.className
-    ]),
-    style: w([{
-      [l.component.icon.color]: e.color ? h.palette[e.color] : "inherit",
-      [l.component.icon.heightIcon]: e.size !== "100%" ? h.size[e.size].heightIcon : "100%",
-      [l.component.icon.turn]: e.turn ? `${e.turn}deg` : "0deg",
-      [l.component.icon.order]: e.order ? String(e.order) : "initial"
-    }, e.style])
-  }), [
-    e.className,
-    e.style,
-    e.order,
-    e.size,
-    e.color,
-    e.turn
-  ]);
-  return !a || g ? /* @__PURE__ */ u(k, {
-    color: e.color ?? void 0,
-    className: s.className,
-    style: s.style,
-    visible: !1
-  }) : /* @__PURE__ */ v("svg", {
-    width: "24",
-    height: "24",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    className: c.className,
-    style: c.style,
-    onClick: e.onClick,
-    onKeyDown: (n) => {
-      e.onClick && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), e.onClick(n));
-    },
-    tabIndex: e.tabIndex,
-    role: e.onClick ? "button" : void 0,
-    children: [/* @__PURE__ */ u("title", { children: e.name }), /* @__PURE__ */ u("use", { href: t })]
-  });
-};
-function N(e) {
-  return `#${e.type}-${e.name}`;
-}
-function H(e) {
-  return `https://cdn.jsdelivr.net/gh/jenesei-software/jenesei-id-assets@${A}/icons/${e.type}.svg`;
-}
-var _ = [
-  "Close",
-  "Biometry",
-  "Qr",
-  "Search",
-  "Folder",
-  "Wallet",
-  "Graph",
-  "Bookmark",
-  "Browser",
-  "Category",
-  "Home",
-  "Notification",
-  "Chat",
-  "Heart",
-  "Paper",
-  "Plus",
-  "Minus",
-  "PaperPlus",
-  "PaperNegative",
-  "PaperFail",
-  "PaperDownload",
-  "PaperUpload",
-  "Send",
-  "Password",
-  "Swap",
-  "Work",
-  "Arrow1",
-  "Arrow2",
-  "Arrow3",
-  "Arrow4",
-  "ArrowMini1",
-  "ArrowMini2",
-  "Scan",
-  "Activity",
-  "Calendar",
-  "Message",
-  "PlusMini",
-  "ChartMini",
-  "Game",
-  "Bag1",
-  "Bag2",
-  "TicketStar",
-  "MoreCircle",
-  "MoreSquare",
-  "Discount",
-  "Buy",
-  "Web",
-  "InfoMini",
-  "DangerMini",
-  "CloseMini",
-  "TickMini",
-  "Video",
-  "Discovery",
-  "Location",
-  "Document",
-  "Setting",
-  "Time",
-  "VolumeUp",
-  "VolumeDown",
-  "VolumeOff",
-  "Star",
-  "Select",
-  "Ticket",
-  "Camera",
-  "Profile",
-  "AddUser",
-  "TwoUser",
-  "ThreeUser",
-  "Login",
-  "Logout",
-  "Download",
-  "Upload",
-  "Voice1",
-  "Voice2",
-  "Delete",
-  "Edit",
-  "PlayMini",
-  "ShieldDone",
-  "ShieldFail",
-  "Show",
-  "Hide",
-  "Filter1",
-  "Filter2",
-  "Image",
-  "Call",
-  "Calling",
-  "CallMissed",
-  "CallSilent",
-  "Lock",
-  "Unlock",
-  "Resources",
-  "Language"
-], D = [
-  "Radio-true",
-  "Radio-false",
-  "Square-true",
-  "Square-false",
-  "Heart-true",
-  "Heart-false",
-  "Arrow"
-], z = [
-  "Line",
-  "Blocks",
-  "Balls"
-], L = ["Jenesei", "BustMarket"], b = {
-  id: _,
-  checkbox: D,
-  loading: z,
-  logo: L
-};
-function U(e) {
-  return (e.icons ?? [])?.filter((t) => !t.isHidden)?.map((t, a) => /* @__PURE__ */ u(P, {
-    size: t?.size ?? e.size,
-    ...t
-  }, `${t.type}-${t.name}-${a}`));
-}
-export {
-  b as n,
-  P as r,
-  U as t
-};
-
-//# sourceMappingURL=icon-Y-IZxLXB.js.map

package/build/icon-Y-IZxLXB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-Y-IZxLXB.js","names":[],"sources":["../src/cores/consts.ts","../src/components/icon/component.hooks.tsx","../src/components/icon/component.tsx","../src/components/icon/component.consts.tsx","../src/components/icon/component.functions.tsx"],"sourcesContent":["import {\n  IDatePickerTranslateInput,\n  IDatePickerTranslateMonth,\n  IDatePickerTranslateWeek,\n} from '@local/components/date-picker';\n\nexport const LOCALE_INPUT: IDatePickerTranslateInput = {\n  day: 'ДД',\n  month: 'ММ',\n  year: 'ГГГГ',\n};\n\nexport const LOCALE_MONTHS: IDatePickerTranslateMonth[] = [\n  {\n    localeLong: 'Январь',\n    localeShort: 'Янв',\n    value: 'january',\n  },\n  {\n    localeLong: 'February',\n    localeShort: 'Feb',\n    value: 'february',\n  },\n  {\n    localeLong: 'March',\n    localeShort: 'Mar',\n    value: 'march',\n  },\n  {\n    localeLong: 'April',\n    localeShort: 'Apr',\n    value: 'april',\n  },\n  {\n    localeLong: 'May',\n    localeShort: 'May',\n    value: 'may',\n  },\n  {\n    localeLong: 'June',\n    localeShort: 'Jun',\n    value: 'june',\n  },\n  {\n    localeLong: 'July',\n    localeShort: 'Jul',\n    value: 'july',\n  },\n  {\n    localeLong: 'August',\n    localeShort: 'Aug',\n    value: 'august',\n  },\n  {\n    localeLong: 'September',\n    localeShort: 'Sep',\n    value: 'september',\n  },\n  {\n    localeLong: 'October',\n    localeShort: 'Oct',\n    value: 'october',\n  },\n  {\n    localeLong: 'November',\n    localeShort: 'Nov',\n    value: 'november',\n  },\n  {\n    localeLong: 'December',\n    localeShort: 'Dec',\n    value: 'december',\n  },\n];\nexport const LOCALE_WEEKS: IDatePickerTranslateWeek[] = [\n  {\n    localeLong: 'Monday',\n    localeShort: 'Пн',\n    value: 'mo',\n  },\n  {\n    localeLong: 'Tuesday',\n    localeShort: 'Tue',\n    value: 'tu',\n  },\n  {\n    localeLong: 'Wednesday',\n    localeShort: 'Wed',\n    value: 'we',\n  },\n  {\n    localeLong: 'Thursday',\n    localeShort: 'Thu',\n    value: 'th',\n  },\n  {\n    localeLong: 'Friday',\n    localeShort: 'Fri',\n    value: 'fr',\n  },\n  {\n    localeLong: 'Saturday',\n    localeShort: 'Sat',\n    value: 'sa',\n  },\n  {\n    localeLong: 'Sunday',\n    localeShort: 'Sun',\n    value: 'su',\n  },\n];\n\nexport const LIBRARY_VERSION = import.meta.env.VITE_APP_VERSION;\nexport const ICON_VERSION = import.meta.env.VITE_ICON_VERSION;\n\n// export const LIST_TYPOGRAPHY_VARIANTS_DEFAULT: IThemeTypographyHeading[] = ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'];\n","import { logger } from '@local/cores/logger';\n\nimport { useEffect, useState } from 'react';\n\nexport function useInjectSprites(urls: string[]) {\n  useEffect(() => {\n    const containers: HTMLDivElement[] = [];\n\n    urls.forEach(async (url) => {\n      try {\n        const res = await fetch(url);\n        if (!res.ok) {\n          logger.error(`Failed to load sprite: ${url}`);\n          return;\n        }\n        const text = await res.text();\n\n        const div = document.createElement('div');\n        div.style.display = 'none';\n        div.innerHTML = text;\n\n        document.body.prepend(div);\n        containers.push(div);\n      } catch (err) {\n        logger.error(`Error loading sprite ${url}`, err);\n      }\n    });\n\n    return () => {\n      containers.forEach((div) => {\n        div.remove();\n      });\n    };\n  }, [urls]);\n}\n\ntype SpriteStatus = {\n  promise: Promise<void>;\n  loaded: boolean;\n  error?: Error;\n};\n\nconst loadedSprites = new Map<string, SpriteStatus>();\n\nexport function useLazyInjectSprite(url: string) {\n  const [loaded, setLoaded] = useState(false);\n  const [error, setError] = useState<Error | null>(null);\n\n  useEffect(() => {\n    let isMounted = true;\n\n    // Проверяем актуальный статус прямо здесь\n    const status = loadedSprites.get(url);\n    if (status?.loaded) {\n      setLoaded(true);\n      setError(status.error ?? null);\n      return;\n    }\n\n    let promise: Promise<void>;\n\n    if (!status) {\n      const p = (async () => {\n        const res = await fetch(url);\n        if (!res.ok) throw new Error(`Failed to load sprite: ${url}`);\n        const text = await res.text();\n        const div = document.createElement('div');\n        div.style.display = 'none';\n        div.innerHTML = text;\n        document.body.prepend(div);\n      })();\n\n      loadedSprites.set(url, { promise: p, loaded: false });\n\n      p.then(() => {\n        const prev = loadedSprites.get(url);\n        loadedSprites.set(url, { ...(prev as any), promise: p, loaded: true });\n      }).catch((err) => {\n        const errorObj = err instanceof Error ? err : new Error(String(err));\n        const prev = loadedSprites.get(url);\n        loadedSprites.set(url, { ...(prev as any), promise: p, loaded: true, error: errorObj });\n      });\n\n      promise = p;\n    } else {\n      promise = status.promise;\n    }\n\n    promise\n      .then(() => {\n        if (!isMounted) return;\n        const s = loadedSprites.get(url);\n        setLoaded(s?.loaded ?? true);\n        setError(s?.error ?? null);\n      })\n      .catch(() => {}); // Ошибка уже сохранена в статусе\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  return { loaded, error };\n}\n","import { Skeleton } from '@local/areas/skeleton';\nimport { ICON_VERSION } from '@local/cores/consts';\nimport { CSS_VARS } from '@local/styles/utils';\nimport { CSS_CLASS, CSS_VARS_RAW } from '@local/styles/utils/constants';\nimport { setClasses, setStyles } from '@local/styles/utils/functions';\n\nimport { useMemo } from 'react';\n\nimport { useLazyInjectSprite } from './component.hooks';\nimport { IIcon } from './component.types';\n\nexport const Icon = (props: IIcon) => {\n  const iconId = useMemo(() => getIconId({ type: props.type, name: props.name }), [props.name, props.type]);\n  const spriteUrl = useMemo(() => getSpriteUrl({ type: props.type }), [props.type]);\n  const { loaded, error } = useLazyInjectSprite(spriteUrl);\n\n  const configSkeleton = useMemo(() => {\n    return {\n      className: setClasses([CSS_CLASS.component.icon.skeleton, props.className]),\n      style: setStyles([\n        {\n          [CSS_VARS_RAW.component.icon.skeletonHeightIcon]:\n            props.size !== '100%' ? CSS_VARS.size[props.size].heightIcon : '100%',\n          [CSS_VARS_RAW.component.icon.skeletonOrder]: props.order ? String(props.order) : 'initial',\n        },\n        props.style,\n      ]),\n    };\n  }, [props.className, props.style, props.order, props.size]);\n\n  const configIcon = useMemo(() => {\n    return {\n      className: setClasses([CSS_CLASS.component.icon.root, CSS_CLASS.transition.icon, props.className]),\n\n      style: setStyles([\n        {\n          [CSS_VARS_RAW.component.icon.color]: props.color ? CSS_VARS.palette[props.color] : 'inherit',\n          [CSS_VARS_RAW.component.icon.heightIcon]:\n            props.size !== '100%' ? CSS_VARS.size[props.size].heightIcon : '100%',\n          [CSS_VARS_RAW.component.icon.turn]: props.turn ? `${props.turn}deg` : '0deg',\n          [CSS_VARS_RAW.component.icon.order]: props.order ? String(props.order) : 'initial',\n        },\n        props.style,\n      ]),\n    };\n  }, [props.className, props.style, props.order, props.size, props.color, props.turn]);\n\n  if (!loaded || error)\n    return (\n      <Skeleton\n        color={props.color ?? undefined}\n        className={configSkeleton.className}\n        style={configSkeleton.style}\n        visible={false}\n      />\n    );\n\n  return (\n    <svg\n      width='24'\n      height='24'\n      viewBox='0 0 24 24'\n      xmlns='http://www.w3.org/2000/svg'\n      className={configIcon.className}\n      style={configIcon.style}\n      onClick={props.onClick}\n      onKeyDown={(e) => {\n        if (props.onClick && (e.key === 'Enter' || e.key === ' ')) {\n          e.preventDefault();\n          props.onClick(e as any);\n        }\n      }}\n      tabIndex={props.tabIndex}\n      role={props.onClick ? 'button' : undefined}\n    >\n      <title>{props.name}</title>\n      <use href={iconId} />\n    </svg>\n  );\n};\n\nexport function getIconId(props: { type: string; name: string }) {\n  return `#${props.type}-${props.name}`;\n}\n\nexport function getSpriteUrl(props: { type: string }) {\n  return `https://cdn.jsdelivr.net/gh/jenesei-software/jenesei-id-assets@${ICON_VERSION}/icons/${props.type}.svg`;\n}\n","const THEME_MAP_ID = [\n  'Close',\n  'Biometry',\n  'Qr',\n  'Search',\n  'Folder',\n  'Wallet',\n  'Graph',\n  'Bookmark',\n  'Browser',\n  'Category',\n  'Home',\n  'Notification',\n  'Chat',\n  'Heart',\n  'Paper',\n  'Plus',\n  'Minus',\n  'PaperPlus',\n  'PaperNegative',\n  'PaperFail',\n  'PaperDownload',\n  'PaperUpload',\n  'Send',\n  'Password',\n  'Swap',\n  'Work',\n  'Arrow1',\n  'Arrow2',\n  'Arrow3',\n  'Arrow4',\n  'ArrowMini1',\n  'ArrowMini2',\n  'Scan',\n  'Activity',\n  'Calendar',\n  'Message',\n  'PlusMini',\n  'ChartMini',\n  'Game',\n  'Bag1',\n  'Bag2',\n  'TicketStar',\n  'MoreCircle',\n  'MoreSquare',\n  'Discount',\n  'Buy',\n  'Web',\n  'InfoMini',\n  'DangerMini',\n  'CloseMini',\n  'TickMini',\n  'Video',\n  'Discovery',\n  'Location',\n  'Document',\n  'Setting',\n  'Time',\n  'VolumeUp',\n  'VolumeDown',\n  'VolumeOff',\n  'Star',\n  'Select',\n  'Ticket',\n  'Camera',\n  'Profile',\n  'AddUser',\n  'TwoUser',\n  'ThreeUser',\n  'Login',\n  'Logout',\n  'Download',\n  'Upload',\n  'Voice1',\n  'Voice2',\n  'Delete',\n  'Edit',\n  'PlayMini',\n  'ShieldDone',\n  'ShieldFail',\n  'Show',\n  'Hide',\n  'Filter1',\n  'Filter2',\n  'Image',\n  'Call',\n  'Calling',\n  'CallMissed',\n  'CallSilent',\n  'Lock',\n  'Unlock',\n  'Resources',\n  'Language',\n] as const;\nconst THEME_MAP_CHECKBOX = [\n  'Radio-true',\n  'Radio-false',\n  'Square-true',\n  'Square-false',\n  'Heart-true',\n  'Heart-false',\n  'Arrow',\n] as const;\nconst THEME_MAP_LOADING = ['Line', 'Blocks', 'Balls'] as const;\nconst THEME_MAP_LOGO = ['Jenesei', 'BustMarket'] as const;\n\nexport const THEME_MAP = {\n  id: THEME_MAP_ID,\n  checkbox: THEME_MAP_CHECKBOX,\n  loading: THEME_MAP_LOADING,\n  logo: THEME_MAP_LOGO,\n};\n","import { Icon } from './component';\nimport { IGetIconComponentsProps } from './component.types';\n\nexport function getIconComponents(props: IGetIconComponentsProps) {\n  return (props.icons ?? [])\n    ?.filter((icon) => !icon.isHidden)\n    ?.map((icon, index) => (\n      <Icon key={`${icon.type}-${icon.name}-${index}`} size={icon?.size ?? props.size} {...icon} />\n    ));\n}\n"],"mappings":"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"}