@veracity/vui 3.0.0-beta.8 → 3.0.0

package/dist/core/styled.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styled.d.ts","names":[],"sources":["../../src/core/styled.ts"],"sourcesContent":[],"mappings":"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"}
+{"version":3,"file":"styled.d.ts","names":[],"sources":["../../src/core/styled.ts"],"sourcesContent":[],"mappings":"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"}

package/dist/core/styled.js

@@ -1,2 +1,62 @@
-import{system as e}from"../system/system.js";import{createX as t}from"@xstyled/styled-components";import n,{createGlobalStyle as r,css as i}from"styled-components";import{transform as a}from"@xstyled/core";import{flattenStrings as o}from"@xstyled/util";function s(e,t){let r=t?d(t):{};return(i=>f(r?n(i).withConfig(r):n(i),e,t))}function c(){let e=l();return((...t)=>r([e(...t)]))}function l(){return((...e)=>o(i(...e)).map(a))}function u(e){let t=l(),r=s(t),i=s(t,e);return Object.keys(n).forEach(e=>{r[e]=r(e),r[`${e}Box`]=i(e)}),r}function d(e){return{shouldForwardProp:(t,n)=>typeof t==`string`&&e.meta.props.includes(t)?!1:n(t)}}function f(e,t,n){let r=(...r)=>e`${t(...r)}${n}`;return r.attrs=r=>f(e.attrs(r),t,n),r.withConfig=r=>f(e.withConfig(r),t,n),r}const p=c(),m=l(),h=t(e),g=u(e);export{p as createGlobalStyle,m as css,g as styled,h as v};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { system } from "../system/system.js";
+import { createX } from "@xstyled/styled-components";
+import scStyled, { createGlobalStyle, css } from "styled-components";
+import { transform } from "@xstyled/core";
+import { flattenStrings } from "@xstyled/util";
+
+//#region src/core/styled.ts
+/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */
+function createBaseStyled(css$2, generator) {
+	const config = generator ? forwardPropConfig(generator) : {};
+	return ((component) => {
+		return getCreateStyle(config ? scStyled(component).withConfig(config) : scStyled(component), css$2, generator);
+	});
+}
+/** Enhances createGlobalStyle function with custom 'css' helper. */
+function createCreateGlobalStyle() {
+	const css$2 = createCssFunction();
+	return ((...args) => createGlobalStyle([css$2(...args)]));
+}
+/** Enhances styled-components' 'css' function with automatic theming. */
+function createCssFunction() {
+	return ((...args) => {
+		return flattenStrings(css(...args)).map(transform);
+	});
+}
+/**
+* Creates full 'styled' function with properties for components.
+* Includes base version and system version using 'Box' postfix.
+*/
+function createStyled(generator) {
+	const css$2 = createCssFunction();
+	const styled$1 = createBaseStyled(css$2);
+	const vstyled = createBaseStyled(css$2, generator);
+	Object.keys(scStyled).forEach((key) => {
+		styled$1[key] = styled$1(key);
+		styled$1[`${key}Box`] = vstyled(key);
+	});
+	return styled$1;
+}
+/** Provides configuration to the 'styled' function, which filters out xstyled system props. */
+function forwardPropConfig(generator) {
+	return { shouldForwardProp: (prop, defaultValidatorFn) => {
+		if (typeof prop === "string" && generator.meta.props.includes(prop)) return false;
+		return defaultValidatorFn(prop);
+	} };
+}
+/** Extends styled component with a given styles generator (system). */
+function getCreateStyle(baseCreateStyle, css$2, generator) {
+	const createStyle = (...args) => baseCreateStyle`${css$2(...args)}${generator}`;
+	createStyle.attrs = (attrs) => getCreateStyle(baseCreateStyle.attrs(attrs), css$2, generator);
+	createStyle.withConfig = (config) => getCreateStyle(baseCreateStyle.withConfig(config), css$2, generator);
+	return createStyle;
+}
+const createGlobalStyle$1 = createCreateGlobalStyle();
+const css$1 = createCssFunction();
+const v = createX(system);
+const styled = createStyled(system);
+
+//#endregion
+export { createGlobalStyle$1 as createGlobalStyle, css$1 as css, styled, v };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=styled.js.map

package/dist/core/styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["css","scCreateGlobalStyle","scCss","styled","createGlobalStyle"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { transform } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createX } from '@xstyled/styled-components'\nimport type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'\nimport { flattenStrings } from '@xstyled/util'\nimport type {\n  DefaultTheme,\n  FlattenSimpleInterpolation,\n  StyledConfig,\n  ThemedCssFunction,\n  ThemedStyledFunction,\n  ThemedStyledInterface,\n} from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport type { SystemProps } from '../system'\nimport { system } from '../system'\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = ThemedCssFunction<DefaultTheme>\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = ThemedStyledInterface<DefaultTheme> & {\n  [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([\n      // @ts-expect-error no idea why it's complaining\n      css(...args),\n    ])) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const scCssArgs = scCss(...args)\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as FlattenSimpleInterpolation\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    // @ts-expect-error no idea why it's complaining\n    styled[key] = styled(key)\n    // @ts-expect-error no idea why it's complaining\n    styled[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any, defaultValidatorFn: (prop: any) => boolean) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return defaultValidatorFn(prop)\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(baseCreateStyle: ThemedStyledFunction<any, any>, css: CSSFunction, generator?: StyleGenerator) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledConfig<any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createX<SystemProps>(system)\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":"6PA6BA,SAAS,EAAiB,EAAkB,EAA4B,CACtE,IAAM,EAAS,EAAY,EAAkB,EAAU,CAAG,EAAE,CAE5D,OAAS,GAGA,EAFY,EAAS,EAAS,EAAU,CAAC,WAAW,EAAO,CAAG,EAAS,EAAU,CAEtDA,EAAK,EAAU,EAKrD,SAAS,GAA6C,CACpD,IAAMA,EAAM,GAAmB,CAC/B,QAAS,GAAG,IACVC,EAAoB,CAElBD,EAAI,GAAG,EAAK,CACb,CAAC,EAIN,SAAS,GAAoB,CAC3B,QAAS,GAAG,IAEY,EADJE,EAAM,GAAG,EAAK,CACwB,CACnC,IAAI,EAAU,EAQvC,SAAS,EAAa,EAAoC,CACxD,IAAMF,EAAM,GAAmB,CACzBG,EAAS,EAAiBH,EAAI,CAC9B,EAAU,EAAiBA,EAAK,EAAU,CAShD,OAPA,OAAO,KAAK,EAAS,CAAC,QAAQ,GAAO,CAEnC,EAAO,GAAOG,EAAO,EAAI,CAEzB,EAAO,GAAG,EAAI,MAAQ,EAAQ,EAAI,EAClC,CAEKA,EAIT,SAAS,EAAkB,EAA2B,CACpD,MAAO,CACL,mBAAoB,EAAW,IACzB,OAAO,GAAS,UAAY,EAAU,KAAK,MAAM,SAAS,EAAK,CAAS,GACrE,EAAmB,EAAK,CAElC,CAIH,SAAS,EAAe,EAAiD,EAAkB,EAA4B,CACrH,IAAM,GAAe,GAAG,IAAiC,CAAe,GAAGH,EAAI,GAAG,EAAK,GAAG,IAQ1F,MANA,GAAY,MAAS,GACnB,EAAe,EAAgB,MAAM,EAAM,CAAEA,EAAK,EAAU,CAE9D,EAAY,WAAc,GACxB,EAAe,EAAgB,WAAW,EAAO,CAAEA,EAAK,EAAU,CAE7D,EAGT,MAAaI,EAAoB,GAAyB,CAE7CJ,EAAM,GAAmB,CAEzB,EAAI,EAAqB,EAAO,CAEhC,EAAS,EAAa,EAAO"}
+{"version":3,"file":"styled.js","names":["css","scCreateGlobalStyle","scCss","styled","createGlobalStyle"],"sources":["../../src/core/styled.ts"],"sourcesContent":["import { transform } from '@xstyled/core'\nimport type { StyleGenerator } from '@xstyled/styled-components'\nimport { createX } from '@xstyled/styled-components'\nimport type { BoxElements } from '@xstyled/styled-components/dist/BoxElements'\nimport { flattenStrings } from '@xstyled/util'\nimport type {\n  DefaultTheme,\n  FlattenSimpleInterpolation,\n  StyledConfig,\n  ThemedCssFunction,\n  ThemedStyledFunction,\n  ThemedStyledInterface,\n} from 'styled-components'\nimport scStyled, { createGlobalStyle as scCreateGlobalStyle, css as scCss } from 'styled-components'\n\nimport type { SystemProps } from '../system'\nimport { system } from '../system'\n\n/** Custom 'css' function with theme support. */\nexport type CSSFunction = ThemedCssFunction<DefaultTheme>\n\nexport type CreateGlobalStyle = typeof scCreateGlobalStyle\n\n/** Type of the custom 'styled' function. */\nexport type VStyled = ThemedStyledInterface<DefaultTheme> & {\n  [Key in keyof BoxElements]: ThemedStyledFunction<BoxElements[Key], DefaultTheme, SystemProps>\n}\n\n/** Creates enhanced 'styled' function with optional style generators and prop-forwarding safeguard. */\nfunction createBaseStyled(css: CSSFunction, generator?: StyleGenerator) {\n  const config = generator ? forwardPropConfig(generator) : {}\n\n  return ((component: Parameters<typeof scStyled>[0]) => {\n    const baseStyled = config ? scStyled(component).withConfig(config) : scStyled(component)\n\n    return getCreateStyle(baseStyled, css, generator)\n  }) as VStyled\n}\n\n/** Enhances createGlobalStyle function with custom 'css' helper. */\nfunction createCreateGlobalStyle(): CreateGlobalStyle {\n  const css = createCssFunction()\n  return ((...args: Parameters<CreateGlobalStyle>): ReturnType<CreateGlobalStyle> =>\n    scCreateGlobalStyle([\n      // @ts-expect-error no idea why it's complaining\n      css(...args),\n    ])) as CreateGlobalStyle\n}\n\n/** Enhances styled-components' 'css' function with automatic theming. */\nfunction createCssFunction() {\n  return ((...args: Parameters<CSSFunction>) => {\n    const scCssArgs = scCss(...args)\n    const flattenedArgs = flattenStrings(scCssArgs as any[])\n    return flattenedArgs.map(transform) as FlattenSimpleInterpolation\n  }) as CSSFunction\n}\n\n/**\n * Creates full 'styled' function with properties for components.\n * Includes base version and system version using 'Box' postfix.\n */\nfunction createStyled(generator: StyleGenerator): VStyled {\n  const css = createCssFunction()\n  const styled = createBaseStyled(css)\n  const vstyled = createBaseStyled(css, generator)\n\n  Object.keys(scStyled).forEach(key => {\n    // @ts-expect-error no idea why it's complaining\n    styled[key] = styled(key)\n    // @ts-expect-error no idea why it's complaining\n    styled[`${key}Box`] = vstyled(key)\n  })\n\n  return styled\n}\n\n/** Provides configuration to the 'styled' function, which filters out xstyled system props. */\nfunction forwardPropConfig(generator: StyleGenerator) {\n  return {\n    shouldForwardProp: (prop: any, defaultValidatorFn: (prop: any) => boolean) => {\n      if (typeof prop === 'string' && generator.meta.props.includes(prop)) return false\n      return defaultValidatorFn(prop)\n    },\n  }\n}\n\n/** Extends styled component with a given styles generator (system). */\nfunction getCreateStyle(baseCreateStyle: ThemedStyledFunction<any, any>, css: CSSFunction, generator?: StyleGenerator) {\n  const createStyle = (...args: Parameters<typeof css>) => baseCreateStyle`${css(...args)}${generator}`\n\n  createStyle.attrs = (attrs: Parameters<typeof baseCreateStyle.attrs>[0]) =>\n    getCreateStyle(baseCreateStyle.attrs(attrs), css, generator)\n\n  createStyle.withConfig = (config: StyledConfig<any>) =>\n    getCreateStyle(baseCreateStyle.withConfig(config), css, generator)\n\n  return createStyle\n}\n\nexport const createGlobalStyle = createCreateGlobalStyle()\n\nexport const css = createCssFunction()\n\nexport const v = createX<SystemProps>(system)\n\nexport const styled = createStyled(system)\n\nexport default styled\n"],"mappings":";;;;;;;;AA6BA,SAAS,iBAAiB,OAAkB,WAA4B;CACtE,MAAM,SAAS,YAAY,kBAAkB,UAAU,GAAG,EAAE;AAE5D,UAAS,cAA8C;AAGrD,SAAO,eAFY,SAAS,SAAS,UAAU,CAAC,WAAW,OAAO,GAAG,SAAS,UAAU,EAEtDA,OAAK,UAAU;;;;AAKrD,SAAS,0BAA6C;CACpD,MAAMA,QAAM,mBAAmB;AAC/B,UAAS,GAAG,SACVC,kBAAoB,CAElBD,MAAI,GAAG,KAAK,CACb,CAAC;;;AAIN,SAAS,oBAAoB;AAC3B,UAAS,GAAG,SAAkC;AAG5C,SADsB,eADJE,IAAM,GAAG,KAAK,CACwB,CACnC,IAAI,UAAU;;;;;;;AAQvC,SAAS,aAAa,WAAoC;CACxD,MAAMF,QAAM,mBAAmB;CAC/B,MAAMG,WAAS,iBAAiBH,MAAI;CACpC,MAAM,UAAU,iBAAiBA,OAAK,UAAU;AAEhD,QAAO,KAAK,SAAS,CAAC,SAAQ,QAAO;AAEnC,WAAO,OAAOG,SAAO,IAAI;AAEzB,WAAO,GAAG,IAAI,QAAQ,QAAQ,IAAI;GAClC;AAEF,QAAOA;;;AAIT,SAAS,kBAAkB,WAA2B;AACpD,QAAO,EACL,oBAAoB,MAAW,uBAA+C;AAC5E,MAAI,OAAO,SAAS,YAAY,UAAU,KAAK,MAAM,SAAS,KAAK,CAAE,QAAO;AAC5E,SAAO,mBAAmB,KAAK;IAElC;;;AAIH,SAAS,eAAe,iBAAiD,OAAkB,WAA4B;CACrH,MAAM,eAAe,GAAG,SAAiC,eAAe,GAAGH,MAAI,GAAG,KAAK,GAAG;AAE1F,aAAY,SAAS,UACnB,eAAe,gBAAgB,MAAM,MAAM,EAAEA,OAAK,UAAU;AAE9D,aAAY,cAAc,WACxB,eAAe,gBAAgB,WAAW,OAAO,EAAEA,OAAK,UAAU;AAEpE,QAAO;;AAGT,MAAaI,sBAAoB,yBAAyB;AAE1D,MAAaJ,QAAM,mBAAmB;AAEtC,MAAa,IAAI,QAAqB,OAAO;AAE7C,MAAa,SAAS,aAAa,OAAO"}

package/dist/core/theme.d.ts

@@ -1,4 +1,5 @@
 import { AnyNumber, AnyString, Dict } from "../utils/types.js";
+import "../utils/index.js";
 import { ThemingProps, VuiTheme, VuiThemeExtensions } from "../theme/types.js";
 import { IProps, ThemeGetter } from "@xstyled/styled-components";
 
@@ -27,7 +28,7 @@ type ThemeGet = {
 /** Merges provided theme extensions and overrides with default VUI theme. */
 declare function extendTheme(extensions: VuiThemeExtensions): VuiTheme;
 /** Removes specific theming keys from the given props. */
-declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "variant" | "size">;
+declare function omitThemingProps<T extends ThemingProps>(props: T): Omit<T, "size" | "variant">;
 /** Re-export of xstyled 'th' with custom typing and screen getter. */
 declare const th$1: ThemeGet;
 /**

package/dist/core/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"sourcesContent":[],"mappings":";;;;;KAUK,sCAAsC,YAAY,kBAAkB,SAAS,YAAY,YAAY;;AAArG,IAAA,CAGO,QAAA,CAAA,CAAA,CAHO;EAAA,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAI2B,MAJ3B,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA;WAAwB,CAAA,CAK9B,cAL8B,CAAA,CAAA,UAAA,CAAA,CAAA;SAA8B,CAAA,CAM9D,cAN8D,CAAA,CAAA,OAAA,CAAA,CAAA;OAAS,CAAA,CAOzE,cAPyE,CAAA,CAAA,MAAA,CAAA,CAAA;UAAY,CAAA,CAQlF,cARkF,CAAA,CAAA,SAAA,CAAA,CAAA;MAAY,CAAA,CASlG,cATkG,CAAA,CAAA,KAAA,CAAA,CAAA;UAAnD,CAAA,CAU3C,cAV2C,CAAA,CAAA,SAAA,CAAA,CAAA;EAAW,UAAA,CAAA,CAWpD,cAXoD,CAAA,CAAA,WAAA,CAAA,CAAA;EAGtD,MAAA,CAAA,CASF,cATU,CAAA,CAAA,KAAA,CAAA,CAAA;EAAA,SAAA,CAAA,CAUP,cAVO,CAAA,CAAA,UAAA,CAAA,CAAA;QAC0B,CAAA,CAUpC,cAVoC,CAAA,CAAA,OAAA,CAAA,CAAA;QACjC,CAAA,CAUH,cAVG,CAAA,CAAA,OAAA,CAAA,CAAA;MACF,CAAA,CAUH,cAVG,CAAA,CAAA,KAAA,CAAA,CAAA;OACF,CAAA,CAUA,cAVA,CAAA,CAAA,MAAA,CAAA,CAAA;WACG,CAAA,CAUC,cAVD,CAAA,CAAA,UAAA,CAAA,CAAA;YACJ,CAAA,CAUM,cAVN,CAAA,CAAA,WAAA,CAAA,CAAA;QACI,CAAA,CAUF,cAVE,CAAA,CAAA,QAAA,CAAA,CAAA;;;AAGC,OAAA,CAAA,QAAA,CAWG,WAAA,CAXH,UAAA,CAAA,CAW2B,kBAX3B,CAAA,CAAA,CAWgD,QAXhD;;AAEH,OAAA,CAAA,QAAA,CAcM,gBAdN,CAAA,CAAA,CAAA,OAAA,CAciC,YAdjC,CAAA,CAAA,KAAA,CAAA,CAcsD,CAdtD,CAAA,CAAA,CAcuD,IAdvD,CAcuD,CAdvD,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA;;cAqBJ,EAAA,CAAA,CAnBG,CAAA,CAmBoB,QAnBpB;;;;AAOT,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA;;AAAwC,OAAA,CAAA,QAAA,CAyBxB,cAAA,CAzBwB,SAAA,CAAA,CAAA,KAAA,CAyBQ,QAzBR,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAyB+C,IAzB/C;;AAA6B,OAAA,CAAA,QAAA,CAsDrD,KAAA,CAtDqD,IAAA,CAAA,CAAA,KAAA,CAsDnC,QAtDmC,CAAA,CAAA,CAsDxB,SAtDwB,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA;AAKrE,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,GAAA,CAAA,KAAA,CAAA,MAAA,CAAA,IAAA,CAAA,UAAA,CAAA,CAAA,CAAA;AAAgC,OAAA,CAAA,QAAA,CAuDhB,QAAA,CAAA,CAvDgB,CAAA,CAuDJ,QAvDI"}
+{"version":3,"file":"theme.d.ts","names":[],"sources":["../../src/core/theme.ts"],"sourcesContent":[],"mappings":";;;;;;KAUK,sCAAsC,YAAY,kBAAkB,SAAS,YAAY,YAAY;;KAG9F,QAAA,CAAA,CAAA;EAHP,CAAA,IAAA,CAAA,CAAA,MAAA,CAAA,CAAA,YAAc,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAI2B,MAJ3B,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA;EAAwB,SAAA,CAAA,CAK9B,cAL8B,CAAA,CAAA,UAAA,CAAA,CAAA;EAA8B,OAAA,CAAA,CAM9D,cAN8D,CAAA,CAAA,OAAA,CAAA,CAAA;EAAS,KAAA,CAAA,CAOzE,cAPyE,CAAA,CAAA,MAAA,CAAA,CAAA;EAAY,QAAA,CAAA,CAQlF,cARkF,CAAA,CAAA,SAAA,CAAA,CAAA;EAAY,IAAA,CAAA,CASlG,cATkG,CAAA,CAAA,KAAA,CAAA,CAAA;EAAnD,QAAA,CAAA,CAU3C,cAV2C,CAAA,CAAA,SAAA,CAAA,CAAA;EAAW,UAAA,CAAA,CAWpD,cAXoD,CAAA,CAAA,WAAA,CAAA,CAAA;EAGtD,MAAA,CAAA,CASF,cATU,CAAA,CAAA,KAAA,CAAA,CAAA;EAC0B,SAAA,CAAA,CASjC,cATiC,CAAA,CAAA,UAAA,CAAA,CAAA;EACjC,MAAA,CAAA,CASH,cATG,CAAA,CAAA,OAAA,CAAA,CAAA;EACF,MAAA,CAAA,CASD,cATC,CAAA,CAAA,OAAA,CAAA,CAAA;EACF,IAAA,CAAA,CASD,cATC,CAAA,CAAA,KAAA,CAAA,CAAA;EACG,KAAA,CAAA,CASH,cATG,CAAA,CAAA,MAAA,CAAA,CAAA;EACJ,SAAA,CAAA,CASK,cATL,CAAA,CAAA,UAAA,CAAA,CAAA;EACI,UAAA,CAAA,CASE,cATF,CAAA,CAAA,WAAA,CAAA,CAAA;EACE,MAAA,CAAA,CASJ,cATI,CAAA,CAAA,QAAA,CAAA,CAAA;CACJ;;AAEA,OAAA,CAAA,QAAA,CAUM,WAAA,CAVN,UAAA,CAAA,CAU8B,kBAV9B,CAAA,CAAA,CAUmD,QAVnD;;AAEF,OAAA,CAAA,QAAA,CAaQ,gBAbR,CAAA,CAAA,CAAA,OAAA,CAamC,YAbnC,CAAA,CAAA,KAAA,CAAA,CAawD,CAbxD,CAAA,CAAA,CAayD,IAbzD,CAayD,CAbzD,CAAA,CAAA,CAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA,CAAA,CAAA;;cAoBF,EAAA,CAAA,CAlBO,CAAA,CAkBgB,QAlBhB;;;AAMb,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,SAAA,CAAA,CAAA,CAAA,IAAA,CAAA,EAAA,CAAA,GAAA,CAAA,SAAA,CAAA,UAAA,CAAA,EAAA,CAAA,GAAA,CAAA;AAKA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,KAAA,CAAA,CAAA,CAAA,KAAA,CAAA,MAAA,CAAA,EAAA,CAAA,GAAA,CAAA,KAAA,CAAA;;AAAgE,OAAA,CAAA,QAAA,CAoBhD,cAAA,CApBgD,SAAA,CAAA,CAAA,KAAA,CAoBhB,QApBgB,CAAA,CAAA,UAAA,CAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAoBuB,IApBvB;;AAAC,OAAA,CAAA,QAAA,CAiDjD,KAAA,CAjDiD,IAAA,CAAA,CAAA,KAAA,CAiD/B,QAjD+B,CAAA,CAAA,CAiDpB,SAjDoB,CAAA,CAAA,YAAA,CAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,GAAA;;AAO3D,OAAA,CAAA,QAAA,CAgDU,QAAA,CAAA,CAhDqB,CAAA,CAgDT,QAhDS"}

package/dist/core/theme.js

@@ -1,2 +1,68 @@
-import{runIfFn as e}from"../utils/function.js";import{merge as t}from"../utils/object.js";import n from"../theme/defaultTheme.js";import{useMemo as r}from"react";import{getPx as i,th as a,themeGetter as o}from"@xstyled/styled-components";import{useTheme as s}from"styled-components";function c(e){return t(n,e)}function l(e){let{size:t,variant:n,...r}=e;return r}const u=a;u.screen=o({name:`screen`,key:`screens`,compose:i});function d(n,i={}){let{baseStyle:a,defaultProps:o,parts:s=[],sizes:c,variants:l}=p()?.components[n]??{},u={...i,colorScheme:i?.colorScheme??o?.colorScheme,size:i?.size??o?.size,variant:i?.variant??o?.variant},{colorScheme:d,size:f,variant:m}=u;return r(()=>{let n=e(a,u)??{},r=e(c?.[f],u)??{},i=e(l?.[m],u)??{},o={};return s.length>0?s.forEach(e=>{o[e]=t(n[e]??{},r[e]??{},i[e]??{})}):o=t(n,r,i),o},[d,f,m])}function f(e,t){let n=p();return u(e,t)({theme:n})}function p(){return s()}export{c as extendTheme,l as omitThemingProps,u as th,d as useStyleConfig,f as useTh,p as useTheme};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { runIfFn } from "../utils/function.js";
+import { merge } from "../utils/object.js";
+import defaultTheme_default from "../theme/defaultTheme.js";
+import { useMemo } from "react";
+import { getPx, th, themeGetter } from "@xstyled/styled-components";
+import { useTheme } from "styled-components";
+
+//#region src/core/theme.ts
+/** Merges provided theme extensions and overrides with default VUI theme. */
+function extendTheme(extensions) {
+	return merge(defaultTheme_default, extensions);
+}
+/** Removes specific theming keys from the given props. */
+function omitThemingProps(props) {
+	const { size, variant,...rest } = props;
+	return rest;
+}
+/** Re-export of xstyled 'th' with custom typing and screen getter. */
+const th$1 = th;
+th$1.screen = themeGetter({
+	name: "screen",
+	key: "screens",
+	compose: getPx
+});
+/**
+* Combines baseStyle, size and variant styling from a component's theme configuration.
+* @param component - name of any component configured in the theme
+* @param props - props object of the given component
+*/
+function useStyleConfig(component, props = {}) {
+	const { baseStyle, defaultProps, parts = [], sizes, variants } = useTheme$1()?.components[component] ?? {};
+	const mergedProps = {
+		...props,
+		colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,
+		size: props?.size ?? defaultProps?.size,
+		variant: props?.variant ?? defaultProps?.variant
+	};
+	const { colorScheme, size, variant } = mergedProps;
+	return useMemo(() => {
+		const baseStyles = runIfFn(baseStyle, mergedProps) ?? {};
+		const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {};
+		const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {};
+		let styles = {};
+		if (parts.length > 0) parts.forEach((part) => {
+			styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {});
+		});
+		else styles = merge(baseStyles, sizeStyles, variantStyles);
+		return styles;
+	}, [
+		colorScheme,
+		size,
+		variant
+	]);
+}
+/** Returns theme value at the given path. */
+function useTh(path, defaultValue) {
+	const theme = useTheme$1();
+	return th$1(path, defaultValue)({ theme });
+}
+/** Returns the theme object with extensions. */
+function useTheme$1() {
+	return useTheme();
+}
+
+//#endregion
+export { extendTheme, omitThemingProps, th$1 as th, useStyleConfig, useTh, useTheme$1 as useTheme };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=theme.js.map

package/dist/core/theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"theme.js","names":["defaultTheme","th","xth","useTheme","styles: Dict","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, th as xth, themeGetter } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme'\nimport defaultTheme from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\n\n/** Merges provided theme extensions and overrides with default VUI theme. */\nexport function extendTheme(extensions: VuiThemeExtensions): VuiTheme {\n  return merge(defaultTheme, extensions)\n}\n\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\nexport { th }\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":"2RAkCA,SAAgB,EAAY,EAA0C,CACpE,OAAO,EAAMA,EAAc,EAAW,CAIxC,SAAgB,EAAyC,EAAU,CACjE,GAAM,CAAE,OAAM,UAAS,GAAG,GAAS,EAEnC,OAAO,EAIT,MAAMC,EAAKC,EACX,EAAG,OAAS,EAAY,CACtB,KAAM,SACN,IAAK,UACL,QAAS,EACV,CAAC,CAQF,SAAgB,EAAe,EAAyC,EAAa,EAAE,CAAE,CAEvF,GAAM,CAAE,YAAW,eAAc,QAAQ,EAAE,CAAE,QAAO,YADtCC,GAAU,EACiD,WAAW,IAAuB,EAAE,CACvG,EAAc,CAClB,GAAG,EACH,YAAa,GAAO,aAAe,GAAc,YACjD,KAAM,GAAO,MAAQ,GAAc,KACnC,QAAS,GAAO,SAAW,GAAc,QAC1C,CACK,CAAE,cAAa,OAAM,WAAY,EAEvC,OAAO,MAAc,CACnB,IAAM,EAAa,EAAQ,EAAW,EAAY,EAAI,EAAE,CAClD,EAAa,EAAQ,IAAQ,GAAO,EAAY,EAAI,EAAE,CACtD,EAAgB,EAAQ,IAAW,GAAU,EAAY,EAAI,EAAE,CAEjEC,EAAe,EAAE,CAQrB,OANI,EAAM,OAAS,EACjB,EAAM,QAAS,GAAiB,CAC9B,EAAO,GAAQ,EAAM,EAAW,IAAS,EAAE,CAAE,EAAW,IAAS,EAAE,CAAE,EAAc,IAAS,EAAE,CAAC,EAC/F,CACC,EAAS,EAAM,EAAY,EAAY,EAAc,CAEnD,GACN,CAAC,EAAa,EAAM,EAAQ,CAAC,CAIlC,SAAgB,EAAM,EAAkC,EAAoB,CAC1E,IAAM,EAAQD,GAAU,CACxB,OAAOF,EAAG,EAAM,EAAa,CAAC,CAAE,QAAO,CAAC,CAI1C,SAAgBE,GAAqB,CAEnC,OAAOE,GAAgB"}
+{"version":3,"file":"theme.js","names":["defaultTheme","th","xth","useTheme","styles: Dict","useStyledTheme"],"sources":["../../src/core/theme.ts"],"sourcesContent":["import type { IProps, ThemeGetter } from '@xstyled/styled-components'\nimport { getPx, th as xth, themeGetter } from '@xstyled/styled-components'\nimport { useMemo } from 'react'\nimport { useTheme as useStyledTheme } from 'styled-components'\n\nimport type { ThemingProps, VuiTheme, VuiThemeExtensions } from '../theme'\nimport defaultTheme from '../theme'\nimport type { AnyNumber, AnyString, Dict } from '../utils'\nimport { merge, runIfFn } from '../utils'\n\ntype VuiThemeGetter<ThemeKey extends keyof VuiTheme> = ThemeGetter<keyof VuiTheme[ThemeKey] | AnyString | AnyNumber>\n\n/** Type of the 'th' theme getter function. */\nexport type ThemeGet = {\n  (path: string, defaultValue?: any): (props: IProps) => any\n  animation: VuiThemeGetter<'animations'>\n  borders: VuiThemeGetter<'borders'>\n  color: VuiThemeGetter<'colors'>\n  duration: VuiThemeGetter<'durations'>\n  font: VuiThemeGetter<'fonts'>\n  fontSize: VuiThemeGetter<'fontSizes'>\n  fontWeight: VuiThemeGetter<'fontWeights'>\n  radius: VuiThemeGetter<'radii'>\n  ringWidth: VuiThemeGetter<'ringWidths'>\n  screen: VuiThemeGetter<'screens'>\n  shadow: VuiThemeGetter<'shadows'>\n  size: VuiThemeGetter<'sizes'>\n  space: VuiThemeGetter<'spaces'>\n  transform: VuiThemeGetter<'transforms'>\n  transition: VuiThemeGetter<'transitions'>\n  zIndex: VuiThemeGetter<'zIndices'>\n}\n\n/** Merges provided theme extensions and overrides with default VUI theme. */\nexport function extendTheme(extensions: VuiThemeExtensions): VuiTheme {\n  return merge(defaultTheme, extensions)\n}\n\n/** Removes specific theming keys from the given props. */\nexport function omitThemingProps<T extends ThemingProps>(props: T) {\n  const { size, variant, ...rest } = props\n\n  return rest\n}\n\n/** Re-export of xstyled 'th' with custom typing and screen getter. */\nconst th = xth as unknown as ThemeGet\nth.screen = themeGetter({\n  name: 'screen',\n  key: 'screens',\n  compose: getPx,\n})\nexport { th }\n\n/**\n * Combines baseStyle, size and variant styling from a component's theme configuration.\n * @param component - name of any component configured in the theme\n * @param props - props object of the given component\n */\nexport function useStyleConfig(component: keyof VuiTheme['components'], props: any = {}) {\n  const theme = useTheme()\n  const { baseStyle, defaultProps, parts = [], sizes, variants } = (theme?.components[component] as Dict) ?? {}\n  const mergedProps = {\n    ...props,\n    colorScheme: props?.colorScheme ?? defaultProps?.colorScheme,\n    size: props?.size ?? defaultProps?.size,\n    variant: props?.variant ?? defaultProps?.variant,\n  }\n  const { colorScheme, size, variant } = mergedProps\n\n  return useMemo(() => {\n    const baseStyles = runIfFn(baseStyle, mergedProps) ?? {}\n    const sizeStyles = runIfFn(sizes?.[size], mergedProps) ?? {}\n    const variantStyles = runIfFn(variants?.[variant], mergedProps) ?? {}\n\n    let styles: Dict = {}\n\n    if (parts.length > 0)\n      parts.forEach((part: string) => {\n        styles[part] = merge(baseStyles[part] ?? {}, sizeStyles[part] ?? {}, variantStyles[part] ?? {})\n      })\n    else styles = merge(baseStyles, sizeStyles, variantStyles)\n\n    return styles\n  }, [colorScheme, size, variant])\n}\n\n/** Returns theme value at the given path. */\nexport function useTh(path: keyof VuiTheme | AnyString, defaultValue?: any) {\n  const theme = useTheme()\n  return th(path, defaultValue)({ theme })\n}\n\n/** Returns the theme object with extensions. */\nexport function useTheme(): VuiTheme {\n  // @ts-expect-error no idea why it's complaining\n  return useStyledTheme()\n}\n"],"mappings":";;;;;;;;;AAkCA,SAAgB,YAAY,YAA0C;AACpE,QAAO,MAAMA,sBAAc,WAAW;;;AAIxC,SAAgB,iBAAyC,OAAU;CACjE,MAAM,EAAE,MAAM,QAAS,GAAG,SAAS;AAEnC,QAAO;;;AAIT,MAAMC,OAAKC;AACX,KAAG,SAAS,YAAY;CACtB,MAAM;CACN,KAAK;CACL,SAAS;CACV,CAAC;;;;;;AAQF,SAAgB,eAAe,WAAyC,QAAa,EAAE,EAAE;CAEvF,MAAM,EAAE,WAAW,cAAc,QAAQ,EAAE,EAAE,OAAO,aADtCC,YAAU,EACiD,WAAW,cAAuB,EAAE;CAC7G,MAAM,cAAc;EAClB,GAAG;EACH,aAAa,OAAO,eAAe,cAAc;EACjD,MAAM,OAAO,QAAQ,cAAc;EACnC,SAAS,OAAO,WAAW,cAAc;EAC1C;CACD,MAAM,EAAE,aAAa,MAAM,YAAY;AAEvC,QAAO,cAAc;EACnB,MAAM,aAAa,QAAQ,WAAW,YAAY,IAAI,EAAE;EACxD,MAAM,aAAa,QAAQ,QAAQ,OAAO,YAAY,IAAI,EAAE;EAC5D,MAAM,gBAAgB,QAAQ,WAAW,UAAU,YAAY,IAAI,EAAE;EAErE,IAAIC,SAAe,EAAE;AAErB,MAAI,MAAM,SAAS,EACjB,OAAM,SAAS,SAAiB;AAC9B,UAAO,QAAQ,MAAM,WAAW,SAAS,EAAE,EAAE,WAAW,SAAS,EAAE,EAAE,cAAc,SAAS,EAAE,CAAC;IAC/F;MACC,UAAS,MAAM,YAAY,YAAY,cAAc;AAE1D,SAAO;IACN;EAAC;EAAa;EAAM;EAAQ,CAAC;;;AAIlC,SAAgB,MAAM,MAAkC,cAAoB;CAC1E,MAAM,QAAQD,YAAU;AACxB,QAAOF,KAAG,MAAM,aAAa,CAAC,EAAE,OAAO,CAAC;;;AAI1C,SAAgBE,aAAqB;AAEnC,QAAOE,UAAgB"}

package/dist/core/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/core/types.ts"],"sourcesContent":[],"mappings":";;;;UAIiB,YAAA;aACJ;AADb;AAIiB,SAAA,CAAA,UAAA,CAAU;EAAA,MAAA,CAAA,CAAA;IACT,IAAA,CAAA,CAAA,aAAA,CAAA,CAAA;;UAGQ,CAAA,CAAA,CAAA,KAAA,CAAA,CAFN,aAEM,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;aAAT,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAQ,aAAA,CAAA,CAAR,QAAQ,CAAC,SAAD,CAAA;AAGzB;KAAY,YAAA,CAAA,CAAA"}
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../src/core/types.ts"],"sourcesContent":[],"mappings":";;;;UAIiB,YAAA;aACJ;AADb;AAIiB,SAAA,CAAA,UAAA,CAAU;EACT,MAAA,CAAA,CAAA;IACE,IAAA,CAAA,CADF,aACE,CAAA,CAAA;EAEM,CAAA;EAAT,QAAA,CAAA,CAAA,CAAA,KAAA,CAAA,CAFG,aAEH,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAQ,WAAA,CAAA,CAAA,CAAA,EAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAGb,aAAA,CAAA,CAHK,QAGO,CAHE,SAGF,CAAA;;KAAZ,YAAA,CAAA,CAAA"}

package/dist/core/vui.d.ts

@@ -1,4 +1,5 @@
 import { PropsOf, RefPropsOf } from "../utils/types.js";
+import "../utils/index.js";
 import { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from "react";
 
 //#region src/core/vui.d.ts

package/dist/core/vui.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":[],"mappings":";;;;;;;AASA,CAAA,CAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,QAAA,CAAA,WAAA,CAAA,GAAA,CAAA,SAAA,CAAA,MAAA,CAAA,CAAA,QAAA,CAAA,CAAA,QAAA;;AAA8B,OAAA,CAAA,QAAA,CAAd,GAAoB,CAAA,CAAA,CAAA,OAAA,CAAN,KAAA,CAAM,WAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,SAAA,CAAA,CACvB,KAAA,CAAM,wBADiB,CAAA,GAAA,CAAA,CACa,OADb,CACqB,CADrB,CAAA,CACwB,KADxB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAEzB,kBAFyB,CAEN,CAFM,CAAA,CAEH,KAFG,CAAA,CAAA,CAAA,CAEG,YAFH,CAEG,CAFH,CAAA,CAEG,KAFH,CAAA;;AACwB,IAAA,CAgBhD,YAhBgD,CAAA,CAAA,CAAA,OAAA,CAgBzB,WAhByB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;eAkB7C,WAlBkC,CAAA,CAAA,KAAA,CAAA,CAmBtC,iBAnBsC,CAmBpB,UAnBoB,CAmBT,GAnBS,CAAA,CAmBJ,KAnBI,CAAA,CAAA,CAAA,CAAA,CAAA;IAApC,EAAA,CAAA,CAoBH,GApBS;MAsBd,YArByB,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;QAAG,CAAA,CAuBvB,UAvBuB,CAuBZ,CAvBY,CAAA,CAuBT,KAvBS,CAAA,CAAA,CAAA,CAuBA,YAvBA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;cAAtB,CAAA,CAAA,CAyBM,OAzBN,CAyBc,OAzBd,CAyBsB,CAzBtB,CAAA,CAyByB,KAzBzB,CAAA,CAAA;aAA4B,CAAA,CAAA,CAAA,MAAA;;;AAAA,IAAA,CA8B3B,kBA9B2B,CAAA,CAAA,CAAA,OAAA,CA8BE,WA9BF,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAe3B,MAAA,CAAA,CAAA,CAAA,OAAY;EAAA,WAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAkBT,QAlBS,CAkBA,iBAlBA,CAkBkB,eAlBlB,CAkBkC,OAlBlC,CAkB0C,CAlB1C,CAAA,CAkB6C,KAlB7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAmBT,QAnBS,CAmBA,iBAnBA,CAmBkB,eAnBlB,CAmBkC,OAnBlC,CAmB0C,CAnB1C,CAAA,CAmB6C,KAnB7C,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA;;;;;;AAGb,IAAA,CAwBC,EAxBD,CAAA,CAAA,CAAA,OAAA,CAwBc,WAxBd,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;QACD,CAAA,CAwBA,OAxBA,CAwBQ,CAxBR,CAAA,CAwBW,KAxBX,CAAA,CAAA,CAAA,CAwBoB,YAxBpB,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;cAEL,CAAA,CAAA,CAwBY,OAxBZ,CAwBoB,OAxBpB,CAwB4B,CAxB5B,CAAA,CAwB+B,KAxB/B,CAAA,CAAA;aAEgB,CAAA,CAAA,CAAA,MAAA"}
+{"version":3,"file":"vui.d.ts","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":[],"mappings":";;;;;;;;;AASA,CAAA,CAAA;AAAoC,OAAA,CAAA,QAAA,CAApB,GAAoB,CAAA,CAAA,CAAA,OAAA,CAAN,KAAA,CAAM,WAAA,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,SAAA,CAAA,CACvB,KAAA,CAAM,wBADiB,CAAA,GAAA,CAAA,CACa,OADb,CACqB,CADrB,CAAA,CACwB,KADxB,CAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAEzB,kBAFyB,CAEN,CAFM,CAAA,CAEH,KAFG,CAAA,CAAA,CAAA,CAEG,YAFH,CAEG,CAFH,CAAA,CAEG,KAFH,CAAA;;AACwB,IAAA,CAgBhD,YAhBgD,CAAA,CAAA,CAAA,OAAA,CAgBzB,WAhByB,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAAX,CAAA,GAAA,CAAA,OAAA,CAkBlC,WAlBkC,CAAA,CAAA,KAAA,CAAA,CAmBtC,iBAnBsC,CAmBpB,UAnBoB,CAmBT,GAnBS,CAAA,CAmBJ,KAnBI,CAAA,CAAA,CAAA,CAAA,CAAA;IAA9B,EAAA,CAAA,CAoBT,GApBS;EACW,CAAA,CAAA,CAAA,CAqBzB,YArByB,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAG,CAAA,KAAA,CAAA,CAuBvB,UAvBuB,CAuBZ,CAvBY,CAAA,CAuBT,KAvBS,CAAA,CAAA,CAAA,CAuBA,YAvBA,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAAtB,YAAA,CAAA,CAAA,CAyBM,OAzBN,CAyBc,OAzBd,CAyBsB,CAzBtB,CAAA,CAyByB,KAzBzB,CAAA,CAAA;EAA4B,WAAA,CAAA,CAAA,CAAA,MAAA;CAAA;;AAAA,IAAA,CA8B3B,kBA9B2B,CAAA,CAAA,CAAA,OAAA,CA8BE,WA9BF,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAe3B,MAAA,CAAA,CAAA,CAAA,OAAY;EAAW,WAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAkBpB,QAlBoB,CAkBX,iBAlBW,CAkBO,eAlBP,CAkBuB,OAlBvB,CAkB+B,CAlB/B,CAAA,CAkBkC,KAlBlC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAAA,CAAA,CAmBpB,QAnBoB,CAmBX,iBAnBW,CAmBO,eAnBP,CAmBuB,OAnBvB,CAmB+B,CAnB/B,CAAA,CAmBkC,KAnBlC,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,OAAA;CAEpB;;;;;AAEL,IAAA,CAuBE,EAvBF,CAAA,CAAA,CAAA,OAAA,CAuBe,WAvBf,CAAA,CAAA,KAAA,CAAA,CAAA,CAAA,MAAA,CAAA,CAAA,CAAA,CAAA;EAEL,CAAA,KAAA,CAAA,CAsBK,OAtBL,CAsBa,CAtBb,CAAA,CAsBgB,KAtBhB,CAAA,CAAA,CAAA,CAsByB,YAtBzB,CAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,IAAA;EAEgB,YAAA,CAAA,CAAA,CAsBJ,OAtBI,CAsBI,OAtBJ,CAsBY,CAtBZ,CAAA,CAsBe,KAtBf,CAAA,CAAA;EAAG,WAAA,CAAA,CAAA,CAAA,MAAA;CAAd"}

package/dist/core/vui.js

@@ -1,2 +1,17 @@
-import{forwardRef as e,memo as t}from"react";function n(n,r){let{memoCompare:i,isMemo:a=!0}=r??{};return a?t(e(n),i):e(n)}export{n as vui};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { forwardRef, memo } from "react";
+
+//#region src/core/vui.ts
+/**
+* Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.
+* Config object allows toggling memoization and providing custom 'areEqual' function.
+*/
+function vui(component, config) {
+	const { memoCompare, isMemo = true } = config ?? {};
+	if (isMemo) return memo(forwardRef(component), memoCompare);
+	return forwardRef(component);
+}
+
+//#endregion
+export { vui };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=vui.js.map

package/dist/core/vui.js.map

@@ -1 +1 @@
-{"version":3,"file":"vui.js","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":["import type { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'\nimport { forwardRef, memo } from 'react'\n\nimport type { PropsOf, RefPropsOf } from '../utils'\n\n/**\n * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.\n * Config object allows toggling memoization and providing custom 'areEqual' function.\n */\nexport function vui<C extends React.ElementType, Props = object>(\n  component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>,\n  config?: VuiComponentConfig<C, Props>,\n) {\n  const { memoCompare, isMemo = true } = config ?? {}\n\n  if (isMemo) {\n    return memo(forwardRef(component as unknown as any), memoCompare as unknown as any) as unknown as VuiComponent<\n      C,\n      Props\n    >\n  }\n\n  return forwardRef(component as unknown as any) as unknown as VuiComponent<C, Props>\n}\n\n/** VUI component type, which allows element props inference and extension, 'as' and 'ref'. */\nexport type VuiComponent<C extends ElementType, Props = object> = {\n  // 'as' component call signature\n  <AsC extends ElementType>(\n    props: PropsWithChildren<RefPropsOf<AsC, Props>> & {\n      as: AsC\n    },\n  ): ReactElement<any, any> | null\n  // Regular call signature should be last, so that 'styled' can infer props correctly\n  (props: RefPropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\n/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function. */\nexport type VuiComponentConfig<C extends ElementType, Props = object> = {\n  isMemo?: boolean\n  memoCompare?: (\n    prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n    nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n  ) => boolean\n}\n\n/**\n * @deprecated Use FC or plain functions instead. If you need typing for HTML attributes of a given element,\n * use PropsOf type, like: type MyBoxProps = PropsOf<'div', MyProps>\n */\nexport type VC<C extends ElementType, Props = object> = {\n  (props: PropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\nexport default vui\n"],"mappings":"6CASA,SAAgB,EACd,EACA,EACA,CACA,GAAM,CAAE,cAAa,SAAS,IAAS,GAAU,EAAE,CASnD,OAPI,EACK,EAAK,EAAW,EAA4B,CAAE,EAA8B,CAM9E,EAAW,EAA4B"}
+{"version":3,"file":"vui.js","names":[],"sources":["../../src/core/vui.ts"],"sourcesContent":["import type { ElementType, PropsWithChildren, PropsWithoutRef, ReactElement } from 'react'\nimport { forwardRef, memo } from 'react'\n\nimport type { PropsOf, RefPropsOf } from '../utils'\n\n/**\n * Component creation utility, which combines forwardRef, memo and ensures correct typing with all props included.\n * Config object allows toggling memoization and providing custom 'areEqual' function.\n */\nexport function vui<C extends React.ElementType, Props = object>(\n  component: React.ForwardRefRenderFunction<any, PropsOf<C, Props>>,\n  config?: VuiComponentConfig<C, Props>,\n) {\n  const { memoCompare, isMemo = true } = config ?? {}\n\n  if (isMemo) {\n    return memo(forwardRef(component as unknown as any), memoCompare as unknown as any) as unknown as VuiComponent<\n      C,\n      Props\n    >\n  }\n\n  return forwardRef(component as unknown as any) as unknown as VuiComponent<C, Props>\n}\n\n/** VUI component type, which allows element props inference and extension, 'as' and 'ref'. */\nexport type VuiComponent<C extends ElementType, Props = object> = {\n  // 'as' component call signature\n  <AsC extends ElementType>(\n    props: PropsWithChildren<RefPropsOf<AsC, Props>> & {\n      as: AsC\n    },\n  ): ReactElement<any, any> | null\n  // Regular call signature should be last, so that 'styled' can infer props correctly\n  (props: RefPropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\n/** Config for VUI component creator helper, which allows toggling memoization and 'areEqual' function. */\nexport type VuiComponentConfig<C extends ElementType, Props = object> = {\n  isMemo?: boolean\n  memoCompare?: (\n    prevProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n    nextProps: Readonly<PropsWithChildren<PropsWithoutRef<PropsOf<C, Props>>>>,\n  ) => boolean\n}\n\n/**\n * @deprecated Use FC or plain functions instead. If you need typing for HTML attributes of a given element,\n * use PropsOf type, like: type MyBoxProps = PropsOf<'div', MyProps>\n */\nexport type VC<C extends ElementType, Props = object> = {\n  (props: PropsOf<C, Props>): ReactElement<any, any> | null\n\n  defaultProps?: Partial<PropsOf<C, Props>>\n  displayName?: string\n}\n\nexport default vui\n"],"mappings":";;;;;;;AASA,SAAgB,IACd,WACA,QACA;CACA,MAAM,EAAE,aAAa,SAAS,SAAS,UAAU,EAAE;AAEnD,KAAI,OACF,QAAO,KAAK,WAAW,UAA4B,EAAE,YAA8B;AAMrF,QAAO,WAAW,UAA4B"}

package/dist/core/vuiProvider/animations.js

@@ -1,4 +1,5 @@
-const e=`
+//#region src/core/vuiProvider/animations.ts
+const bounce = `
 	0%, 100% {
 		animationTimingFunction: cubic-bezier(0.8, 0, 1, 1);
 		transform: translateY(-25%);
@@ -7,69 +8,81 @@ const e=`
 		animationTimingFunction: cubic-bezier(0, 0, 0.2, 1);
 		transform: translateY(0);
 	}
-`,t=e=>`
+`;
+const fadeDown = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateY(-${e}px)
+		transform: translateY(-${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0)
 	}
-`,n=`
+`;
+const fadeIn = `
 	from {
 		opacity: 0;
 	}
 	to {
 		opacity: 1;
 	}
-`,r=e=>`
+`;
+const fadeLeft = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateX(${e}px)
+		transform: translateX(${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateX(0)
 	}
-`,i=`
+`;
+const fadeOut = `
 	from {
 		opacity: 1;
 	}
 	to {
 		opacity: 0;
 	}
-`,a=e=>`
+`;
+const fadeRight = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateX(-${e}px)
+		transform: translateX(-${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateX(0)
 	}
-`,o=e=>`
+`;
+const fadeUp = (distance) => `
 	from {
 		opacity: 0;
-		transform: translateY(${e}px)
+		transform: translateY(${distance}px)
 	}
 	to {
 		opacity: 1;
 		transform: translateY(0)
 	}
-`,s=`
+`;
+const pulse = `
 	0%, 100% {
 		opacity: 1;
 	}
 	50% {
 		opacity: .5;
 	}
-`,c=`
+`;
+const spin = `
 	from {
 		transform: rotate(0deg);
 	}
 	to {
 		transform: rotate(360deg);
 	}
-`;export{e as bounce,t as fadeDown,n as fadeIn,r as fadeLeft,i as fadeOut,a as fadeRight,o as fadeUp,s as pulse,c as spin};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+`;
+
+//#endregion
+export { bounce, fadeDown, fadeIn, fadeLeft, fadeOut, fadeRight, fadeUp, pulse, spin };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=animations.js.map

package/dist/core/vuiProvider/animations.js.map

@@ -1 +1 @@
-{"version":3,"file":"animations.js","names":[],"sources":["../../../src/core/vuiProvider/animations.ts"],"sourcesContent":["export const bounce = `\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n`\n\nexport const fadeDown = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n`\n\nexport const fadeIn = `\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n`\n\nexport const fadeLeft = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n`\n\nexport const fadeOut = `\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n`\n\nexport const fadeRight = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n`\n\nexport const fadeUp = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n`\n\nexport const pulse = `\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n`\n\nexport const spin = `\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`\n"],"mappings":"AAAA,MAAa,EAAS;;;;;;;;;EAWT,EAAY,GAAqB;;;2BAGnB,EAAS;;;;;;EAQvB,EAAS;;;;;;;EAST,EAAY,GAAqB;;;0BAGpB,EAAS;;;;;;EAQtB,EAAU;;;;;;;EASV,EAAa,GAAqB;;;2BAGpB,EAAS;;;;;;EAQvB,EAAU,GAAqB;;;0BAGlB,EAAS;;;;;;EAQtB,EAAQ;;;;;;;EASR,EAAO"}
+{"version":3,"file":"animations.js","names":[],"sources":["../../../src/core/vuiProvider/animations.ts"],"sourcesContent":["export const bounce = `\n\t0%, 100% {\n\t\tanimationTimingFunction: cubic-bezier(0.8, 0, 1, 1);\n\t\ttransform: translateY(-25%);\n\t}\n\t50% {\n\t\tanimationTimingFunction: cubic-bezier(0, 0, 0.2, 1);\n\t\ttransform: translateY(0);\n\t}\n`\n\nexport const fadeDown = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(-${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n`\n\nexport const fadeIn = `\n\tfrom {\n\t\topacity: 0;\n\t}\n\tto {\n\t\topacity: 1;\n\t}\n`\n\nexport const fadeLeft = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n`\n\nexport const fadeOut = `\n\tfrom {\n\t\topacity: 1;\n\t}\n\tto {\n\t\topacity: 0;\n\t}\n`\n\nexport const fadeRight = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateX(-${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateX(0)\n\t}\n`\n\nexport const fadeUp = (distance: number) => `\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translateY(${distance}px)\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: translateY(0)\n\t}\n`\n\nexport const pulse = `\n\t0%, 100% {\n\t\topacity: 1;\n\t}\n\t50% {\n\t\topacity: .5;\n\t}\n`\n\nexport const spin = `\n\tfrom {\n\t\ttransform: rotate(0deg);\n\t}\n\tto {\n\t\ttransform: rotate(360deg);\n\t}\n`\n"],"mappings":";AAAA,MAAa,SAAS;;;;;;;;;;AAWtB,MAAa,YAAY,aAAqB;;;2BAGnB,SAAS;;;;;;;AAQpC,MAAa,SAAS;;;;;;;;AAStB,MAAa,YAAY,aAAqB;;;0BAGpB,SAAS;;;;;;;AAQnC,MAAa,UAAU;;;;;;;;AASvB,MAAa,aAAa,aAAqB;;;2BAGpB,SAAS;;;;;;;AAQpC,MAAa,UAAU,aAAqB;;;0BAGlB,SAAS;;;;;;;AAQnC,MAAa,QAAQ;;;;;;;;AASrB,MAAa,OAAO"}

package/dist/core/vuiProvider/consts.js

@@ -1,2 +1,7 @@
-const e=`vui-no-scroll`;export{e as noScrollClass};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+//#region src/core/vuiProvider/consts.ts
+const noScrollClass = "vui-no-scroll";
+
+//#endregion
+export { noScrollClass };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=consts.js.map

package/dist/core/vuiProvider/consts.js.map

@@ -1 +1 @@
-{"version":3,"file":"consts.js","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"sourcesContent":["export const noScrollClass = 'vui-no-scroll'\n"],"mappings":"AAAA,MAAa,EAAgB"}
+{"version":3,"file":"consts.js","names":[],"sources":["../../../src/core/vuiProvider/consts.ts"],"sourcesContent":["export const noScrollClass = 'vui-no-scroll'\n"],"mappings":";AAAA,MAAa,gBAAgB"}

package/dist/core/vuiProvider/context.js

@@ -1,2 +1,9 @@
-import{createContext as e}from"../../utils/react.js";const[t,n]=e({isOptional:!0});export{t as VuiContextProvider,n as useVuiContext};globalThis.__vuiVersion__=`3.0.0-beta.8`;
+import { createContext } from "../../utils/react.js";
+
+//#region src/core/vuiProvider/context.ts
+const [VuiContextProvider, useVuiContext] = createContext({ isOptional: true });
+
+//#endregion
+export { VuiContextProvider, useVuiContext };
+globalThis.__vuiVersion__ = "3.0.0"
 //# sourceMappingURL=context.js.map

package/dist/core/vuiProvider/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"sourcesContent":["import { createContext } from '../../utils'\nimport type { VuiContext } from '../types'\n\nconst [VuiContextProvider, useVuiContext] = createContext<VuiContext>({\n  isOptional: true,\n})\n\nexport { VuiContextProvider, useVuiContext }\n"],"mappings":"qDAGA,KAAM,CAAC,EAAoB,GAAiB,EAA0B,CACpE,WAAY,GACb,CAAC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/core/vuiProvider/context.ts"],"sourcesContent":["import { createContext } from '../../utils'\nimport type { VuiContext } from '../types'\n\nconst [VuiContextProvider, useVuiContext] = createContext<VuiContext>({\n  isOptional: true,\n})\n\nexport { VuiContextProvider, useVuiContext }\n"],"mappings":";;;AAGA,MAAM,CAAC,oBAAoB,iBAAiB,cAA0B,EACpE,YAAY,MACb,CAAC"}