npm - @yamada-ui/react - Versions diffs - 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018 - Mend

@yamada-ui/react 2.0.0-dev-20250626073729 → 2.0.0-dev-20250626191018

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1876) hide show

package/dist/esm/core/system/var.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"var.js","names":["value: any","callback: (value: string, fallbackValue?: string) => string","value","token: string","fallback?: string","system: System","token: any","prefix: string","theme: UsageTheme","breakpoints: Breakpoints","tokens: VariableTokens","cssMap: CSSMap","cssVars: Dict","prevTokens?: VariableTokens","value: ParsedValue","reference: string","value: VariableValue","value: DefineThemeValue","semantic: boolean","properties: string[]","variable: string","queries: string[]","computedValue: DefineThemeValue","resolvedValue: DefineThemeValue \| Dict","value: StyleValueWithCondition<number \| string> \| undefined","token?: ThemeToken","objOrArray: Y","targets: { [key in CSSProperties]?: string }","isInvalidProp?: (prop: string) => boolean","objOrArray: Dict","objOrArray","result: [string, any][]"],"sources":["../../../../src/core/system/var.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSProperties, StyleValueWithCondition } from \"../css\"\nimport type {\n CSSMap,\n DefineThemeValue,\n System,\n ThemeToken,\n UsageTheme,\n VariableTokens,\n VariableValue,\n} from \"../system\"\nimport type { Breakpoints } from \"./breakpoint\"\nimport {\n calc,\n escape,\n isArray,\n isNull,\n isObject,\n isString,\n isUndefined,\n merge,\n replaceObject,\n} from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport {\n animation,\n colorMix,\n conditions,\n css,\n getStyle,\n gradient,\n injectKeyframes,\n} from \"../css\"\nimport { defaultSystem } from \"../system\"\n\ntype ParsedValue = number \| string \| undefined\n\ninterface Variable {\n reference: string\n variable: string\n}\n\nexport function transformInterpolation(\n value: any,\n callback: (value: string, fallbackValue?: string) => string,\n) {\n if (isString(value)) {\n return value.replace(/\\{(.*?)\\}/g, (_, value) => {\n const [token, fallbackValue] = value.split(/,(.+)/)\n\n return callback(token.trim(), fallbackValue?.trim())\n })\n } else {\n return value\n }\n}\n\nexport function getVar(token: string, fallback?: string) {\n if (!token.startsWith(\"--\")) token = `--${token}`\n\n token = token.replace(/[^-_a-zA-Z0-9]/g, \"\")\n\n return fallback ? `var(${token}, ${fallback})` : `var(${token})`\n}\n\nexport function getVarName(system: System) {\n return function (token: string) {\n const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n return `--${prefix}-${token}`\n }\n}\n\nexport function getColorSchemeVar(system: System) {\n return function (value: any, fallback?: string) {\n if (!isString(value)) return value\n\n const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n const [, token] = value.split(\".\")\n\n return getVar(`${prefix}-colorScheme-${token}`, fallback)\n }\n}\n\nconst isGradient = (token: string) => token.startsWith(\"gradients.\")\nconst isKeyframes = (token: string) => token.startsWith(\"keyframes.\")\nconst isAnimation = (token: string) => token.startsWith(\"animations.\")\nconst isSpace = (token: string) => token.startsWith(\"spaces.\")\nconst isColor = (token: string) => token.startsWith(\"colors.\")\nexport const isColorScheme = (token: any) =>\n isString(token) && token.startsWith(\"colorScheme.\") && !token.includes(\"/\")\n\nexport function createVars(\n prefix: string = DEFAULT_VAR_PREFIX,\n theme: UsageTheme,\n breakpoints: Breakpoints,\n) {\n return function (tokens: VariableTokens) {\n const { getQuery, isResponsive } = breakpoints\n\n function tokenToVar(token: string): Variable {\n token = token.replace(/\\./g, \"-\")\n\n const variable = `--${[prefix, escape(token, \"-\")].filter(Boolean).join(\"-\")}`\n const reference = `var(${variable})`\n\n return { reference, variable }\n }\n\n return function (\n cssMap: CSSMap = {},\n cssVars: Dict = {},\n prevTokens?: VariableTokens,\n ): { cssMap: CSSMap; cssVars: Dict } {\n const system: System = { ...defaultSystem, cssMap }\n const options = { css, system, theme }\n\n function getRelatedReference(\n token: string,\n value: ParsedValue = \"\",\n ): [ParsedValue, Exclude<ParsedValue, undefined>] {\n const relatedToken = [token.split(\".\")[0], value].join(\".\")\n\n if (token === relatedToken) return [, value]\n\n const targetToken = tokens[relatedToken] ?? prevTokens?.[relatedToken]\n\n if (!targetToken) return [, value]\n\n const { reference, variable } = tokenToVar(relatedToken)\n\n return [variable, reference]\n }\n\n function valueToVar(value: any) {\n return transformInterpolation(value, (value, fallbackValue) => {\n if (value.includes(\"colors.\") \|\| value.includes(\"colorScheme.\")) {\n if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n return colorMix(value, { fallback: fallbackValue, system })\n } else {\n const token = tokens[value] ?? prevTokens?.[value]\n\n if (token) {\n return tokenToVar(value).reference\n } else if (value in cssMap && cssMap[value]?.ref) {\n return cssMap[value].ref\n } else {\n return fallbackValue\n ? `var(--${prefix}-${value}, ${fallbackValue})`\n : `var(--${prefix}-${value})`\n }\n }\n })\n }\n\n function createNegativeVar(token: string, reference: string) {\n const paths = token.split(\".\")\n const [start, ...rest] = paths\n\n const negativeToken = `${start}.-${rest.join(\".\")}`\n\n const negativeReference = calc.negate(reference)\n\n return { negativeReference, negativeToken }\n }\n\n function createAnimationVar(value: VariableValue) {\n if (isArray(value)) {\n return value.map((value) => animation(value, options)).join(\",\")\n } else {\n return animation(value, options)\n }\n }\n\n function createGradientVar(token: string, value: DefineThemeValue) {\n return function (semantic: boolean) {\n if (!semantic) {\n return gradient(value, options)\n } else {\n const [variable, reference] = getRelatedReference(token, value)\n\n return variable ? reference : gradient(value, options)\n }\n }\n }\n\n function createKeyframesVar(token: string, value: any) {\n return function (semantic: boolean) {\n if (!semantic) {\n return injectKeyframes(css(system, theme)(value))\n } else {\n const [variable, reference] = getRelatedReference(token, value)\n\n return variable\n ? reference\n : injectKeyframes(css(system, theme)(value))\n }\n }\n }\n\n function createColorVar(\n token: string,\n properties: string[],\n value: DefineThemeValue,\n ) {\n return function (semantic: boolean) {\n if (!semantic) {\n return colorMix(value, { ...options, properties })\n } else {\n const [variable, reference] = getRelatedReference(token, value)\n\n return variable\n ? reference\n : colorMix(value, { ...options, properties })\n }\n }\n }\n\n function createVar(\n token: string,\n value: VariableValue,\n variable: string,\n ) {\n return function (semantic: boolean, queries: string[] = []) {\n if (isAnimation(token)) value = createAnimationVar(value)\n\n if (isArray(value)) {\n const [lightValue, darkValue] = value\n\n createVar(token, lightValue, variable)(semantic, queries)\n createVar(\n token,\n darkValue,\n variable,\n )(semantic, [...queries, conditions._dark])\n } else if (isResponsive(value, true)) {\n Object.entries(value).forEach(([key, value]) => {\n if (key === \"base\") {\n createVar(token, value, variable)(semantic, queries)\n } else {\n const query = getQuery(key)\n\n if (!query) return\n\n createVar(token, value, variable)(semantic, [...queries, query])\n }\n })\n } else {\n const computedValue: DefineThemeValue = valueToVar(value)\n\n let resolvedValue: DefineThemeValue \| Dict = computedValue\n\n if (isKeyframes(token)) {\n resolvedValue = createKeyframesVar(token, computedValue)(semantic)\n } else if (isGradient(token)) {\n resolvedValue = createGradientVar(token, computedValue)(semantic)\n } else if (isColor(token)) {\n resolvedValue = createColorVar(\n token,\n [variable],\n computedValue,\n )(semantic)\n } else if (semantic) {\n const [, reference] = getRelatedReference(token, computedValue)\n\n resolvedValue = reference\n }\n\n if (!isObject(resolvedValue))\n resolvedValue = { [variable]: resolvedValue }\n\n const resolvedCssVars = queries.reduceRight<Dict>(\n (prev, key) => ({ [key]: prev }),\n resolvedValue,\n )\n\n cssVars = merge(cssVars, resolvedCssVars)\n }\n }\n }\n\n for (let [token, { semantic, value }] of Object.entries(tokens)) {\n const { reference, variable } = tokenToVar(token)\n\n createVar(token, value, variable)(semantic)\n\n if (isSpace(token)) {\n const { negativeReference, negativeToken } = createNegativeVar(\n token,\n reference,\n )\n\n cssMap[negativeToken] = { ref: negativeReference, var: variable }\n }\n\n cssMap[token] = { ref: reference, var: variable }\n }\n\n return { cssMap, cssVars }\n }\n }\n}\n\nexport type CreateVars = ReturnType<ReturnType<typeof createVars>>\n\nexport function mergeVars(...fns: CreateVars[]) {\n return function (prevTokens?: VariableTokens) {\n let cssMap: CSSMap = {}\n let cssVars: Dict = {}\n\n for (const fn of fns) {\n const result = fn(cssMap, cssVars, prevTokens)\n\n cssMap = { ...cssMap, ...result.cssMap }\n cssVars = { ...cssVars, ...result.cssVars }\n }\n\n return { cssMap, cssVars }\n }\n}\n\nexport function varAttr(\n value: StyleValueWithCondition<number \| string> \| undefined,\n token?: ThemeToken,\n): StyleValueWithCondition<number \| string> \| undefined {\n if (isUndefined(value) \|\| isNull(value)) return value\n\n if (isObject(value) \|\| isArray(value)) {\n return replaceObject(value, (value) => varAttr(value, token))\n } else {\n return token ? `{${token}.${value}, ${value}}` : value\n }\n}\n\nexport function injectVars<Y extends Dict \| Dict[] \| undefined>(\n objOrArray: Y,\n targets: { [key in CSSProperties]?: string },\n isInvalidProp?: (prop: string) => boolean,\n): Y {\n if (!objOrArray) return objOrArray\n\n function callback(objOrArray: Dict) {\n return Object.fromEntries(\n Object.entries(objOrArray).flatMap(function ([prop, value]) {\n if (isInvalidProp?.(prop)) return [[prop, value]]\n\n const target = targets[prop]\n const result: [string, any][] = []\n\n if (target) {\n const { token } = getStyle(prop) ?? {}\n\n result.push([\n `--${target}`,\n token ? `{${token}.${value}, ${value}}` : value,\n ])\n } else if (isObject(value)) {\n result.push([prop, injectVars(value, targets)])\n } else {\n result.push([prop, value])\n }\n\n return result\n }),\n )\n }\n\n if (isArray(objOrArray)) {\n return objOrArray.map(callback) as Y\n } else {\n return callback(objOrArray) as Y\n }\n}\n"],"mappings":";;;;;;;;;;AA0CA,SAAgB,uBACdA,OACAC,UACA;AACA,KAAI,4BAAS,MAAM,CACjB,QAAO,MAAM,QAAQ,cAAc,CAAC,GAAGC,YAAU;EAC/C,MAAM,CAAC,OAAO,cAAc,GAAG,QAAM,MAAM,QAAQ;AAEnD,SAAO,SAAS,MAAM,MAAM,EAAE,eAAe,MAAM,CAAC;CACrD,EAAC;KAEF,QAAO;AAEV;AAED,SAAgB,OAAOC,OAAeC,UAAmB;AACvD,MAAK,MAAM,WAAW,KAAK,CAAE,UAAS,IAAI;AAE1C,SAAQ,MAAM,QAAQ,mBAAmB,GAAG;AAE5C,QAAO,YAAY,MAAM,MAAM,IAAI,SAAS,MAAM,MAAM,MAAM;AAC/D;AAED,SAAgB,WAAWC,QAAgB;AACzC,QAAO,SAAUF,OAAe;EAC9B,MAAM,SAAS,OAAO,OAAO,KAAK,aAAa;AAE/C,UAAQ,IAAI,OAAO,GAAG;CACvB;AACF;AAED,SAAgB,kBAAkBE,QAAgB;AAChD,QAAO,SAAUL,OAAYI,UAAmB;AAC9C,OAAK,4BAAS,MAAM,CAAE,QAAO;EAE7B,MAAM,SAAS,OAAO,OAAO,KAAK,aAAa;EAE/C,MAAM,GAAG,MAAM,GAAG,MAAM,MAAM,IAAI;AAElC,SAAO,UAAU,OAAO,eAAe,SAAS,SAAS;CAC1D;AACF;AAED,MAAM,aAAa,CAACD,UAAkB,MAAM,WAAW,aAAa;AACpE,MAAM,cAAc,CAACA,UAAkB,MAAM,WAAW,aAAa;AACrE,MAAM,cAAc,CAACA,UAAkB,MAAM,WAAW,cAAc;AACtE,MAAM,UAAU,CAACA,UAAkB,MAAM,WAAW,UAAU;AAC9D,MAAM,UAAU,CAACA,UAAkB,MAAM,WAAW,UAAU;AAC9D,MAAa,gBAAgB,CAACG,UAC5B,4BAAS,MAAM,IAAI,MAAM,WAAW,eAAe,KAAK,MAAM,SAAS,IAAI;AAE7E,SAAgB,WACdC,SAAiB,oBACjBC,OACAC,aACA;AACA,QAAO,SAAUC,QAAwB;EACvC,MAAM,EAAE,UAAU,cAAc,GAAG;EAEnC,SAAS,WAAWP,OAAyB;AAC3C,WAAQ,MAAM,QAAQ,OAAO,IAAI;GAEjC,MAAM,YAAY,IAAI,CAAC,QAAQ,0BAAO,OAAO,IAAI,AAAC,EAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;GAC5E,MAAM,aAAa,MAAM,SAAS;AAElC,UAAO;IAAE;IAAW;GAAU;EAC/B;AAED,SAAO,SACLQ,SAAiB,CAAE,GACnBC,UAAgB,CAAE,GAClBC,YACmC;GACnC,MAAMR,SAAiB;IAAE,GAAG;IAAe;GAAQ;GACnD,MAAM,UAAU;IAAE;IAAK;IAAQ;GAAO;GAEtC,SAAS,oBACPF,OACAW,QAAqB,IAC2B;IAChD,MAAM,eAAe,CAAC,MAAM,MAAM,IAAI,CAAC,IAAI,KAAM,EAAC,KAAK,IAAI;AAE3D,QAAI,UAAU,aAAc,QAAO,GAAG,KAAM;IAE5C,MAAM,cAAc,OAAO,iBAAiB,aAAa;AAEzD,SAAK,YAAa,QAAO,GAAG,KAAM;IAElC,MAAM,EAAE,WAAW,UAAU,GAAG,WAAW,aAAa;AAExD,WAAO,CAAC,UAAU,SAAU;GAC7B;GAED,SAAS,WAAWd,OAAY;AAC9B,WAAO,uBAAuB,OAAO,CAACE,SAAO,kBAAkB;AAC7D,SAAI,QAAM,SAAS,UAAU,IAAI,QAAM,SAAS,eAAe,EAAE;AAC/D,UAAI,cAAcA,QAAM,CAAE,QAAO,kBAAkB,OAAO,CAACA,QAAM;AAEjE,aAAO,SAASA,SAAO;OAAE,UAAU;OAAe;MAAQ,EAAC;KAC5D,OAAM;MACL,MAAM,QAAQ,OAAOA,YAAU,aAAaA;AAE5C,UAAI,MACF,QAAO,WAAWA,QAAM,CAAC;eAChBA,WAAS,UAAU,OAAOA,UAAQ,IAC3C,QAAO,OAAOA,SAAO;UAErB,QAAO,iBACF,QAAQ,OAAO,GAAGA,QAAM,IAAI,cAAc,MAC1C,QAAQ,OAAO,GAAGA,QAAM;KAEhC;IACF,EAAC;GACH;GAED,SAAS,kBAAkBC,OAAeY,WAAmB;IAC3D,MAAM,QAAQ,MAAM,MAAM,IAAI;IAC9B,MAAM,CAAC,OAAO,GAAG,KAAK,GAAG;IAEzB,MAAM,mBAAmB,MAAM,IAAI,KAAK,KAAK,IAAI;IAEjD,MAAM,oBAAoB,mBAAK,OAAO,UAAU;AAEhD,WAAO;KAAE;KAAmB;IAAe;GAC5C;GAED,SAAS,mBAAmBC,OAAsB;AAChD,QAAI,2BAAQ,MAAM,CAChB,QAAO,MAAM,IAAI,CAACd,YAAU,UAAUA,SAAO,QAAQ,CAAC,CAAC,KAAK,IAAI;QAEhE,QAAO,UAAU,OAAO,QAAQ;GAEnC;GAED,SAAS,kBAAkBC,OAAec,OAAyB;AACjE,WAAO,SAAUC,UAAmB;AAClC,UAAK,SACH,QAAO,SAAS,OAAO,QAAQ;UAC1B;MACL,MAAM,CAAC,UAAU,UAAU,GAAG,oBAAoB,OAAO,MAAM;AAE/D,aAAO,WAAW,YAAY,SAAS,OAAO,QAAQ;KACvD;IACF;GACF;GAED,SAAS,mBAAmBf,OAAeH,OAAY;AACrD,WAAO,SAAUkB,UAAmB;AAClC,UAAK,SACH,QAAO,gBAAgB,IAAI,QAAQ,MAAM,CAAC,MAAM,CAAC;UAC5C;MACL,MAAM,CAAC,UAAU,UAAU,GAAG,oBAAoB,OAAO,MAAM;AAE/D,aAAO,WACH,YACA,gBAAgB,IAAI,QAAQ,MAAM,CAAC,MAAM,CAAC;KAC/C;IACF;GACF;GAED,SAAS,eACPf,OACAgB,YACAF,OACA;AACA,WAAO,SAAUC,UAAmB;AAClC,UAAK,SACH,QAAO,SAAS,OAAO;MAAE,GAAG;MAAS;KAAY,EAAC;UAC7C;MACL,MAAM,CAAC,UAAU,UAAU,GAAG,oBAAoB,OAAO,MAAM;AAE/D,aAAO,WACH,YACA,SAAS,OAAO;OAAE,GAAG;OAAS;MAAY,EAAC;KAChD;IACF;GACF;GAED,SAAS,UACPf,OACAa,OACAI,UACA;AACA,WAAO,SAAUF,UAAmBG,UAAoB,CAAE,GAAE;AAC1D,SAAI,YAAY,MAAM,CAAE,SAAQ,mBAAmB,MAAM;AAEzD,SAAI,2BAAQ,MAAM,EAAE;MAClB,MAAM,CAAC,YAAY,UAAU,GAAG;AAEhC,gBAAU,OAAO,YAAY,SAAS,CAAC,UAAU,QAAQ;AACzD,gBACE,OACA,WACA,SACD,CAAC,UAAU,CAAC,GAAG,SAAS,WAAW,KAAM,EAAC;KAC5C,WAAU,aAAa,OAAO,KAAK,CAClC,QAAO,QAAQ,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAKnB,QAAM,KAAK;AAC9C,UAAI,QAAQ,OACV,WAAU,OAAOA,SAAO,SAAS,CAAC,UAAU,QAAQ;WAC/C;OACL,MAAM,QAAQ,SAAS,IAAI;AAE3B,YAAK,MAAO;AAEZ,iBAAU,OAAOA,SAAO,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,KAAM,EAAC;MACjE;KACF,EAAC;UACG;MACL,MAAMoB,gBAAkC,WAAW,MAAM;MAEzD,IAAIC,gBAAyC;AAE7C,UAAI,YAAY,MAAM,CACpB,iBAAgB,mBAAmB,OAAO,cAAc,CAAC,SAAS;eACzD,WAAW,MAAM,CAC1B,iBAAgB,kBAAkB,OAAO,cAAc,CAAC,SAAS;eACxD,QAAQ,MAAM,CACvB,iBAAgB,eACd,OACA,CAAC,QAAS,GACV,cACD,CAAC,SAAS;eACF,UAAU;OACnB,MAAM,GAAG,UAAU,GAAG,oBAAoB,OAAO,cAAc;AAE/D,uBAAgB;MACjB;AAED,WAAK,4BAAS,cAAc,CAC1B,iBAAgB,GAAG,WAAW,cAAe;MAE/C,MAAM,kBAAkB,QAAQ,YAC9B,CAAC,MAAM,SAAS,GAAG,MAAM,KAAM,IAC/B,cACD;AAED,gBAAU,yBAAM,SAAS,gBAAgB;KAC1C;IACF;GACF;AAED,QAAK,IAAI,CAAC,OAAO,EAAE,UAAU,OAAO,CAAC,IAAI,OAAO,QAAQ,OAAO,EAAE;IAC/D,MAAM,EAAE,WAAW,UAAU,GAAG,WAAW,MAAM;AAEjD,cAAU,OAAO,OAAO,SAAS,CAAC,SAAS;AAE3C,QAAI,QAAQ,MAAM,EAAE;KAClB,MAAM,EAAE,mBAAmB,eAAe,GAAG,kBAC3C,OACA,UACD;AAED,YAAO,iBAAiB;MAAE,KAAK;MAAmB,KAAK;KAAU;IAClE;AAED,WAAO,SAAS;KAAE,KAAK;KAAW,KAAK;IAAU;GAClD;AAED,UAAO;IAAE;IAAQ;GAAS;EAC3B;CACF;AACF;AAID,SAAgB,UAAU,GAAG,KAAmB;AAC9C,QAAO,SAAUV,YAA6B;EAC5C,IAAIF,SAAiB,CAAE;EACvB,IAAIC,UAAgB,CAAE;AAEtB,OAAK,MAAM,MAAM,KAAK;GACpB,MAAM,SAAS,GAAG,QAAQ,SAAS,WAAW;AAE9C,YAAS;IAAE,GAAG;IAAQ,GAAG,OAAO;GAAQ;AACxC,aAAU;IAAE,GAAG;IAAS,GAAG,OAAO;GAAS;EAC5C;AAED,SAAO;GAAE;GAAQ;EAAS;CAC3B;AACF;AAED,SAAgB,QACdY,OACAC,OACsD;AACtD,KAAI,+BAAY,MAAM,IAAI,0BAAO,MAAM,CAAE,QAAO;AAEhD,KAAI,4BAAS,MAAM,IAAI,2BAAQ,MAAM,CACnC,QAAO,iCAAc,OAAO,CAACvB,YAAU,QAAQA,SAAO,MAAM,CAAC;KAE7D,QAAO,SAAS,GAAG,MAAM,GAAG,MAAM,IAAI,MAAM,KAAK;AAEpD;AAED,SAAgB,WACdwB,YACAC,SACAC,eACG;AACH,MAAK,WAAY,QAAO;CAExB,SAAS,SAASC,cAAkB;AAClC,SAAO,OAAO,YACZ,OAAO,QAAQC,aAAW,CAAC,QAAQ,SAAU,CAAC,MAAM,MAAM,EAAE;AAC1D,OAAI,gBAAgB,KAAK,CAAE,QAAO,CAAC,CAAC,MAAM,KAAM,CAAC;GAEjD,MAAM,SAAS,QAAQ;GACvB,MAAMC,SAA0B,CAAE;AAElC,OAAI,QAAQ;IACV,MAAM,EAAE,OAAO,GAAG,SAAS,KAAK,IAAI,CAAE;AAEtC,WAAO,KAAK,EACT,IAAI,UACL,SAAS,GAAG,MAAM,GAAG,MAAM,IAAI,MAAM,KAAK,KAC3C,EAAC;GACH,WAAU,4BAAS,MAAM,CACxB,QAAO,KAAK,CAAC,MAAM,WAAW,OAAO,QAAQ,AAAC,EAAC;OAE/C,QAAO,KAAK,CAAC,MAAM,KAAM,EAAC;AAG5B,UAAO;EACR,EAAC,CACH;CACF;AAED,KAAI,2BAAQ,WAAW,CACrB,QAAO,WAAW,IAAI,SAAS;KAE/B,QAAO,SAAS,WAAW;AAE9B"}
1	+ {"version":3,"file":"var.js","names":["value: any","callback: (value: string, fallbackValue?: string) => string","value","token: string","fallback?: string","system: System","token: any","prefix: string","theme: UsageTheme","breakpoints: Breakpoints","tokens: VariableTokens","cssMap: CSSMap","cssVars: Dict","prevTokens?: VariableTokens","value: ParsedValue","reference: string","value: VariableValue","value: DefineThemeValue","semantic: boolean","properties: string[]","variable: string","queries: string[]","computedValue: DefineThemeValue","resolvedValue: DefineThemeValue \| Dict","value: StyleValueWithCondition<number \| string> \| undefined","token?: ThemeToken","objOrArray: Y","targets: { [key in CSSProperties]?: string }","isInvalidProp?: (prop: string) => boolean","objOrArray: Dict","objOrArray","result: [string, any][]"],"sources":["../../../../src/core/system/var.ts"],"sourcesContent":["import type { Dict } from \"../../utils\"\nimport type { CSSProperties, StyleValueWithCondition } from \"../css\"\nimport type {\n CSSMap,\n DefineThemeValue,\n System,\n ThemeToken,\n UsageTheme,\n VariableTokens,\n VariableValue,\n} from \"../system\"\nimport type { Breakpoints } from \"./breakpoint\"\nimport {\n calc,\n escape,\n isArray,\n isNull,\n isObject,\n isString,\n isUndefined,\n merge,\n replaceObject,\n} from \"../../utils\"\nimport { DEFAULT_VAR_PREFIX } from \"../constant\"\nimport {\n animation,\n colorMix,\n conditions,\n css,\n getStyle,\n gradient,\n injectKeyframes,\n} from \"../css\"\nimport { defaultSystem } from \"../system\"\n\ntype ParsedValue = number \| string \| undefined\n\ninterface Variable {\n reference: string\n variable: string\n}\n\nexport function transformInterpolation(\n value: any,\n callback: (value: string, fallbackValue?: string) => string,\n) {\n if (isString(value)) {\n return value.replace(/\\{(.*?)\\}/g, (_, value) => {\n const [token, fallbackValue] = value.split(/,(.+)/)\n\n return callback(token.trim(), fallbackValue?.trim())\n })\n } else {\n return value\n }\n}\n\nexport function getVar(token: string, fallback?: string) {\n if (!token.startsWith(\"--\")) token = `--${token}`\n\n token = token.replace(/[^-_a-zA-Z0-9]/g, \"\")\n\n return fallback ? `var(${token}, ${fallback})` : `var(${token})`\n}\n\nexport function getVarName(system: System) {\n return function (token: string) {\n const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n return `--${prefix}-${token}`\n }\n}\n\nexport function getColorSchemeVar(system: System) {\n return function (value: any, fallback?: string) {\n if (!isString(value)) return value\n\n const prefix = system.config.css?.varPrefix ?? DEFAULT_VAR_PREFIX\n\n const [, token] = value.split(\".\")\n\n return getVar(`${prefix}-colorScheme-${token}`, fallback)\n }\n}\n\nconst isGradient = (token: string) => token.startsWith(\"gradients.\")\nconst isKeyframes = (token: string) => token.startsWith(\"keyframes.\")\nconst isAnimation = (token: string) => token.startsWith(\"animations.\")\nconst isSpace = (token: string) => token.startsWith(\"spaces.\")\nconst isColor = (token: string) => token.startsWith(\"colors.\")\nexport const isColorScheme = (token: any) =>\n isString(token) && token.startsWith(\"colorScheme.\") && !token.includes(\"/\")\n\nexport function createVars(\n prefix: string = DEFAULT_VAR_PREFIX,\n theme: UsageTheme,\n breakpoints: Breakpoints,\n) {\n return function (tokens: VariableTokens) {\n const { getQuery, isResponsive } = breakpoints\n\n function tokenToVar(token: string): Variable {\n token = token.replace(/\\./g, \"-\")\n\n const variable = `--${[prefix, escape(token, \"-\")].filter(Boolean).join(\"-\")}`\n const reference = `var(${variable})`\n\n return { reference, variable }\n }\n\n return function (\n cssMap: CSSMap = {},\n cssVars: Dict = {},\n prevTokens?: VariableTokens,\n ): { cssMap: CSSMap; cssVars: Dict } {\n const system: System = { ...defaultSystem, cssMap }\n const options = { css, system, theme }\n\n function getRelatedReference(\n token: string,\n value: ParsedValue = \"\",\n ): [ParsedValue, Exclude<ParsedValue, undefined>] {\n const relatedToken = [token.split(\".\")[0], value].join(\".\")\n\n if (token === relatedToken) return [, value]\n\n const targetToken = tokens[relatedToken] ?? prevTokens?.[relatedToken]\n\n if (!targetToken) return [, value]\n\n const { reference, variable } = tokenToVar(relatedToken)\n\n return [variable, reference]\n }\n\n function valueToVar(value: any) {\n return transformInterpolation(value, (value, fallbackValue) => {\n if (value.includes(\"colors.\") \|\| value.includes(\"colorScheme.\")) {\n if (isColorScheme(value)) return getColorSchemeVar(system)(value)\n\n return colorMix(value, { fallback: fallbackValue, system })\n } else {\n const token = tokens[value] ?? prevTokens?.[value]\n\n if (token) {\n return tokenToVar(value).reference\n } else if (value in cssMap && cssMap[value]?.ref) {\n return cssMap[value].ref\n } else {\n return fallbackValue\n ? `var(--${prefix}-${value}, ${fallbackValue})`\n : `var(--${prefix}-${value})`\n }\n }\n })\n }\n\n function createNegativeVar(token: string, reference: string) {\n const paths = token.split(\".\")\n const [start, ...rest] = paths\n\n const negativeToken = `${start}.-${rest.join(\".\")}`\n\n const negativeReference = calc.negate(reference)\n\n return { negativeReference, negativeToken }\n }\n\n function createAnimationVar(value: VariableValue) {\n if (isArray(value)) {\n return value.map((value) => animation(value, options)).join(\",\")\n } else {\n return animation(value, options)\n }\n }\n\n function createGradientVar(token: string, value: DefineThemeValue) {\n return function (semantic: boolean) {\n if (!semantic) {\n return gradient(value, options)\n } else {\n const [variable, reference] = getRelatedReference(token, value)\n\n return variable ? reference : gradient(value, options)\n }\n }\n }\n\n function createKeyframesVar(token: string, value: any) {\n return function (semantic: boolean) {\n if (!semantic) {\n return injectKeyframes(css(system, theme)(value))\n } else {\n const [variable, reference] = getRelatedReference(token, value)\n\n return variable\n ? reference\n : injectKeyframes(css(system, theme)(value))\n }\n }\n }\n\n function createColorVar(\n token: string,\n properties: string[],\n value: DefineThemeValue,\n ) {\n return function (semantic: boolean) {\n if (!semantic) {\n return colorMix(value, { ...options, properties })\n } else {\n const [variable, reference] = getRelatedReference(token, value)\n\n return variable\n ? reference\n : colorMix(value, { ...options, properties })\n }\n }\n }\n\n function createVar(\n token: string,\n value: VariableValue,\n variable: string,\n ) {\n return function (semantic: boolean, queries: string[] = []) {\n if (isAnimation(token)) value = createAnimationVar(value)\n\n if (isArray(value)) {\n const [lightValue, darkValue] = value\n\n createVar(token, lightValue, variable)(semantic, queries)\n createVar(\n token,\n darkValue,\n variable,\n )(semantic, [...queries, conditions._dark])\n } else if (isResponsive(value, true)) {\n Object.entries(value).forEach(([key, value]) => {\n if (key === \"base\") {\n createVar(token, value, variable)(semantic, queries)\n } else {\n const query = getQuery(key)\n\n if (!query) return\n\n createVar(token, value, variable)(semantic, [...queries, query])\n }\n })\n } else {\n const computedValue: DefineThemeValue = valueToVar(value)\n\n let resolvedValue: DefineThemeValue \| Dict = computedValue\n\n if (isKeyframes(token)) {\n resolvedValue = createKeyframesVar(token, computedValue)(semantic)\n } else if (isGradient(token)) {\n resolvedValue = createGradientVar(token, computedValue)(semantic)\n } else if (isColor(token)) {\n resolvedValue = createColorVar(\n token,\n [variable],\n computedValue,\n )(semantic)\n } else if (semantic) {\n const [, reference] = getRelatedReference(token, computedValue)\n\n resolvedValue = reference\n }\n\n if (!isObject(resolvedValue))\n resolvedValue = { [variable]: resolvedValue }\n\n const resolvedCssVars = queries.reduceRight<Dict>(\n (prev, key) => ({ [key]: prev }),\n resolvedValue,\n )\n\n cssVars = merge(cssVars, resolvedCssVars)\n }\n }\n }\n\n for (let [token, { semantic, value }] of Object.entries(tokens)) {\n const { reference, variable } = tokenToVar(token)\n\n createVar(token, value, variable)(semantic)\n\n if (isSpace(token)) {\n const { negativeReference, negativeToken } = createNegativeVar(\n token,\n reference,\n )\n\n cssMap[negativeToken] = { ref: negativeReference, var: variable }\n }\n\n cssMap[token] = { ref: reference, var: variable }\n }\n\n return { cssMap, cssVars }\n }\n }\n}\n\nexport type CreateVars = ReturnType<ReturnType<typeof createVars>>\n\nexport function mergeVars(...fns: CreateVars[]) {\n return function (prevTokens?: VariableTokens) {\n let cssMap: CSSMap = {}\n let cssVars: Dict = {}\n\n for (const fn of fns) {\n const result = fn(cssMap, cssVars, prevTokens)\n\n cssMap = { ...cssMap, ...result.cssMap }\n cssVars = { ...cssVars, ...result.cssVars }\n }\n\n return { cssMap, cssVars }\n }\n}\n\nexport function varAttr(\n value: StyleValueWithCondition<number \| string> \| undefined,\n token?: ThemeToken,\n): StyleValueWithCondition<number \| string> \| undefined {\n if (isUndefined(value) \|\| isNull(value)) return value\n\n if (isObject(value) \|\| isArray(value)) {\n return replaceObject(value, (value) => varAttr(value, token))\n } else {\n return token ? `{${token}.${value}, ${value}}` : value\n }\n}\n\nexport function injectVars<Y extends Dict \| Dict[] \| undefined>(\n objOrArray: Y,\n targets: { [key in CSSProperties]?: string },\n isInvalidProp?: (prop: string) => boolean,\n): Y {\n if (!objOrArray) return objOrArray\n\n function callback(objOrArray: Dict) {\n return Object.fromEntries(\n Object.entries(objOrArray).flatMap(function ([prop, value]) {\n if (isInvalidProp?.(prop)) return [[prop, value]]\n\n const target = targets[prop]\n const result: [string, any][] = []\n\n if (target) {\n const { token } = getStyle(prop) ?? {}\n\n result.push([\n `--${target}`,\n token ? `{${token}.${value}, ${value}}` : value,\n ])\n } else if (isObject(value)) {\n result.push([prop, injectVars(value, targets)])\n } else {\n result.push([prop, value])\n }\n\n return result\n }),\n )\n }\n\n if (isArray(objOrArray)) {\n return objOrArray.map(callback) as Y\n } else {\n return callback(objOrArray) as Y\n }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/use-animation/index.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { isArray, isUndefined } from "../../utils/common/assertion.js";
+import { runIfFn } from "../../utils/common/function.js";
+import { getWindow } from "../../utils/common/dom.js";
 import { animation } from "../../core/css/animation.js";
 import { css } from "../../core/css/css.js";
 import { useSystem } from "../../core/system/system-provider.js";
@@ -17,7 +19,7 @@ import { useCallback, useEffect, useRef, useState } from "react";
 */
 const useAnimation = (cssObj) => {
 	const system = useSystem();
-	if ((0, utils_exports.isArray)(cssObj)) return cssObj.map((cssObj$1) => animation(cssObj$1, {
+	if (isArray(cssObj)) return cssObj.map((cssObj$1) => animation(cssObj$1, {
 		css,
 		system
 	})).join(", ");
@@ -33,12 +35,12 @@ const useAnimation = (cssObj) => {
 */
 const useDynamicAnimation = (arrayOrObj, init) => {
 	const system = useSystem();
-	const keys = useRef(!(0, utils_exports.isUndefined)(init) ? (0, utils_exports.isArray)(init) ? init.map(String) : String(init) : void 0);
+	const keys = useRef(!isUndefined(init) ? isArray(init) ? init.map(String) : String(init) : void 0);
 	const cache = useRef(/* @__PURE__ */ new Map());
 	const [animations, setAnimations] = useState(() => {
 		for (const [key, styles] of Object.entries(arrayOrObj)) {
 			if (cache.current.has(key)) return;
-			if ((0, utils_exports.isArray)(styles)) cache.current.set(key, styles.map((style) => animation(style, {
+			if (isArray(styles)) cache.current.set(key, styles.map((style) => animation(style, {
 				css,
 				system
 			})).join(", "));
@@ -47,17 +49,17 @@ const useDynamicAnimation = (arrayOrObj, init) => {
 				system
 			}));
 		}
-		if ((0, utils_exports.isArray)(keys.current)) return keys.current.map((key) => cache.current.get(key)).join(", ");
+		if (isArray(keys.current)) return keys.current.map((key) => cache.current.get(key)).join(", ");
 		else return cache.current.get(keys.current ?? "");
 	});
 	const setAnimation = useCallback((keysOrFunc) => {
 		const args = (() => {
-			if (!(0, utils_exports.isUndefined)(keys.current) && (0, utils_exports.isArray)(arrayOrObj)) return (0, utils_exports.isArray)(keys.current) ? keys.current.map(Number) : Number(keys.current);
+			if (!isUndefined(keys.current) && isArray(arrayOrObj)) return isArray(keys.current) ? keys.current.map(Number) : Number(keys.current);
 			else return keys.current;
 		})();
-		const keyOrArray = (0, utils_exports.runIfFn)(keysOrFunc, args);
-		keys.current = (0, utils_exports.isArray)(keyOrArray) ? keyOrArray.map(String) : String(keyOrArray);
-		if ((0, utils_exports.isArray)(keys.current)) setAnimations(keys.current.map((key) => cache.current.get(key)).join(", "));
+		const keyOrArray = runIfFn(keysOrFunc, args);
+		keys.current = isArray(keyOrArray) ? keyOrArray.map(String) : String(keyOrArray);
+		if (isArray(keys.current)) setAnimations(keys.current.map((key) => cache.current.get(key)).join(", "));
 		else setAnimations(cache.current.get(keys.current));
 	}, [arrayOrObj]);
 	return [animations, setAnimation];
@@ -79,7 +81,7 @@ const useAnimationObserver = ({ ref, open }) => {
 	return {
 		present: !hidden,
 		onAnimationComplete() {
-			const ownerWindow = (0, utils_exports.getWindow)(ref.current);
+			const ownerWindow = getWindow(ref.current);
 			const ev = new ownerWindow.CustomEvent("animationend", { bubbles: true });
 			ref.current?.dispatchEvent(ev);
 		}

package/dist/esm/hooks/use-animation/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["cssObj: CSSObject","cssObj","arrayOrObj: T","init?: (keyof T)[] \| keyof T","keysOrFunc:\n \| ((key: (keyof T)[] \| keyof T \| undefined) => (keyof T)[] \| keyof T)\n \| (keyof T)[]\n \| keyof T"],"sources":["../../../../src/hooks/use-animation/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { CSSAnimationObject, Token } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { animation, css, useSystem } from \"../../core\"\nimport { getWindow, isArray, isUndefined, runIfFn } from \"../../utils\"\nimport { useBoolean } from \"../use-boolean\"\nimport { useEventListener } from \"../use-event-listener\"\n\ntype CSSObject =\n \| Token<CSSAnimationObject, \"animations\">\n \| Token<CSSAnimationObject, \"animations\">[]\n\n/*\n `useAnimation` is a custom hook that implements animations similar to CSS `keyframes`.\n \n @see https://yamada-ui.com/hooks/use-animation\n /\nexport const useAnimation = (cssObj: CSSObject): string => {\n const system = useSystem()\n\n if (isArray(cssObj)) {\n return cssObj.map((cssObj) => animation(cssObj, { css, system })).join(\", \")\n } else {\n return animation(cssObj, { css, system })\n }\n}\n\n/\n `useDynamicAnimation` is a custom hook used to switch animations.\n \n @see https://yamada-ui.com/hooks/use-dynamic-animation\n */\nexport const useDynamicAnimation = <\n T extends\n \| Token<CSSAnimationObject, \"animations\">[]\n \| { [key: string]: CSSObject },\n>(\n arrayOrObj: T,\n init?: (keyof T)[] \| keyof T,\n): [\n string \| undefined,\n (\n key:\n \| ((key: (keyof T)[] \| keyof T \| undefined) => (keyof T)[] \| keyof T)\n \| (keyof T)[]\n \| keyof T,\n ) => void,\n] => {\n const system = useSystem()\n\n const keys = useRef<string \| string[] \| undefined>(\n !isUndefined(init)\n ? isArray(init)\n ? init.map(String)\n : String(init)\n : undefined,\n )\n const cache = useRef<Map<string, string>>(new Map<string, string>())\n\n const [animations, setAnimations] = useState<string \| undefined>(() => {\n for (const [key, styles] of Object.entries(arrayOrObj)) {\n if (cache.current.has(key)) return\n\n if (isArray(styles)) {\n cache.current.set(\n key,\n styles.map((style) => animation(style, { css, system })).join(\", \"),\n )\n } else {\n cache.current.set(key, animation(styles, { css, system }))\n }\n }\n\n if (isArray(keys.current)) {\n return keys.current.map((key) => cache.current.get(key)).join(\", \")\n } else {\n return cache.current.get(keys.current ?? \"\")\n }\n })\n\n const setAnimation = useCallback(\n (\n keysOrFunc:\n \| ((key: (keyof T)[] \| keyof T \| undefined) => (keyof T)[] \| keyof T)\n \| (keyof T)[]\n \| keyof T,\n ) => {\n const args = (() => {\n if (!isUndefined(keys.current) && isArray(arrayOrObj)) {\n return isArray(keys.current)\n ? keys.current.map(Number)\n : Number(keys.current)\n } else {\n return keys.current\n }\n })() as (keyof T)[] \| keyof T \| undefined\n\n const keyOrArray = runIfFn(keysOrFunc, args)\n\n keys.current = isArray(keyOrArray)\n ? keyOrArray.map(String)\n : String(keyOrArray)\n\n if (isArray(keys.current)) {\n setAnimations(\n keys.current.map((key) => cache.current.get(key)).join(\", \"),\n )\n } else {\n setAnimations(cache.current.get(keys.current))\n }\n },\n [arrayOrObj],\n )\n\n return [animations, setAnimation]\n}\n\nexport interface UseAnimationObserverProps {\n ref: React.RefObject<HTMLElement \| null>\n open?: boolean\n}\n\nexport const useAnimationObserver = ({\n ref,\n open,\n}: UseAnimationObserverProps) => {\n const [mounted, setMounted] = useState(open)\n const [flg, { on }] = useBoolean()\n\n useEffect(() => {\n if (flg) return\n\n setMounted(open)\n on()\n }, [open, flg, on])\n\n useEventListener(\n () => ref.current,\n \"animationend\",\n () => setMounted(open),\n )\n\n const hidden = open ? false : !mounted\n\n return {\n present: !hidden,\n onAnimationComplete() {\n const ownerWindow = getWindow(ref.current)\n const ev = new ownerWindow.CustomEvent(\"animationend\", {\n bubbles: true,\n })\n\n ref.current?.dispatchEvent(ev)\n },\n }\n}\n\nexport type ReturnUseAnimationObserver = ReturnType<typeof useAnimationObserver>\n"],"mappings":"~~;;;;;;;;;;;;;;;;;~~AAkBA,MAAa,eAAe,CAACA,WAA8B;CACzD,MAAM,SAAS,WAAW;AAE1B,KAAI,~~2BAAQ~~,OAAO,CACjB,QAAO,OAAO,IAAI,CAACC,aAAW,UAAUA,UAAQ;EAAE;EAAK;CAAQ,EAAC,CAAC,CAAC,KAAK,KAAK;KAE5E,QAAO,UAAU,QAAQ;EAAE;EAAK;CAAQ,EAAC;AAE5C;;;;;;AAOD,MAAa,sBAAsB,CAKjCC,YACAC,SASG;CACH,MAAM,SAAS,WAAW;CAE1B,MAAM,OAAO,QACV~~,+BAAY~~,KAAK,GACd,~~2BAAQ~~,KAAK,GACX,KAAK,IAAI,OAAO,GAChB,OAAO,KAAK,UAEnB;CACD,MAAM,QAAQ,uBAA4B,IAAI,MAAsB;CAEpE,MAAM,CAAC,YAAY,cAAc,GAAG,SAA6B,MAAM;AACrE,OAAK,MAAM,CAAC,KAAK,OAAO,IAAI,OAAO,QAAQ,WAAW,EAAE;AACtD,OAAI,MAAM,QAAQ,IAAI,IAAI,CAAE;AAE5B,OAAI,~~2BAAQ~~,OAAO,CACjB,OAAM,QAAQ,IACZ,KACA,OAAO,IAAI,CAAC,UAAU,UAAU,OAAO;IAAE;IAAK;GAAQ,EAAC,CAAC,CAAC,KAAK,KAAK,CACpE;OAED,OAAM,QAAQ,IAAI,KAAK,UAAU,QAAQ;IAAE;IAAK;GAAQ,EAAC,CAAC;EAE7D;AAED,MAAI,~~2BAAQ~~,KAAK,QAAQ,CACvB,QAAO,KAAK,QAAQ,IAAI,CAAC,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK;MAEnE,QAAO,MAAM,QAAQ,IAAI,KAAK,WAAW,GAAG;CAE/C,EAAC;CAEF,MAAM,eAAe,YACnB,CACEC,eAIG;EACH,MAAM,OAAO,CAAC,MAAM;AAClB,QAAK~~,+BAAY~~,KAAK,QAAQ,IAAI,~~2BAAQ~~,WAAW,CACnD,QAAO,~~2BAAQ~~,KAAK,QAAQ,GACxB,KAAK,QAAQ,IAAI,OAAO,GACxB,OAAO,KAAK,QAAQ;OAExB,QAAO,KAAK;EAEf,IAAG;EAEJ,MAAM,aAAa,~~2BAAQ~~,YAAY,KAAK;AAE5C,OAAK,UAAU,~~2BAAQ~~,WAAW,GAC9B,WAAW,IAAI,OAAO,GACtB,OAAO,WAAW;AAEtB,MAAI,~~2BAAQ~~,KAAK,QAAQ,CACvB,eACE,KAAK,QAAQ,IAAI,CAAC,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAC7D;MAED,eAAc,MAAM,QAAQ,IAAI,KAAK,QAAQ,CAAC;CAEjD,GACD,CAAC,UAAW,EACb;AAED,QAAO,CAAC,YAAY,YAAa;AAClC;AAOD,MAAa,uBAAuB,CAAC,EACnC,KACA,MAC0B,KAAK;CAC/B,MAAM,CAAC,SAAS,WAAW,GAAG,SAAS,KAAK;CAC5C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,YAAY;AAElC,WAAU,MAAM;AACd,MAAI,IAAK;AAET,aAAW,KAAK;AAChB,MAAI;CACL,GAAE;EAAC;EAAM;EAAK;CAAG,EAAC;AAEnB,kBACE,MAAM,IAAI,SACV,gBACA,MAAM,WAAW,KAAK,CACvB;CAED,MAAM,SAAS,OAAO,SAAS;AAE/B,QAAO;EACL,UAAU;EACV,sBAAsB;GACpB,MAAM,cAAc,~~6BAAU~~,IAAI,QAAQ;GAC1C,MAAM,KAAK,IAAI,YAAY,YAAY,gBAAgB,EACrD,SAAS,KACV;AAED,OAAI,SAAS,cAAc,GAAG;EAC/B;CACF;AACF"}
1	+ {"version":3,"file":"index.js","names":["cssObj: CSSObject","cssObj","arrayOrObj: T","init?: (keyof T)[] \| keyof T","keysOrFunc:\n \| ((key: (keyof T)[] \| keyof T \| undefined) => (keyof T)[] \| keyof T)\n \| (keyof T)[]\n \| keyof T"],"sources":["../../../../src/hooks/use-animation/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { CSSAnimationObject, Token } from \"../../core\"\nimport { useCallback, useEffect, useRef, useState } from \"react\"\nimport { animation, css, useSystem } from \"../../core\"\nimport { getWindow, isArray, isUndefined, runIfFn } from \"../../utils\"\nimport { useBoolean } from \"../use-boolean\"\nimport { useEventListener } from \"../use-event-listener\"\n\ntype CSSObject =\n \| Token<CSSAnimationObject, \"animations\">\n \| Token<CSSAnimationObject, \"animations\">[]\n\n/*\n `useAnimation` is a custom hook that implements animations similar to CSS `keyframes`.\n \n @see https://yamada-ui.com/hooks/use-animation\n /\nexport const useAnimation = (cssObj: CSSObject): string => {\n const system = useSystem()\n\n if (isArray(cssObj)) {\n return cssObj.map((cssObj) => animation(cssObj, { css, system })).join(\", \")\n } else {\n return animation(cssObj, { css, system })\n }\n}\n\n/\n `useDynamicAnimation` is a custom hook used to switch animations.\n \n @see https://yamada-ui.com/hooks/use-dynamic-animation\n */\nexport const useDynamicAnimation = <\n T extends\n \| Token<CSSAnimationObject, \"animations\">[]\n \| { [key: string]: CSSObject },\n>(\n arrayOrObj: T,\n init?: (keyof T)[] \| keyof T,\n): [\n string \| undefined,\n (\n key:\n \| ((key: (keyof T)[] \| keyof T \| undefined) => (keyof T)[] \| keyof T)\n \| (keyof T)[]\n \| keyof T,\n ) => void,\n] => {\n const system = useSystem()\n\n const keys = useRef<string \| string[] \| undefined>(\n !isUndefined(init)\n ? isArray(init)\n ? init.map(String)\n : String(init)\n : undefined,\n )\n const cache = useRef<Map<string, string>>(new Map<string, string>())\n\n const [animations, setAnimations] = useState<string \| undefined>(() => {\n for (const [key, styles] of Object.entries(arrayOrObj)) {\n if (cache.current.has(key)) return\n\n if (isArray(styles)) {\n cache.current.set(\n key,\n styles.map((style) => animation(style, { css, system })).join(\", \"),\n )\n } else {\n cache.current.set(key, animation(styles, { css, system }))\n }\n }\n\n if (isArray(keys.current)) {\n return keys.current.map((key) => cache.current.get(key)).join(\", \")\n } else {\n return cache.current.get(keys.current ?? \"\")\n }\n })\n\n const setAnimation = useCallback(\n (\n keysOrFunc:\n \| ((key: (keyof T)[] \| keyof T \| undefined) => (keyof T)[] \| keyof T)\n \| (keyof T)[]\n \| keyof T,\n ) => {\n const args = (() => {\n if (!isUndefined(keys.current) && isArray(arrayOrObj)) {\n return isArray(keys.current)\n ? keys.current.map(Number)\n : Number(keys.current)\n } else {\n return keys.current\n }\n })() as (keyof T)[] \| keyof T \| undefined\n\n const keyOrArray = runIfFn(keysOrFunc, args)\n\n keys.current = isArray(keyOrArray)\n ? keyOrArray.map(String)\n : String(keyOrArray)\n\n if (isArray(keys.current)) {\n setAnimations(\n keys.current.map((key) => cache.current.get(key)).join(\", \"),\n )\n } else {\n setAnimations(cache.current.get(keys.current))\n }\n },\n [arrayOrObj],\n )\n\n return [animations, setAnimation]\n}\n\nexport interface UseAnimationObserverProps {\n ref: React.RefObject<HTMLElement \| null>\n open?: boolean\n}\n\nexport const useAnimationObserver = ({\n ref,\n open,\n}: UseAnimationObserverProps) => {\n const [mounted, setMounted] = useState(open)\n const [flg, { on }] = useBoolean()\n\n useEffect(() => {\n if (flg) return\n\n setMounted(open)\n on()\n }, [open, flg, on])\n\n useEventListener(\n () => ref.current,\n \"animationend\",\n () => setMounted(open),\n )\n\n const hidden = open ? false : !mounted\n\n return {\n present: !hidden,\n onAnimationComplete() {\n const ownerWindow = getWindow(ref.current)\n const ev = new ownerWindow.CustomEvent(\"animationend\", {\n bubbles: true,\n })\n\n ref.current?.dispatchEvent(ev)\n },\n }\n}\n\nexport type ReturnUseAnimationObserver = ReturnType<typeof useAnimationObserver>\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAkBA,MAAa,eAAe,CAACA,WAA8B;CACzD,MAAM,SAAS,WAAW;AAE1B,KAAI,QAAQ,OAAO,CACjB,QAAO,OAAO,IAAI,CAACC,aAAW,UAAUA,UAAQ;EAAE;EAAK;CAAQ,EAAC,CAAC,CAAC,KAAK,KAAK;KAE5E,QAAO,UAAU,QAAQ;EAAE;EAAK;CAAQ,EAAC;AAE5C;;;;;;AAOD,MAAa,sBAAsB,CAKjCC,YACAC,SASG;CACH,MAAM,SAAS,WAAW;CAE1B,MAAM,OAAO,QACV,YAAY,KAAK,GACd,QAAQ,KAAK,GACX,KAAK,IAAI,OAAO,GAChB,OAAO,KAAK,UAEnB;CACD,MAAM,QAAQ,uBAA4B,IAAI,MAAsB;CAEpE,MAAM,CAAC,YAAY,cAAc,GAAG,SAA6B,MAAM;AACrE,OAAK,MAAM,CAAC,KAAK,OAAO,IAAI,OAAO,QAAQ,WAAW,EAAE;AACtD,OAAI,MAAM,QAAQ,IAAI,IAAI,CAAE;AAE5B,OAAI,QAAQ,OAAO,CACjB,OAAM,QAAQ,IACZ,KACA,OAAO,IAAI,CAAC,UAAU,UAAU,OAAO;IAAE;IAAK;GAAQ,EAAC,CAAC,CAAC,KAAK,KAAK,CACpE;OAED,OAAM,QAAQ,IAAI,KAAK,UAAU,QAAQ;IAAE;IAAK;GAAQ,EAAC,CAAC;EAE7D;AAED,MAAI,QAAQ,KAAK,QAAQ,CACvB,QAAO,KAAK,QAAQ,IAAI,CAAC,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK;MAEnE,QAAO,MAAM,QAAQ,IAAI,KAAK,WAAW,GAAG;CAE/C,EAAC;CAEF,MAAM,eAAe,YACnB,CACEC,eAIG;EACH,MAAM,OAAO,CAAC,MAAM;AAClB,QAAK,YAAY,KAAK,QAAQ,IAAI,QAAQ,WAAW,CACnD,QAAO,QAAQ,KAAK,QAAQ,GACxB,KAAK,QAAQ,IAAI,OAAO,GACxB,OAAO,KAAK,QAAQ;OAExB,QAAO,KAAK;EAEf,IAAG;EAEJ,MAAM,aAAa,QAAQ,YAAY,KAAK;AAE5C,OAAK,UAAU,QAAQ,WAAW,GAC9B,WAAW,IAAI,OAAO,GACtB,OAAO,WAAW;AAEtB,MAAI,QAAQ,KAAK,QAAQ,CACvB,eACE,KAAK,QAAQ,IAAI,CAAC,QAAQ,MAAM,QAAQ,IAAI,IAAI,CAAC,CAAC,KAAK,KAAK,CAC7D;MAED,eAAc,MAAM,QAAQ,IAAI,KAAK,QAAQ,CAAC;CAEjD,GACD,CAAC,UAAW,EACb;AAED,QAAO,CAAC,YAAY,YAAa;AAClC;AAOD,MAAa,uBAAuB,CAAC,EACnC,KACA,MAC0B,KAAK;CAC/B,MAAM,CAAC,SAAS,WAAW,GAAG,SAAS,KAAK;CAC5C,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,YAAY;AAElC,WAAU,MAAM;AACd,MAAI,IAAK;AAET,aAAW,KAAK;AAChB,MAAI;CACL,GAAE;EAAC;EAAM;EAAK;CAAG,EAAC;AAEnB,kBACE,MAAM,IAAI,SACV,gBACA,MAAM,WAAW,KAAK,CACvB;CAED,MAAM,SAAS,OAAO,SAAS;AAE/B,QAAO;EACL,UAAU;EACV,sBAAsB;GACpB,MAAM,cAAc,UAAU,IAAI,QAAQ;GAC1C,MAAM,KAAK,IAAI,YAAY,YAAY,gBAAgB,EACrD,SAAS,KACV;AAED,OAAI,SAAS,cAAc,GAAG;EAC/B;CACF;AACF"}

package/dist/esm/hooks/use-breakpoint/use-breakpoint.js CHANGED Viewed

@@ -1,7 +1,9 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { isUndefined } from "../../utils/common/assertion.js";
+import { noop } from "../../utils/common/function.js";
+import { createdDom } from "../../utils/common/dom.js";
 import { useEnvironment } from "../../core/system/environment-provider.js";
 import { useSystem } from "../../core/system/system-provider.js";
 import { useCallback, useMemo, useRef, useSyncExternalStore } from "react";
@@ -33,7 +35,7 @@ const useBreakpoint = () => {
 	}, [breakpoints, identifier]);
 	const hasQueries = !!queries.length;
 	const getBreakpoint = useCallback((width) => {
-		if ((0, utils_exports.isUndefined)(width)) {
+		if (isUndefined(width)) {
 			const win = getWindow();
 			if (hasContainer || !hasQueries) return "base";
 			for (const { breakpoint: breakpoint$1, query } of queries) {
@@ -68,7 +70,7 @@ const useBreakpoint = () => {
 			return () => {
 				observer.forEach((unobserve) => unobserve());
 			};
-		} else if ((0, utils_exports.createdDom)()) {
+		} else if (createdDom()) {
 			const observer = new ResizeObserver(([entry]) => {
 				if (!entry) return;
 				cancelAnimationFrame(animationFrameId.current);
@@ -81,7 +83,7 @@ const useBreakpoint = () => {
 				observer.disconnect();
 				cancelAnimationFrame(animationFrameId.current);
 			};
-		} else return utils_exports.noop;
+		} else return noop;
 	}, [
 		containerRef,
 		getBreakpoint,

package/dist/esm/hooks/use-breakpoint/use-breakpoint.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"use-breakpoint.js","names":["width?: number","breakpoint","listener: () => void","e: MediaQueryListEvent"~~,"noop"~~],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint.ts"],"sourcesContent":["\"use client\"\n\nimport type { Breakpoint } from \"../../core\"\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\"\nimport { useEnvironment, useSystem } from \"../../core\"\nimport { createdDom, isUndefined, noop } from \"../../utils\"\n\n/*\n `useBreakpoint` is a custom hook that returns the current breakpoint.\n * This hook monitors changes in the window size and returns the appropriate value.\n \n @see https://yamada-ui.com/hooks/use-breakpoint\n */\nexport const useBreakpoint = () => {\n const animationFrameId = useRef(0)\n const { breakpoints, config } = useSystem()\n const { getWindow } = useEnvironment()\n const {\n containerRef,\n direction = \"down\",\n identifier = \"@media screen\",\n } = config.breakpoint ?? {}\n const hasContainer = !!containerRef\n\n const queries = useMemo(() => {\n return breakpoints.queries.map(\n ({ breakpoint, maxW, minMaxQuery, minW }) => {\n const searchValue =\n identifier === \"@media screen\"\n ? \"@media screen and \"\n : `${identifier} `\n const query = minMaxQuery?.replace(searchValue, \"\") ?? \"\"\n\n return {\n breakpoint,\n maxW,\n minW,\n query,\n }\n },\n )\n }, [breakpoints, identifier])\n\n const hasQueries = !!queries.length\n\n const getBreakpoint = useCallback(\n (width?: number) => {\n if (isUndefined(width)) {\n const win = getWindow()\n\n if (hasContainer \|\| !hasQueries) return \"base\"\n\n for (const { breakpoint, query } of queries) {\n const mql = win?.matchMedia(query)\n\n if (mql?.matches) return breakpoint\n }\n } else {\n for (const { breakpoint, maxW, minW } of queries) {\n if (direction !== \"up\") {\n if ((minW ?? 0) <= width) return breakpoint\n } else {\n if (width <= (maxW ?? Infinity)) return breakpoint\n }\n }\n }\n\n return \"base\"\n },\n [direction, getWindow, hasContainer, hasQueries, queries],\n )\n\n const breakpointRef = useRef<Breakpoint>(getBreakpoint())\n\n const subscribe = useCallback(\n (listener: () => void) => {\n if (!hasContainer \|\| !hasQueries) {\n const observer = queries.map(({ breakpoint, query }): (() => void) => {\n const mql = getWindow()?.matchMedia(query)\n\n const onChange = (e: MediaQueryListEvent) => {\n if (e.matches) breakpointRef.current = breakpoint\n\n listener()\n }\n\n mql?.addEventListener(\"change\", onChange)\n\n return () => {\n mql?.removeEventListener(\"change\", onChange)\n }\n })\n\n return () => {\n observer.forEach((unobserve) => unobserve())\n }\n } else if (createdDom()) {\n const observer = new ResizeObserver(([entry]) => {\n if (!entry) return\n\n cancelAnimationFrame(animationFrameId.current)\n\n const { width } = entry.contentRect\n\n breakpointRef.current = getBreakpoint(width)\n\n animationFrameId.current = requestAnimationFrame(listener)\n })\n\n if (containerRef.current) observer.observe(containerRef.current)\n\n return () => {\n observer.disconnect()\n\n if (process.env.NODE_ENV !== \"test\")\n cancelAnimationFrame(animationFrameId.current)\n }\n } else {\n return noop\n }\n },\n [containerRef, getBreakpoint, getWindow, hasContainer, hasQueries, queries],\n )\n\n const getSnapshot = useCallback(() => {\n return breakpointRef.current\n }, [])\n\n const breakpoint = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n return breakpoint\n}\n"],"mappings":"~~;;;;;;;;;;;;;;;~~AAaA,MAAa,gBAAgB,MAAM;CACjC,MAAM,mBAAmB,OAAO,EAAE;CAClC,MAAM,EAAE,aAAa,QAAQ,GAAG,WAAW;CAC3C,MAAM,EAAE,WAAW,GAAG,gBAAgB;CACtC,MAAM,EACJ,cACA,YAAY,QACZ,aAAa,iBACd,GAAG,OAAO,cAAc,CAAE;CAC3B,MAAM,iBAAiB;CAEvB,MAAM,UAAU,QAAQ,MAAM;AAC5B,SAAO,YAAY,QAAQ,IACzB,CAAC,EAAE,0BAAY,MAAM,aAAa,MAAM,KAAK;GAC3C,MAAM,cACJ,eAAe,kBACX,0BACG,WAAW;GACpB,MAAM,QAAQ,aAAa,QAAQ,aAAa,GAAG,IAAI;AAEvD,UAAO;IACL;IACA;IACA;IACA;GACD;EACF,EACF;CACF,GAAE,CAAC,aAAa,UAAW,EAAC;CAE7B,MAAM,eAAe,QAAQ;CAE7B,MAAM,gBAAgB,YACpB,CAACA,UAAmB;AAClB,MAAI~~,+BAAY~~,MAAM,EAAE;GACtB,MAAM,MAAM,WAAW;AAEvB,OAAI,iBAAiB,WAAY,QAAO;AAExC,QAAK,MAAM,EAAE,0BAAY,OAAO,IAAI,SAAS;IAC3C,MAAM,MAAM,KAAK,WAAW,MAAM;AAElC,QAAI,KAAK,QAAS,QAAOC;GAC1B;EACF,MACC,MAAK,MAAM,EAAE,0BAAY,MAAM,MAAM,IAAI,QACvC,KAAI,cAAc,MAChB;QAAK,QAAQ,MAAM,MAAO,QAAOA;EAAU,WAEvC,UAAU,QAAQ,UAAW,QAAOA;AAK9C,SAAO;CACR,GACD;EAAC;EAAW;EAAW;EAAc;EAAY;CAAQ,EAC1D;CAED,MAAM,gBAAgB,OAAmB,eAAe,CAAC;CAEzD,MAAM,YAAY,YAChB,CAACC,aAAyB;AACxB,OAAK,iBAAiB,YAAY;GAChC,MAAM,WAAW,QAAQ,IAAI,CAAC,EAAE,0BAAY,OAAO,KAAmB;IACpE,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;IAE1C,MAAM,WAAW,CAACC,MAA2B;AAC3C,SAAI,EAAE,QAAS,eAAc,UAAUF;AAEvC,eAAU;IACX;AAED,SAAK,iBAAiB,UAAU,SAAS;AAEzC,WAAO,MAAM;AACX,UAAK,oBAAoB,UAAU,SAAS;IAC7C;GACF,EAAC;AAEF,UAAO,MAAM;AACX,aAAS,QAAQ,CAAC,cAAc,WAAW,CAAC;GAC7C;EACF,WAAU~~,+BAAY~~,EAAE;GACvB,MAAM,WAAW,IAAI,eAAe,CAAC,CAAC,MAAM,KAAK;AAC/C,SAAK,MAAO;AAEZ,yBAAqB,iBAAiB,QAAQ;IAE9C,MAAM,EAAE,OAAO,GAAG,MAAM;AAExB,kBAAc,UAAU,cAAc,MAAM;AAE5C,qBAAiB,UAAU,sBAAsB,SAAS;GAC3D;AAED,OAAI,aAAa,QAAS,UAAS,QAAQ,aAAa,QAAQ;AAEhE,UAAO,MAAM;AACX,aAAS,YAAY;AAGnB,yBAAqB,iBAAiB,QAAQ;GACjD;EACF,MACC,~~QAAOG~~;CAEV,GACD;EAAC;EAAc;EAAe;EAAW;EAAc;EAAY;CAAQ,EAC5E;CAED,MAAM,cAAc,YAAY,MAAM;AACpC,SAAO,cAAc;CACtB,GAAE,CAAE,EAAC;CAEN,MAAM,aAAa,qBAAqB,WAAW,aAAa,YAAY;AAE5E,QAAO;AACR"}
1	+ {"version":3,"file":"use-breakpoint.js","names":["width?: number","breakpoint","listener: () => void","e: MediaQueryListEvent"],"sources":["../../../../src/hooks/use-breakpoint/use-breakpoint.ts"],"sourcesContent":["\"use client\"\n\nimport type { Breakpoint } from \"../../core\"\nimport { useCallback, useMemo, useRef, useSyncExternalStore } from \"react\"\nimport { useEnvironment, useSystem } from \"../../core\"\nimport { createdDom, isUndefined, noop } from \"../../utils\"\n\n/*\n `useBreakpoint` is a custom hook that returns the current breakpoint.\n * This hook monitors changes in the window size and returns the appropriate value.\n \n @see https://yamada-ui.com/hooks/use-breakpoint\n */\nexport const useBreakpoint = () => {\n const animationFrameId = useRef(0)\n const { breakpoints, config } = useSystem()\n const { getWindow } = useEnvironment()\n const {\n containerRef,\n direction = \"down\",\n identifier = \"@media screen\",\n } = config.breakpoint ?? {}\n const hasContainer = !!containerRef\n\n const queries = useMemo(() => {\n return breakpoints.queries.map(\n ({ breakpoint, maxW, minMaxQuery, minW }) => {\n const searchValue =\n identifier === \"@media screen\"\n ? \"@media screen and \"\n : `${identifier} `\n const query = minMaxQuery?.replace(searchValue, \"\") ?? \"\"\n\n return {\n breakpoint,\n maxW,\n minW,\n query,\n }\n },\n )\n }, [breakpoints, identifier])\n\n const hasQueries = !!queries.length\n\n const getBreakpoint = useCallback(\n (width?: number) => {\n if (isUndefined(width)) {\n const win = getWindow()\n\n if (hasContainer \|\| !hasQueries) return \"base\"\n\n for (const { breakpoint, query } of queries) {\n const mql = win?.matchMedia(query)\n\n if (mql?.matches) return breakpoint\n }\n } else {\n for (const { breakpoint, maxW, minW } of queries) {\n if (direction !== \"up\") {\n if ((minW ?? 0) <= width) return breakpoint\n } else {\n if (width <= (maxW ?? Infinity)) return breakpoint\n }\n }\n }\n\n return \"base\"\n },\n [direction, getWindow, hasContainer, hasQueries, queries],\n )\n\n const breakpointRef = useRef<Breakpoint>(getBreakpoint())\n\n const subscribe = useCallback(\n (listener: () => void) => {\n if (!hasContainer \|\| !hasQueries) {\n const observer = queries.map(({ breakpoint, query }): (() => void) => {\n const mql = getWindow()?.matchMedia(query)\n\n const onChange = (e: MediaQueryListEvent) => {\n if (e.matches) breakpointRef.current = breakpoint\n\n listener()\n }\n\n mql?.addEventListener(\"change\", onChange)\n\n return () => {\n mql?.removeEventListener(\"change\", onChange)\n }\n })\n\n return () => {\n observer.forEach((unobserve) => unobserve())\n }\n } else if (createdDom()) {\n const observer = new ResizeObserver(([entry]) => {\n if (!entry) return\n\n cancelAnimationFrame(animationFrameId.current)\n\n const { width } = entry.contentRect\n\n breakpointRef.current = getBreakpoint(width)\n\n animationFrameId.current = requestAnimationFrame(listener)\n })\n\n if (containerRef.current) observer.observe(containerRef.current)\n\n return () => {\n observer.disconnect()\n\n if (process.env.NODE_ENV !== \"test\")\n cancelAnimationFrame(animationFrameId.current)\n }\n } else {\n return noop\n }\n },\n [containerRef, getBreakpoint, getWindow, hasContainer, hasQueries, queries],\n )\n\n const getSnapshot = useCallback(() => {\n return breakpointRef.current\n }, [])\n\n const breakpoint = useSyncExternalStore(subscribe, getSnapshot, getSnapshot)\n\n return breakpoint\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAaA,MAAa,gBAAgB,MAAM;CACjC,MAAM,mBAAmB,OAAO,EAAE;CAClC,MAAM,EAAE,aAAa,QAAQ,GAAG,WAAW;CAC3C,MAAM,EAAE,WAAW,GAAG,gBAAgB;CACtC,MAAM,EACJ,cACA,YAAY,QACZ,aAAa,iBACd,GAAG,OAAO,cAAc,CAAE;CAC3B,MAAM,iBAAiB;CAEvB,MAAM,UAAU,QAAQ,MAAM;AAC5B,SAAO,YAAY,QAAQ,IACzB,CAAC,EAAE,0BAAY,MAAM,aAAa,MAAM,KAAK;GAC3C,MAAM,cACJ,eAAe,kBACX,0BACG,WAAW;GACpB,MAAM,QAAQ,aAAa,QAAQ,aAAa,GAAG,IAAI;AAEvD,UAAO;IACL;IACA;IACA;IACA;GACD;EACF,EACF;CACF,GAAE,CAAC,aAAa,UAAW,EAAC;CAE7B,MAAM,eAAe,QAAQ;CAE7B,MAAM,gBAAgB,YACpB,CAACA,UAAmB;AAClB,MAAI,YAAY,MAAM,EAAE;GACtB,MAAM,MAAM,WAAW;AAEvB,OAAI,iBAAiB,WAAY,QAAO;AAExC,QAAK,MAAM,EAAE,0BAAY,OAAO,IAAI,SAAS;IAC3C,MAAM,MAAM,KAAK,WAAW,MAAM;AAElC,QAAI,KAAK,QAAS,QAAOC;GAC1B;EACF,MACC,MAAK,MAAM,EAAE,0BAAY,MAAM,MAAM,IAAI,QACvC,KAAI,cAAc,MAChB;QAAK,QAAQ,MAAM,MAAO,QAAOA;EAAU,WAEvC,UAAU,QAAQ,UAAW,QAAOA;AAK9C,SAAO;CACR,GACD;EAAC;EAAW;EAAW;EAAc;EAAY;CAAQ,EAC1D;CAED,MAAM,gBAAgB,OAAmB,eAAe,CAAC;CAEzD,MAAM,YAAY,YAChB,CAACC,aAAyB;AACxB,OAAK,iBAAiB,YAAY;GAChC,MAAM,WAAW,QAAQ,IAAI,CAAC,EAAE,0BAAY,OAAO,KAAmB;IACpE,MAAM,MAAM,WAAW,EAAE,WAAW,MAAM;IAE1C,MAAM,WAAW,CAACC,MAA2B;AAC3C,SAAI,EAAE,QAAS,eAAc,UAAUF;AAEvC,eAAU;IACX;AAED,SAAK,iBAAiB,UAAU,SAAS;AAEzC,WAAO,MAAM;AACX,UAAK,oBAAoB,UAAU,SAAS;IAC7C;GACF,EAAC;AAEF,UAAO,MAAM;AACX,aAAS,QAAQ,CAAC,cAAc,WAAW,CAAC;GAC7C;EACF,WAAU,YAAY,EAAE;GACvB,MAAM,WAAW,IAAI,eAAe,CAAC,CAAC,MAAM,KAAK;AAC/C,SAAK,MAAO;AAEZ,yBAAqB,iBAAiB,QAAQ;IAE9C,MAAM,EAAE,OAAO,GAAG,MAAM;AAExB,kBAAc,UAAU,cAAc,MAAM;AAE5C,qBAAiB,UAAU,sBAAsB,SAAS;GAC3D;AAED,OAAI,aAAa,QAAS,UAAS,QAAQ,aAAa,QAAQ;AAEhE,UAAO,MAAM;AACX,aAAS,YAAY;AAGnB,yBAAqB,iBAAiB,QAAQ;GACjD;EACF,MACC,QAAO;CAEV,GACD;EAAC;EAAc;EAAe;EAAW;EAAc;EAAY;CAAQ,EAC5E;CAED,MAAM,cAAc,YAAY,MAAM;AACpC,SAAO,cAAc;CACtB,GAAE,CAAE,EAAC;CAEN,MAAM,aAAa,qBAAqB,WAAW,aAAa,YAAY;AAE5E,QAAO;AACR"}

package/dist/esm/hooks/use-clickable/index.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { dataAttr, isTouchDevice } from "../../utils/common/dom.js";
 import { useEventListeners } from "../use-event-listener/index.js";
 import { useCallback, useState } from "react";
@@ -113,7 +113,7 @@ const useClickable = ({ ref, clickOnEnter = true, clickOnSpace = true, disabled,
 			ev.preventDefault();
 			return;
 		}
-		if (disableTouchBehavior && (0, utils_exports.isTouchDevice)()) return;
+		if (disableTouchBehavior && isTouchDevice()) return;
 		onMouseOverProp?.(ev);
 	}, [
 		disabled,
@@ -125,7 +125,7 @@ const useClickable = ({ ref, clickOnEnter = true, clickOnSpace = true, disabled,
 			ev.preventDefault();
 			setPressed(false);
 		}
-		if (disableTouchBehavior && (0, utils_exports.isTouchDevice)()) return;
+		if (disableTouchBehavior && isTouchDevice()) return;
 		onMouseLeaveProp?.(ev);
 	}, [
 		pressed,
@@ -150,7 +150,7 @@ const useClickable = ({ ref, clickOnEnter = true, clickOnSpace = true, disabled,
 		...props,
 		ref: mergeRefs(ref, refCb),
 		"aria-disabled": disabled ? "true" : void 0,
-		"data-active": (0, utils_exports.dataAttr)(pressed),
+		"data-active": dataAttr(pressed),
 		role: "button",
 		tabIndex: trulyDisabled ? void 0 : tabIndex,
 		onClick,

package/dist/esm/hooks/use-clickable/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["isValidElement","ev: KeyboardEvent \| KeyboardEvent[\"nativeEvent\"]","node: any","ev: MouseEvent<Y>","ev: KeyboardEvent<Y>"],"sources":["../../../../src/hooks/use-clickable/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from \"react\"\nimport type { StyledProps } from \"../../core\"\nimport { useCallback, useState } from \"react\"\nimport { dataAttr, isTouchDevice, mergeRefs } from \"../../utils\"\nimport { useEventListeners } from \"../use-event-listener\"\n\ntype Props<Y extends HTMLElement = HTMLElement> = Omit<\n HTMLAttributes<Y>,\n \"ref\" \| \"size\" \| keyof StyledProps\n>\n\nexport type UseClickableProps<\n Y extends HTMLElement = HTMLElement,\n M extends Props<Y> = Props<Y>,\n> = M & {\n /*\n The ref for the element.\n /\n ref?: Ref<Y>\n /\n Whether or not trigger click on pressing `Enter`.\n \n @default true\n /\n clickOnEnter?: boolean\n /\n Whether or not trigger click on pressing `Space`.\n \n @default true\n /\n clickOnSpace?: boolean\n /\n If `true`, the element will be disabled. It will set the `disabled` HTML attribute.\n \n @default false\n /\n disabled?: boolean\n /\n Disable the touch device behavior.\n \n @default true\n /\n disableTouchBehavior?: boolean\n /\n If `true` and isDisabled, the element will have only `aria-disabled` set to `true`.\n \n @default false\n /\n focusable?: boolean\n /\n Whether or not to focus the element when it is clicked.\n * If `true`, the element will receive focus upon click.\n \n @default true\n */\n focusOnClick?: boolean\n}\n\nconst isValidElement = (\n ev: KeyboardEvent \| KeyboardEvent[\"nativeEvent\"],\n): boolean => {\n const { isContentEditable, tagName } = ev.target as HTMLElement\n\n return tagName !== \"INPUT\" && tagName !== \"TEXTAREA\" && !isContentEditable\n}\n\nexport const useClickable = <\n Y extends HTMLElement = HTMLElement,\n M extends Props<Y> = Props<Y>,\n>(\n {\n ref,\n clickOnEnter = true,\n clickOnSpace = true,\n disabled,\n disableTouchBehavior = true,\n focusable,\n focusOnClick = true,\n tabIndex: tabIndexProp,\n onClick: onClickProp,\n onKeyDown: onKeyDownProp,\n onKeyUp: onKeyUpProp,\n onMouseDown: onMouseDownProp,\n onMouseLeave: onMouseLeaveProp,\n onMouseOver: onMouseOverProp,\n onMouseUp: onMouseUpProp,\n ...props\n }: UseClickableProps<Y, M> = {} as UseClickableProps<Y, M>,\n) => {\n const [button, setButton] = useState<boolean>(true)\n const [pressed, setPressed] = useState<boolean>(false)\n\n const listeners = useEventListeners()\n\n const tabIndex = button ? tabIndexProp : tabIndexProp \|\| 0\n const trulyDisabled = disabled && !focusable\n\n const refCb = (node: any) => {\n if (!node) return\n\n if (node.tagName !== \"BUTTON\") setButton(false)\n }\n\n const onClick = useCallback(\n (ev: MouseEvent<Y>) => {\n if (disabled) {\n ev.stopPropagation()\n ev.preventDefault()\n\n return\n }\n\n if (focusOnClick) ev.currentTarget.focus()\n onClickProp?.(ev)\n },\n [disabled, focusOnClick, onClickProp],\n )\n\n const onDocumentKeyUp = useCallback(\n (ev: KeyboardEvent<Y>) => {\n if (pressed && isValidElement(ev)) {\n ev.preventDefault()\n ev.stopPropagation()\n\n setPressed(false)\n\n listeners.remove(document, \"keyup\", onDocumentKeyUp, false)\n }\n },\n [pressed, listeners],\n )\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent<Y>) => {\n onKeyDownProp?.(ev)\n\n if (disabled \|\| ev.defaultPrevented \|\| ev.metaKey) return\n\n if (!isValidElement(ev.nativeEvent) \|\| button) return\n\n if (clickOnSpace && ev.key === \" \") {\n ev.preventDefault()\n setPressed(true)\n }\n\n if (clickOnEnter && ev.key === \"Enter\") {\n ev.preventDefault()\n ev.currentTarget.click()\n }\n\n listeners.add(document, \"keyup\", onDocumentKeyUp, false)\n },\n [\n disabled,\n button,\n onKeyDownProp,\n clickOnEnter,\n clickOnSpace,\n listeners,\n onDocumentKeyUp,\n ],\n )\n\n const onKeyUp = useCallback(\n (ev: KeyboardEvent<Y>) => {\n onKeyUpProp?.(ev)\n\n if (disabled \|\| ev.defaultPrevented \|\| ev.metaKey) return\n\n if (!isValidElement(ev.nativeEvent) \|\| button) return\n\n if (clickOnSpace && ev.key === \" \") {\n ev.preventDefault()\n setPressed(false)\n\n ev.currentTarget.click()\n }\n },\n [clickOnSpace, button, disabled, onKeyUpProp],\n )\n\n const onDocumentMouseUp = useCallback(\n (ev: MouseEvent<Y>) => {\n if (ev.button !== 0) return\n\n setPressed(false)\n\n listeners.remove(document, \"mouseup\", onDocumentMouseUp, false)\n },\n [listeners],\n )\n\n const onMouseDown = useCallback(\n (ev: MouseEvent<Y>) => {\n if (ev.button !== 0) return\n\n if (disabled) {\n ev.stopPropagation()\n ev.preventDefault()\n\n return\n }\n\n if (!button) setPressed(true)\n\n if (focusOnClick) ev.currentTarget.focus({ preventScroll: true })\n\n listeners.add(document, \"mouseup\", onDocumentMouseUp, false)\n\n onMouseDownProp?.(ev)\n },\n [\n disabled,\n button,\n onMouseDownProp,\n listeners,\n onDocumentMouseUp,\n focusOnClick,\n ],\n )\n\n const onMouseUp = useCallback(\n (ev: MouseEvent<Y>) => {\n if (ev.button !== 0) return\n\n if (!button) setPressed(false)\n\n onMouseUpProp?.(ev)\n },\n [onMouseUpProp, button],\n )\n\n const onMouseOver = useCallback(\n (ev: MouseEvent<Y>) => {\n if (disabled) {\n ev.preventDefault()\n\n return\n }\n\n if (disableTouchBehavior && isTouchDevice()) return\n\n onMouseOverProp?.(ev)\n },\n [disabled, onMouseOverProp, disableTouchBehavior],\n )\n\n const onMouseLeave = useCallback(\n (ev: MouseEvent<Y>) => {\n if (pressed) {\n ev.preventDefault()\n\n setPressed(false)\n }\n\n if (disableTouchBehavior && isTouchDevice()) return\n\n onMouseLeaveProp?.(ev)\n },\n [pressed, onMouseLeaveProp, disableTouchBehavior],\n )\n\n if (button) {\n return {\n ...props,\n ref: mergeRefs(ref, refCb),\n type: \"button\" as const,\n \"aria-disabled\": trulyDisabled ? undefined : disabled,\n disabled: trulyDisabled,\n onClick: onClick,\n onKeyDown: onKeyDownProp,\n onKeyUp: onKeyUpProp,\n onMouseDown: onMouseDownProp,\n onMouseLeave: onMouseLeaveProp,\n onMouseOver: onMouseOverProp,\n onMouseUp: onMouseUpProp,\n }\n } else {\n return {\n ...props,\n ref: mergeRefs(ref, refCb),\n \"aria-disabled\": disabled ? (\"true\" as const) : undefined,\n \"data-active\": dataAttr(pressed),\n role: \"button\",\n tabIndex: trulyDisabled ? undefined : tabIndex,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseLeave,\n onMouseOver,\n onMouseUp,\n }\n }\n}\n\nexport type UseClickableReturn = ReturnType<typeof useClickable>\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":["isValidElement","ev: KeyboardEvent \| KeyboardEvent[\"nativeEvent\"]","node: any","ev: MouseEvent<Y>","ev: KeyboardEvent<Y>"],"sources":["../../../../src/hooks/use-clickable/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { HTMLAttributes, KeyboardEvent, MouseEvent, Ref } from \"react\"\nimport type { StyledProps } from \"../../core\"\nimport { useCallback, useState } from \"react\"\nimport { dataAttr, isTouchDevice, mergeRefs } from \"../../utils\"\nimport { useEventListeners } from \"../use-event-listener\"\n\ntype Props<Y extends HTMLElement = HTMLElement> = Omit<\n HTMLAttributes<Y>,\n \"ref\" \| \"size\" \| keyof StyledProps\n>\n\nexport type UseClickableProps<\n Y extends HTMLElement = HTMLElement,\n M extends Props<Y> = Props<Y>,\n> = M & {\n /*\n The ref for the element.\n /\n ref?: Ref<Y>\n /\n Whether or not trigger click on pressing `Enter`.\n \n @default true\n /\n clickOnEnter?: boolean\n /\n Whether or not trigger click on pressing `Space`.\n \n @default true\n /\n clickOnSpace?: boolean\n /\n If `true`, the element will be disabled. It will set the `disabled` HTML attribute.\n \n @default false\n /\n disabled?: boolean\n /\n Disable the touch device behavior.\n \n @default true\n /\n disableTouchBehavior?: boolean\n /\n If `true` and isDisabled, the element will have only `aria-disabled` set to `true`.\n \n @default false\n /\n focusable?: boolean\n /\n Whether or not to focus the element when it is clicked.\n * If `true`, the element will receive focus upon click.\n \n @default true\n */\n focusOnClick?: boolean\n}\n\nconst isValidElement = (\n ev: KeyboardEvent \| KeyboardEvent[\"nativeEvent\"],\n): boolean => {\n const { isContentEditable, tagName } = ev.target as HTMLElement\n\n return tagName !== \"INPUT\" && tagName !== \"TEXTAREA\" && !isContentEditable\n}\n\nexport const useClickable = <\n Y extends HTMLElement = HTMLElement,\n M extends Props<Y> = Props<Y>,\n>(\n {\n ref,\n clickOnEnter = true,\n clickOnSpace = true,\n disabled,\n disableTouchBehavior = true,\n focusable,\n focusOnClick = true,\n tabIndex: tabIndexProp,\n onClick: onClickProp,\n onKeyDown: onKeyDownProp,\n onKeyUp: onKeyUpProp,\n onMouseDown: onMouseDownProp,\n onMouseLeave: onMouseLeaveProp,\n onMouseOver: onMouseOverProp,\n onMouseUp: onMouseUpProp,\n ...props\n }: UseClickableProps<Y, M> = {} as UseClickableProps<Y, M>,\n) => {\n const [button, setButton] = useState<boolean>(true)\n const [pressed, setPressed] = useState<boolean>(false)\n\n const listeners = useEventListeners()\n\n const tabIndex = button ? tabIndexProp : tabIndexProp \|\| 0\n const trulyDisabled = disabled && !focusable\n\n const refCb = (node: any) => {\n if (!node) return\n\n if (node.tagName !== \"BUTTON\") setButton(false)\n }\n\n const onClick = useCallback(\n (ev: MouseEvent<Y>) => {\n if (disabled) {\n ev.stopPropagation()\n ev.preventDefault()\n\n return\n }\n\n if (focusOnClick) ev.currentTarget.focus()\n onClickProp?.(ev)\n },\n [disabled, focusOnClick, onClickProp],\n )\n\n const onDocumentKeyUp = useCallback(\n (ev: KeyboardEvent<Y>) => {\n if (pressed && isValidElement(ev)) {\n ev.preventDefault()\n ev.stopPropagation()\n\n setPressed(false)\n\n listeners.remove(document, \"keyup\", onDocumentKeyUp, false)\n }\n },\n [pressed, listeners],\n )\n\n const onKeyDown = useCallback(\n (ev: KeyboardEvent<Y>) => {\n onKeyDownProp?.(ev)\n\n if (disabled \|\| ev.defaultPrevented \|\| ev.metaKey) return\n\n if (!isValidElement(ev.nativeEvent) \|\| button) return\n\n if (clickOnSpace && ev.key === \" \") {\n ev.preventDefault()\n setPressed(true)\n }\n\n if (clickOnEnter && ev.key === \"Enter\") {\n ev.preventDefault()\n ev.currentTarget.click()\n }\n\n listeners.add(document, \"keyup\", onDocumentKeyUp, false)\n },\n [\n disabled,\n button,\n onKeyDownProp,\n clickOnEnter,\n clickOnSpace,\n listeners,\n onDocumentKeyUp,\n ],\n )\n\n const onKeyUp = useCallback(\n (ev: KeyboardEvent<Y>) => {\n onKeyUpProp?.(ev)\n\n if (disabled \|\| ev.defaultPrevented \|\| ev.metaKey) return\n\n if (!isValidElement(ev.nativeEvent) \|\| button) return\n\n if (clickOnSpace && ev.key === \" \") {\n ev.preventDefault()\n setPressed(false)\n\n ev.currentTarget.click()\n }\n },\n [clickOnSpace, button, disabled, onKeyUpProp],\n )\n\n const onDocumentMouseUp = useCallback(\n (ev: MouseEvent<Y>) => {\n if (ev.button !== 0) return\n\n setPressed(false)\n\n listeners.remove(document, \"mouseup\", onDocumentMouseUp, false)\n },\n [listeners],\n )\n\n const onMouseDown = useCallback(\n (ev: MouseEvent<Y>) => {\n if (ev.button !== 0) return\n\n if (disabled) {\n ev.stopPropagation()\n ev.preventDefault()\n\n return\n }\n\n if (!button) setPressed(true)\n\n if (focusOnClick) ev.currentTarget.focus({ preventScroll: true })\n\n listeners.add(document, \"mouseup\", onDocumentMouseUp, false)\n\n onMouseDownProp?.(ev)\n },\n [\n disabled,\n button,\n onMouseDownProp,\n listeners,\n onDocumentMouseUp,\n focusOnClick,\n ],\n )\n\n const onMouseUp = useCallback(\n (ev: MouseEvent<Y>) => {\n if (ev.button !== 0) return\n\n if (!button) setPressed(false)\n\n onMouseUpProp?.(ev)\n },\n [onMouseUpProp, button],\n )\n\n const onMouseOver = useCallback(\n (ev: MouseEvent<Y>) => {\n if (disabled) {\n ev.preventDefault()\n\n return\n }\n\n if (disableTouchBehavior && isTouchDevice()) return\n\n onMouseOverProp?.(ev)\n },\n [disabled, onMouseOverProp, disableTouchBehavior],\n )\n\n const onMouseLeave = useCallback(\n (ev: MouseEvent<Y>) => {\n if (pressed) {\n ev.preventDefault()\n\n setPressed(false)\n }\n\n if (disableTouchBehavior && isTouchDevice()) return\n\n onMouseLeaveProp?.(ev)\n },\n [pressed, onMouseLeaveProp, disableTouchBehavior],\n )\n\n if (button) {\n return {\n ...props,\n ref: mergeRefs(ref, refCb),\n type: \"button\" as const,\n \"aria-disabled\": trulyDisabled ? undefined : disabled,\n disabled: trulyDisabled,\n onClick: onClick,\n onKeyDown: onKeyDownProp,\n onKeyUp: onKeyUpProp,\n onMouseDown: onMouseDownProp,\n onMouseLeave: onMouseLeaveProp,\n onMouseOver: onMouseOverProp,\n onMouseUp: onMouseUpProp,\n }\n } else {\n return {\n ...props,\n ref: mergeRefs(ref, refCb),\n \"aria-disabled\": disabled ? (\"true\" as const) : undefined,\n \"data-active\": dataAttr(pressed),\n role: \"button\",\n tabIndex: trulyDisabled ? undefined : tabIndex,\n onClick,\n onKeyDown,\n onKeyUp,\n onMouseDown,\n onMouseLeave,\n onMouseOver,\n onMouseUp,\n }\n }\n}\n\nexport type UseClickableReturn = ReturnType<typeof useClickable>\n"],"mappings":"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"}

package/dist/esm/hooks/use-clipboard/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { isNumber, isString } from "../../utils/common/assertion.js";
 import { useCallback, useEffect, useState } from "react";
 import copy from "copy-to-clipboard";
@@ -15,9 +15,9 @@ const useClipboard = (defaultValue = "", timeoutOrOptions = {}) => {
 	const [copied, setCopied] = useState(false);
 	const [value, setValue] = useState(defaultValue);
 	useEffect(() => setValue(defaultValue), [defaultValue]);
-	const { timeout = 1500,...copyOptions } = (0, utils_exports.isNumber)(timeoutOrOptions) ? { timeout: timeoutOrOptions } : timeoutOrOptions;
+	const { timeout = 1500,...copyOptions } = isNumber(timeoutOrOptions) ? { timeout: timeoutOrOptions } : timeoutOrOptions;
 	const onCopy = useCallback((newValue) => {
-		if (!(0, utils_exports.isString)(newValue)) newValue = value;
+		if (!isString(newValue)) newValue = value;
 		else setValue(newValue);
 		const copied$1 = copy(newValue, copyOptions);
 		setCopied(copied$1);

package/dist/esm/hooks/use-clipboard/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["timeoutOrOptions: number \| UseClipboardOptions","newValue?: any","copied","timeoutId: NodeJS.Timeout \| null"],"sources":["../../../../src/hooks/use-clipboard/index.ts"],"sourcesContent":["\"use client\"\n\nimport copy from \"copy-to-clipboard\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isNumber, isString } from \"../../utils\"\n\nexport interface UseClipboardOptions {\n format?: string\n timeout?: number\n}\n\n/*\n `useClipboard` is a custom hook that performs the operation of copying a value to the clipboard.\n \n @see https://yamada-ui.com/hooks/use-clipboard\n */\nexport const useClipboard = (\n defaultValue = \"\",\n timeoutOrOptions: number \| UseClipboardOptions = {},\n) => {\n const [copied, setCopied] = useState(false)\n\n const [value, setValue] = useState(defaultValue)\n\n useEffect(() => setValue(defaultValue), [defaultValue])\n\n const { timeout = 1500, ...copyOptions } = isNumber(timeoutOrOptions)\n ? { timeout: timeoutOrOptions }\n : timeoutOrOptions\n\n const onCopy = useCallback(\n (newValue?: any) => {\n if (!isString(newValue)) {\n newValue = value\n } else {\n setValue(newValue)\n }\n\n const copied = copy(newValue, copyOptions)\n\n setCopied(copied)\n },\n [value, copyOptions],\n )\n\n useEffect(() => {\n let timeoutId: NodeJS.Timeout \| null = null\n\n if (copied)\n timeoutId = setTimeout(() => {\n setCopied(false)\n }, timeout)\n\n return () => {\n if (timeoutId) clearTimeout(timeoutId)\n }\n }, [timeout, copied])\n\n return {\n copied,\n setValue,\n value,\n onCopy,\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,eAAe,CAC1B,eAAe,IACfA,mBAAiD,CAAE,MAChD;CACH,MAAM,CAAC,QAAQ,UAAU,GAAG,SAAS,MAAM;CAE3C,MAAM,CAAC,OAAO,SAAS,GAAG,SAAS,aAAa;AAEhD,WAAU,MAAM,SAAS,aAAa,EAAE,CAAC,YAAa,EAAC;CAEvD,MAAM,EAAE,UAAU,KAAM,GAAG,aAAa,GAAG,~~4BAAS~~,iBAAiB,GACjE,EAAE,SAAS,iBAAkB,IAC7B;CAEJ,MAAM,SAAS,YACb,CAACC,aAAmB;AAClB,OAAK,~~4BAAS~~,SAAS,CACrB,YAAW;MAEX,UAAS,SAAS;EAGpB,MAAMC,WAAS,KAAK,UAAU,YAAY;AAE1C,YAAUA,SAAO;CAClB,GACD,CAAC,OAAO,WAAY,EACrB;AAED,WAAU,MAAM;EACd,IAAIC,YAAmC;AAEvC,MAAI,OACF,aAAY,WAAW,MAAM;AAC3B,aAAU,MAAM;EACjB,GAAE,QAAQ;AAEb,SAAO,MAAM;AACX,OAAI,UAAW,cAAa,UAAU;EACvC;CACF,GAAE,CAAC,SAAS,MAAO,EAAC;AAErB,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"index.js","names":["timeoutOrOptions: number \| UseClipboardOptions","newValue?: any","copied","timeoutId: NodeJS.Timeout \| null"],"sources":["../../../../src/hooks/use-clipboard/index.ts"],"sourcesContent":["\"use client\"\n\nimport copy from \"copy-to-clipboard\"\nimport { useCallback, useEffect, useState } from \"react\"\nimport { isNumber, isString } from \"../../utils\"\n\nexport interface UseClipboardOptions {\n format?: string\n timeout?: number\n}\n\n/*\n `useClipboard` is a custom hook that performs the operation of copying a value to the clipboard.\n \n @see https://yamada-ui.com/hooks/use-clipboard\n */\nexport const useClipboard = (\n defaultValue = \"\",\n timeoutOrOptions: number \| UseClipboardOptions = {},\n) => {\n const [copied, setCopied] = useState(false)\n\n const [value, setValue] = useState(defaultValue)\n\n useEffect(() => setValue(defaultValue), [defaultValue])\n\n const { timeout = 1500, ...copyOptions } = isNumber(timeoutOrOptions)\n ? { timeout: timeoutOrOptions }\n : timeoutOrOptions\n\n const onCopy = useCallback(\n (newValue?: any) => {\n if (!isString(newValue)) {\n newValue = value\n } else {\n setValue(newValue)\n }\n\n const copied = copy(newValue, copyOptions)\n\n setCopied(copied)\n },\n [value, copyOptions],\n )\n\n useEffect(() => {\n let timeoutId: NodeJS.Timeout \| null = null\n\n if (copied)\n timeoutId = setTimeout(() => {\n setCopied(false)\n }, timeout)\n\n return () => {\n if (timeoutId) clearTimeout(timeoutId)\n }\n }, [timeout, copied])\n\n return {\n copied,\n setValue,\n value,\n onCopy,\n }\n}\n"],"mappings":";;;;;;;;;;;;;AAgBA,MAAa,eAAe,CAC1B,eAAe,IACfA,mBAAiD,CAAE,MAChD;CACH,MAAM,CAAC,QAAQ,UAAU,GAAG,SAAS,MAAM;CAE3C,MAAM,CAAC,OAAO,SAAS,GAAG,SAAS,aAAa;AAEhD,WAAU,MAAM,SAAS,aAAa,EAAE,CAAC,YAAa,EAAC;CAEvD,MAAM,EAAE,UAAU,KAAM,GAAG,aAAa,GAAG,SAAS,iBAAiB,GACjE,EAAE,SAAS,iBAAkB,IAC7B;CAEJ,MAAM,SAAS,YACb,CAACC,aAAmB;AAClB,OAAK,SAAS,SAAS,CACrB,YAAW;MAEX,UAAS,SAAS;EAGpB,MAAMC,WAAS,KAAK,UAAU,YAAY;AAE1C,YAAUA,SAAO;CAClB,GACD,CAAC,OAAO,WAAY,EACrB;AAED,WAAU,MAAM;EACd,IAAIC,YAAmC;AAEvC,MAAI,OACF,aAAY,WAAW,MAAM;AAC3B,aAAU,MAAM;EACjB,GAAE,QAAQ;AAEb,SAAO,MAAM;AACX,OAAI,UAAW,cAAa,UAAU;EACvC;CACF,GAAE,CAAC,SAAS,MAAO,EAAC;AAErB,QAAO;EACL;EACA;EACA;EACA;CACD;AACF"}

package/dist/esm/hooks/use-controllable-state/index.js CHANGED Viewed

@@ -2,7 +2,8 @@
 import { useCallbackRef } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { isNull, isUndefined } from "../../utils/common/assertion.js";
+import { runIfFn } from "../../utils/common/function.js";
 import { useState } from "react";
 //#region src/hooks/use-controllable-state/index.ts
@@ -10,12 +11,12 @@ function useControllableState({ defaultValue: defaultValueProp, value, onChange:
 	const onChange = useCallbackRef(onChangeProp);
 	const onUpdate = useCallbackRef(onUpdateProp);
 	const [defaultValue, setDefaultValue] = useState(defaultValueProp);
-	const controlled = !(0, utils_exports.isUndefined)(value);
+	const controlled = !isUndefined(value);
 	const currentValue = controlled ? value : defaultValue;
 	const setValue = useCallbackRef((next) => {
-		const nextValue = (0, utils_exports.runIfFn)(next, currentValue);
+		const nextValue = runIfFn(next, currentValue);
 		if (!onUpdate(currentValue, nextValue)) return;
-		if (!controlled || (0, utils_exports.isUndefined)(nextValue) || (0, utils_exports.isNull)(nextValue)) setDefaultValue(nextValue);
+		if (!controlled || isUndefined(nextValue) || isNull(nextValue)) setDefaultValue(nextValue);
 		onChange(nextValue);
 	}, [
 		controlled,

package/dist/esm/hooks/use-controllable-state/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["next: SetStateAction<Y>"],"sources":["../../../../src/hooks/use-controllable-state/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dispatch, SetStateAction } from \"react\"\nimport { useState } from \"react\"\nimport { isNull, isUndefined, runIfFn, useCallbackRef } from \"../../utils\"\n\ninterface UseControllableStateMethods<Y> {\n onChange?: (value: Y) => void\n onUpdate?: (prev: Y, next: Y) => boolean\n}\n\nexport interface UseControllableStateProps<Y>\n extends UseControllableStateMethods<Y> {\n defaultValue?: (() => Y) \| Y\n value?: Y\n}\n\nexport function useControllableState<Y>(\n props: UseControllableStateMethods<Y> & {\n value: Y\n defaultValue?: (() => Y) \| Y\n },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n props: UseControllableStateMethods<Y> & {\n defaultValue: (() => Y) \| Y\n value?: Y\n },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n props: UseControllableStateProps<Y>,\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>({\n defaultValue: defaultValueProp,\n value,\n onChange: onChangeProp,\n onUpdate: onUpdateProp = (prev, next) => prev !== next,\n}: UseControllableStateProps<Y>) {\n const onChange = useCallbackRef(onChangeProp)\n const onUpdate = useCallbackRef(onUpdateProp)\n\n const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n const controlled = !isUndefined(value)\n const currentValue = (controlled ? value : defaultValue) as Y\n\n const setValue = useCallbackRef(\n (next: SetStateAction<Y>) => {\n const nextValue = runIfFn(next, currentValue)\n\n if (!onUpdate(currentValue, nextValue)) return\n\n if (!controlled \|\| isUndefined(nextValue) \|\| isNull(nextValue))\n setDefaultValue(nextValue)\n\n onChange(nextValue)\n },\n [controlled, currentValue, onChange, onUpdate],\n )\n\n return [currentValue, setValue]\n}\n"],"mappings":"~~;;;;;;;;~~AAmCA,SAAgB,qBAAwB,EACtC,cAAc,kBACd,OACA,UAAU,cACV,UAAU,eAAe,CAAC,MAAM,SAAS,SAAS,MACrB,EAAE;CAC/B,MAAM,WAAW,eAAe,aAAa;CAC7C,MAAM,WAAW,eAAe,aAAa;CAE7C,MAAM,CAAC,cAAc,gBAAgB,GAAG,SAAS,iBAAiB;CAClE,MAAM,cAAc~~,+BAAY~~,MAAM;CACtC,MAAM,eAAgB,aAAa,QAAQ;CAE3C,MAAM,WAAW,eACf,CAACA,SAA4B;EAC3B,MAAM,YAAY,~~2BAAQ~~,MAAM,aAAa;AAE7C,OAAK,SAAS,cAAc,UAAU,CAAE;AAExC,OAAK,cAAc~~,+BAAY~~,UAAU,IAAI,~~0BAAO~~,UAAU,CAC5D,iBAAgB,UAAU;AAE5B,WAAS,UAAU;CACpB,GACD;EAAC;EAAY;EAAc;EAAU;CAAS,EAC/C;AAED,QAAO,CAAC,cAAc,QAAS;AAChC"}
1	+ {"version":3,"file":"index.js","names":["next: SetStateAction<Y>"],"sources":["../../../../src/hooks/use-controllable-state/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { Dispatch, SetStateAction } from \"react\"\nimport { useState } from \"react\"\nimport { isNull, isUndefined, runIfFn, useCallbackRef } from \"../../utils\"\n\ninterface UseControllableStateMethods<Y> {\n onChange?: (value: Y) => void\n onUpdate?: (prev: Y, next: Y) => boolean\n}\n\nexport interface UseControllableStateProps<Y>\n extends UseControllableStateMethods<Y> {\n defaultValue?: (() => Y) \| Y\n value?: Y\n}\n\nexport function useControllableState<Y>(\n props: UseControllableStateMethods<Y> & {\n value: Y\n defaultValue?: (() => Y) \| Y\n },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n props: UseControllableStateMethods<Y> & {\n defaultValue: (() => Y) \| Y\n value?: Y\n },\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>(\n props: UseControllableStateProps<Y>,\n): [Y, Dispatch<SetStateAction<Y>>]\n\nexport function useControllableState<Y>({\n defaultValue: defaultValueProp,\n value,\n onChange: onChangeProp,\n onUpdate: onUpdateProp = (prev, next) => prev !== next,\n}: UseControllableStateProps<Y>) {\n const onChange = useCallbackRef(onChangeProp)\n const onUpdate = useCallbackRef(onUpdateProp)\n\n const [defaultValue, setDefaultValue] = useState(defaultValueProp)\n const controlled = !isUndefined(value)\n const currentValue = (controlled ? value : defaultValue) as Y\n\n const setValue = useCallbackRef(\n (next: SetStateAction<Y>) => {\n const nextValue = runIfFn(next, currentValue)\n\n if (!onUpdate(currentValue, nextValue)) return\n\n if (!controlled \|\| isUndefined(nextValue) \|\| isNull(nextValue))\n setDefaultValue(nextValue)\n\n onChange(nextValue)\n },\n [controlled, currentValue, onChange, onUpdate],\n )\n\n return [currentValue, setValue]\n}\n"],"mappings":";;;;;;;;;AAmCA,SAAgB,qBAAwB,EACtC,cAAc,kBACd,OACA,UAAU,cACV,UAAU,eAAe,CAAC,MAAM,SAAS,SAAS,MACrB,EAAE;CAC/B,MAAM,WAAW,eAAe,aAAa;CAC7C,MAAM,WAAW,eAAe,aAAa;CAE7C,MAAM,CAAC,cAAc,gBAAgB,GAAG,SAAS,iBAAiB;CAClE,MAAM,cAAc,YAAY,MAAM;CACtC,MAAM,eAAgB,aAAa,QAAQ;CAE3C,MAAM,WAAW,eACf,CAACA,SAA4B;EAC3B,MAAM,YAAY,QAAQ,MAAM,aAAa;AAE7C,OAAK,SAAS,cAAc,UAAU,CAAE;AAExC,OAAK,cAAc,YAAY,UAAU,IAAI,OAAO,UAAU,CAC5D,iBAAgB,UAAU;AAE5B,WAAS,UAAU;CACpB,GACD;EAAC;EAAY;EAAc;EAAU;CAAS,EAC/C;AAED,QAAO,CAAC,cAAc,QAAS;AAChC"}

package/dist/esm/hooks/use-counter/index.js CHANGED Viewed

@@ -2,15 +2,15 @@
 import { useCallbackRef } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { clampNumber, countDecimal, toPrecision } from "../../utils/common/number.js";
 import { useCallback, useState } from "react";
 //#region src/hooks/use-counter/index.ts
 const parse = (value) => parseFloat(value.toString().replace(/[^\w.-]+/g, ""));
-const getCountDecimal = (value, step) => Math.max((0, utils_exports.countDecimal)(step), (0, utils_exports.countDecimal)(value));
+const getCountDecimal = (value, step) => Math.max(countDecimal(step), countDecimal(value));
 const casting = (value, step, precision) => {
 	value = parse(value);
-	return !Number.isNaN(value) ? (0, utils_exports.toPrecision)(value, precision ?? getCountDecimal(value, step)) : void 0;
+	return !Number.isNaN(value) ? toPrecision(value, precision ?? getCountDecimal(value, step)) : void 0;
 };
 const useCounter = ({ keepWithinRange = true, max: maxValue = Number.MAX_SAFE_INTEGER, min: minValue = Number.MIN_SAFE_INTEGER, step: stepProp = 1,...props } = {}) => {
 	const onChange = useCallbackRef(props.onChange);
@@ -33,8 +33,8 @@ const useCounter = ({ keepWithinRange = true, max: maxValue = Number.MAX_SAFE_IN
 	]);
 	const clamp = useCallback((value$1) => {
 		let nextValue = value$1;
-		if (keepWithinRange) nextValue = (0, utils_exports.clampNumber)(nextValue, minValue, maxValue);
-		return (0, utils_exports.toPrecision)(nextValue, precision);
+		if (keepWithinRange) nextValue = clampNumber(nextValue, minValue, maxValue);
+		return toPrecision(nextValue, precision);
 	}, [
 		precision,
 		keepWithinRange,

package/dist/esm/hooks/use-counter/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["value: number \| string","value: number","step: number","precision?: number","countDecimal","next: number \| string","value"],"sources":["../../../../src/hooks/use-counter/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\nimport {\n clampNumber,\n countDecimal,\n toPrecision,\n useCallbackRef,\n} from \"../../utils\"\n\nconst parse = (value: number \| string): number =>\n parseFloat(value.toString().replace(/[^\\w.-]+/g, \"\"))\n\nconst getCountDecimal = (value: number, step: number): number =>\n Math.max(countDecimal(step), countDecimal(value))\n\nconst casting = (\n value: number \| string,\n step: number,\n precision?: number,\n): string \| undefined => {\n value = parse(value)\n\n return !Number.isNaN(value)\n ? toPrecision(value, precision ?? getCountDecimal(value, step))\n : undefined\n}\n\nexport interface UseCounterProps {\n /*\n The initial value of the counter.\n * Should be less than `max` and greater than `min`.\n /\n defaultValue?: number \| string\n /\n This controls the value update behavior in general.\n \n - If `true` and you use the stepper or up/down arrow keys,\n * the value will not exceed the `max` or go lower than `min`.\n \n - If `false`, the value will be allowed to go out of range.\n \n @default true\n /\n keepWithinRange?: boolean\n /\n The maximum value of the counter\n \n @default Number.MAX_SAFE_INTEGER\n /\n max?: number\n /\n The minimum value of the counter\n \n @default Number.MIN_SAFE_INTEGER\n /\n min?: number\n /\n The number of decimal points used to round the value.\n /\n precision?: number\n /\n The step used to increment or decrement the value.\n \n @default 1\n /\n step?: number\n /\n The value of the counter.\n * Should be less than `max` and greater than `min`.\n /\n value?: number \| string\n /\n The callback fired when the value changes.\n */\n onChange?: (valueAsString: string, valueAsNumber: number) => void\n}\n\nexport const useCounter = ({\n keepWithinRange = true,\n max: maxValue = Number.MAX_SAFE_INTEGER,\n min: minValue = Number.MIN_SAFE_INTEGER,\n step: stepProp = 1,\n ...props\n}: UseCounterProps = {}) => {\n const onChange = useCallbackRef(props.onChange)\n\n const [defaultValue, setValue] = useState<number \| string>(() => {\n if (props.defaultValue == null) return \"\"\n\n return casting(props.defaultValue, stepProp, props.precision) ?? \"\"\n })\n\n const isControlled = typeof props.value !== \"undefined\"\n const value = isControlled ? (props.value as number \| string) : defaultValue\n\n const countDecimal = getCountDecimal(parse(value), stepProp)\n\n const precision = props.precision ?? countDecimal\n\n const update = useCallback(\n (next: number \| string) => {\n if (next === value) return\n\n if (!isControlled) setValue(next.toString())\n\n onChange(next.toString(), parse(next))\n },\n [onChange, isControlled, value],\n )\n\n const clamp = useCallback(\n (value: number) => {\n let nextValue = value\n\n if (keepWithinRange)\n nextValue = clampNumber(nextValue, minValue, maxValue)\n\n return toPrecision(nextValue, precision)\n },\n [precision, keepWithinRange, maxValue, minValue],\n )\n\n const increment = useCallback(\n (step = stepProp) => {\n let next: number \| string\n\n if (value === \"\") {\n next = parse(step)\n } else {\n next = parse(value) + step\n }\n\n next = clamp(next as number)\n\n update(next)\n },\n [clamp, stepProp, update, value],\n )\n\n const decrement = useCallback(\n (step = stepProp) => {\n let next: number \| string\n\n if (value === \"\") {\n next = parse(-step)\n } else {\n next = parse(value) - step\n }\n\n next = clamp(next as number)\n\n update(next)\n },\n [clamp, stepProp, update, value],\n )\n\n const reset = useCallback(() => {\n let next: number \| string\n\n if (props.defaultValue == null) {\n next = \"\"\n } else {\n next = casting(props.defaultValue, stepProp, props.precision) ?? minValue\n }\n\n update(next)\n }, [props.defaultValue, props.precision, stepProp, update, minValue])\n\n const cast = useCallback(\n (value: number \| string) => {\n const nextValue = casting(value, stepProp, precision) ?? minValue\n\n update(nextValue)\n },\n [precision, stepProp, update, minValue],\n )\n\n const valueAsNumber = parse(value)\n\n const out = valueAsNumber < minValue \|\| maxValue < valueAsNumber\n const max = valueAsNumber === maxValue\n const min = valueAsNumber === minValue\n\n return {\n cast,\n clamp,\n decrement,\n increment,\n max,\n min,\n out,\n precision,\n reset,\n setValue,\n step: stepProp,\n update,\n value,\n valueAsNumber,\n }\n}\n\nexport type UseCounterReturn = ReturnType<typeof useCounter>\n"],"mappings":";;;;;;;;AAUA,MAAM,QAAQ,CAACA,UACb,WAAW,MAAM,UAAU,CAAC,QAAQ,aAAa,GAAG,CAAC;AAEvD,MAAM,kBAAkB,CAACC,OAAeC,SACtC,KAAK,IAAI,~~gCAAa~~,KAAK,EAAE,~~gCAAa~~,MAAM,CAAC;AAEnD,MAAM,UAAU,CACdF,OACAE,MACAC,cACuB;AACvB,SAAQ,MAAM,MAAM;AAEpB,SAAQ,OAAO,MAAM,MAAM,GACvB~~,+BAAY~~,OAAO,aAAa,gBAAgB,OAAO,KAAK,CAAC;AAElE;AAoDD,MAAa,aAAa,CAAC,EACzB,kBAAkB,MAClB,KAAK,WAAW,OAAO,kBACvB,KAAK,WAAW,OAAO,kBACvB,MAAM,WAAW,EACjB,GAAG,OACa,GAAG,CAAE,MAAK;CAC1B,MAAM,WAAW,eAAe,MAAM,SAAS;CAE/C,MAAM,CAAC,cAAc,SAAS,GAAG,SAA0B,MAAM;AAC/D,MAAI,MAAM,gBAAgB,KAAM,QAAO;AAEvC,SAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,UAAU,IAAI;CAClE,EAAC;CAEF,MAAM,sBAAsB,MAAM,UAAU;CAC5C,MAAM,QAAQ,eAAgB,MAAM,QAA4B;CAEhE,MAAMC,iBAAe,gBAAgB,MAAM,MAAM,EAAE,SAAS;CAE5D,MAAM,YAAY,MAAM,aAAaA;CAErC,MAAM,SAAS,YACb,CAACC,SAA0B;AACzB,MAAI,SAAS,MAAO;AAEpB,OAAK,aAAc,UAAS,KAAK,UAAU,CAAC;AAE5C,WAAS,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;CACvC,GACD;EAAC;EAAU;EAAc;CAAM,EAChC;CAED,MAAM,QAAQ,YACZ,CAACJ,YAAkB;EACjB,IAAI,YAAYK;AAEhB,MAAI,gBACF,aAAY~~,+BAAY~~,WAAW,UAAU,SAAS;AAExD,SAAO~~,+BAAY~~,WAAW,UAAU;CACzC,GACD;EAAC;EAAW;EAAiB;EAAU;CAAS,EACjD;CAED,MAAM,YAAY,YAChB,CAAC,OAAO,aAAa;EACnB,IAAID;AAEJ,MAAI,UAAU,GACZ,QAAO,MAAM,KAAK;MAElB,QAAO,MAAM,MAAM,GAAG;AAGxB,SAAO,MAAM,KAAe;AAE5B,SAAO,KAAK;CACb,GACD;EAAC;EAAO;EAAU;EAAQ;CAAM,EACjC;CAED,MAAM,YAAY,YAChB,CAAC,OAAO,aAAa;EACnB,IAAIA;AAEJ,MAAI,UAAU,GACZ,QAAO,OAAO,KAAK;MAEnB,QAAO,MAAM,MAAM,GAAG;AAGxB,SAAO,MAAM,KAAe;AAE5B,SAAO,KAAK;CACb,GACD;EAAC;EAAO;EAAU;EAAQ;CAAM,EACjC;CAED,MAAM,QAAQ,YAAY,MAAM;EAC9B,IAAIA;AAEJ,MAAI,MAAM,gBAAgB,KACxB,QAAO;MAEP,QAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,UAAU,IAAI;AAGnE,SAAO,KAAK;CACb,GAAE;EAAC,MAAM;EAAc,MAAM;EAAW;EAAU;EAAQ;CAAS,EAAC;CAErE,MAAM,OAAO,YACX,CAACL,YAA2B;EAC1B,MAAM,YAAY,QAAQM,SAAO,UAAU,UAAU,IAAI;AAEzD,SAAO,UAAU;CAClB,GACD;EAAC;EAAW;EAAU;EAAQ;CAAS,EACxC;CAED,MAAM,gBAAgB,MAAM,MAAM;CAElC,MAAM,MAAM,gBAAgB,YAAY,WAAW;CACnD,MAAM,MAAM,kBAAkB;CAC9B,MAAM,MAAM,kBAAkB;AAE9B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;EACA;EACA;CACD;AACF"}
1	+ {"version":3,"file":"index.js","names":["value: number \| string","value: number","step: number","precision?: number","countDecimal","next: number \| string","value"],"sources":["../../../../src/hooks/use-counter/index.ts"],"sourcesContent":["\"use client\"\n\nimport { useCallback, useState } from \"react\"\nimport {\n clampNumber,\n countDecimal,\n toPrecision,\n useCallbackRef,\n} from \"../../utils\"\n\nconst parse = (value: number \| string): number =>\n parseFloat(value.toString().replace(/[^\\w.-]+/g, \"\"))\n\nconst getCountDecimal = (value: number, step: number): number =>\n Math.max(countDecimal(step), countDecimal(value))\n\nconst casting = (\n value: number \| string,\n step: number,\n precision?: number,\n): string \| undefined => {\n value = parse(value)\n\n return !Number.isNaN(value)\n ? toPrecision(value, precision ?? getCountDecimal(value, step))\n : undefined\n}\n\nexport interface UseCounterProps {\n /*\n The initial value of the counter.\n * Should be less than `max` and greater than `min`.\n /\n defaultValue?: number \| string\n /\n This controls the value update behavior in general.\n \n - If `true` and you use the stepper or up/down arrow keys,\n * the value will not exceed the `max` or go lower than `min`.\n \n - If `false`, the value will be allowed to go out of range.\n \n @default true\n /\n keepWithinRange?: boolean\n /\n The maximum value of the counter\n \n @default Number.MAX_SAFE_INTEGER\n /\n max?: number\n /\n The minimum value of the counter\n \n @default Number.MIN_SAFE_INTEGER\n /\n min?: number\n /\n The number of decimal points used to round the value.\n /\n precision?: number\n /\n The step used to increment or decrement the value.\n \n @default 1\n /\n step?: number\n /\n The value of the counter.\n * Should be less than `max` and greater than `min`.\n /\n value?: number \| string\n /\n The callback fired when the value changes.\n */\n onChange?: (valueAsString: string, valueAsNumber: number) => void\n}\n\nexport const useCounter = ({\n keepWithinRange = true,\n max: maxValue = Number.MAX_SAFE_INTEGER,\n min: minValue = Number.MIN_SAFE_INTEGER,\n step: stepProp = 1,\n ...props\n}: UseCounterProps = {}) => {\n const onChange = useCallbackRef(props.onChange)\n\n const [defaultValue, setValue] = useState<number \| string>(() => {\n if (props.defaultValue == null) return \"\"\n\n return casting(props.defaultValue, stepProp, props.precision) ?? \"\"\n })\n\n const isControlled = typeof props.value !== \"undefined\"\n const value = isControlled ? (props.value as number \| string) : defaultValue\n\n const countDecimal = getCountDecimal(parse(value), stepProp)\n\n const precision = props.precision ?? countDecimal\n\n const update = useCallback(\n (next: number \| string) => {\n if (next === value) return\n\n if (!isControlled) setValue(next.toString())\n\n onChange(next.toString(), parse(next))\n },\n [onChange, isControlled, value],\n )\n\n const clamp = useCallback(\n (value: number) => {\n let nextValue = value\n\n if (keepWithinRange)\n nextValue = clampNumber(nextValue, minValue, maxValue)\n\n return toPrecision(nextValue, precision)\n },\n [precision, keepWithinRange, maxValue, minValue],\n )\n\n const increment = useCallback(\n (step = stepProp) => {\n let next: number \| string\n\n if (value === \"\") {\n next = parse(step)\n } else {\n next = parse(value) + step\n }\n\n next = clamp(next as number)\n\n update(next)\n },\n [clamp, stepProp, update, value],\n )\n\n const decrement = useCallback(\n (step = stepProp) => {\n let next: number \| string\n\n if (value === \"\") {\n next = parse(-step)\n } else {\n next = parse(value) - step\n }\n\n next = clamp(next as number)\n\n update(next)\n },\n [clamp, stepProp, update, value],\n )\n\n const reset = useCallback(() => {\n let next: number \| string\n\n if (props.defaultValue == null) {\n next = \"\"\n } else {\n next = casting(props.defaultValue, stepProp, props.precision) ?? minValue\n }\n\n update(next)\n }, [props.defaultValue, props.precision, stepProp, update, minValue])\n\n const cast = useCallback(\n (value: number \| string) => {\n const nextValue = casting(value, stepProp, precision) ?? minValue\n\n update(nextValue)\n },\n [precision, stepProp, update, minValue],\n )\n\n const valueAsNumber = parse(value)\n\n const out = valueAsNumber < minValue \|\| maxValue < valueAsNumber\n const max = valueAsNumber === maxValue\n const min = valueAsNumber === minValue\n\n return {\n cast,\n clamp,\n decrement,\n increment,\n max,\n min,\n out,\n precision,\n reset,\n setValue,\n step: stepProp,\n update,\n value,\n valueAsNumber,\n }\n}\n\nexport type UseCounterReturn = ReturnType<typeof useCounter>\n"],"mappings":";;;;;;;;AAUA,MAAM,QAAQ,CAACA,UACb,WAAW,MAAM,UAAU,CAAC,QAAQ,aAAa,GAAG,CAAC;AAEvD,MAAM,kBAAkB,CAACC,OAAeC,SACtC,KAAK,IAAI,aAAa,KAAK,EAAE,aAAa,MAAM,CAAC;AAEnD,MAAM,UAAU,CACdF,OACAE,MACAC,cACuB;AACvB,SAAQ,MAAM,MAAM;AAEpB,SAAQ,OAAO,MAAM,MAAM,GACvB,YAAY,OAAO,aAAa,gBAAgB,OAAO,KAAK,CAAC;AAElE;AAoDD,MAAa,aAAa,CAAC,EACzB,kBAAkB,MAClB,KAAK,WAAW,OAAO,kBACvB,KAAK,WAAW,OAAO,kBACvB,MAAM,WAAW,EACjB,GAAG,OACa,GAAG,CAAE,MAAK;CAC1B,MAAM,WAAW,eAAe,MAAM,SAAS;CAE/C,MAAM,CAAC,cAAc,SAAS,GAAG,SAA0B,MAAM;AAC/D,MAAI,MAAM,gBAAgB,KAAM,QAAO;AAEvC,SAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,UAAU,IAAI;CAClE,EAAC;CAEF,MAAM,sBAAsB,MAAM,UAAU;CAC5C,MAAM,QAAQ,eAAgB,MAAM,QAA4B;CAEhE,MAAMC,iBAAe,gBAAgB,MAAM,MAAM,EAAE,SAAS;CAE5D,MAAM,YAAY,MAAM,aAAaA;CAErC,MAAM,SAAS,YACb,CAACC,SAA0B;AACzB,MAAI,SAAS,MAAO;AAEpB,OAAK,aAAc,UAAS,KAAK,UAAU,CAAC;AAE5C,WAAS,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;CACvC,GACD;EAAC;EAAU;EAAc;CAAM,EAChC;CAED,MAAM,QAAQ,YACZ,CAACJ,YAAkB;EACjB,IAAI,YAAYK;AAEhB,MAAI,gBACF,aAAY,YAAY,WAAW,UAAU,SAAS;AAExD,SAAO,YAAY,WAAW,UAAU;CACzC,GACD;EAAC;EAAW;EAAiB;EAAU;CAAS,EACjD;CAED,MAAM,YAAY,YAChB,CAAC,OAAO,aAAa;EACnB,IAAID;AAEJ,MAAI,UAAU,GACZ,QAAO,MAAM,KAAK;MAElB,QAAO,MAAM,MAAM,GAAG;AAGxB,SAAO,MAAM,KAAe;AAE5B,SAAO,KAAK;CACb,GACD;EAAC;EAAO;EAAU;EAAQ;CAAM,EACjC;CAED,MAAM,YAAY,YAChB,CAAC,OAAO,aAAa;EACnB,IAAIA;AAEJ,MAAI,UAAU,GACZ,QAAO,OAAO,KAAK;MAEnB,QAAO,MAAM,MAAM,GAAG;AAGxB,SAAO,MAAM,KAAe;AAE5B,SAAO,KAAK;CACb,GACD;EAAC;EAAO;EAAU;EAAQ;CAAM,EACjC;CAED,MAAM,QAAQ,YAAY,MAAM;EAC9B,IAAIA;AAEJ,MAAI,MAAM,gBAAgB,KACxB,QAAO;MAEP,QAAO,QAAQ,MAAM,cAAc,UAAU,MAAM,UAAU,IAAI;AAGnE,SAAO,KAAK;CACb,GAAE;EAAC,MAAM;EAAc,MAAM;EAAW;EAAU;EAAQ;CAAS,EAAC;CAErE,MAAM,OAAO,YACX,CAACL,YAA2B;EAC1B,MAAM,YAAY,QAAQM,SAAO,UAAU,UAAU,IAAI;AAEzD,SAAO,UAAU;CAClB,GACD;EAAC;EAAW;EAAU;EAAQ;CAAS,EACxC;CAED,MAAM,gBAAgB,MAAM,MAAM;CAElC,MAAM,MAAM,gBAAgB,YAAY,WAAW;CACnD,MAAM,MAAM,kBAAkB;CAC9B,MAAM,MAAM,kBAAkB;AAE9B,QAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,MAAM;EACN;EACA;EACA;CACD;AACF"}

package/dist/esm/hooks/use-descendant/index.js CHANGED Viewed

@@ -4,7 +4,8 @@
 import { createContext } from "../../utils/context.js";
 import { useSafeLayoutEffect } from "../../utils/effect.js";
 import { mergeRefs } from "../../utils/ref.js";
-import { utils_exports } from "../../utils/index.js";
+import { cast } from "../../utils/common/assertion.js";
+import { isHTMLElement } from "../../utils/common/dom.js";
 import { useRef, useState } from "react";
 //#region src/hooks/use-descendant/index.ts
@@ -51,7 +52,7 @@ const descendantsManager = () => {
 	};
 	const register = (nodeOrOptions) => {
 		if (nodeOrOptions == null) return;
-		if ((0, utils_exports.isHTMLElement)(nodeOrOptions)) return setDescendants(nodeOrOptions);
+		if (isHTMLElement(nodeOrOptions)) return setDescendants(nodeOrOptions);
 		return (node) => setDescendants(node, nodeOrOptions);
 	};
 	const unregister = (node) => {
@@ -151,7 +152,7 @@ const createDescendant = () => {
 			const dataIndex = Number(ref.current.dataset.index);
 			if (index != dataIndex && !Number.isNaN(dataIndex)) setIndex(dataIndex);
 		});
-		const refCallback = options ? (0, utils_exports.cast)(descendants.register(options)) : (0, utils_exports.cast)(descendants.register);
+		const refCallback = options ? cast(descendants.register(options)) : cast(descendants.register);
 		return {
 			descendants,
 			enabledIndex: descendants.enabledIndexOf(ref.current, options?.filter),

package/dist/esm/hooks/use-descendant/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":["nodes: Node[]","current: number","max: number","loop: boolean","newDescendants: Node[]","node: null \| T","options?: DescendantOptions<T, K>","nodeOrOptions?: DescendantOptions<T, K> \| null \| T","node?: T","filter?: FilterDescendant<T, K>","node?: null \| T","values","index: number"],"sources":["../../../../src/hooks/use-descendant/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefCallback } from \"react\"\nimport { useRef, useState } from \"react\"\nimport {\n cast,\n createContext,\n isHTMLElement,\n mergeRefs,\n useSafeLayoutEffect,\n} from \"../../utils\"\n\nconst sortNodes = (nodes: Node[]) =>\n nodes.sort((a, b) => {\n const compare = a.compareDocumentPosition(b)\n\n if (\n compare & Node.DOCUMENT_POSITION_FOLLOWING \|\|\n compare & Node.DOCUMENT_POSITION_CONTAINED_BY\n )\n return -1\n\n if (\n compare & Node.DOCUMENT_POSITION_PRECEDING \|\|\n compare & Node.DOCUMENT_POSITION_CONTAINS\n )\n return 1\n\n if (\n compare & Node.DOCUMENT_POSITION_DISCONNECTED \|\|\n compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC\n ) {\n console.warn(\"Cannot sort the given nodes.\")\n return 0\n } else {\n return 0\n }\n })\n\nconst getNextIndex = (current: number, max: number, loop: boolean) => {\n let next = current + 1\n\n if (loop && next >= max) next = 0\n\n return next\n}\n\nconst getPrevIndex = (current: number, max: number, loop: boolean) => {\n let next = current - 1\n\n if (loop && next < 0) next = max\n\n return next\n}\n\nexport type DescendantOptions<\n T extends HTMLElement = HTMLElement,\n K = {},\n> = K & {\n id?: string\n disabled?: boolean\n filter?: FilterDescendant<T, K>\n}\n\nexport type Descendant<\n T extends HTMLElement = HTMLElement,\n K = {},\n> = DescendantOptions<T, K> & {\n index: number\n node: T\n}\n\nexport type FilterDescendant<T extends HTMLElement = HTMLElement, K = {}> = (\n value: Descendant<T, K>,\n index: number,\n array: Descendant<T, K>[],\n) => boolean\n\nconst descendantsManager = <T extends HTMLElement = HTMLElement, K = {}>() => {\n const descendants = new Map<T, Descendant<T, K>>()\n\n const assignIndex = (newDescendants: Node[]) => {\n descendants.forEach((descendant) => {\n const index = newDescendants.indexOf(descendant.node)\n\n descendant.index = index\n descendant.node.dataset.index = descendant.index.toString()\n })\n }\n\n const setDescendants = (\n node: null \| T,\n options?: DescendantOptions<T, K>,\n ) => {\n if (!node \|\| descendants.has(node)) return\n\n const keys = Array.from(descendants.keys()).concat(node)\n const sorted = sortNodes(keys)\n\n if (options?.disabled) options.disabled = !!options.disabled\n\n const descendant = { index: -1, node, ...options }\n\n descendants.set(node, descendant as Descendant<T, K>)\n\n assignIndex(sorted)\n }\n\n const register = (nodeOrOptions?: DescendantOptions<T, K> \| null \| T) => {\n if (nodeOrOptions == null) return\n\n if (isHTMLElement(nodeOrOptions)) return setDescendants(nodeOrOptions)\n\n return (node: null \| T) => setDescendants(node, nodeOrOptions)\n }\n\n const unregister = (node?: T) => {\n if (node == null) return\n\n descendants.delete(node)\n\n const sorted = sortNodes(Array.from(descendants.keys()))\n\n assignIndex(sorted)\n }\n\n const destroy = () => descendants.clear()\n\n const count = (filter?: FilterDescendant<T, K>) => values(filter).length\n\n const enabledCount = (filter?: FilterDescendant<T, K>) =>\n enabledValues(filter).length\n\n const indexOf = (node?: null \| T) =>\n !node ? -1 : (descendants.get(node)?.index ?? -1)\n\n const enabledIndexOf = (node?: null \| T, filter?: FilterDescendant<T, K>) =>\n node == null\n ? -1\n : enabledValues(filter).findIndex((i) => i.node.isSameNode(node))\n\n const values = (filter?: FilterDescendant<T, K>) => {\n const values = Array.from(descendants.values())\n\n if (filter) {\n return values.filter(filter).sort((a, b) => a.index - b.index)\n } else {\n return values.sort((a, b) => a.index - b.index)\n }\n }\n\n const enabledValues = (filter?: FilterDescendant<T, K>) =>\n values(filter).filter(({ disabled }) => !disabled)\n\n const value = (index: number, filter?: FilterDescendant<T, K>) => {\n if (count(filter) === 0) return undefined\n\n return values(filter)[index]\n }\n\n const enabledValue = (index: number, filter?: FilterDescendant<T, K>) => {\n if (enabledCount(filter) === 0) return undefined\n\n return enabledValues(filter)[index]\n }\n\n const firstValue = (filter?: FilterDescendant<T, K>) => value(0, filter)\n\n const enabledFirstValue = (filter?: FilterDescendant<T, K>) =>\n enabledValue(0, filter)\n\n const lastValue = (filter?: FilterDescendant<T, K>) =>\n value(descendants.size - 1, filter)\n\n const enabledLastValue = (filter?: FilterDescendant<T, K>) =>\n enabledValue(enabledValues(filter).length - 1, filter)\n\n const prevValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const prev = getPrevIndex(index, count(filter) - 1, loop)\n\n return value(prev, filter)\n }\n\n const enabledPrevValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const target = value(index)\n\n if (!target) return\n\n const enabledIndex = enabledIndexOf(target.node, filter)\n const prevEnabledIndex = getPrevIndex(\n enabledIndex,\n enabledCount(filter) - 1,\n loop,\n )\n\n return enabledValue(prevEnabledIndex, filter)\n }\n\n const nextValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const next = getNextIndex(index, count(filter), loop)\n\n return value(next, filter)\n }\n\n const enabledNextValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const target = value(index)\n\n if (!target) return\n\n const enabledIndex = enabledIndexOf(target.node, filter)\n const nextEnabledIndex = getNextIndex(\n enabledIndex,\n enabledCount(filter),\n loop,\n )\n\n return enabledValue(nextEnabledIndex, filter)\n }\n\n return {\n count,\n destroy,\n enabledCount,\n enabledFirstValue,\n enabledIndexOf,\n enabledLastValue,\n enabledNextValue,\n enabledPrevValue,\n enabledValue,\n enabledValues,\n firstValue,\n indexOf,\n lastValue,\n nextValue,\n prevValue,\n register,\n unregister,\n value,\n values,\n }\n}\n\nexport type DescendantsManager<\n T extends HTMLElement,\n K extends { [key: string]: any } = {},\n> = ReturnType<typeof descendantsManager<T, K>>\n\nexport const createDescendant = <\n T extends HTMLElement = HTMLElement,\n K extends { [key: string]: any } = {},\n>() => {\n const [DescendantsContext, useDescendantsContext] = createContext<\n DescendantsManager<T, K>\n >({\n name: \"DescendantsContext\",\n })\n\n const useDescendants = () => {\n const descendants = useRef(descendantsManager<T, K>())\n\n useSafeLayoutEffect(() => {\n return () => descendants.current.destroy()\n })\n\n return descendants.current\n }\n\n const useDescendant = (options?: DescendantOptions<T, K>) => {\n const descendants = useDescendantsContext()\n const [index, setIndex] = useState<number>(-1)\n const ref = useRef<T>(null)\n\n useSafeLayoutEffect(() => {\n return () => {\n if (!ref.current) return\n\n descendants.unregister(ref.current)\n }\n }, [])\n\n useSafeLayoutEffect(() => {\n if (!ref.current) return\n\n const dataIndex = Number(ref.current.dataset.index)\n\n if (index != dataIndex && !Number.isNaN(dataIndex)) setIndex(dataIndex)\n })\n\n const refCallback = options\n ? cast<RefCallback<T>>(descendants.register(options))\n : cast<RefCallback<T>>(descendants.register)\n\n return {\n descendants,\n enabledIndex: descendants.enabledIndexOf(ref.current, options?.filter),\n index,\n register: mergeRefs(refCallback, ref),\n }\n }\n\n return {\n DescendantsContext,\n useDescendant,\n useDescendants,\n useDescendantsContext,\n }\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"index.js","names":["nodes: Node[]","current: number","max: number","loop: boolean","newDescendants: Node[]","node: null \| T","options?: DescendantOptions<T, K>","nodeOrOptions?: DescendantOptions<T, K> \| null \| T","node?: T","filter?: FilterDescendant<T, K>","node?: null \| T","values","index: number"],"sources":["../../../../src/hooks/use-descendant/index.ts"],"sourcesContent":["\"use client\"\n\nimport type { RefCallback } from \"react\"\nimport { useRef, useState } from \"react\"\nimport {\n cast,\n createContext,\n isHTMLElement,\n mergeRefs,\n useSafeLayoutEffect,\n} from \"../../utils\"\n\nconst sortNodes = (nodes: Node[]) =>\n nodes.sort((a, b) => {\n const compare = a.compareDocumentPosition(b)\n\n if (\n compare & Node.DOCUMENT_POSITION_FOLLOWING \|\|\n compare & Node.DOCUMENT_POSITION_CONTAINED_BY\n )\n return -1\n\n if (\n compare & Node.DOCUMENT_POSITION_PRECEDING \|\|\n compare & Node.DOCUMENT_POSITION_CONTAINS\n )\n return 1\n\n if (\n compare & Node.DOCUMENT_POSITION_DISCONNECTED \|\|\n compare & Node.DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC\n ) {\n console.warn(\"Cannot sort the given nodes.\")\n return 0\n } else {\n return 0\n }\n })\n\nconst getNextIndex = (current: number, max: number, loop: boolean) => {\n let next = current + 1\n\n if (loop && next >= max) next = 0\n\n return next\n}\n\nconst getPrevIndex = (current: number, max: number, loop: boolean) => {\n let next = current - 1\n\n if (loop && next < 0) next = max\n\n return next\n}\n\nexport type DescendantOptions<\n T extends HTMLElement = HTMLElement,\n K = {},\n> = K & {\n id?: string\n disabled?: boolean\n filter?: FilterDescendant<T, K>\n}\n\nexport type Descendant<\n T extends HTMLElement = HTMLElement,\n K = {},\n> = DescendantOptions<T, K> & {\n index: number\n node: T\n}\n\nexport type FilterDescendant<T extends HTMLElement = HTMLElement, K = {}> = (\n value: Descendant<T, K>,\n index: number,\n array: Descendant<T, K>[],\n) => boolean\n\nconst descendantsManager = <T extends HTMLElement = HTMLElement, K = {}>() => {\n const descendants = new Map<T, Descendant<T, K>>()\n\n const assignIndex = (newDescendants: Node[]) => {\n descendants.forEach((descendant) => {\n const index = newDescendants.indexOf(descendant.node)\n\n descendant.index = index\n descendant.node.dataset.index = descendant.index.toString()\n })\n }\n\n const setDescendants = (\n node: null \| T,\n options?: DescendantOptions<T, K>,\n ) => {\n if (!node \|\| descendants.has(node)) return\n\n const keys = Array.from(descendants.keys()).concat(node)\n const sorted = sortNodes(keys)\n\n if (options?.disabled) options.disabled = !!options.disabled\n\n const descendant = { index: -1, node, ...options }\n\n descendants.set(node, descendant as Descendant<T, K>)\n\n assignIndex(sorted)\n }\n\n const register = (nodeOrOptions?: DescendantOptions<T, K> \| null \| T) => {\n if (nodeOrOptions == null) return\n\n if (isHTMLElement(nodeOrOptions)) return setDescendants(nodeOrOptions)\n\n return (node: null \| T) => setDescendants(node, nodeOrOptions)\n }\n\n const unregister = (node?: T) => {\n if (node == null) return\n\n descendants.delete(node)\n\n const sorted = sortNodes(Array.from(descendants.keys()))\n\n assignIndex(sorted)\n }\n\n const destroy = () => descendants.clear()\n\n const count = (filter?: FilterDescendant<T, K>) => values(filter).length\n\n const enabledCount = (filter?: FilterDescendant<T, K>) =>\n enabledValues(filter).length\n\n const indexOf = (node?: null \| T) =>\n !node ? -1 : (descendants.get(node)?.index ?? -1)\n\n const enabledIndexOf = (node?: null \| T, filter?: FilterDescendant<T, K>) =>\n node == null\n ? -1\n : enabledValues(filter).findIndex((i) => i.node.isSameNode(node))\n\n const values = (filter?: FilterDescendant<T, K>) => {\n const values = Array.from(descendants.values())\n\n if (filter) {\n return values.filter(filter).sort((a, b) => a.index - b.index)\n } else {\n return values.sort((a, b) => a.index - b.index)\n }\n }\n\n const enabledValues = (filter?: FilterDescendant<T, K>) =>\n values(filter).filter(({ disabled }) => !disabled)\n\n const value = (index: number, filter?: FilterDescendant<T, K>) => {\n if (count(filter) === 0) return undefined\n\n return values(filter)[index]\n }\n\n const enabledValue = (index: number, filter?: FilterDescendant<T, K>) => {\n if (enabledCount(filter) === 0) return undefined\n\n return enabledValues(filter)[index]\n }\n\n const firstValue = (filter?: FilterDescendant<T, K>) => value(0, filter)\n\n const enabledFirstValue = (filter?: FilterDescendant<T, K>) =>\n enabledValue(0, filter)\n\n const lastValue = (filter?: FilterDescendant<T, K>) =>\n value(descendants.size - 1, filter)\n\n const enabledLastValue = (filter?: FilterDescendant<T, K>) =>\n enabledValue(enabledValues(filter).length - 1, filter)\n\n const prevValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const prev = getPrevIndex(index, count(filter) - 1, loop)\n\n return value(prev, filter)\n }\n\n const enabledPrevValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const target = value(index)\n\n if (!target) return\n\n const enabledIndex = enabledIndexOf(target.node, filter)\n const prevEnabledIndex = getPrevIndex(\n enabledIndex,\n enabledCount(filter) - 1,\n loop,\n )\n\n return enabledValue(prevEnabledIndex, filter)\n }\n\n const nextValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const next = getNextIndex(index, count(filter), loop)\n\n return value(next, filter)\n }\n\n const enabledNextValue = (\n index: number,\n filter?: FilterDescendant<T, K>,\n loop = true,\n ) => {\n const target = value(index)\n\n if (!target) return\n\n const enabledIndex = enabledIndexOf(target.node, filter)\n const nextEnabledIndex = getNextIndex(\n enabledIndex,\n enabledCount(filter),\n loop,\n )\n\n return enabledValue(nextEnabledIndex, filter)\n }\n\n return {\n count,\n destroy,\n enabledCount,\n enabledFirstValue,\n enabledIndexOf,\n enabledLastValue,\n enabledNextValue,\n enabledPrevValue,\n enabledValue,\n enabledValues,\n firstValue,\n indexOf,\n lastValue,\n nextValue,\n prevValue,\n register,\n unregister,\n value,\n values,\n }\n}\n\nexport type DescendantsManager<\n T extends HTMLElement,\n K extends { [key: string]: any } = {},\n> = ReturnType<typeof descendantsManager<T, K>>\n\nexport const createDescendant = <\n T extends HTMLElement = HTMLElement,\n K extends { [key: string]: any } = {},\n>() => {\n const [DescendantsContext, useDescendantsContext] = createContext<\n DescendantsManager<T, K>\n >({\n name: \"DescendantsContext\",\n })\n\n const useDescendants = () => {\n const descendants = useRef(descendantsManager<T, K>())\n\n useSafeLayoutEffect(() => {\n return () => descendants.current.destroy()\n })\n\n return descendants.current\n }\n\n const useDescendant = (options?: DescendantOptions<T, K>) => {\n const descendants = useDescendantsContext()\n const [index, setIndex] = useState<number>(-1)\n const ref = useRef<T>(null)\n\n useSafeLayoutEffect(() => {\n return () => {\n if (!ref.current) return\n\n descendants.unregister(ref.current)\n }\n }, [])\n\n useSafeLayoutEffect(() => {\n if (!ref.current) return\n\n const dataIndex = Number(ref.current.dataset.index)\n\n if (index != dataIndex && !Number.isNaN(dataIndex)) setIndex(dataIndex)\n })\n\n const refCallback = options\n ? cast<RefCallback<T>>(descendants.register(options))\n : cast<RefCallback<T>>(descendants.register)\n\n return {\n descendants,\n enabledIndex: descendants.enabledIndexOf(ref.current, options?.filter),\n index,\n register: mergeRefs(refCallback, ref),\n }\n }\n\n return {\n DescendantsContext,\n useDescendant,\n useDescendants,\n useDescendantsContext,\n }\n}\n"],"mappings":"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"}

package/dist/esm/hooks/use-disclosure/use-promise-disclosure.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use client";
-import { utils_exports } from "../../utils/index.js";
+import { noop } from "../../utils/common/function.js";
 import { useDisclosure } from "./use-disclosure.js";
 import { useCallback, useRef } from "react";
@@ -15,7 +15,7 @@ import { useCallback, useRef } from "react";
 const usePromiseDisclosure = ({ disableCloseOnSuccess = false, error,...rest } = {}) => {
 	const { open, onClose: onInternalClose, onOpen: onInternalOpen, onToggle } = useDisclosure(rest);
 	const rejectRef = useRef(void 0);
-	const resolveRef = useRef(utils_exports.noop);
+	const resolveRef = useRef(noop);
 	const onOpen = useCallback(async (...args) => {
 		const promise = new Promise((resolve, reject) => {
 			resolveRef.current = async (...args$1) => {