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

package/build/icon-okw710zo.js

@@ -0,0 +1,255 @@
+import { o as M } from "./chunk-cI0lbGMq.js";
+import { i as l, n as m, r as u } from "./utils-BRgi6734.js";
+import { n as y, t as h } from "./functions-DzX-pTN8.js";
+import { t as w } from "./skeleton-wRSg85X7.js";
+import { t as C } from "./isEqual-BF-XUq17.js";
+import "./logger-D-UddU9-.js";
+import { jsx as d, jsxs as k } from "react/jsx-runtime";
+import { memo as E, useEffect as I, useMemo as c, useState as v } from "react";
+var A = "1.3.0", _ = /* @__PURE__ */ M(C(), 1), g = /* @__PURE__ */ new Map(), s = (e) => {
+  const t = g.get(e);
+  return {
+    loaded: t?.loaded ?? !1,
+    error: t?.error ?? null
+  };
+}, S = (e, t) => e.loaded === t.loaded && e.error === t.error, f = (e, t) => {
+  g.set(e, t);
+}, N = (e) => {
+  const t = g.get(e);
+  if (t) return t.promise;
+  const i = (async () => {
+    const a = await fetch(e);
+    if (!a.ok) throw new Error(`Failed to load sprite: ${e}`);
+    const r = await a.text(), n = document.createElement("div");
+    n.style.display = "none", n.innerHTML = r, document.body.prepend(n);
+  })();
+  return f(e, {
+    promise: i,
+    loaded: !1
+  }), i.then(() => {
+    f(e, {
+      promise: i,
+      loaded: !0
+    });
+  }, (a) => {
+    f(e, {
+      promise: i,
+      loaded: !0,
+      error: a instanceof Error ? a : new Error(String(a))
+    });
+  }), i;
+};
+function z(e) {
+  const [t, i] = v(() => s(e));
+  return I(() => {
+    let a = !0;
+    const r = s(e);
+    if (r.loaded) {
+      i((n) => S(n, r) ? n : r);
+      return;
+    }
+    return N(e).then(() => {
+      if (!a) return;
+      const n = s(e);
+      i((o) => S(o, n) ? o : n);
+    }, () => {
+      if (!a) return;
+      const n = s(e);
+      i((o) => S(o, n) ? o : n);
+    }), () => {
+      a = !1;
+    };
+  }, [e]), t;
+}
+var H = (e) => {
+  const t = c(() => T({
+    type: e.type,
+    name: e.name
+  }), [e.name, e.type]), { loaded: i, error: a } = z(c(() => L({ type: e.type }), [e.type])), r = c(() => ({
+    className: h([m.component.icon.skeleton, e.className]),
+    style: y([{
+      [l.component.icon.skeletonHeightIcon]: e.size !== "100%" ? u.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
+  ]), n = c(() => ({
+    className: h([
+      m.component.icon.root,
+      m.transition.icon,
+      e.className
+    ]),
+    style: y([{
+      [l.component.icon.color]: e.color ? u.palette[e.color] : "inherit",
+      [l.component.icon.heightIcon]: e.size !== "100%" ? u.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 !i || a ? /* @__PURE__ */ d(w, {
+    color: e.color ?? void 0,
+    className: r.className,
+    style: r.style,
+    visible: !1
+  }) : /* @__PURE__ */ k("svg", {
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg",
+    className: n.className,
+    style: n.style,
+    onClick: e.onClick,
+    onKeyDown: (o) => {
+      e.onClick && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), o.currentTarget.dispatchEvent(new MouseEvent("click", {
+        bubbles: !0,
+        cancelable: !0
+      })));
+    },
+    tabIndex: e.tabIndex,
+    role: e.onClick ? "button" : void 0,
+    children: [/* @__PURE__ */ d("title", { children: e.name }), /* @__PURE__ */ d("use", { href: t })]
+  });
+}, b = E(H, D);
+function D(e, t) {
+  return e.type === t.type && e.name === t.name && e.className === t.className && e.onClick === t.onClick && e.size === t.size && e.color === t.color && e.turn === t.turn && e.order === t.order && e.tabIndex === t.tabIndex && (0, _.default)(e.style, t.style);
+}
+function T(e) {
+  return `#${e.type}-${e.name}`;
+}
+function L(e) {
+  return `https://cdn.jsdelivr.net/gh/jenesei-software/jenesei-id-assets@${A}/icons/${e.type}.svg`;
+}
+var B = [
+  "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"
+], O = [
+  "Line",
+  "Blocks",
+  "Balls"
+], U = ["Jenesei", "BustMarket"], K = {
+  id: B,
+  checkbox: V,
+  loading: O,
+  logo: U
+};
+function J(e) {
+  return (e.icons ?? [])?.filter((t) => !t.isHidden)?.map((t, i) => /* @__PURE__ */ d(b, {
+    size: t?.size ?? e.size,
+    ...t
+  }, i));
+}
+export {
+  K as n,
+  b as r,
+  J as t
+};
+
+//# sourceMappingURL=icon-okw710zo.js.map

package/build/icon-okw710zo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-okw710zo.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\ntype SpriteState = {\n  loaded: boolean;\n  error: Error | null;\n};\n\nconst loadedSprites = new Map<string, SpriteStatus>();\n\nconst getSpriteState = (url: string): SpriteState => {\n  const status = loadedSprites.get(url);\n\n  return {\n    loaded: status?.loaded ?? false,\n    error: status?.error ?? null,\n  };\n};\n\nconst isSameSpriteState = (stateA: SpriteState, stateB: SpriteState) =>\n  stateA.loaded === stateB.loaded && stateA.error === stateB.error;\n\nconst setSpriteStatus = (url: string, status: SpriteStatus) => {\n  loadedSprites.set(url, status);\n};\n\nconst ensureSprite = (url: string) => {\n  const status = loadedSprites.get(url);\n  if (status) return status.promise;\n\n  const promise = (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  setSpriteStatus(url, { promise, loaded: false });\n\n  promise.then(\n    () => {\n      setSpriteStatus(url, { promise, loaded: true });\n    },\n    (err) => {\n      const error = err instanceof Error ? err : new Error(String(err));\n      setSpriteStatus(url, { promise, loaded: true, error });\n    },\n  );\n\n  return promise;\n};\n\nexport function useLazyInjectSprite(url: string) {\n  const [state, setState] = useState<SpriteState>(() => getSpriteState(url));\n\n  useEffect(() => {\n    let isMounted = true;\n    const currentState = getSpriteState(url);\n\n    if (currentState.loaded) {\n      setState((prevState) => (isSameSpriteState(prevState, currentState) ? prevState : currentState));\n      return;\n    }\n\n    ensureSprite(url).then(\n      () => {\n        if (!isMounted) return;\n        const nextState = getSpriteState(url);\n        setState((prevState) => (isSameSpriteState(prevState, nextState) ? prevState : nextState));\n      },\n      () => {\n        if (!isMounted) return;\n        const nextState = getSpriteState(url);\n        setState((prevState) => (isSameSpriteState(prevState, nextState) ? prevState : nextState));\n      },\n    );\n\n    return () => {\n      isMounted = false;\n    };\n  }, [url]);\n\n  return state;\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 isEqual from 'lodash/isEqual';\nimport { memo, useMemo } from 'react';\n\nimport { useLazyInjectSprite } from './component.hooks';\nimport { IIcon } from './component.types';\n\nconst IconComponent = (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          e.currentTarget.dispatchEvent(new MouseEvent('click', { bubbles: true, cancelable: true }));\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 const Icon = memo(IconComponent, areIconPropsEqual);\n\nfunction areIconPropsEqual(prevProps: IIcon, nextProps: IIcon) {\n  return (\n    prevProps.type === nextProps.type &&\n    prevProps.name === nextProps.name &&\n    prevProps.className === nextProps.className &&\n    prevProps.onClick === nextProps.onClick &&\n    prevProps.size === nextProps.size &&\n    prevProps.color === nextProps.color &&\n    prevProps.turn === nextProps.turn &&\n    prevProps.order === nextProps.order &&\n    prevProps.tabIndex === nextProps.tabIndex &&\n    isEqual(prevProps.style, nextProps.style)\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) => <Icon key={index} size={icon?.size ?? props.size} {...icon} />);\n}\n"],"mappings":";;;;;;;;AAiHA,IAAa,IAAA,wCClEb,IAAA,oBAAA,IAAA,GAEA,IAAA,CAAA,MAAA;;AAGE,SAAA;AAAA;;;GAMF,IAAA,CAAA,GAAA,MAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAGA,IAAA,CAAA,GAAA,MAAA;AACE,EAAA,EAAA,IAAA,GAAA,CAAA;GAGF,IAAA,CAAA,MAAA;;AAEE,MAAA,EAAA,QAAA,EAAA;;;AAIE,QAAA,CAAA,EAAA,GAAA,OAAA,IAAA,MAAA,0BAAA,CAAA,EAAA;;AAGA,IAAA,EAAA,MAAA,UAAA,QACA,EAAA,YAAA,GACA,SAAA,KAAA,QAAA,CAAA;AAAA;AAGF,SAAA,EAAA,GAAA;AAAA;;MAEA,EAAA,KAAA,MAAA;AAEI,IAAA,EAAA,GAAA;AAAA;;;;AAIA,IAAA,EAAA,GAAA;AAAA;;;;MAIJ;;AAGF,SAAA,EAAA,GAAA;;AAGE,SAAA,EAAA,MAAA;;;AAIE,QAAA,EAAA,QAAA;AACE,MAAA,EAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,IAAA,CAAA;AACA;AAAA;AAGF,WAAA,EAAA,CAAA,EAAA,KAAA,MAAA;AAEI,UAAA,CAAA,EAAA;;AAEA,MAAA,EAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,IAAA,CAAA;AAAA;AAGA,UAAA,CAAA,EAAA;;AAEA,MAAA,EAAA,CAAA,MAAA,EAAA,GAAA,CAAA,IAAA,IAAA,CAAA;AAAA,QAIJ,MAAA;AACE,MAAA,IAAA;AAAA;WAIJ;;AChHF,IAAM,IAAA,CAAiB,MAAiB;AACtC,QAAM,IAAS,EAAA,MAAc,EAAU;AAAA,IAAE,MAAM,EAAM;AAAA,IAAM,MAAM,EAAM;AAAA,GAAM,GAAG,CAAC,EAAM,MAAM,EAAM,IAAA,CAAK,GAElG,EAAE,QAAA,GAAQ,OAAA,EAAA,IAAU,EADR,EAAA,MAAc,EAAa,EAAE,MAAM,EAAM,KAAA,CAAM,GAAG,CAAC,EAAM,IAAA,CAAK,CAAC,GAG3E,IAAiB,EAAA,OACd;AAAA,IACL,WAAW,EAAW,CAAC,EAAU,UAAU,KAAK,UAAU,EAAM,SAAA,CAAU;AAAA,IAC1E,OAAO,EAAU,CACf;AAAA,OACG,EAAa,UAAU,KAAK,kBAAA,GAC3B,EAAM,SAAS,SAAS,EAAS,KAAK,EAAM,IAAA,EAAM,aAAa;AAAA,OAChE,EAAa,UAAU,KAAK,aAAA,GAAgB,EAAM,QAAQ,OAAO,EAAM,KAAA,IAAS;AAAA,OAEnF,EAAM,KAAA,CACP;AAAA,MAEF;AAAA,IAAC,EAAM;AAAA,IAAW,EAAM;AAAA,IAAO,EAAM;AAAA,IAAO,EAAM;AAAA,GAAK,GAEpD,IAAa,EAAA,OACV;AAAA,IACL,WAAW,EAAW;AAAA,MAAC,EAAU,UAAU,KAAK;AAAA,MAAM,EAAU,WAAW;AAAA,MAAM,EAAM;AAAA,KAAU;AAAA,IAEjG,OAAO,EAAU,CACf;AAAA,OACG,EAAa,UAAU,KAAK,KAAA,GAAQ,EAAM,QAAQ,EAAS,QAAQ,EAAM,KAAA,IAAS;AAAA,OAClF,EAAa,UAAU,KAAK,UAAA,GAC3B,EAAM,SAAS,SAAS,EAAS,KAAK,EAAM,IAAA,EAAM,aAAa;AAAA,OAChE,EAAa,UAAU,KAAK,IAAA,GAAO,EAAM,OAAO,GAAG,EAAM,IAAA,QAAY;AAAA,OACrE,EAAa,UAAU,KAAK,KAAA,GAAQ,EAAM,QAAQ,OAAO,EAAM,KAAA,IAAS;AAAA,OAE3E,EAAM,KAAA,CACP;AAAA,MAEF;AAAA,IAAC,EAAM;AAAA,IAAW,EAAM;AAAA,IAAO,EAAM;AAAA,IAAO,EAAM;AAAA,IAAM,EAAM;AAAA,IAAO,EAAM;AAAA,GAAK;AAEnF,SAAI,CAAC,KAAU,IAEX,gBAAA,EAAC,GAAD;AAAA,IACE,OAAO,EAAM,SAAS;AAAA,IACtB,WAAW,EAAe;AAAA,IAC1B,OAAO,EAAe;AAAA,IACtB,SAAS;AAAA,GACT,IAIJ,gBAAA,EAAC,OAAD;AAAA,IACE,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,WAAW,EAAW;AAAA,IACtB,OAAO,EAAW;AAAA,IAClB,SAAS,EAAM;AAAA,IACf,WAAA,CAAY,MAAM;AAChB,MAAI,EAAM,YAAY,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACnD,EAAE,eAAA,GACF,EAAE,cAAc,cAAc,IAAI,WAAW,SAAS;AAAA,QAAE,SAAS;AAAA,QAAM,YAAY;AAAA,OAAM,CAAC;AAAA;IAG9F,UAAU,EAAM;AAAA,IAChB,MAAM,EAAM,UAAU,WAAW;AAAA,cAfnC,CAiBE,gBAAA,EAAC,SAAD,EAAA,UAAQ,EAAM,KAAA,CAAa,GAC3B,gBAAA,EAAC,OAAD,EAAK,MAAM,EAAA,CAAU,CAAA;AAAA;GAKd,IAAO,EAAK,GAAe,CAAA;AAExC,SAAS,EAAkB,GAAkB,GAAkB;AAC7D,SACE,EAAU,SAAS,EAAU,QAC7B,EAAU,SAAS,EAAU,QAC7B,EAAU,cAAc,EAAU,aAClC,EAAU,YAAY,EAAU,WAChC,EAAU,SAAS,EAAU,QAC7B,EAAU,UAAU,EAAU,SAC9B,EAAU,SAAS,EAAU,QAC7B,EAAU,UAAU,EAAU,SAC9B,EAAU,aAAa,EAAU,gBAAA,EAAA,SACzB,EAAU,OAAO,EAAU,KAAA;;AAIvC,SAAgB,EAAU,GAAuC;AAC/D,SAAO,IAAI,EAAM,IAAA,IAAQ,EAAM,IAAA;;AAGjC,SAAgB,EAAa,GAAyB;AACpD,SAAO,kEAAkE,CAAA,UAAsB,EAAM,IAAA;;ACxGvG,IAAM,IAAe;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;GAEI,IAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;GAEI,IAAoB;AAAA,EAAC;AAAA,EAAQ;AAAA,EAAU;GACvC,IAAiB,CAAC,WAAW,YAAA,GAEtB,IAAY;AAAA,EACvB,IAAI;AAAA,EACJ,UAAU;AAAA,EACV,SAAS;AAAA,EACT,MAAM;;AC3GR,SAAgB,EAAkB,GAAgC;AAChE,UAAQ,EAAM,SAAS,CAAA,IACnB,OAAA,CAAQ,MAAS,CAAC,EAAK,QAAA,GACvB,IAAA,CAAK,GAAM,MAAU,gBAAA,EAAC,GAAD;AAAA,IAAkB,MAAM,GAAM,QAAQ,EAAM;AAAA,IAAM,GAAI;AAAA,KAA3C,CAAA,CAAmD"}

package/build/index.cjs.js

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./chunk-Dd8m0Ver.cjs"),e=require("./utils-DCIq-5FL.cjs"),r=require("./motion-BWBldnsY.cjs"),s=require("./component-CbJ_P8yq.cjs");require("./component-stack.cjs.js");const v=require("./outside-BP81eKu0.cjs"),P=require("./skeleton-BfOHjRgT.cjs"),i=require("./icon-DyjaxKWq.cjs"),n=require("./preview-p2i9Ju3I.cjs"),h=require("./hooks-use-deep-compare-memoize.cjs.js"),k=require("./hooks-use-merge-refs.cjs.js"),m=require("./hooks-use-typography-styles.cjs.js"),M=require("./button-6CFvwtSz.cjs"),T=require("./error-aQfsl_Kl.cjs"),y=require("./checkbox-9ue4f3-6.cjs"),c=require("./popover-B1KASIeD.cjs"),A=require("./textarea-Bm3ki2-6.cjs"),u=require("./typography-DzYrzZZb.cjs"),C=require("./hooks-use-overflowing.cjs.js"),o=require("./select-7yVS14II.cjs"),w=require("./date-picker-9rpPgP0a.cjs"),f=require("./input-DMm67Wyr.cjs"),x=require("./input-otp-MDjIcfVu.cjs"),D=require("./pagination-ZXl2fVKZ.cjs"),I=require("./separator-BGVU_LQb.cjs"),R=require("./toggle-CdUVhH0Z.cjs"),_=require("./context-screen-width-Cfe3atNC.cjs"),a=require("./context-app-29ajupjq.cjs"),q=require("./context-browser-theme-xixEbalV.cjs"),p=require("./context-cookie-DFgWWGA9.cjs"),t=require("./context-dialog-BLb0fPJw.cjs"),l=require("./context-permission-BP9hPUcR.cjs"),S=require("./context-geolocation-bP0_455H.cjs"),g=require("./context-local-storage-D_x8dwxM.cjs"),d=require("./context-sonner-B-eO7pwI.cjs"),b=require("./hooks-use-debounced-callback.cjs.js"),E=require("./hooks-use-deep-memo.cjs.js"),L=require("./hooks-use-fps.cjs.js"),O=require("./hooks-use-overflowing-advanced.cjs.js"),B=require("./hooks-use-overflowing-in-container.cjs.js"),W=require("./hooks-use-responsive-layout.cjs.js");exports.Button=M.Button;exports.CSS_CLASS=e.CSS_CLASS;exports.CSS_VARS=e.CSS_VARS;exports.CSS_VARS_RAW=e.CSS_VARS_RAW;exports.Checkbox=y.Checkbox;exports.DatePicker=w.DatePicker;exports.EXTRA_VALUE=e.EXTRA_VALUE;exports.ErrorMessage=T.ErrorMessage;exports.Icon=i.Icon;exports.Input=f.Input;exports.InputOTP=x.InputOTP;exports.MotionBlurIn=r.MotionBlurIn;exports.MotionGradualSpacing=r.MotionGradualSpacing;exports.MotionTypingEffect=r.MotionTypingEffect;exports.MotionWordsPullUp=r.MotionWordsPullUp;exports.Outside=v.Outside;exports.Pagination=D.Pagination;exports.Popover=c.Popover;exports.Preview=n.Preview;exports.ProviderApp=a.ProviderApp;exports.ProviderBrowserTheme=q.ProviderBrowserTheme;exports.ProviderCookie=p.ProviderCookie;exports.ProviderDialog=t.ProviderDialog;exports.ProviderGeolocation=S.ProviderGeolocation;exports.ProviderLocalStorage=g.ProviderLocalStorage;exports.ProviderPermission=l.ProviderPermission;exports.ProviderScreenWidth=_.ProviderScreenWidth;exports.ProviderSonner=d.ProviderSonner;exports.Select=o.Select;exports.SelectMonth=o.SelectMonth;exports.SelectMonths=o.SelectMonths;exports.SelectYear=o.SelectYear;exports.Separator=I.Separator;exports.Skeleton=P.Skeleton;exports.Stack=s.Stack;exports.StackMotion=s.StackMotion;exports.THEME_MAP=i.THEME_MAP;exports.TextArea=A.TextArea;exports.Toggle=R.Toggle;exports.Tooltip=u.Tooltip;exports.Typography=u.Typography;exports.TypographyTooltip=u.TypographyTooltip;exports.getIconComponents=i.getIconComponents;exports.useApp=a.useApp;exports.useCookie=p.useCookie;exports.useDebouncedCallback=b.useDebouncedCallback;exports.useDeepCompareMemoize=h.useDeepCompareMemoize;exports.useDeepMemo=E.useDeepMemo;exports.useDialog=t.useDialog;exports.useDialogs=t.useDialogs;exports.useFps=L.useFps;exports.useGeolocation=S.useGeolocation;exports.useIBrowserTheme=q.useIBrowserTheme;exports.useLocalStorage=g.useLocalStorage;exports.useMergeRefs=k.useMergeRefs;exports.useOverflowing=C.useOverflowing;exports.useOverflowingAdvanced=O.useOverflowingAdvanced;exports.useOverflowingInContainer=B.useOverflowingInContainer;exports.usePermission=l.usePermission;exports.usePopover=c.usePopover;exports.useRemovePreviewLoader=n.useRemovePreviewLoader;exports.useResponsiveLayout=W.useResponsiveLayout;exports.useScreenWidth=_.useScreenWidth;exports.useSonner=d.useSonner;exports.useTypographyStyles=m.useTypographyStyles;
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const G=require("./chunk-Dd8m0Ver.cjs"),e=require("./utils-DCIq-5FL.cjs"),r=require("./motion-BWBldnsY.cjs"),s=require("./component-CbJ_P8yq.cjs");require("./component-stack.cjs.js");const v=require("./outside-BP81eKu0.cjs"),P=require("./skeleton-BfOHjRgT.cjs"),i=require("./icon-B6PvcNvO.cjs"),n=require("./preview-DEFGRXfJ.cjs"),h=require("./hooks-use-deep-compare-memoize.cjs.js"),k=require("./hooks-use-merge-refs.cjs.js"),m=require("./hooks-use-typography-styles.cjs.js"),M=require("./button-Cl4532xK.cjs"),T=require("./error-aQfsl_Kl.cjs"),y=require("./checkbox-B_eE5eQs.cjs"),c=require("./popover-B1KASIeD.cjs"),A=require("./textarea-Cly9U5It.cjs"),u=require("./typography-DzYrzZZb.cjs"),C=require("./hooks-use-overflowing.cjs.js"),o=require("./select-C2lLQlEy.cjs"),w=require("./date-picker-CexAqJgp.cjs"),f=require("./input-BW0CKgfw.cjs"),x=require("./input-otp-B9zfjb5u.cjs"),D=require("./pagination-ClW-z5EV.cjs"),I=require("./separator-BGVU_LQb.cjs"),R=require("./toggle-CdUVhH0Z.cjs"),_=require("./context-screen-width-Cfe3atNC.cjs"),a=require("./context-app-v8y-IIxP.cjs"),q=require("./context-browser-theme-xixEbalV.cjs"),p=require("./context-cookie-qk-RTVhn.cjs"),t=require("./context-dialog-BLb0fPJw.cjs"),l=require("./context-permission-qp3vUfoA.cjs"),S=require("./context-geolocation-DlHZrmaf.cjs"),g=require("./context-local-storage-DK4zzbkX.cjs"),d=require("./context-sonner-BGpNwV_S.cjs"),b=require("./hooks-use-debounced-callback.cjs.js"),E=require("./hooks-use-deep-memo.cjs.js"),L=require("./hooks-use-fps.cjs.js"),O=require("./hooks-use-overflowing-advanced.cjs.js"),B=require("./hooks-use-overflowing-in-container.cjs.js"),W=require("./hooks-use-responsive-layout.cjs.js");exports.Button=M.Button;exports.CSS_CLASS=e.CSS_CLASS;exports.CSS_VARS=e.CSS_VARS;exports.CSS_VARS_RAW=e.CSS_VARS_RAW;exports.Checkbox=y.Checkbox;exports.DatePicker=w.DatePicker;exports.EXTRA_VALUE=e.EXTRA_VALUE;exports.ErrorMessage=T.ErrorMessage;exports.Icon=i.Icon;exports.Input=f.Input;exports.InputOTP=x.InputOTP;exports.MotionBlurIn=r.MotionBlurIn;exports.MotionGradualSpacing=r.MotionGradualSpacing;exports.MotionTypingEffect=r.MotionTypingEffect;exports.MotionWordsPullUp=r.MotionWordsPullUp;exports.Outside=v.Outside;exports.Pagination=D.Pagination;exports.Popover=c.Popover;exports.Preview=n.Preview;exports.ProviderApp=a.ProviderApp;exports.ProviderBrowserTheme=q.ProviderBrowserTheme;exports.ProviderCookie=p.ProviderCookie;exports.ProviderDialog=t.ProviderDialog;exports.ProviderGeolocation=S.ProviderGeolocation;exports.ProviderLocalStorage=g.ProviderLocalStorage;exports.ProviderPermission=l.ProviderPermission;exports.ProviderScreenWidth=_.ProviderScreenWidth;exports.ProviderSonner=d.ProviderSonner;exports.Select=o.Select;exports.SelectMonth=o.SelectMonth;exports.SelectMonths=o.SelectMonths;exports.SelectYear=o.SelectYear;exports.Separator=I.Separator;exports.Skeleton=P.Skeleton;exports.Stack=s.Stack;exports.StackMotion=s.StackMotion;exports.THEME_MAP=i.THEME_MAP;exports.TextArea=A.TextArea;exports.Toggle=R.Toggle;exports.Tooltip=u.Tooltip;exports.Typography=u.Typography;exports.TypographyTooltip=u.TypographyTooltip;exports.getIconComponents=i.getIconComponents;exports.useApp=a.useApp;exports.useCookie=p.useCookie;exports.useDebouncedCallback=b.useDebouncedCallback;exports.useDeepCompareMemoize=h.useDeepCompareMemoize;exports.useDeepMemo=E.useDeepMemo;exports.useDialog=t.useDialog;exports.useDialogs=t.useDialogs;exports.useFps=L.useFps;exports.useGeolocation=S.useGeolocation;exports.useIBrowserTheme=q.useIBrowserTheme;exports.useLocalStorage=g.useLocalStorage;exports.useMergeRefs=k.useMergeRefs;exports.useOverflowing=C.useOverflowing;exports.useOverflowingAdvanced=O.useOverflowingAdvanced;exports.useOverflowingInContainer=B.useOverflowingInContainer;exports.usePermission=l.usePermission;exports.usePopover=c.usePopover;exports.useRemovePreviewLoader=n.useRemovePreviewLoader;exports.useResponsiveLayout=W.useResponsiveLayout;exports.useScreenWidth=_.useScreenWidth;exports.useSonner=d.useSonner;exports.useTypographyStyles=m.useTypographyStyles;

package/build/index.es.js

@@ -4,34 +4,34 @@ import { n as u, t as S } from "./component-DGfyD5-u.js";
 import "./component-stack.es.js";
 import { t as P } from "./outside-_oOot7z3.js";
 import { t as v } from "./skeleton-wRSg85X7.js";
-import { n as M, r as T, t as A } from "./icon-Y-IZxLXB.js";
-import { n as h, t as y } from "./preview-C-mtYSGG.js";
+import { n as M, r as T, t as A } from "./icon-okw710zo.js";
+import { n as h, t as y } from "./preview-DVk-Ykii.js";
 import { useDeepCompareMemoize as w } from "./hooks-use-deep-compare-memoize.es.js";
 import { useMergeRefs as I } from "./hooks-use-merge-refs.es.js";
 import { useTypographyStyles as E } from "./hooks-use-typography-styles.es.js";
-import { t as _ } from "./button-D6Bg00Uh.js";
+import { t as _ } from "./button-ygPLb-n_.js";
 import { t as B } from "./error-iaB6e_aq.js";
-import { t as b } from "./checkbox-TW5VSNui.js";
+import { t as b } from "./checkbox-CLGIqCRV.js";
 import { n as G, t as V } from "./popover--NOw9qfd.js";
-import { t as z } from "./textarea-DLZq4RT-.js";
+import { t as z } from "./textarea-BW_LYAhr.js";
 import { n as H, r as X, t as Y } from "./typography-Tebu6c9L.js";
 import { useOverflowing as q } from "./hooks-use-overflowing.es.js";
-import { a as K, n as N, r as Q, t as Z } from "./select-BdGRG7zf.js";
-import { t as oo } from "./date-picker-BvKtH7lp.js";
-import { t as to } from "./input-Buf_HFGH.js";
-import { t as so } from "./input-otp-q4zKk_nP.js";
-import { t as mo } from "./pagination-BFTnpYCz.js";
+import { a as K, n as N, r as Q, t as Z } from "./select-9C2iAXLx.js";
+import { t as oo } from "./date-picker-WGlcoobG.js";
+import { t as to } from "./input-BS1SNtLb.js";
+import { t as so } from "./input-otp-DWTU3oR1.js";
+import { t as mo } from "./pagination-Dnl1v3VL.js";
 import { t as po } from "./separator-DJEhOPUT.js";
 import { t as fo } from "./toggle-Bzru0yZw.js";
 import { n as So, t as lo } from "./context-screen-width-Cq_B7IVp.js";
-import { n as Po, t as go } from "./context-app-CxNgCfd2.js";
+import { n as Po, t as go } from "./context-app-DhxAgIBE.js";
 import { n as Mo, t as To } from "./context-browser-theme-CRBCZ_y_.js";
-import { n as Co, t as ho } from "./context-cookie-Daq2MZo3.js";
+import { n as Co, t as ho } from "./context-cookie-DRPslhxf.js";
 import { n as ko, r as wo, t as Do } from "./context-dialog-IYNzoNOe.js";
-import { n as Ro, t as Eo } from "./context-permission-Cj70kL4A.js";
-import { n as _o, t as Oo } from "./context-geolocation-B_KYGlfQ.js";
-import { n as Wo, t as bo } from "./context-local-storage-DA_whw_k.js";
-import { n as Go, t as Vo } from "./context-sonner-CtCttHLD.js";
+import { n as Ro, t as Eo } from "./context-permission-C5L4I8X3.js";
+import { n as _o, t as Oo } from "./context-geolocation-6vk3sckx.js";
+import { n as Wo, t as bo } from "./context-local-storage-CknlDupP.js";
+import { n as Go, t as Vo } from "./context-sonner-BB7C6Wsf.js";
 import { useDebouncedCallback as zo } from "./hooks-use-debounced-callback.es.js";
 import { useDeepMemo as Ho } from "./hooks-use-deep-memo.es.js";
 import { useFps as Yo } from "./hooks-use-fps.es.js";

package/build/{input-Buf_HFGH.js → input-BS1SNtLb.js}

@@ -794,9 +794,9 @@ var Bt = (e) => {
     return u[P.component.input.color] = Y.genre.input[e.genre].color, u[P.component.input.placeholderColor] = Y.genre.input[e.genre].placeholder, u[P.component.input.padding] = Y.size[e.size].padding, {
       className: d,
       style: Se([
-        e.style,
         n,
-        Object.keys(u).length ? u : void 0
+        Object.keys(u).length ? u : void 0,
+        e.style
       ])
     };
   }, [
@@ -918,4 +918,4 @@ export {
   Bt as t
 };
 
-//# sourceMappingURL=input-Buf_HFGH.js.map
+//# sourceMappingURL=input-BS1SNtLb.js.map