@veracity/vui 5.1.1 → 5.2.0-alpha.395258.2606090726

package/dist/utils/formatDate.js.map

@@ -1 +1 @@
-{"version":3,"file":"formatDate.js","names":[],"sources":["../../src/utils/formatDate.ts"],"sourcesContent":["export type DateFormat =\n  | 'DD MM YYYY'\n  | 'DD MM YYYY, HH:MM'\n  | 'DD MMM'\n  | 'DD MMM YYYY'\n  | 'DD MMM YYYY, HH:MM'\n  | 'DD MMM, HH:MM'\n  | 'HH:MM'\n  | 'MMM D, YYYY'\n  | 'YYYY/MM/DD'\n  | 'YYYY-MM-DD'\n  | 'YYYY/MM/DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM:SS'\n\nexport type FormatDateOptions = Intl.DateTimeFormatOptions & {\n  locales?: string | string[]\n}\n\n/** Predefined selection of date formats using DateTimeFormatOptions. */\nexport const dateFormats: Record<DateFormat, FormatDateOptions> = {\n  'DD MM YYYY': { year: 'numeric', month: '2-digit', day: '2-digit' },\n  'DD MM YYYY, HH:MM': { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM': { month: 'short', day: '2-digit' },\n  'DD MMM YYYY': { year: 'numeric', month: 'short', day: '2-digit' },\n  'DD MMM YYYY, HH:MM': { year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM, HH:MM': { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'HH:MM': { locales: 'en-GB', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' },\n  'MMM D, YYYY': { locales: 'en-US', year: 'numeric', month: 'short', day: 'numeric' },\n  'YYYY/MM/DD': { locales: 'en-ZA' },\n  'YYYY-MM-DD': { locales: 'fr-CA' },\n  'YYYY/MM/DD, HH:MM': { locales: 'en-ZA', hour: '2-digit', minute: '2-digit' },\n  'YYYY-MM-DD, HH:MM': { locales: 'fr-CA', timeStyle: 'short' },\n  'YYYY-MM-DD, HH:MM:SS': { locales: 'fr-CA' },\n}\n\n/**\n * Structures given date string, milliseconds number or Date object according to the chosen format.\n * Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.\n * @param date - string, number or Date object accepted by Date() constructor\n * @param format - predefined configuration of DateTimeFormatOptions\n * @param options - configuration of toLocaleDateString method\n */\nexport function formatDate(\n  date?: string | number | Date,\n  format: DateFormat = 'DD MM YYYY',\n  options?: FormatDateOptions,\n) {\n  const formatOptions = dateFormats[format]\n  const { locales, ...mergedOptions } = { ...formatOptions, ...options }\n\n  if (format === 'YYYY-MM-DD, HH:MM:SS' || format === 'YYYY-MM-DD, HH:MM') {\n    return date\n      ? new Date(date).toLocaleDateString(locales) + ', ' + new Date(date).toLocaleTimeString(undefined, mergedOptions)\n      : ''\n  }\n\n  if (format === 'HH:MM') {\n    return date ? new Date(date).toLocaleTimeString(locales, mergedOptions) : ''\n  }\n\n  return date ? new Date(date).toLocaleDateString(locales, mergedOptions) : ''\n}\n"],"mappings":";;AAoBA,MAAa,cAAqD;CAChE,cAAc;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;CAAU;CAClE,qBAAqB;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;EAAW,MAAM;EAAW,QAAQ;CAAU;CAC7G,UAAU;EAAE,OAAO;EAAS,KAAK;CAAU;CAC3C,eAAe;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;CAAU;CACjE,sBAAsB;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,QAAQ;CAAU;CAC5G,iBAAiB;EAAE,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,QAAQ;CAAU;CACtF,SAAS;EAAE,SAAS;EAAS,MAAM;EAAW,QAAQ;EAAW,WAAW;CAAM;CAClF,eAAe;EAAE,SAAS;EAAS,MAAM;EAAW,OAAO;EAAS,KAAK;CAAU;CACnF,cAAc,EAAE,SAAS,QAAQ;CACjC,cAAc,EAAE,SAAS,QAAQ;CACjC,qBAAqB;EAAE,SAAS;EAAS,MAAM;EAAW,QAAQ;CAAU;CAC5E,qBAAqB;EAAE,SAAS;EAAS,WAAW;CAAQ;CAC5D,wBAAwB,EAAE,SAAS,QAAQ;AAC7C;;;;;;;;AASA,SAAgB,WACd,MACA,SAAqB,cACrB,SACA;CAEA,MAAM,EAAE,SAAS,GAAG,kBAAkB;EAAE,GADlB,YAAY;EACwB,GAAG;CAAQ;CAErE,IAAI,WAAW,0BAA0B,WAAW,qBAClD,OAAO,OACH,IAAI,KAAK,IAAI,EAAE,mBAAmB,OAAO,IAAI,OAAO,IAAI,KAAK,IAAI,EAAE,mBAAmB,QAAW,aAAa,IAC9G;CAGN,IAAI,WAAW,SACb,OAAO,OAAO,IAAI,KAAK,IAAI,EAAE,mBAAmB,SAAS,aAAa,IAAI;CAG5E,OAAO,OAAO,IAAI,KAAK,IAAI,EAAE,mBAAmB,SAAS,aAAa,IAAI;AAC5E"}
+{"version":3,"file":"formatDate.js","names":[],"sources":["../../src/utils/formatDate.ts"],"sourcesContent":["export type DateFormat =\n  | 'DD MM YYYY'\n  | 'DD MM YYYY, HH:MM'\n  | 'DD MMM'\n  | 'DD MMM YYYY'\n  | 'DD MMM YYYY, HH:MM'\n  | 'DD MMM, HH:MM'\n  | 'HH:MM'\n  | 'MMM D, YYYY'\n  | 'YYYY/MM/DD'\n  | 'YYYY-MM-DD'\n  | 'YYYY/MM/DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM'\n  | 'YYYY-MM-DD, HH:MM:SS'\n\nexport type FormatDateOptions = Intl.DateTimeFormatOptions & {\n  locales?: string | string[]\n}\n\n/** Predefined selection of date formats using DateTimeFormatOptions. */\nexport const dateFormats: Record<DateFormat, FormatDateOptions> = {\n  'DD MM YYYY': { year: 'numeric', month: '2-digit', day: '2-digit' },\n  'DD MM YYYY, HH:MM': { year: 'numeric', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM': { month: 'short', day: '2-digit' },\n  'DD MMM YYYY': { year: 'numeric', month: 'short', day: '2-digit' },\n  'DD MMM YYYY, HH:MM': { year: 'numeric', month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'DD MMM, HH:MM': { month: 'short', day: '2-digit', hour: '2-digit', minute: '2-digit' },\n  'HH:MM': { locales: 'en-GB', hour: '2-digit', minute: '2-digit', hourCycle: 'h23' },\n  'MMM D, YYYY': { locales: 'en-US', year: 'numeric', month: 'short', day: 'numeric' },\n  'YYYY/MM/DD': { locales: 'en-ZA' },\n  'YYYY-MM-DD': { locales: 'fr-CA' },\n  'YYYY/MM/DD, HH:MM': { locales: 'en-ZA', hour: '2-digit', minute: '2-digit' },\n  'YYYY-MM-DD, HH:MM': { locales: 'fr-CA', timeStyle: 'short' },\n  'YYYY-MM-DD, HH:MM:SS': { locales: 'fr-CA' },\n}\n\n/**\n * Structures given date string, milliseconds number or Date object according to the chosen format.\n * Uses toLocalDateString internally. Predefined formats specify initial options, which can be overwritten.\n * @param date - string, number or Date object accepted by Date() constructor\n * @param format - predefined configuration of DateTimeFormatOptions\n * @param options - configuration of toLocaleDateString method\n */\nexport function formatDate(\n  date?: string | number | Date,\n  format: DateFormat = 'DD MM YYYY',\n  options?: FormatDateOptions,\n) {\n  const formatOptions = dateFormats[format]\n  const { locales, ...mergedOptions } = { ...formatOptions, ...options }\n\n  if (format === 'YYYY-MM-DD, HH:MM:SS' || format === 'YYYY-MM-DD, HH:MM') {\n    return date\n      ? new Date(date).toLocaleDateString(locales) + ', ' + new Date(date).toLocaleTimeString(undefined, mergedOptions)\n      : ''\n  }\n\n  if (format === 'HH:MM') {\n    return date ? new Date(date).toLocaleTimeString(locales, mergedOptions) : ''\n  }\n\n  return date ? new Date(date).toLocaleDateString(locales, mergedOptions) : ''\n}\n"],"mappings":";;AAoBA,MAAa,cAAqD;CAChE,cAAc;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;CAAU;CAClE,qBAAqB;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;EAAW,MAAM;EAAW,QAAQ;CAAU;CAC7G,UAAU;EAAE,OAAO;EAAS,KAAK;CAAU;CAC3C,eAAe;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;CAAU;CACjE,sBAAsB;EAAE,MAAM;EAAW,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,QAAQ;CAAU;CAC5G,iBAAiB;EAAE,OAAO;EAAS,KAAK;EAAW,MAAM;EAAW,QAAQ;CAAU;CACtF,SAAS;EAAE,SAAS;EAAS,MAAM;EAAW,QAAQ;EAAW,WAAW;CAAM;CAClF,eAAe;EAAE,SAAS;EAAS,MAAM;EAAW,OAAO;EAAS,KAAK;CAAU;CACnF,cAAc,EAAE,SAAS,QAAQ;CACjC,cAAc,EAAE,SAAS,QAAQ;CACjC,qBAAqB;EAAE,SAAS;EAAS,MAAM;EAAW,QAAQ;CAAU;CAC5E,qBAAqB;EAAE,SAAS;EAAS,WAAW;CAAQ;CAC5D,wBAAwB,EAAE,SAAS,QAAQ;AAC7C;;;;;;;;AASA,SAAgB,WACd,MACA,SAAqB,cACrB,SACA;CAEA,MAAM,EAAE,SAAS,GAAG,kBAAkB;EAAE,GADlB,YAAY;EACwB,GAAG;CAAQ;CAErE,IAAI,WAAW,0BAA0B,WAAW,qBAClD,OAAO,OACH,IAAI,KAAK,IAAI,CAAC,CAAC,mBAAmB,OAAO,IAAI,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,mBAAmB,QAAW,aAAa,IAC9G;CAGN,IAAI,WAAW,SACb,OAAO,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,mBAAmB,SAAS,aAAa,IAAI;CAG5E,OAAO,OAAO,IAAI,KAAK,IAAI,CAAC,CAAC,mBAAmB,SAAS,aAAa,IAAI;AAC5E"}

package/dist/utils/function.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"function.d.ts","names":[],"sources":["../../src/utils/function.ts"],"mappings":";;;;iBAIgB,OAAA,CAAA,GAAW,GAAA,GAAM,WAAW,sBAC/B,IAAA;AAAA,iBAIG,IAAA,CAAA;;;;;iBAMA,OAAA,MAAA,CAAc,SAAA,EAAW,CAAA,QAAS,MAAA,EAAQ,CAAA,OAAQ,CAAA,MAAO,IAAA,EAAM,CAAA,KAAM,CAAA"}
+{"version":3,"file":"function.d.ts","names":[],"sources":["../../src/utils/function.ts"],"mappings":";;;;iBAIgB,OAAA,IAAW,GAAA,GAAM,WAAW,sBAC/B,IAAA;AAAA,iBAIG,IAAA;;;;;iBAMA,OAAA,OAAc,SAAA,EAAW,CAAA,QAAS,MAAA,EAAQ,CAAA,OAAQ,CAAA,MAAO,IAAA,EAAM,CAAA,KAAM,CAAA"}

package/dist/utils/function.js

@@ -16,5 +16,5 @@ function runIfFn(valueOrFn, ...args) {
 
 //#endregion
 export { callAll, noop, runIfFn };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=function.js.map

package/dist/utils/images.js

@@ -20,5 +20,5 @@ function loadImageUrl(url) {
 
 //#endregion
 export { loadImageUrl };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=images.js.map

package/dist/utils/number.js

@@ -6,5 +6,5 @@ function random(start = 0, end = 1e6) {
 
 //#endregion
 export { random };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=number.js.map

package/dist/utils/object.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"object.d.ts","names":[],"sources":["../../src/utils/object.ts"],"mappings":";;;;iBAIgB,eAAA,KAAoB,IAAA,CAAA,CAAM,MAAA,EAAQ,CAAA,GAAC,OAAA,CAAA,IAAA,CAAA,CAAA;AAAnD;;;;;;AAAA,iBAUgB,KAAA,YAAiB,IAAA,CAAA,CAAM,EAAA,EAAI,EAAA,GAAK,EAAA;AAAA,iBAChC,KAAA,YAAiB,IAAA,aAAiB,IAAA,CAAA,CAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC9D,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,CAAA,CAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC5F,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,CAAA,CAClF,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,GACH,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;;;;iBA6BF,YAAA,WAAuB,IAAA,kBAAsB,CAAA,CAAA,CAC3D,MAAA,EAAQ,CAAA,EACR,EAAA,GAAK,KAAA,OAAY,GAAA,UAAa,MAAA,EAAQ,CAAA,eAAa,OAAA,CAAA,CAAA"}
+{"version":3,"file":"object.d.ts","names":[],"sources":["../../src/utils/object.ts"],"mappings":";;;;iBAIgB,eAAA,KAAoB,IAAA,EAAM,MAAA,EAAQ,CAAA,GAAC,OAAA,CAAA,IAAA,CAAA,CAAA;AAAnD;;;;;;AAAA,iBAUgB,KAAA,YAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,GAAK,EAAA;AAAA,iBAChC,KAAA,YAAiB,IAAA,aAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC9D,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,EAAM,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,EAAI,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;AAAA,iBAC5F,KAAA,YAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,aAAiB,IAAA,EAClF,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,EACJ,EAAA,EAAI,EAAA,GACH,EAAA,GAAK,EAAA,GAAK,EAAA,GAAK,EAAA;;;;iBA6BF,YAAA,WAAuB,IAAA,kBAAsB,CAAA,EAC3D,MAAA,EAAQ,CAAA,EACR,EAAA,GAAK,KAAA,OAAY,GAAA,UAAa,MAAA,EAAQ,CAAA,eAAa,OAAA,CAAA,CAAA"}

package/dist/utils/object.js

@@ -32,5 +32,5 @@ function objectFilter(object, fn) {
 
 //#endregion
 export { filterUndefined, merge, objectFilter };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=object.js.map

package/dist/utils/object.js.map

@@ -1 +1 @@
-{"version":3,"file":"object.js","names":[],"sources":["../../src/utils/object.ts"],"sourcesContent":["import { isArray, isObject } from './assertion'\nimport type { Dict } from './types'\n\n/** Removes keys from an object if their value is undefined. */\nexport function filterUndefined<T = Dict>(object: T) {\n  return objectFilter(object as Dict<T>, val => val !== null && val !== undefined)\n}\n\n/**\n * Recursively deep merges two objects in an immutable fashion, following these rules:\n * - Key exists in target and both keys are objects => merge\n * - Key exists in target and both keys are arrays => concat (not unique)\n * - Key isn't an object, an array or doesn't exist in target => override\n */\nexport function merge<S1 extends Dict>(s1: S1): S1\nexport function merge<S1 extends Dict, S2 extends Dict>(s1: S1, s2: S2): S1 & S2\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict>(s1: S1, s2: S2, s3: S3): S1 & S2 & S3\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict, S4 extends Dict>(\n  s1: S1,\n  s2: S2,\n  s3: S3,\n  s4: S4,\n): S1 & S2 & S3 & S4\nexport function merge(...sources: any[]): any {\n  const target = {} as Dict\n\n  sources.forEach(source => {\n    if (!isObject(source)) return\n\n    Object.keys(source).forEach(key => {\n      if (key === '__proto__') return\n\n      if (isObject(target[key]) && isObject(source[key])) {\n        // Merge objects\n        target[key] = merge(target[key], source[key])\n      } else if (isArray(target[key]) && isArray(source[key])) {\n        // Concat arrays\n        target[key] = target[key].concat(source[key])\n      } else if (source[key] !== undefined) {\n        // Pick source if it exists\n        target[key] = source[key]\n      }\n    })\n  })\n\n  return target\n}\n\n/**\n * Returns the items of an object that meet the condition specified in a callback function.\n */\nexport function objectFilter<T extends Dict, K extends keyof T>(\n  object: T,\n  fn: (value: any, key: string, object: T) => boolean,\n) {\n  const result: Partial<T> = {}\n\n  Object.keys(object).forEach(key => {\n    const value = object[key]\n    const shouldPass = fn(value, key, object)\n    if (shouldPass) {\n      result[key as K] = value\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;AAIA,SAAgB,gBAA0B,QAAW;CACnD,OAAO,aAAa,SAAmB,QAAO,QAAQ,QAAQ,QAAQ,MAAS;AACjF;AAiBA,SAAgB,MAAM,GAAG,SAAqB;CAC5C,MAAM,SAAS,CAAC;CAEhB,QAAQ,SAAQ,WAAU;EACxB,IAAI,CAAC,SAAS,MAAM,GAAG;EAEvB,OAAO,KAAK,MAAM,EAAE,SAAQ,QAAO;GACjC,IAAI,QAAQ,aAAa;GAEzB,IAAI,SAAS,OAAO,IAAI,KAAK,SAAS,OAAO,IAAI,GAE/C,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,IAAI;QACvC,IAAI,QAAQ,OAAO,IAAI,KAAK,QAAQ,OAAO,IAAI,GAEpD,OAAO,OAAO,OAAO,KAAK,OAAO,OAAO,IAAI;QACvC,IAAI,OAAO,SAAS,QAEzB,OAAO,OAAO,OAAO;EAEzB,CAAC;CACH,CAAC;CAED,OAAO;AACT;;;;AAKA,SAAgB,aACd,QACA,IACA;CACA,MAAM,SAAqB,CAAC;CAE5B,OAAO,KAAK,MAAM,EAAE,SAAQ,QAAO;EACjC,MAAM,QAAQ,OAAO;EAErB,IADmB,GAAG,OAAO,KAAK,MACrB,GACX,OAAO,OAAY;CAEvB,CAAC;CAED,OAAO;AACT"}
+{"version":3,"file":"object.js","names":[],"sources":["../../src/utils/object.ts"],"sourcesContent":["import { isArray, isObject } from './assertion'\nimport type { Dict } from './types'\n\n/** Removes keys from an object if their value is undefined. */\nexport function filterUndefined<T = Dict>(object: T) {\n  return objectFilter(object as Dict<T>, val => val !== null && val !== undefined)\n}\n\n/**\n * Recursively deep merges two objects in an immutable fashion, following these rules:\n * - Key exists in target and both keys are objects => merge\n * - Key exists in target and both keys are arrays => concat (not unique)\n * - Key isn't an object, an array or doesn't exist in target => override\n */\nexport function merge<S1 extends Dict>(s1: S1): S1\nexport function merge<S1 extends Dict, S2 extends Dict>(s1: S1, s2: S2): S1 & S2\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict>(s1: S1, s2: S2, s3: S3): S1 & S2 & S3\nexport function merge<S1 extends Dict, S2 extends Dict, S3 extends Dict, S4 extends Dict>(\n  s1: S1,\n  s2: S2,\n  s3: S3,\n  s4: S4,\n): S1 & S2 & S3 & S4\nexport function merge(...sources: any[]): any {\n  const target = {} as Dict\n\n  sources.forEach(source => {\n    if (!isObject(source)) return\n\n    Object.keys(source).forEach(key => {\n      if (key === '__proto__') return\n\n      if (isObject(target[key]) && isObject(source[key])) {\n        // Merge objects\n        target[key] = merge(target[key], source[key])\n      } else if (isArray(target[key]) && isArray(source[key])) {\n        // Concat arrays\n        target[key] = target[key].concat(source[key])\n      } else if (source[key] !== undefined) {\n        // Pick source if it exists\n        target[key] = source[key]\n      }\n    })\n  })\n\n  return target\n}\n\n/**\n * Returns the items of an object that meet the condition specified in a callback function.\n */\nexport function objectFilter<T extends Dict, K extends keyof T>(\n  object: T,\n  fn: (value: any, key: string, object: T) => boolean,\n) {\n  const result: Partial<T> = {}\n\n  Object.keys(object).forEach(key => {\n    const value = object[key]\n    const shouldPass = fn(value, key, object)\n    if (shouldPass) {\n      result[key as K] = value\n    }\n  })\n\n  return result\n}\n"],"mappings":";;;;AAIA,SAAgB,gBAA0B,QAAW;CACnD,OAAO,aAAa,SAAmB,QAAO,QAAQ,QAAQ,QAAQ,MAAS;AACjF;AAiBA,SAAgB,MAAM,GAAG,SAAqB;CAC5C,MAAM,SAAS,CAAC;CAEhB,QAAQ,SAAQ,WAAU;EACxB,IAAI,CAAC,SAAS,MAAM,GAAG;EAEvB,OAAO,KAAK,MAAM,CAAC,CAAC,SAAQ,QAAO;GACjC,IAAI,QAAQ,aAAa;GAEzB,IAAI,SAAS,OAAO,IAAI,KAAK,SAAS,OAAO,IAAI,GAE/C,OAAO,OAAO,MAAM,OAAO,MAAM,OAAO,IAAI;QACvC,IAAI,QAAQ,OAAO,IAAI,KAAK,QAAQ,OAAO,IAAI,GAEpD,OAAO,OAAO,OAAO,IAAI,CAAC,OAAO,OAAO,IAAI;QACvC,IAAI,OAAO,SAAS,QAEzB,OAAO,OAAO,OAAO;EAEzB,CAAC;CACH,CAAC;CAED,OAAO;AACT;;;;AAKA,SAAgB,aACd,QACA,IACA;CACA,MAAM,SAAqB,CAAC;CAE5B,OAAO,KAAK,MAAM,CAAC,CAAC,SAAQ,QAAO;EACjC,MAAM,QAAQ,OAAO;EAErB,IADmB,GAAG,OAAO,KAAK,MACrB,GACX,OAAO,OAAY;CAEvB,CAAC;CAED,OAAO;AACT"}

package/dist/utils/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","names":[],"sources":["../../src/utils/react.ts"],"mappings":";;;;KAOK,QAAA,MAAc,KAAA,CAAM,GAAA,CAAI,CAAA,IAAK,KAAA,CAAM,SAAA,CAAU,CAAA,IAAK,KAAA,CAAM,gBAAA,CAAiB,CAAA;AAFO;;;;AAAA,iBAQrE,SAAA,SAAA,CAAmB,GAAA,EAAK,QAAA,CAAS,CAAA,eAAgB,KAAA,EAAO,CAAA;;iBAgBxD,eAAA,aAAA,CAA2B,OAAA,GAAS,oBAAA,GAoBT,mBAAA,CAAoB,WAAA;;iBAI/C,SAAA,GAAA,CAAA,GAAgB,IAAA,GAAO,QAAA,CAAS,CAAA,oBACtC,IAAA,EAAM,CAAA;;iBAOA,cAAA,WAAyB,WAAA,CAAA,CAAa,QAAA,GAAW,CAAA,EAAG,IAAA,GAAM,cAAA,GAAmB,CAAA;;;;;;;;iBAmB7E,eAAA,CACd,GAAA,EAAK,SAAA,CAAU,WAAA,WAAsB,SAAA,CAAU,WAAA,YAC/C,QAAA,IAAY,KAAA,EAAO,KAAA,WACnB,MAAA;AAAA,KAmBU,kBAAA;EACV,YAAA,GAAe,CAAA;EACf,QAAA,IAAY,KAAA,EAAO,CAAA;EACnB,KAAA,GAAQ,CAAA;AAAA;;iBAKM,aAAA,GAAA,CAAiB,KAAA,EAAO,kBAAA,CAAmB,CAAA,KAsBvD,CAAA,EACA,QAAA,CAAS,cAAA,CAAe,CAAA;EACtB,YAAA;EAAuB,KAAA;AAAA;;iBAKb,MAAA,CAAO,EAAA,UAAY,QAAkB;;;;iBAQrC,YAAA,CAAA"}
+{"version":3,"file":"react.d.ts","names":[],"sources":["../../src/utils/react.ts"],"mappings":";;;;KAOK,QAAA,MAAc,KAAA,CAAM,GAAA,CAAI,CAAA,IAAK,KAAA,CAAM,SAAA,CAAU,CAAA,IAAK,KAAA,CAAM,gBAAA,CAAiB,CAAA;AAFO;;;;AAAA,iBAQrE,SAAA,UAAmB,GAAA,EAAK,QAAA,CAAS,CAAA,eAAgB,KAAA,EAAO,CAAA;;iBAgBxD,eAAA,cAA2B,OAAA,GAAS,oBAAA,GAoBT,mBAAA,CAAoB,WAAA;;iBAI/C,SAAA,OAAgB,IAAA,GAAO,QAAA,CAAS,CAAA,oBACtC,IAAA,EAAM,CAAA;;iBAOA,cAAA,WAAyB,WAAA,EAAa,QAAA,GAAW,CAAA,EAAG,IAAA,GAAM,cAAA,GAAmB,CAAA;;;;;;;;iBAmB7E,eAAA,CACd,GAAA,EAAK,SAAA,CAAU,WAAA,WAAsB,SAAA,CAAU,WAAA,YAC/C,QAAA,IAAY,KAAA,EAAO,KAAA,WACnB,MAAA;AAAA,KAmBU,kBAAA;EACV,YAAA,GAAe,CAAA;EACf,QAAA,IAAY,KAAA,EAAO,CAAA;EACnB,KAAA,GAAQ,CAAA;AAAA;;iBAKM,aAAA,IAAiB,KAAA,EAAO,kBAAA,CAAmB,CAAA,KAsBvD,CAAA,EACA,QAAA,CAAS,cAAA,CAAe,CAAA;EACtB,YAAA;EAAuB,KAAA;AAAA;;iBAKb,MAAA,CAAO,EAAA,UAAY,QAAkB;;;;iBAQrC,YAAA"}

package/dist/utils/react.js

@@ -109,5 +109,5 @@ function useIsMounted() {
 
 //#endregion
 export { assignRef, createContext$1 as createContext, mergeRefs, useCallbackRef, useClickOutside, useControlled, useIds, useIsMounted };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=react.js.map

package/dist/utils/string.js

@@ -19,5 +19,5 @@ const generateMenuItemId = (title, level = 0) => {
 
 //#endregion
 export { generateMenuItemId, normalizeToId };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=string.js.map

package/dist/utils/string.js.map

@@ -1 +1 @@
-{"version":3,"file":"string.js","names":[],"sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Normalizes a string to be used as an identifier\n * - Converts to lowercase\n * - Replaces spaces and special characters with hyphens\n * - Removes consecutive hyphens\n * - Trims leading/trailing hyphens\n */\nexport const normalizeToId = (str: string): string => {\n  return str\n    .toLowerCase()\n    .replace(/\\s+/g, '-') // Replace spaces with hyphens\n    .replace(/[^a-z0-9-]/g, '-') // Replace special characters with hyphens\n    .replace(/-+/g, '-') // Replace consecutive hyphens with single hyphen\n    .replace(/^-+|-+$/g, '') // Remove leading and trailing hyphens\n}\n\n/**\n * Generates a menu item ID from title and level\n */\nexport const generateMenuItemId = (title: string, level: number = 0): string => {\n  const normalizedTitle = normalizeToId(title)\n  return normalizedTitle ? `${normalizedTitle}-${level}` : `item-${level}`\n}\n"],"mappings":";;;;;;;;AAOA,MAAa,iBAAiB,QAAwB;CACpD,OAAO,IACJ,YAAY,EACZ,QAAQ,QAAQ,GAAG,EACnB,QAAQ,eAAe,GAAG,EAC1B,QAAQ,OAAO,GAAG,EAClB,QAAQ,YAAY,EAAE;AAC3B;;;;AAKA,MAAa,sBAAsB,OAAe,QAAgB,MAAc;CAC9E,MAAM,kBAAkB,cAAc,KAAK;CAC3C,OAAO,kBAAkB,GAAG,gBAAgB,GAAG,UAAU,QAAQ;AACnE"}
+{"version":3,"file":"string.js","names":[],"sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Normalizes a string to be used as an identifier\n * - Converts to lowercase\n * - Replaces spaces and special characters with hyphens\n * - Removes consecutive hyphens\n * - Trims leading/trailing hyphens\n */\nexport const normalizeToId = (str: string): string => {\n  return str\n    .toLowerCase()\n    .replace(/\\s+/g, '-') // Replace spaces with hyphens\n    .replace(/[^a-z0-9-]/g, '-') // Replace special characters with hyphens\n    .replace(/-+/g, '-') // Replace consecutive hyphens with single hyphen\n    .replace(/^-+|-+$/g, '') // Remove leading and trailing hyphens\n}\n\n/**\n * Generates a menu item ID from title and level\n */\nexport const generateMenuItemId = (title: string, level: number = 0): string => {\n  const normalizedTitle = normalizeToId(title)\n  return normalizedTitle ? `${normalizedTitle}-${level}` : `item-${level}`\n}\n"],"mappings":";;;;;;;;AAOA,MAAa,iBAAiB,QAAwB;CACpD,OAAO,IACJ,YAAY,CAAC,CACb,QAAQ,QAAQ,GAAG,CAAC,CACpB,QAAQ,eAAe,GAAG,CAAC,CAC3B,QAAQ,OAAO,GAAG,CAAC,CACnB,QAAQ,YAAY,EAAE;AAC3B;;;;AAKA,MAAa,sBAAsB,OAAe,QAAgB,MAAc;CAC9E,MAAM,kBAAkB,cAAc,KAAK;CAC3C,OAAO,kBAAkB,GAAG,gBAAgB,GAAG,UAAU,QAAQ;AACnE"}

package/dist/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","names":[],"sources":["../../src/utils/styles.ts"],"mappings":";;;;iBAKgB,EAAA,CAAA,GAAM,UAAU;AAAhC;AAAA,iBAKgB,QAAA,CAAS,KAAA;;;;;;iBAWT,SAAA,CAAU,GAAA,UAAa,KAAc;AAAA,iBAkBrC,cAAA,CAAe,KAAA,UAAe,KAAc;;iBAU5C,SAAA,CAAU,CAAA,UAAW,CAAA,UAAW,CAAA,UAAW,KAAA;;cA6C9C,gBAAA;;;cAGa,QAAA,CAAS,UAAU;AAAA"}
+{"version":3,"file":"styles.d.ts","names":[],"sources":["../../src/utils/styles.ts"],"mappings":";;;;iBAKgB,EAAA,IAAM,UAAU;AAAhC;AAAA,iBAKgB,QAAA,CAAS,KAAA;;;;;;iBAWT,SAAA,CAAU,GAAA,UAAa,KAAc;AAAA,iBAkBrC,cAAA,CAAe,KAAA,UAAe,KAAc;;iBAU5C,SAAA,CAAU,CAAA,UAAW,CAAA,UAAW,CAAA,UAAW,KAAA;;cA6C9C,gBAAA;;;cAGa,QAAA,CAAS,UAAU;AAAA"}

package/dist/utils/styles.js

@@ -7,7 +7,7 @@ function cs(...classNames) {
 }
 /** Parses HSL color code. */
 function parseHSL(color) {
-	const res = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g?.exec?.(color)?.slice?.(1);
+	const res = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g.exec?.(color)?.slice?.(1);
 	return {
 		h: Number(res?.[0]) || 0,
 		s: Number(res?.[1]) || 0,
@@ -75,5 +75,5 @@ const ellipsisOverflow = {
 
 //#endregion
 export { HSLToRGBA, cs, ellipsisOverflow, hexToRGBA, parseHSL, vuiColorToRGBA };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=styles.js.map

package/dist/utils/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["colors"],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import type { Property } from 'csstype'\n\nimport colors from '../theme/foundations/colors'\n\n/** Concatenates individual className arguments and returns a single string. */\nexport function cs(...classNames: any[]) {\n  return classNames.filter(Boolean).join(' ')\n}\n\n/** Parses HSL color code. */\nexport function parseHSL(color: string) {\n  const regexp = /hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/g\n  const res = regexp?.exec?.(color)?.slice?.(1)\n  return {\n    h: Number(res?.[0]) || 0,\n    s: Number(res?.[1]) || 0,\n    l: Number(res?.[2]) || 0,\n  }\n}\n\n/** Converts hex color value to rgb with optional alpha property. */\nexport function hexToRGBA(hex: string, alpha?: number) {\n  let hexStr = hex\n\n  if (hexStr.charAt(0) === '#') hexStr = hexStr.slice(1)\n\n  if (hexStr.length < 4)\n    hexStr = hexStr\n      .split('')\n      .map(char => char + char)\n      .join('')\n\n  const r = parseInt(hexStr.slice(0, 2), 16)\n  const g = parseInt(hexStr.slice(2, 4), 16)\n  const b = parseInt(hexStr.slice(4, 6), 16)\n\n  return alpha !== undefined ? `rgba(${r}, ${g}, ${b}, ${alpha})` : `rgb(${r}, ${g}, ${b})`\n}\n\nexport function vuiColorToRGBA(color: string, alpha?: number) {\n  if (!color.includes('.')) return 'transparent'\n\n  const [colorName, shade] = color.split('.')\n\n  const x = parseHSL((colors as Record<string, any>)[colorName][shade])\n  return HSLToRGBA(x.h, x.s, x.l, alpha || shade === 'main' ? 1 : parseInt(shade))\n}\n\n/** Converts hsl color value to rgb with optional alpha property. */\nexport function HSLToRGBA(h: number, s: number, l: number, alpha?: number) {\n  s /= 100\n  l /= 100\n\n  const c = (1 - Math.abs(2 * l - 1)) * s,\n    x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\n    m = l - c / 2\n\n  let r = 0,\n    g = 0,\n    b = 0\n\n  if (0 <= h && h < 60) {\n    r = c\n    g = x\n    b = 0\n  } else if (60 <= h && h < 120) {\n    r = x\n    g = c\n    b = 0\n  } else if (120 <= h && h < 180) {\n    r = 0\n    g = c\n    b = x\n  } else if (180 <= h && h < 240) {\n    r = 0\n    g = x\n    b = c\n  } else if (240 <= h && h < 300) {\n    r = x\n    g = 0\n    b = c\n  } else if (300 <= h && h < 360) {\n    r = c\n    g = 0\n    b = x\n  }\n  r = Math.round((r + m) * 255)\n  g = Math.round((g + m) * 255)\n  b = Math.round((b + m) * 255)\n\n  return alpha !== undefined ? `rgba(${r}, ${g}, ${b}, ${alpha})` : `rgb(${r}, ${g}, ${b})`\n}\n\n/** Styling to add ellipsis for long texts. */\nexport const ellipsisOverflow = {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap' as Property.WhiteSpace,\n}\n"],"mappings":";;;;AAKA,SAAgB,GAAG,GAAG,YAAmB;CACvC,OAAO,WAAW,OAAO,OAAO,EAAE,KAAK,GAAG;AAC5C;;AAGA,SAAgB,SAAS,OAAe;CAEtC,MAAM,MAAM,2CAAQ,OAAO,KAAK,GAAG,QAAQ,CAAC;CAC5C,OAAO;EACL,GAAG,OAAO,MAAM,EAAE,KAAK;EACvB,GAAG,OAAO,MAAM,EAAE,KAAK;EACvB,GAAG,OAAO,MAAM,EAAE,KAAK;CACzB;AACF;;AAGA,SAAgB,UAAU,KAAa,OAAgB;CACrD,IAAI,SAAS;CAEb,IAAI,OAAO,OAAO,CAAC,MAAM,KAAK,SAAS,OAAO,MAAM,CAAC;CAErD,IAAI,OAAO,SAAS,GAClB,SAAS,OACN,MAAM,EAAE,EACR,KAAI,SAAQ,OAAO,IAAI,EACvB,KAAK,EAAE;CAEZ,MAAM,IAAI,SAAS,OAAO,MAAM,GAAG,CAAC,GAAG,EAAE;CACzC,MAAM,IAAI,SAAS,OAAO,MAAM,GAAG,CAAC,GAAG,EAAE;CACzC,MAAM,IAAI,SAAS,OAAO,MAAM,GAAG,CAAC,GAAG,EAAE;CAEzC,OAAO,UAAU,SAAY,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AACzF;AAEA,SAAgB,eAAe,OAAe,OAAgB;CAC5D,IAAI,CAAC,MAAM,SAAS,GAAG,GAAG,OAAO;CAEjC,MAAM,CAAC,WAAW,SAAS,MAAM,MAAM,GAAG;CAE1C,MAAM,IAAI,SAAUA,eAA+B,WAAW,MAAM;CACpE,OAAO,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,SAAS,UAAU,SAAS,IAAI,SAAS,KAAK,CAAC;AACjF;;AAGA,SAAgB,UAAU,GAAW,GAAW,GAAW,OAAgB;CACzE,KAAK;CACL,KAAK;CAEL,MAAM,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,GACpC,IAAI,KAAK,IAAI,KAAK,IAAM,IAAI,KAAM,IAAK,CAAC,IACxC,IAAI,IAAI,IAAI;CAEd,IAAI,IAAI,GACN,IAAI,GACJ,IAAI;CAEN,IAAI,KAAK,KAAK,IAAI,IAAI;EACpB,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,MAAM,KAAK,IAAI,KAAK;EAC7B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN;CACA,IAAI,KAAK,OAAO,IAAI,KAAK,GAAG;CAC5B,IAAI,KAAK,OAAO,IAAI,KAAK,GAAG;CAC5B,IAAI,KAAK,OAAO,IAAI,KAAK,GAAG;CAE5B,OAAO,UAAU,SAAY,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AACzF;;AAGA,MAAa,mBAAmB;CAC9B,UAAU;CACV,cAAc;CACd,YAAY;AACd"}
+{"version":3,"file":"styles.js","names":["colors"],"sources":["../../src/utils/styles.ts"],"sourcesContent":["import type { Property } from 'csstype'\n\nimport colors from '../theme/foundations/colors'\n\n/** Concatenates individual className arguments and returns a single string. */\nexport function cs(...classNames: any[]) {\n  return classNames.filter(Boolean).join(' ')\n}\n\n/** Parses HSL color code. */\nexport function parseHSL(color: string) {\n  const regexp = /hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/g\n  const res = regexp?.exec?.(color)?.slice?.(1)\n  return {\n    h: Number(res?.[0]) || 0,\n    s: Number(res?.[1]) || 0,\n    l: Number(res?.[2]) || 0,\n  }\n}\n\n/** Converts hex color value to rgb with optional alpha property. */\nexport function hexToRGBA(hex: string, alpha?: number) {\n  let hexStr = hex\n\n  if (hexStr.charAt(0) === '#') hexStr = hexStr.slice(1)\n\n  if (hexStr.length < 4)\n    hexStr = hexStr\n      .split('')\n      .map(char => char + char)\n      .join('')\n\n  const r = parseInt(hexStr.slice(0, 2), 16)\n  const g = parseInt(hexStr.slice(2, 4), 16)\n  const b = parseInt(hexStr.slice(4, 6), 16)\n\n  return alpha !== undefined ? `rgba(${r}, ${g}, ${b}, ${alpha})` : `rgb(${r}, ${g}, ${b})`\n}\n\nexport function vuiColorToRGBA(color: string, alpha?: number) {\n  if (!color.includes('.')) return 'transparent'\n\n  const [colorName, shade] = color.split('.')\n\n  const x = parseHSL((colors as Record<string, any>)[colorName][shade])\n  return HSLToRGBA(x.h, x.s, x.l, alpha || shade === 'main' ? 1 : parseInt(shade))\n}\n\n/** Converts hsl color value to rgb with optional alpha property. */\nexport function HSLToRGBA(h: number, s: number, l: number, alpha?: number) {\n  s /= 100\n  l /= 100\n\n  const c = (1 - Math.abs(2 * l - 1)) * s,\n    x = c * (1 - Math.abs(((h / 60) % 2) - 1)),\n    m = l - c / 2\n\n  let r = 0,\n    g = 0,\n    b = 0\n\n  if (0 <= h && h < 60) {\n    r = c\n    g = x\n    b = 0\n  } else if (60 <= h && h < 120) {\n    r = x\n    g = c\n    b = 0\n  } else if (120 <= h && h < 180) {\n    r = 0\n    g = c\n    b = x\n  } else if (180 <= h && h < 240) {\n    r = 0\n    g = x\n    b = c\n  } else if (240 <= h && h < 300) {\n    r = x\n    g = 0\n    b = c\n  } else if (300 <= h && h < 360) {\n    r = c\n    g = 0\n    b = x\n  }\n  r = Math.round((r + m) * 255)\n  g = Math.round((g + m) * 255)\n  b = Math.round((b + m) * 255)\n\n  return alpha !== undefined ? `rgba(${r}, ${g}, ${b}, ${alpha})` : `rgb(${r}, ${g}, ${b})`\n}\n\n/** Styling to add ellipsis for long texts. */\nexport const ellipsisOverflow = {\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap' as Property.WhiteSpace,\n}\n"],"mappings":";;;;AAKA,SAAgB,GAAG,GAAG,YAAmB;CACvC,OAAO,WAAW,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG;AAC5C;;AAGA,SAAgB,SAAS,OAAe;CAEtC,MAAM,MAAM,0CAAQ,OAAO,KAAK,CAAC,EAAE,QAAQ,CAAC;CAC5C,OAAO;EACL,GAAG,OAAO,MAAM,EAAE,KAAK;EACvB,GAAG,OAAO,MAAM,EAAE,KAAK;EACvB,GAAG,OAAO,MAAM,EAAE,KAAK;CACzB;AACF;;AAGA,SAAgB,UAAU,KAAa,OAAgB;CACrD,IAAI,SAAS;CAEb,IAAI,OAAO,OAAO,CAAC,MAAM,KAAK,SAAS,OAAO,MAAM,CAAC;CAErD,IAAI,OAAO,SAAS,GAClB,SAAS,OACN,MAAM,EAAE,CAAC,CACT,KAAI,SAAQ,OAAO,IAAI,CAAC,CACxB,KAAK,EAAE;CAEZ,MAAM,IAAI,SAAS,OAAO,MAAM,GAAG,CAAC,GAAG,EAAE;CACzC,MAAM,IAAI,SAAS,OAAO,MAAM,GAAG,CAAC,GAAG,EAAE;CACzC,MAAM,IAAI,SAAS,OAAO,MAAM,GAAG,CAAC,GAAG,EAAE;CAEzC,OAAO,UAAU,SAAY,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AACzF;AAEA,SAAgB,eAAe,OAAe,OAAgB;CAC5D,IAAI,CAAC,MAAM,SAAS,GAAG,GAAG,OAAO;CAEjC,MAAM,CAAC,WAAW,SAAS,MAAM,MAAM,GAAG;CAE1C,MAAM,IAAI,SAAUA,eAA+B,UAAU,CAAC,MAAM;CACpE,OAAO,UAAU,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,SAAS,UAAU,SAAS,IAAI,SAAS,KAAK,CAAC;AACjF;;AAGA,SAAgB,UAAU,GAAW,GAAW,GAAW,OAAgB;CACzE,KAAK;CACL,KAAK;CAEL,MAAM,KAAK,IAAI,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,GACpC,IAAI,KAAK,IAAI,KAAK,IAAM,IAAI,KAAM,IAAK,CAAC,IACxC,IAAI,IAAI,IAAI;CAEd,IAAI,IAAI,GACN,IAAI,GACJ,IAAI;CAEN,IAAI,KAAK,KAAK,IAAI,IAAI;EACpB,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,MAAM,KAAK,IAAI,KAAK;EAC7B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN,OAAO,IAAI,OAAO,KAAK,IAAI,KAAK;EAC9B,IAAI;EACJ,IAAI;EACJ,IAAI;CACN;CACA,IAAI,KAAK,OAAO,IAAI,KAAK,GAAG;CAC5B,IAAI,KAAK,OAAO,IAAI,KAAK,GAAG;CAC5B,IAAI,KAAK,OAAO,IAAI,KAAK,GAAG;CAE5B,OAAO,UAAU,SAAY,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,MAAM,KAAK,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AACzF;;AAGA,MAAa,mBAAmB;CAC9B,UAAU;CACV,cAAc;CACd,YAAY;AACd"}

package/dist/utils/uid.js

@@ -3,5 +3,5 @@ const uid = (prefix) => `${prefix ? `${prefix}_` : ""}${Date.now().toString(36)
 
 //#endregion
 export { uid };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=uid.js.map

package/dist/utils/uid.js.map

@@ -1 +1 @@
-{"version":3,"file":"uid.js","names":[],"sources":["../../src/utils/uid.ts"],"sourcesContent":["export const uid = (prefix?: string) =>\n  `${prefix ? `${prefix}_` : ''}${Date.now().toString(36) + Math.random().toString(36).substr(2)}`\n"],"mappings":";AAAA,MAAa,OAAO,WAClB,GAAG,SAAS,GAAG,OAAO,KAAK,KAAK,KAAK,IAAI,EAAE,SAAS,EAAE,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,OAAO,CAAC"}
+{"version":3,"file":"uid.js","names":[],"sources":["../../src/utils/uid.ts"],"sourcesContent":["export const uid = (prefix?: string) =>\n  `${prefix ? `${prefix}_` : ''}${Date.now().toString(36) + Math.random().toString(36).substr(2)}`\n"],"mappings":";AAAA,MAAa,OAAO,WAClB,GAAG,SAAS,GAAG,OAAO,KAAK,KAAK,KAAK,IAAI,CAAC,CAAC,SAAS,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC"}

package/dist/utils/window.js

@@ -3,5 +3,5 @@ const isActivePath = (path) => !!path && window.location.pathname.includes(path)
 
 //#endregion
 export { isActivePath };
-globalThis.__vuiVersion__ = "5.1.1"
+globalThis.__vuiVersion__ = "5.2.0"
 //# sourceMappingURL=window.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "5.1.1",
+  "version": "5.2.0-alpha.395258.2606090726",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Veracity",
@@ -35,30 +35,29 @@
   },
   "dependencies": {
     "@floating-ui/react": "^0.27.19",
+    "@radix-ui/react-slider": "^1.3.6",
     "@types/styled-components": "5.1.36",
     "@xstyled/core": "2.5.0",
     "@xstyled/styled-components": "2.5.0",
     "@xstyled/system": "2.5.0",
     "@xstyled/util": "2.2.3",
     "react-focus-lock": "2.13.7",
-    "react-slider": "2.0.6",
     "styled-components": "^5.3.11"
   },
   "devDependencies": {
-    "@arethetypeswrong/cli": "^0.18.2",
+    "@arethetypeswrong/cli": "^0.18.3",
     "@tanstack/intent": "^0.0.41",
     "@types/node": "^24",
-    "@types/react": "^19.2.15",
+    "@types/react": "^19.2.16",
     "@types/react-dom": "^19.2.3",
-    "@types/react-slider": "^1.3.6",
     "@veracity/eslint-config": "*",
     "@veracity/tsconfig": "*",
-    "eslint": "^10.4.0",
+    "eslint": "^10.4.1",
     "eslint-plugin-perfectionist": "^5.9.0",
-    "oxfmt": "^0.51.0",
+    "oxfmt": "^0.53.0",
     "premove": "^4.0.0",
     "publint": "^0.3.21",
-    "tsdown": "^0.22.0"
+    "tsdown": "^0.22.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",

package/skills/build-with-vui/SKILL.md

@@ -140,7 +140,7 @@ Wrong:
 Correct:
 
 ```tsx
-<Badge variant="subtleGreen">Active</Badge>
+<Badge variant="subtle" intent="success">Active</Badge>
 ```
 
 Check component docs for exact variant values before coding.

package/skills/upgrade-vui-v4-to-v5/SKILL.md

@@ -2,20 +2,24 @@
 name: upgrade-vui-v4-to-v5
 description: >
   Upgrade a React application from @veracity/vui v4 to v5. Use when migrating
-  Notification, Button, IconButton, CloseButton/DismissButton, Dialog close
-  controls, iconLeft/iconRight aliases, CSS variables, or visual regressions
-  caused by VUI 5 spacing and token changes.
+  Notification, Button, IconButton, Tag, Badge, CloseButton/DismissButton,
+  Dialog close controls, iconLeft/iconRight aliases, CSS variables, or visual
+  regressions caused by VUI 5 spacing and token changes.
 type: lifecycle
 library: '@veracity/vui'
-library_version: '5.1.1'
+library_version: '5.2.0'
 sources:
   - 'WEB-VUI:apps/docs/stories/guides/overview/ReleaseNotes.mdx'
   - 'WEB-VUI:apps/docs/stories/guides/overview/MigrationGuide.mdx'
   - 'WEB-VUI:apps/docs/static/llms/components/button.md'
   - 'WEB-VUI:apps/docs/static/llms/components/notification.md'
   - 'WEB-VUI:apps/docs/static/llms/components/iconButton.md'
+  - 'WEB-VUI:apps/docs/static/llms/components/tag.md'
+  - 'WEB-VUI:apps/docs/static/llms/components/badge.md'
   - 'WEB-VUI:packages/vui/src/notification/notification.tsx'
   - 'WEB-VUI:packages/vui/src/button/buttons.tsx'
+  - 'WEB-VUI:packages/vui/src/tag/tag.tsx'
+  - 'WEB-VUI:packages/vui/src/badge/badge.tsx'
   - 'WEB-VUI:packages/vui/src/dialog/dialog.tsx'
 ---
 
@@ -36,7 +40,7 @@ Treat this as a migration checklist. Make safe mechanical edits, leave explicit
 Useful searches:
 
 ```bash
-rg -n "Notification\\.Button|NotificationButton|showDismissButton|onClose=|status=|verticalAlign=|variant=\"(subtle|banner|solid|blue|menu|primaryDark|secondaryDark|tertiaryDark|primaryLight|secondaryLight|tertiaryLight)|CloseButton|Dialog\\.CloseButton|IconButton|iconLeft=|iconRight=" src
+rg -n "Notification\\.Button|NotificationButton|showDismissButton|onClose=|status=|verticalAlign=|variant=\"(subtle|banner|solid|minimal|blue|menu|primaryDark|secondaryDark|tertiaryDark|primaryLight|secondaryLight|tertiaryLight)|CloseButton|Dialog\\.CloseButton|IconButton|iconLeft=|iconRight=" src
 ```
 
 Adjust the search root for the host repository.
@@ -168,6 +172,36 @@ Replace old blue variants:
 
 For `subtleBlue`, `subtleRed`, `subtleGreen`, `subtleYellow`, `menuLight`, and `menuDark`, migrate to the closest `secondary` or `tertiary` hierarchy and verify visually. Use CSS variable overrides only when the old component-specific look is required.
 
+## Tag And Badge (5.2.0)
+
+`Tag` and `Badge` adopt the two-prop `variant` + `intent` API. Legacy combined-string variants and `iconLeft` / `iconRight` still work but emit dev-mode warnings and will be removed in VUI 6.0.
+
+Split combined variant keys into `variant` + `intent`:
+
+```tsx
+<Tag variant="subtleBrand" iconLeft="uiCheck">Done</Tag>
+<Tag variant="subtle" intent="brand" startIcon="uiCheck">Done</Tag>
+
+<Tag variant="solidDanger" iconRight="uiXmark">Error</Tag>
+<Tag variant="solid" intent="danger" endIcon="uiXmark">Error</Tag>
+
+<Badge variant="subtleSuccess">New</Badge>
+<Badge variant="subtle" intent="success">New</Badge>
+
+<Badge variant="solidBlue">Beta</Badge>
+<Badge variant="solid" intent="blue">Beta</Badge>
+```
+
+Tag supports `variant`: `subtle | solid | minimal` and `intent`: `brand | success | danger | lavender | eucalyptus | terracotta | grey`.
+
+Badge supports `variant`: `subtle | solid` and `intent`: `grey | earth | blue | blue2 | danger | yellow | success | brand`. Shared intents (`grey`, `success`, `danger`, `brand`) delegate to `Tag`; Badge-specific intents (`earth`, `blue`, `blue2`, `yellow`) keep dedicated palette tokens.
+
+For interactive filter chips or pressed-state pills, use `Tag` with `isInteractive`:
+
+```tsx
+<Tag isInteractive aria-pressed={isSelected} onClick={toggle}>Filter</Tag>
+```
+
 ## Icon Props
 
 Rename deprecated icon aliases in touched code:

package/dist/tag/context.d.ts

@@ -1,7 +0,0 @@
-import { Dict } from "../utils/types.js";
-//#region src/tag/context.d.ts
-declare const TagProvider: import("react").Provider<Dict>, useTagContext: () => Dict;
-//#endregion
-export { TagProvider, useTagContext };
-
-//# sourceMappingURL=context.d.ts.map

package/dist/tag/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../src/tag/context.ts"],"mappings":";;cAGO,WAAA,kBAAW,QAAA,CAAA,IAAA,GAAE,aAAA,QAAa,IAA6C"}

package/dist/tag/context.js

@@ -1,9 +0,0 @@
-import { createContext } from "../utils/react.js";
-
-//#region src/tag/context.ts
-const [TagProvider, useTagContext] = createContext({ isOptional: true });
-
-//#endregion
-export { TagProvider, useTagContext };
-globalThis.__vuiVersion__ = "5.1.1"
-//# sourceMappingURL=context.js.map

package/dist/tag/context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../src/tag/context.ts"],"sourcesContent":["import type { Dict } from '../utils'\nimport { createContext } from '../utils'\n\nconst [TagProvider, useTagContext] = createContext<Dict>({ isOptional: true })\n\nexport { TagProvider, useTagContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,aAAa,iBAAiB,cAAoB,EAAE,YAAY,KAAK,CAAC"}

package/dist/tag/tagButton.d.ts

@@ -1,9 +0,0 @@
-import { VuiComponent } from "../core/vui.js";
-import { ButtonProps } from "../button/button.types.js";
-//#region src/tag/tagButton.d.ts
-/** Displays a button within the Tag. */
-declare const TagButton: VuiComponent<"button", ButtonProps>;
-//#endregion
-export { TagButton };
-
-//# sourceMappingURL=tagButton.d.ts.map

package/dist/tag/tagButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagButton.d.ts","names":[],"sources":["../../src/tag/tagButton.tsx"],"mappings":";;;;cAOa,SAAA,EAAS,YAAA,WAAA,WAAA"}

package/dist/tag/tagButton.js

@@ -1,33 +0,0 @@
-import { cs } from "../utils/styles.js";
-import { useStyleConfig } from "../core/theme.js";
-import vui from "../core/vui.js";
-import Button from "../button/button.js";
-import { useTagContext } from "./context.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/tag/tagButton.tsx
-/** Displays a button within the Tag. */
-const TagButton = vui((props, ref) => {
-	const { className, ...rest } = props;
-	const mergedProps = {
-		...useTagContext(),
-		...props
-	};
-	const styles = useStyleConfig("Tag", useTagContext());
-	return /* @__PURE__ */ jsx(Button, {
-		className: cs("vui-tagButton", className),
-		disabled: mergedProps.disabled,
-		icon: "uiTimes",
-		mr: -.5,
-		ref,
-		variant: "tertiary",
-		...rest,
-		...styles.button
-	});
-});
-TagButton.displayName = "TagButton";
-
-//#endregion
-export { TagButton as default };
-globalThis.__vuiVersion__ = "5.1.1"
-//# sourceMappingURL=tagButton.js.map

package/dist/tag/tagButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagButton.js","names":[],"sources":["../../src/tag/tagButton.tsx"],"sourcesContent":["import type { ButtonProps } from '../button'\nimport Button from '../button'\nimport { useStyleConfig, vui } from '../core'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays a button within the Tag. */\nexport const TagButton = vui<'button', ButtonProps>((props, ref) => {\n  const { className, ...rest } = props\n  const mergedProps = { ...useTagContext(), ...props }\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return (\n    <Button\n      className={cs('vui-tagButton', className)}\n      disabled={mergedProps.disabled}\n      icon=\"uiTimes\"\n      mr={-0.5}\n      ref={ref}\n      variant=\"tertiary\"\n      {...rest}\n      {...styles.button}\n    />\n  )\n})\n\nTagButton.displayName = 'TagButton'\n\nexport default TagButton\n"],"mappings":";;;;;;;;;AAOA,MAAa,YAAY,KAA4B,OAAO,QAAQ;CAClE,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,cAAc;EAAE,GAAG,cAAc;EAAG,GAAG;CAAM;CACnD,MAAM,SAAS,eAAe,OAAO,cAAc,CAAC;CAEpD,OACE,oBAAC,QAAD;EACE,WAAW,GAAG,iBAAiB,SAAS;EACxC,UAAU,YAAY;EACtB,MAAK;EACL,IAAI;EACC;EACL,SAAQ;EACR,GAAI;EACJ,GAAI,OAAO;CACZ;AAEL,CAAC;AAED,UAAU,cAAc"}

package/dist/tag/tagIcon.d.ts

@@ -1,9 +0,0 @@
-import { VuiComponent } from "../core/vui.js";
-import { IconProps } from "../icon/icon.types.js";
-//#region src/tag/tagIcon.d.ts
-/** Displays an icon within the Tag. */
-declare const TagIcon: VuiComponent<"svg", IconProps>;
-//#endregion
-export { TagIcon };
-
-//# sourceMappingURL=tagIcon.d.ts.map

package/dist/tag/tagIcon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagIcon.d.ts","names":[],"sources":["../../src/tag/tagIcon.tsx"],"mappings":";;;;cAOa,OAAA,EAAO,YAAA,QAAA,SAAA"}

package/dist/tag/tagIcon.js

@@ -1,25 +0,0 @@
-import { cs } from "../utils/styles.js";
-import { useStyleConfig } from "../core/theme.js";
-import vui from "../core/vui.js";
-import Icon from "../icon/icon.js";
-import { useTagContext } from "./context.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/tag/tagIcon.tsx
-/** Displays an icon within the Tag. */
-const TagIcon = vui((props, ref) => {
-	const { className, ...rest } = props;
-	const styles = useStyleConfig("Tag", useTagContext());
-	return /* @__PURE__ */ jsx(Icon, {
-		className: cs("vui-tagIcon", className),
-		ref,
-		...styles.icon,
-		...rest
-	});
-});
-TagIcon.displayName = "TagIcon";
-
-//#endregion
-export { TagIcon as default };
-globalThis.__vuiVersion__ = "5.1.1"
-//# sourceMappingURL=tagIcon.js.map

package/dist/tag/tagIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagIcon.js","names":[],"sources":["../../src/tag/tagIcon.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { IconProps } from '../icon'\nimport Icon from '../icon'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays an icon within the Tag. */\nexport const TagIcon = vui<'svg', IconProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <Icon className={cs('vui-tagIcon', className)} ref={ref} {...styles.icon} {...rest} />\n})\n\nTagIcon.displayName = 'TagIcon'\nexport default TagIcon\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAuB,OAAO,QAAQ;CAC3D,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,cAAc,CAAC;CAEpD,OAAO,oBAAC,MAAD;EAAM,WAAW,GAAG,eAAe,SAAS;EAAQ;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAC9F,CAAC;AAED,QAAQ,cAAc"}

package/dist/tag/tagText.d.ts

@@ -1,9 +0,0 @@
-import { VuiComponent } from "../core/vui.js";
-import { TProps } from "../t/t.types.js";
-//#region src/tag/tagText.d.ts
-/** Displays text within the Tag. */
-declare const TagText: VuiComponent<"span", TProps>;
-//#endregion
-export { TagText };
-
-//# sourceMappingURL=tagText.d.ts.map

package/dist/tag/tagText.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagText.d.ts","names":[],"sources":["../../src/tag/tagText.tsx"],"mappings":";;;;cAOa,OAAA,EAAO,YAAA,SAAA,MAAA"}

package/dist/tag/tagText.js

@@ -1,26 +0,0 @@
-import { cs } from "../utils/styles.js";
-import { useStyleConfig } from "../core/theme.js";
-import vui from "../core/vui.js";
-import T from "../t/t.js";
-import { useTagContext } from "./context.js";
-import { jsx } from "react/jsx-runtime";
-
-//#region src/tag/tagText.tsx
-/** Displays text within the Tag. */
-const TagText = vui((props, ref) => {
-	const { className, ...rest } = props;
-	const styles = useStyleConfig("Tag", useTagContext());
-	return /* @__PURE__ */ jsx(T, {
-		className: cs("vui-tagText", className),
-		fontSize: "inherit",
-		ref,
-		...styles.text,
-		...rest
-	});
-});
-TagText.displayName = "TagText";
-
-//#endregion
-export { TagText as default };
-globalThis.__vuiVersion__ = "5.1.1"
-//# sourceMappingURL=tagText.js.map

package/dist/tag/tagText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tagText.js","names":[],"sources":["../../src/tag/tagText.tsx"],"sourcesContent":["import { useStyleConfig, vui } from '../core'\nimport type { TProps } from '../t'\nimport T from '../t'\nimport { cs } from '../utils'\nimport { useTagContext } from './context'\n\n/** Displays text within the Tag. */\nexport const TagText = vui<'span', TProps>((props, ref) => {\n  const { className, ...rest } = props\n  const styles = useStyleConfig('Tag', useTagContext())\n\n  return <T className={cs('vui-tagText', className)} fontSize=\"inherit\" ref={ref} {...styles.text} {...rest} />\n})\n\nTagText.displayName = 'TagText'\n\nexport default TagText\n"],"mappings":";;;;;;;;;AAOA,MAAa,UAAU,KAAqB,OAAO,QAAQ;CACzD,MAAM,EAAE,WAAW,GAAG,SAAS;CAC/B,MAAM,SAAS,eAAe,OAAO,cAAc,CAAC;CAEpD,OAAO,oBAAC,GAAD;EAAG,WAAW,GAAG,eAAe,SAAS;EAAG,UAAS;EAAe;EAAK,GAAI,OAAO;EAAM,GAAI;CAAO;AAC9G,CAAC;AAED,QAAQ,cAAc"}