@accelint/design-system 0.3.3 → 0.4.0

package/dist/utils/events.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/events.ts"],"names":[],"mappings":";;;AAUO,SAAS,oBAAoB,KAAyB,EAAA;AAC3D,EAAA,KAAA,CAAM,mBAAoB,EAAA;AAC5B","file":"events.js","sourcesContent":["// Support React Aria's BaseEvent & PressEvent (and any others the might share the same interface)\ntype ContinuableEvent = {\n  continuePropagation: () => void;\n};\n\n/**\n * The default behavior of events within React Aria is to stop progagation\n *\n * To reenable propagation, continuePropagation must be called\n */\nexport function continuePropagation(event: ContinuableEvent) {\n  event.continuePropagation();\n}\n"]}

package/dist/utils/index.d.ts

@@ -0,0 +1,10 @@
+export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, unwrapCssVar } from './css.js';
+export { continuePropagation } from './events.js';
+export { callRenderProps, mergeClassNames, mergeProps, wrapRenderProps } from './props.js';
+export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, colorChannelAsNumberValidator, colorChannelAsStringValidator, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator } from './validators.js';
+import '@vanilla-extract/css';
+import '../types/deckgl.js';
+import '../types/vanilla-extract.js';
+import '../types/generic.js';
+import '../types/props.js';
+import 'zod';

package/dist/utils/index.js

@@ -0,0 +1,7 @@
+import '../chunk-PZ5AY32C.js';
+export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, unwrapCssVar } from './css.js';
+export { continuePropagation } from './events.js';
+export { callRenderProps, mergeClassNames, mergeProps, wrapRenderProps } from './props.js';
+export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, colorChannelAsNumberValidator, colorChannelAsStringValidator, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator } from './validators.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/dist/utils/props.d.ts

@@ -0,0 +1,32 @@
+import { AsType } from '../types/generic.js';
+import { ClassNames } from '../types/props.js';
+
+type Props<T extends object> = AsType<T> | null | undefined;
+/**
+ * Deep merges classNames objects by concatenating class values
+ *
+ * @example
+ * mergeClassNames({ foo: 'foo' }, { foo: 'FOO', bar: 'bar' })
+ * // returns { foo: 'foo FOO', bar: 'bar' }
+ */
+declare function mergeClassNames<T extends ClassNames>(...classNamesToMerge: (T | null | undefined)[]): T | undefined;
+/**
+ * Extends the base margeProps functionality to also merge styles and handle class/style render props
+ */
+declare function mergeProps<T extends object>(...propsToMerge: Props<T>[]): T;
+/**
+ * A helper for not having to reimplement the type check for a renderProp value being a function or not everywhere
+ */
+declare function callRenderProps<T extends object, R>(value: R | ((renderProps: T) => R), values: T): R;
+/**
+ * A helper function to pair with React Aria's render props. Typically
+ * implemented with children, className and styles
+ *
+ * Allows for the injection of additional renderProps that a component
+ * from React Aria may not already provide
+ *
+ * If the value isn't a renderProp function, then it is passed through unchanged
+ */
+declare function wrapRenderProps<T extends object, U extends object, R>(value: R | ((renderProps: T & U) => R), inject?: U): R | ((renderProps: T) => R);
+
+export { callRenderProps, mergeClassNames, mergeProps, wrapRenderProps };

package/dist/utils/props.js

@@ -0,0 +1,145 @@
+import '../chunk-PZ5AY32C.js';
+import { clsx } from 'clsx';
+import mergeWith from 'lodash/mergeWith';
+import { mergeProps as mergeProps$1 } from '@react-aria/utils';
+import { composeRenderProps } from 'react-aria-components';
+import { z } from 'zod';
+
+function processClassNameRenderProps(value, renderProps, ...propsToMerge) {
+  if (!propsToMerge.length) {
+    return "";
+  }
+  const [props, ...rest] = propsToMerge;
+  return clsx(
+    value,
+    composeRenderProps(
+      props?.className ?? "",
+      (prev) => processClassNameRenderProps(prev, renderProps, ...rest)
+    )(renderProps)
+  );
+}
+function mergeRenderClassName(...propsToMerge) {
+  return composeRenderProps(
+    (renderProps) => renderProps.defaultClassName ?? "",
+    (prev, renderProps) => processClassNameRenderProps(prev, renderProps, ...propsToMerge)
+  );
+}
+function mergeStaticClassName(...propsToMerge) {
+  return clsx(
+    propsToMerge.reduce((acc, props) => {
+      if (typeof props?.className !== "string") {
+        return acc;
+      }
+      return [...acc, props.className];
+    }, [])
+  );
+}
+function mergeClassNameProps(...propsToMerge) {
+  const anyFunctions = propsToMerge.some(
+    (props) => typeof props?.className === "function"
+  );
+  const anyPrimitives = propsToMerge.some(
+    (props) => typeof props?.className === "string"
+  );
+  if (!(anyFunctions || anyPrimitives)) {
+    return void 0;
+  }
+  return anyFunctions ? mergeRenderClassName(...propsToMerge) : mergeStaticClassName(...propsToMerge);
+}
+var classNamesValidator = z.record(
+  z.string(),
+  z.union([z.string(), z.lazy(() => classNamesValidator)])
+);
+var propsValidator = z.object({
+  classNames: classNamesValidator
+});
+function mergeClassNamesProps(...propsToMerge) {
+  return propsToMerge.reduce((acc, props) => {
+    const result = propsValidator.safeParse(props);
+    if (result.success) {
+      return acc ? mergeWith(
+        acc,
+        result.data.classNames,
+        (accValue, srcValue) => (!accValue || typeof accValue === "string") && (!srcValue || typeof srcValue === "string") ? clsx(accValue, srcValue) : void 0
+      ) : result.data.classNames;
+    }
+    return acc;
+  }, void 0);
+}
+function mergeClassNames(...classNamesToMerge) {
+  return mergeClassNamesProps(
+    ...classNamesToMerge.map((classNames) => ({ classNames }))
+  );
+}
+function processStyleRenderProps(value, renderProps, ...propsToMerge) {
+  if (!propsToMerge.length) {
+    return {};
+  }
+  const [props, ...rest] = propsToMerge;
+  return {
+    ...value,
+    ...composeRenderProps(
+      props?.style ?? {},
+      (prev) => processStyleRenderProps(prev, renderProps, ...rest)
+    )(renderProps)
+  };
+}
+function mergeRenderStyle(...propsToMerge) {
+  return composeRenderProps(
+    (renderProps) => renderProps.defaultStyle ?? {},
+    (prev, renderProps) => processStyleRenderProps(prev, renderProps, ...propsToMerge)
+  );
+}
+function mergeStaticStyle(...propsToMerge) {
+  return propsToMerge.reduce((acc, props) => {
+    if (!props?.style) {
+      return acc;
+    }
+    return {
+      ...acc,
+      ...props.style
+    };
+  }, {});
+}
+function mergeStyleProps(...propsToMerge) {
+  const anyFunctions = propsToMerge.some(
+    (props) => typeof props?.style === "function"
+  );
+  const anyObjects = propsToMerge.some(
+    (props) => typeof props?.style === "object" && props.style != null
+  );
+  if (!(anyFunctions || anyObjects)) {
+    return void 0;
+  }
+  return anyFunctions ? mergeRenderStyle(...propsToMerge) : mergeStaticStyle(...propsToMerge);
+}
+function mergeProps(...propsToMerge) {
+  const className = mergeClassNameProps(...propsToMerge);
+  const classNames = mergeClassNamesProps(...propsToMerge);
+  const style = mergeStyleProps(...propsToMerge);
+  return {
+    ...mergeProps$1(...propsToMerge),
+    ...className ? { className } : {},
+    ...classNames ? { classNames } : {},
+    ...style ? { style } : {}
+  };
+}
+function callRenderProps(value, values) {
+  if (typeof value === "function") {
+    return value(values);
+  }
+  return value;
+}
+function wrapRenderProps(value, inject) {
+  if (typeof value === "function") {
+    return (renderProps) => value({
+      ...renderProps,
+      ...inject
+    });
+  }
+  return value;
+}
+
+export { callRenderProps, mergeClassNames, mergeProps, wrapRenderProps };
+//# sourceMappingURL=props.js.map
+//# sourceMappingURL=props.js.map

package/dist/utils/props.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/props.ts"],"names":["mergePropsWithoutStyles"],"mappings":"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","file":"props.js","sourcesContent":["import { clsx } from 'clsx';\nimport mergeWith from 'lodash/mergeWith';\nimport type { CSSProperties } from 'react';\nimport { mergeProps as mergePropsWithoutStyles } from '@react-aria/utils';\nimport { composeRenderProps } from 'react-aria-components';\nimport { z } from 'zod';\nimport type {\n  ClassNameRenderProps,\n  ClassNames,\n  RenderProps,\n  StylePropRenderProps,\n  AsType,\n} from '../types';\n\ntype Props<T extends object> = AsType<T> | null | undefined;\n\n/**\n * Recursively process merging of all class name render props\n */\nfunction processClassNameRenderProps<T extends RenderProps<object>>(\n  value: string,\n  renderProps: ClassNameRenderProps<object>,\n  ...propsToMerge: Props<T>[]\n): string {\n  if (!propsToMerge.length) {\n    return '';\n  }\n\n  const [props, ...rest] = propsToMerge;\n\n  return clsx(\n    value,\n    composeRenderProps<string, ClassNameRenderProps<object>, string>(\n      props?.className ?? '',\n      (prev) => processClassNameRenderProps(prev, renderProps, ...rest),\n    )(renderProps),\n  );\n}\n\n/**\n * Compose class name render props to be processed and merged\n */\nfunction mergeRenderClassName<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return composeRenderProps<string, ClassNameRenderProps<object>, string>(\n    (renderProps) => renderProps.defaultClassName ?? '',\n    (prev, renderProps) =>\n      processClassNameRenderProps(prev, renderProps, ...propsToMerge),\n  );\n}\n\n/**\n * Merge static class names\n */\nfunction mergeStaticClassName<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return clsx(\n    propsToMerge.reduce<string[]>((acc, props) => {\n      if (typeof props?.className !== 'string') {\n        return acc;\n      }\n\n      return [...acc, props.className];\n    }, []),\n  );\n}\n\n/**\n * Determine if a static or composed merge of class names is necesary based on the presence of functions\n */\nfunction mergeClassNameProps<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  const anyFunctions = propsToMerge.some(\n    (props) => typeof props?.className === 'function',\n  );\n\n  const anyPrimitives = propsToMerge.some(\n    (props) => typeof props?.className === 'string',\n  );\n\n  if (!(anyFunctions || anyPrimitives)) {\n    return undefined;\n  }\n\n  return anyFunctions\n    ? mergeRenderClassName(...propsToMerge)\n    : mergeStaticClassName(...propsToMerge);\n}\n\nconst classNamesValidator: z.ZodType<ClassNames> = z.record(\n  z.string(),\n  z.union([z.string(), z.lazy(() => classNamesValidator)]),\n);\n\nconst propsValidator = z.object({\n  classNames: classNamesValidator,\n});\n\n/**\n * Deep merges classNames objects within props\n */\nfunction mergeClassNamesProps<T extends object>(...propsToMerge: Props<T>[]) {\n  return propsToMerge.reduce<ClassNames | undefined>((acc, props) => {\n    const result = propsValidator.safeParse(props);\n\n    if (result.success) {\n      return acc\n        ? mergeWith(acc, result.data.classNames, (accValue, srcValue) =>\n            (!accValue || typeof accValue === 'string') &&\n            (!srcValue || typeof srcValue === 'string')\n              ? clsx(accValue, srcValue)\n              : undefined,\n          )\n        : result.data.classNames;\n    }\n\n    return acc;\n  }, undefined);\n}\n\n/**\n * Deep merges classNames objects by concatenating class values\n *\n * @example\n * mergeClassNames({ foo: 'foo' }, { foo: 'FOO', bar: 'bar' })\n * // returns { foo: 'foo FOO', bar: 'bar' }\n */\nexport function mergeClassNames<T extends ClassNames>(\n  ...classNamesToMerge: (T | null | undefined)[]\n) {\n  return mergeClassNamesProps(\n    ...classNamesToMerge.map((classNames) => ({ classNames })),\n  ) as T | undefined;\n}\n\n/**\n * Recursively process merging of all style render props\n */\nfunction processStyleRenderProps<T extends RenderProps<object>>(\n  value: CSSProperties,\n  renderProps: StylePropRenderProps<object>,\n  ...propsToMerge: Props<T>[]\n): CSSProperties {\n  if (!propsToMerge.length) {\n    return {};\n  }\n\n  const [props, ...rest] = propsToMerge;\n\n  return {\n    ...value,\n    ...composeRenderProps<\n      CSSProperties,\n      StylePropRenderProps<object>,\n      CSSProperties\n    >(props?.style ?? {}, (prev) =>\n      processStyleRenderProps(prev, renderProps, ...rest),\n    )(renderProps),\n  };\n}\n\n/**\n * Compose style render props to be processed and merged\n */\nfunction mergeRenderStyle<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return composeRenderProps<\n    CSSProperties,\n    StylePropRenderProps<object>,\n    CSSProperties\n  >(\n    (renderProps) => renderProps.defaultStyle ?? {},\n    (prev, renderProps) =>\n      processStyleRenderProps(prev, renderProps, ...propsToMerge),\n  );\n}\n\n/**\n * Merge static styles\n */\nfunction mergeStaticStyle<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return propsToMerge.reduce<CSSProperties>((acc, props) => {\n    if (!props?.style) {\n      return acc;\n    }\n\n    return {\n      ...acc,\n      ...props.style,\n    };\n  }, {});\n}\n\n/**\n * Determine if a static or composed merge of styles is necesary based on the presence of functions\n */\nfunction mergeStyleProps<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  const anyFunctions = propsToMerge.some(\n    (props) => typeof props?.style === 'function',\n  );\n\n  const anyObjects = propsToMerge.some(\n    (props) => typeof props?.style === 'object' && props.style != null,\n  );\n\n  if (!(anyFunctions || anyObjects)) {\n    return undefined;\n  }\n\n  return anyFunctions\n    ? mergeRenderStyle(...propsToMerge)\n    : mergeStaticStyle(...propsToMerge);\n}\n\n/**\n * Extends the base margeProps functionality to also merge styles and handle class/style render props\n */\nexport function mergeProps<T extends object>(...propsToMerge: Props<T>[]): T {\n  const className = mergeClassNameProps(...propsToMerge);\n  const classNames = mergeClassNamesProps(...propsToMerge);\n  const style = mergeStyleProps(...propsToMerge);\n\n  return {\n    ...(mergePropsWithoutStyles(...propsToMerge) as T),\n    ...(className ? { className } : {}),\n    ...(classNames ? { classNames } : {}),\n    ...(style ? { style } : {}),\n  };\n}\n\n/**\n * A helper for not having to reimplement the type check for a renderProp value being a function or not everywhere\n */\nexport function callRenderProps<T extends object, R>(\n  value: R | ((renderProps: T) => R),\n  values: T,\n) {\n  if (typeof value === 'function') {\n    return (value as (renderProps: T) => R)(values);\n  }\n\n  return value;\n}\n\n/**\n * A helper function to pair with React Aria's render props. Typically\n * implemented with children, className and styles\n *\n * Allows for the injection of additional renderProps that a component\n * from React Aria may not already provide\n *\n * If the value isn't a renderProp function, then it is passed through unchanged\n */\nexport function wrapRenderProps<T extends object, U extends object, R>(\n  value: R | ((renderProps: T & U) => R),\n  inject?: U,\n) {\n  if (typeof value === 'function') {\n    return (renderProps: T) =>\n      (value as (renderProps: T & U) => R)({\n        ...renderProps,\n        ...inject,\n      } as T & U);\n  }\n\n  return value;\n}\n"]}

package/dist/utils/validators.d.ts

@@ -0,0 +1,52 @@
+import { z } from 'zod';
+import { RGBA } from '../types/deckgl.js';
+
+/**
+ * Test for any safe number that could represent a pixel value
+ */
+declare const pixelValueAsNumberValidator: z.ZodNumber;
+/**
+ * Test for and capture numeric pixel values
+ * Will allow decimals and negative numbers
+ *
+ * Examples:
+ * 0 -> 0
+ * 1px -> 1
+ * 20.5px -> 20.5
+ */
+declare const pixelValueAsStringValidator: z.ZodPipeline<z.ZodPipeline<z.ZodUnion<[z.ZodLiteral<"0">, z.ZodEffects<z.ZodString, string, string>]>, z.ZodNumber>, z.ZodNumber>;
+/**
+ * Test for an integer in the range of 0-255 as a representation of an RGB color channel value
+ */
+declare const colorChannelAsNumberValidator: z.ZodNumber;
+/**
+ * Test for and convert CSS RGB color channel to numeric value (0-255)
+ */
+declare const colorChannelAsStringValidator: z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>;
+/**
+ * DeckGL treats alpha channel the same as color channels (0-255)
+ */
+declare const alphaChannelAsNumberValidator: z.ZodNumber;
+/**
+ * Test for and convert CSS RGBA alpha channel to DeckGL numeric value
+ */
+declare const alphaChannelAsStringValidator: z.ZodEffects<z.ZodPipeline<z.ZodString, z.ZodNumber>, number, string>;
+/**
+ * Test for and convert CSS RGB(A) values to numeric RGBA tuple
+ * Will only allow for rgb with 3 valid numbers (0-255){3, intergers only}
+ * Will only allow for rgba with 4 valid numbers (0-255){3, intergers only} + (0-1){1, decimals allowed}
+ * Will allow for whitespace spread throughout
+ *
+ * Examples:
+ * rgb( 0, 0, 0 ) -> [0, 0, 0, 255]
+ * rgba(203,117,98,0.4) -> [203, 117, 98, 102]
+ */
+declare const rgbaAsStringValidator: z.ZodPipeline<z.ZodEffects<z.ZodUnion<[z.ZodEffects<z.ZodString, string, string>, z.ZodEffects<z.ZodString, string, string>]>, string[], string>, z.ZodTuple<[z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>, z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>, z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>, z.ZodEffects<z.ZodPipeline<z.ZodString, z.ZodNumber>, number, string>], null>>;
+/**
+ * Test for numeric RGB(A) tuple
+ *
+ * Will return RGB as RGBA with 100% alpha channel
+ */
+declare const rgbaAsTupleValidator: z.ZodUnion<[z.ZodEffects<z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber], null>, RGBA, [number, number, number]>, z.ZodTuple<[z.ZodNumber, z.ZodNumber, z.ZodNumber, z.ZodNumber], null>]>;
+
+export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, colorChannelAsNumberValidator, colorChannelAsStringValidator, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator };

package/dist/utils/validators.js

@@ -0,0 +1,42 @@
+import '../chunk-PZ5AY32C.js';
+import clamp from 'lodash/clamp';
+import { z } from 'zod';
+
+var pixelValueAsNumberValidator = z.number().safe();
+var pixelValueAsStringValidator = z.union([
+  z.literal("0"),
+  z.string().endsWith("px").transform((value) => value.replace(/px$/, ""))
+]).pipe(z.coerce.number()).pipe(pixelValueAsNumberValidator);
+var colorChannelAsNumberValidator = z.number().safe().int().min(0).max(255);
+var colorChannelAsStringValidator = z.string().trim().pipe(z.coerce.number()).pipe(colorChannelAsNumberValidator);
+var alphaChannelAsNumberValidator = colorChannelAsNumberValidator;
+var alphaChannelAsStringValidator = z.string().trim().pipe(z.coerce.number().safe().min(0)).transform((value) => Math.round(clamp(value, 0, 1) * 255));
+var rgbaAsStringValidator = z.union([
+  z.string().startsWith("rgb(").endsWith(")").transform((value) => value.replace(/\)$/, ",1")),
+  // Add on 100% alpha channel
+  z.string().startsWith("rgba(").endsWith(")").transform((value) => value.replace(/\)$/, ""))
+]).transform((value) => value.replace(/^rgba?\(/, "").split(",")).pipe(
+  z.tuple([
+    colorChannelAsStringValidator,
+    colorChannelAsStringValidator,
+    colorChannelAsStringValidator,
+    alphaChannelAsStringValidator
+  ])
+);
+var rgbaAsTupleValidator = z.union([
+  z.tuple([
+    colorChannelAsNumberValidator,
+    colorChannelAsNumberValidator,
+    colorChannelAsNumberValidator
+  ]).transform((rgb) => [...rgb, 255]),
+  z.tuple([
+    colorChannelAsNumberValidator,
+    colorChannelAsNumberValidator,
+    colorChannelAsNumberValidator,
+    alphaChannelAsNumberValidator
+  ])
+]);
+
+export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, colorChannelAsNumberValidator, colorChannelAsStringValidator, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator };
+//# sourceMappingURL=validators.js.map
+//# sourceMappingURL=validators.js.map

package/dist/utils/validators.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/validators.ts"],"names":[],"mappings":";;;;AAOO,IAAM,2BAA8B,GAAA,CAAA,CAAE,MAAO,EAAA,CAAE,IAAK;AAW9C,IAAA,2BAAA,GAA8B,EACxC,KAAM,CAAA;AAAA,EACL,CAAA,CAAE,QAAQ,GAAG,CAAA;AAAA,EACb,CACG,CAAA,MAAA,EACA,CAAA,QAAA,CAAS,IAAI,CAAA,CACb,SAAU,CAAA,CAAC,KAAU,KAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,EAAO,EAAE,CAAC;AAClD,CAAC,CAAA,CACA,KAAK,CAAE,CAAA,MAAA,CAAO,QAAQ,CAAA,CACtB,KAAK,2BAA2B;AAK5B,IAAM,6BAAgC,GAAA,CAAA,CAC1C,MAAO,EAAA,CACP,IAAK,EAAA,CACL,GAAI,EAAA,CACJ,GAAI,CAAA,CAAC,CACL,CAAA,GAAA,CAAI,GAAG;AAKH,IAAM,6BAAgC,GAAA,CAAA,CAC1C,MAAO,EAAA,CACP,IAAK,EAAA,CACL,IAAK,CAAA,CAAA,CAAE,MAAO,CAAA,MAAA,EAAQ,CAAA,CACtB,KAAK,6BAA6B;AAK9B,IAAM,6BAAgC,GAAA;AAKtC,IAAM,6BAAgC,GAAA,CAAA,CAC1C,MAAO,EAAA,CACP,IAAK,EAAA,CACL,IAAK,CAAA,CAAA,CAAE,MAAO,CAAA,MAAA,EAAS,CAAA,IAAA,EAAO,CAAA,GAAA,CAAI,CAAC,CAAC,CACpC,CAAA,SAAA,CAAU,CAAC,KAAA,KAAU,IAAK,CAAA,KAAA,CAAM,KAAM,CAAA,KAAA,EAAO,CAAG,EAAA,CAAC,CAAI,GAAA,GAAG,CAAC;AAY/C,IAAA,qBAAA,GAAwB,EAClC,KAAM,CAAA;AAAA,EACL,EACG,MAAO,EAAA,CACP,UAAW,CAAA,MAAM,EACjB,QAAS,CAAA,GAAG,CACZ,CAAA,SAAA,CAAU,CAAC,KAAU,KAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,EAAO,IAAI,CAAC,CAAA;AAAA;AAAA,EAClD,EACG,MAAO,EAAA,CACP,UAAW,CAAA,OAAO,EAClB,QAAS,CAAA,GAAG,CACZ,CAAA,SAAA,CAAU,CAAC,KAAU,KAAA,KAAA,CAAM,OAAQ,CAAA,KAAA,EAAO,EAAE,CAAC;AAClD,CAAC,CACA,CAAA,SAAA,CAAU,CAAC,KAAA,KAAU,KAAM,CAAA,OAAA,CAAQ,UAAY,EAAA,EAAE,CAAE,CAAA,KAAA,CAAM,GAAG,CAAC,CAC7D,CAAA,IAAA;AAAA,EACC,EAAE,KAAM,CAAA;AAAA,IACN,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACD;AACH;AAOW,IAAA,oBAAA,GAAuB,EAAE,KAAM,CAAA;AAAA,EAC1C,EACG,KAAM,CAAA;AAAA,IACL,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACD,EACA,SAAgB,CAAA,CAAC,QAAQ,CAAC,GAAG,GAAK,EAAA,GAAG,CAAC,CAAA;AAAA,EACzC,EAAE,KAAM,CAAA;AAAA,IACN,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA;AAAA,GACD;AACH,CAAC","file":"validators.js","sourcesContent":["import clamp from 'lodash/clamp';\nimport { z } from 'zod';\nimport type { RGBA } from '../types';\n\n/**\n * Test for any safe number that could represent a pixel value\n */\nexport const pixelValueAsNumberValidator = z.number().safe();\n\n/**\n * Test for and capture numeric pixel values\n * Will allow decimals and negative numbers\n *\n * Examples:\n * 0 -> 0\n * 1px -> 1\n * 20.5px -> 20.5\n */\nexport const pixelValueAsStringValidator = z\n  .union([\n    z.literal('0'),\n    z\n      .string()\n      .endsWith('px')\n      .transform((value) => value.replace(/px$/, '')),\n  ])\n  .pipe(z.coerce.number())\n  .pipe(pixelValueAsNumberValidator);\n\n/**\n * Test for an integer in the range of 0-255 as a representation of an RGB color channel value\n */\nexport const colorChannelAsNumberValidator = z\n  .number()\n  .safe()\n  .int()\n  .min(0)\n  .max(255);\n\n/**\n * Test for and convert CSS RGB color channel to numeric value (0-255)\n */\nexport const colorChannelAsStringValidator = z\n  .string()\n  .trim()\n  .pipe(z.coerce.number())\n  .pipe(colorChannelAsNumberValidator);\n\n/**\n * DeckGL treats alpha channel the same as color channels (0-255)\n */\nexport const alphaChannelAsNumberValidator = colorChannelAsNumberValidator;\n\n/**\n * Test for and convert CSS RGBA alpha channel to DeckGL numeric value\n */\nexport const alphaChannelAsStringValidator = z\n  .string()\n  .trim()\n  .pipe(z.coerce.number().safe().min(0)) // CSS allows for values greater than 1\n  .transform((value) => Math.round(clamp(value, 0, 1) * 255));\n\n/**\n * Test for and convert CSS RGB(A) values to numeric RGBA tuple\n * Will only allow for rgb with 3 valid numbers (0-255){3, intergers only}\n * Will only allow for rgba with 4 valid numbers (0-255){3, intergers only} + (0-1){1, decimals allowed}\n * Will allow for whitespace spread throughout\n *\n * Examples:\n * rgb( 0, 0, 0 ) -> [0, 0, 0, 255]\n * rgba(203,117,98,0.4) -> [203, 117, 98, 102]\n */\nexport const rgbaAsStringValidator = z\n  .union([\n    z\n      .string()\n      .startsWith('rgb(')\n      .endsWith(')')\n      .transform((value) => value.replace(/\\)$/, ',1')), // Add on 100% alpha channel\n    z\n      .string()\n      .startsWith('rgba(')\n      .endsWith(')')\n      .transform((value) => value.replace(/\\)$/, '')),\n  ])\n  .transform((value) => value.replace(/^rgba?\\(/, '').split(','))\n  .pipe(\n    z.tuple([\n      colorChannelAsStringValidator,\n      colorChannelAsStringValidator,\n      colorChannelAsStringValidator,\n      alphaChannelAsStringValidator,\n    ]),\n  );\n\n/**\n * Test for numeric RGB(A) tuple\n *\n * Will return RGB as RGBA with 100% alpha channel\n */\nexport const rgbaAsTupleValidator = z.union([\n  z\n    .tuple([\n      colorChannelAsNumberValidator,\n      colorChannelAsNumberValidator,\n      colorChannelAsNumberValidator,\n    ])\n    .transform<RGBA>((rgb) => [...rgb, 255]),\n  z.tuple([\n    colorChannelAsNumberValidator,\n    colorChannelAsNumberValidator,\n    colorChannelAsNumberValidator,\n    alphaChannelAsNumberValidator,\n  ]),\n]);\n"]}

package/dist/vanilla.d.ts

@@ -1,10 +1,70 @@
-export { aV as AsType, d3 as ButtonClassNames, b as ButtonColors, c as ButtonMapping, B as ButtonProps, a as ButtonRenderProps, d as ButtonSizes, d4 as ButtonState, h as CheckboxAlignment, g as CheckboxClassNames, i as CheckboxGroupProps, j as CheckboxGroupRenderProps, d5 as CheckboxGroupState, C as CheckboxProps, f as CheckboxRenderProps, d6 as CheckboxState, eU as ChildrenRenderProps, d7 as ChipClassNames, d8 as ChipColors, o as ChipGroupProps, l as ChipItemProps, n as ChipListProps, d9 as ChipMapping, k as ChipProps, da as ChipRenderProps, db as ChipSizes, dc as ChipState, eV as ClassNameRenderProps, aU as ClassNames, q as ComboBoxClassNames, r as ComboBoxMapping, p as ComboBoxProps, dd as ComboBoxRenderProps, s as ComboBoxSizes, de as ComboBoxState, aX as Contract, eW as CssVarFunction, aS as DefaultsContext, aT as DefaultsProviderProps, df as DialogClassNames, u as DialogMapping, D as DialogProps, t as DialogRenderProps, v as DialogSizes, dg as DialogState, dh as DrawerAnchor, z as DrawerClassNames, di as DrawerDialogProps, dj as DrawerDialogState, A as DrawerMapping, w as DrawerProps, dk as DrawerRenderProps, dl as DrawerState, x as DrawerTabListProps, y as DrawerTabProps, dm as DrawerTabRenderProps, dn as GroupClassNames, G as GroupProps, dp as GroupState, dq as IconClassNames, I as IconProps, F as IconSizes, dr as IconState, ds as InputClassNames, dt as InputMapping, H as InputProps, du as InputRenderProps, dv as InputState, dw as InputType, L as LinkButtonProps, eX as MapLeafNodes, K as MenuClassNames, S as MenuItemProps, dx as MenuItemRenderProps, dy as MenuItemState, Q as MenuListProps, N as MenuMapping, M as MenuProps, O as MenuSizes, dz as MenuState, V as NumberFieldClassNames, W as NumberFieldMapping, U as NumberFieldProps, X as NumberFieldSizes, dA as NumberFieldState, aP as OmitProtectedProps, Z as OptionsClassNames, a1 as OptionsItemProps, dB as OptionsItemState, a0 as OptionsListProps, dC as OptionsListState, _ as OptionsMapping, Y as OptionsProps, $ as OptionsSizes, dD as OptionsState, eY as PartialMapLeafNodes, a4 as PickerClassNames, a3 as PickerItemProps, dE as PickerItemRenderProps, dF as PickerItemState, a2 as PickerProps, dG as PickerState, a7 as PopoverClassNames, a5 as PopoverProps, dH as PopoverState, eZ as Primitive, e_ as ProviderValue, P as ProviderValues, dI as QueryBuilderClassNames, a9 as QueryBuilderContextValue, dJ as QueryBuilderGroupState, dK as QueryBuilderMapping, aa as QueryBuilderProps, dL as QueryBuilderRuleState, dM as QueryBuilderSizes, dN as QueryBuilderState, dO as QueryBuilderValueEditors, aW as RGBA, ae as RadioAlignment, ad as RadioClassNames, af as RadioGroupProps, dP as RadioGroupState, aQ as RadioProps, dQ as RadioState, e$ as RenderProps, R as RenderPropsChildren, f0 as RenderPropsClassName, f1 as RenderPropsStyle, ah as SearchFieldClassNames, ai as SearchFieldMapping, ag as SearchFieldProps, dR as SearchFieldRenderProps, dS as SearchFieldState, am as SelectClassNames, an as SelectMapping, al as SelectProps, dT as SelectRenderProps, dU as SelectState, f2 as StylePropRenderProps, f3 as StyleRenderProps, dV as SwitchAlignment, dW as SwitchClassNames, ap as SwitchProps, dX as SwitchRenderProps, dY as SwitchState, au as TabListAlignment, av as TabListAnchor, at as TabListProps, dZ as TabListState, ax as TabListVariants, az as TabPanelProps, d_ as TabPanelRenderProps, d$ as TabPanelState, ay as TabPanelsProps, e0 as TabPanelsState, aR as TabProps, e1 as TabRenderProps, e2 as TabState, as as TabsClassNames, ar as TabsProps, e3 as TextAreaClassNames, aA as TextAreaProps, e4 as TextAreaRenderProps, e5 as TextAreaState, aD as TextFieldClassNames, aE as TextFieldMapping, aC as TextFieldProps, aF as TextFieldSizes, e6 as TextFieldState, aY as ThemeContext, a_ as ThemeProviderProps, ek as ThemeVars, T as ToggleButtonProps, aH as TooltipClassNames, aI as TooltipMapping, aG as TooltipProps, aJ as TooltipRenderProps, e7 as TooltipState, aK as TooltipTargetProps, e8 as TooltipTargetState, f4 as TreeActions, e9 as TreeClassNames, f5 as TreeGroupNode, aN as TreeGroupProps, ea as TreeGroupRenderProps, eb as TreeGroupState, ec as TreeIndicatorRenderProps, ed as TreeIndicatorState, f6 as TreeItemNode, aO as TreeItemProps, ee as TreeItemRenderProps, ef as TreeItemState, eg as TreeMapping, f7 as TreeNode, f8 as TreeNodes, aM as TreeProps, eh as TreeRenderProps, ei as TreeSizes, ej as TreeState, aL as TreeStateContextValue, a$ as UseTreeOptions, b0 as UseTreeResult, f9 as applyThemeVars, fa as assignPartialVars, el as bodies, b1 as buttonClassNames, b2 as buttonColorVars, b3 as buttonContainer, b4 as buttonSpaceVars, b5 as buttonStateVars, b6 as checkboxClassNames, b7 as checkboxColorVars, b8 as checkboxContainer, b9 as checkboxGroupStateVars, ba as checkboxSpaceVars, bb as checkboxStateVars, bc as chipClassNames, bd as chipColorVars, be as chipContainer, bf as chipSpaceVars, bg as chipStateVars, bi as comboBoxColorVars, bj as comboBoxContainer, bk as comboBoxSpaceVars, bl as comboBoxStateVars, aZ as computeContract, fb as containerQueries, fc as containerQuery, em as defaultElevationVarValues, en as defaultElevations, eo as defaultFocus, ep as defaultFocusVarValues, eq as defaultGenericColorVarValues, er as defaultGenericColors, es as defaultRadius, et as defaultRadiusVarValues, eu as defaultSemanticColorVarValues, ev as defaultSemanticColors, ew as defaultSizes, ex as defaultSizesVarValues, ey as defaultSpace, ez as defaultSpaceVarValues, eA as defaultTypography, eB as defaultTypographyVarValues, eC as defaultZIndex, eD as defaultZIndexVarValues, bm as dialogClassNames, bn as dialogColorVars, bo as dialogContainer, bp as dialogSpaceVars, bq as dialogStateVars, br as drawerAnimationVars, bs as drawerClassNames, bt as drawerColorVars, bu as drawerContainer, bv as drawerDialogStateVars, bw as drawerSpaceVars, bx as drawerStateVars, eE as elevationVars, eF as families, eG as focusOutlineStyle, eH as focusVars, eI as genericColorVars, by as groupClassNames, bz as groupContainer, bA as groupSpaceVars, bB as groupStateVars, eJ as headings, bC as iconClassNames, bD as iconColorVars, bE as iconContainer, bF as iconSpaceVars, bG as iconStateVars, fd as inlineVars, bH as inputClassNames, bI as inputColorVars, bJ as inputContainer, bK as inputSpaceVars, bL as inputStateVars, eK as inputs, eL as label, eM as layers, bM as menuColorVars, bN as menuItemStateVars, bO as menuSpaceVars, bP as menuStateVars, bQ as numberFieldClassNames, bR as numberFieldColorVars, bS as numberFieldContainer, bT as numberFieldSpaceVars, bU as numberFieldStateVars, bV as optionsClassNames, bW as optionsColorVars, bX as optionsContainers, bY as optionsItemStateVars, bZ as optionsListStateVars, b_ as optionsSpaceVars, b$ as optionsStateVars, c0 as pickerClassNames, c1 as pickerContainers, c2 as pickerItemColorVars, c3 as pickerItemStateVars, c4 as pickerSpaceVars, c5 as pickerStateVars, c6 as popoverClassNames, c7 as popoverColorVars, c8 as popoverSpaceVars, c9 as popoverStateVars, ca as queryBuilderClassNames, cb as queryBuilderColorVars, cc as queryBuilderContainers, cd as queryBuilderGroupStateVars, ce as queryBuilderRuleStateVars, cf as queryBuilderSpaceVars, cg as queryBuilderStateVars, ch as radioClassNames, ci as radioColorVars, cj as radioGroupStateVars, ck as radioSpaceVars, cl as radioStateVars, eN as radiusVars, ff as reduceContract, cm as searchFieldClassNames, cn as searchFieldContainer, co as searchFieldSpaceVars, cp as searchFieldStateVars, cq as selectClassNames, cr as selectColorVars, cs as selectContainer, ct as selectSpaceVars, cu as selectStateVars, eO as semanticColorVars, eP as sizeVars, eQ as spaceVars, eR as surfaces, cv as switchClassNames, cw as switchColorVars, cx as switchContainer, cy as switchSpaceVars, cz as switchStateVars, cA as tabColorVars, cB as tabListStateVars, cC as tabPanelStateVars, cD as tabPanelsStateVars, cE as tabSpaceVars, cF as tabStateVars, cG as tabsClassNames, cH as tabsContainers, cI as textAreaClassNames, cJ as textAreaColorVars, cK as textAreaContainer, cL as textAreaSpaceVars, cM as textAreaStateVars, cN as textFieldClassNames, cO as textFieldColorVars, cP as textFieldContainer, cQ as textFieldSpaceVars, cR as textFieldStateVars, cS as tooltipClassNames, cT as tooltipContainers, cU as tooltipSpaceVars, cV as tooltipStateVars, cW as tooltipTargetStateVars, cX as treeClassNames, cY as treeColorVars, cZ as treeContainers, c_ as treeGroupStateVars, c$ as treeIndicatorStateVars, d0 as treeItemStateVars, d1 as treeSpaceVars, d2 as treeStateVars, eS as typographyVars, fe as unwrapCssVar, eT as zIndexVars } from './vanilla-oo0eN2ya.js';
+export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './components/button/button.css.js';
+export { ButtonClassNames, ButtonColors, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, ButtonState, LinkButtonProps, ToggleButtonProps } from './components/button/types.js';
+export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './components/checkbox/checkbox.css.js';
+export { CheckboxAlignment, CheckboxClassNames, CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxGroupState, CheckboxProps, CheckboxRenderProps, CheckboxState } from './components/checkbox/types.js';
+export { chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './components/chip/chip.css.js';
+export { ChipClassNames, ChipColors, ChipGroupProps, ChipItemProps, ChipListProps, ChipMapping, ChipProps, ChipRenderProps, ChipSizes, ChipState } from './components/chip/types.js';
+export { comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './components/combo-box/combo-box.css.js';
+export { ComboBoxClassNames, ComboBoxMapping, ComboBoxProps, ComboBoxRenderProps, ComboBoxSizes, ComboBoxState } from './components/combo-box/types.js';
+export { dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './components/dialog/dialog.css.js';
+export { DialogClassNames, DialogMapping, DialogProps, DialogRenderProps, DialogSizes, DialogState } from './components/dialog/types.js';
+export { drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars } from './components/drawer/drawer.css.js';
+export { DrawerAnchor, DrawerClassNames, DrawerDialogProps, DrawerDialogState, DrawerMapping, DrawerProps, DrawerRenderProps, DrawerState, DrawerTabListProps, DrawerTabProps, DrawerTabRenderProps } from './components/drawer/types.js';
+export { groupClassNames, groupContainer, groupSpaceVars, groupStateVars } from './components/group/group.css.js';
+export { GroupClassNames, GroupProps, GroupState } from './components/group/types.js';
+export { iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars } from './components/icon/icon.css.js';
+export { IconClassNames, IconProps, IconSizes, IconState } from './components/icon/types.js';
+export { inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars } from './components/input/input.css.js';
+export { InputClassNames, InputMapping, InputProps, InputRenderProps, InputState, InputType } from './components/input/types.js';
+export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars } from './components/menu/menu.css.js';
+export { MenuClassNames, MenuItemProps, MenuItemRenderProps, MenuItemState, MenuListProps, MenuMapping, MenuProps, MenuSizes, MenuState } from './components/menu/types.js';
+export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars } from './components/number-field/number-field.css.js';
+export { NumberFieldClassNames, NumberFieldMapping, NumberFieldProps, NumberFieldSizes, NumberFieldState } from './components/number-field/types.js';
+export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './components/options/options.css.js';
+export { OptionsClassNames, OptionsItemProps, OptionsItemState, OptionsListProps, OptionsListState, OptionsMapping, OptionsProps, OptionsSizes, OptionsState } from './components/options/types.js';
+export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './components/picker/picker.css.js';
+export { PickerClassNames, PickerItemProps, PickerItemRenderProps, PickerItemState, PickerProps, PickerState } from './components/picker/types.js';
+export { popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars } from './components/popover/popover.css.js';
+export { PopoverClassNames, PopoverProps, PopoverState } from './components/popover/types.js';
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './components/query-builder/query-builder.css.js';
+export { QueryBuilderClassNames, QueryBuilderContextValue, QueryBuilderGroupState, QueryBuilderMapping, QueryBuilderProps, QueryBuilderRuleState, QueryBuilderSizes, QueryBuilderState, QueryBuilderValueEditors } from './components/query-builder/types.js';
+export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './components/radio/radio.css.js';
+export { RadioAlignment, RadioClassNames, RadioGroupProps, RadioGroupState, RadioProps, RadioState } from './components/radio/types.js';
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './components/search-field/search-field.css.js';
+export { SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldState } from './components/search-field/types.js';
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './components/select/select.css.js';
+export { SelectClassNames, SelectMapping, SelectProps, SelectRenderProps, SelectState } from './components/select/types.js';
+export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './components/switch/switch.css.js';
+export { SwitchAlignment, SwitchClassNames, SwitchProps, SwitchRenderProps, SwitchState } from './components/switch/types.js';
+export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './components/tabs/tabs.css.js';
+export { TabListAlignment, TabListAnchor, TabListProps, TabListState, TabListVariants, TabPanelProps, TabPanelRenderProps, TabPanelState, TabPanelsProps, TabPanelsState, TabProps, TabRenderProps, TabState, TabsClassNames, TabsProps } from './components/tabs/types.js';
+export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.css.js';
+export { TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState } from './components/textarea/types.js';
+export { textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars } from './components/text-field/text-field.css.js';
+export { TextFieldClassNames, TextFieldMapping, TextFieldProps, TextFieldSizes, TextFieldState } from './components/text-field/types.js';
+export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './components/tooltip/tooltip.css.js';
+export { TooltipClassNames, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipState, TooltipTargetProps, TooltipTargetState } from './components/tooltip/types.js';
+export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/tree/tree.css.js';
+export { TreeClassNames, TreeGroupProps, TreeGroupRenderProps, TreeGroupState, TreeIndicatorRenderProps, TreeIndicatorState, TreeItemProps, TreeItemRenderProps, TreeItemState, TreeMapping, TreeProps, TreeRenderProps, TreeSizes, TreeState, TreeStateContextValue } from './components/tree/types.js';
+export { DefaultsContext, DefaultsProviderProps } from './hooks/use-defaults/types.js';
+export { ThemeContext, ThemeProviderProps, ThemeVars } from './hooks/use-theme/types.js';
+export { layers } from './styles/layers.css.js';
+export { surfaces } from './styles/surfaces.css.js';
+export { defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, focusOutlineStyle, focusVars, genericColorVars, radiusVars, semanticColorVars, sizeVars, spaceVars, typographyVars, zIndexVars } from './styles/theme.css.js';
+export { bodies, families, headings, inputs, label } from './styles/typography.css.js';
+export { RGBA } from './types/deckgl.js';
+export { AsType } from './types/generic.js';
+export { ClassNames, OmitProtectedProps } from './types/props.js';
+export { ChildrenRenderProps, ClassNameRenderProps, ProviderValue, ProviderValues, RenderProps, RenderPropsChildren, RenderPropsClassName, RenderPropsStyle, StylePropRenderProps, StyleRenderProps } from './types/react-aria.js';
+export { TreeActions, TreeGroupNode, TreeItemNode, TreeNode, TreeNodes, UseTreeOptions, UseTreeResult } from './types/use-tree.js';
+export { Contract, CssVarFunction, MapLeafNodes, PartialMapLeafNodes, Primitive } from './types/vanilla-extract.js';
+export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, reduceContract, unwrapCssVar } from './utils/css.js';
 import 'react-aria-components';
-import 'react';
 import '@react-types/shared';
 import 'type-fest';
+import 'react';
 import '@react-aria/overlays';
 import '@react-stately/overlays';
 import 'react-querybuilder';
-import '@react-stately/data';
 import '@vanilla-extract/css';
+import '@react-stately/data';

package/dist/vanilla.js

@@ -1,3 +1,29 @@
-export { applyThemeVars, assignPartialVars, bodies, buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars, checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars, chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars, comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars, computeContract, containerQueries, containerQuery, defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars, drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars, elevationVars, families, focusOutlineStyle, focusVars, genericColorVars, groupClassNames, groupContainer, groupSpaceVars, groupStateVars, headings, iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars, inlineVars, inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars, inputs, label, layers, menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars, numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars, optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars, pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars, popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars, queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars, radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars, radiusVars, reduceContract, searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars, selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars, semanticColorVars, sizeVars, spaceVars, surfaces, switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars, tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers, textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars, textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars, tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars, treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars, typographyVars, unwrapCssVar, zIndexVars } from './chunk-4ZUGQMUD.js';
+import './chunk-PZ5AY32C.js';
+export { buttonClassNames, buttonColorVars, buttonContainer, buttonSpaceVars, buttonStateVars } from './components/button/button.css.js';
+export { checkboxClassNames, checkboxColorVars, checkboxContainer, checkboxGroupStateVars, checkboxSpaceVars, checkboxStateVars } from './components/checkbox/checkbox.css.js';
+export { chipClassNames, chipColorVars, chipContainer, chipSpaceVars, chipStateVars } from './components/chip/chip.css.js';
+export { comboBoxColorVars, comboBoxContainer, comboBoxSpaceVars, comboBoxStateVars } from './components/combo-box/combo-box.css.js';
+export { dialogClassNames, dialogColorVars, dialogContainer, dialogSpaceVars, dialogStateVars } from './components/dialog/dialog.css.js';
+export { drawerAnimationVars, drawerClassNames, drawerColorVars, drawerContainer, drawerDialogStateVars, drawerSpaceVars, drawerStateVars } from './components/drawer/drawer.css.js';
+export { groupClassNames, groupContainer, groupSpaceVars, groupStateVars } from './components/group/group.css.js';
+export { iconClassNames, iconColorVars, iconContainer, iconSpaceVars, iconStateVars } from './components/icon/icon.css.js';
+export { inputClassNames, inputColorVars, inputContainer, inputSpaceVars, inputStateVars } from './components/input/input.css.js';
+export { menuColorVars, menuItemStateVars, menuSpaceVars, menuStateVars } from './components/menu/menu.css.js';
+export { numberFieldClassNames, numberFieldColorVars, numberFieldContainer, numberFieldSpaceVars, numberFieldStateVars } from './components/number-field/number-field.css.js';
+export { optionsClassNames, optionsColorVars, optionsContainers, optionsItemStateVars, optionsListStateVars, optionsSpaceVars, optionsStateVars } from './components/options/options.css.js';
+export { pickerClassNames, pickerContainers, pickerItemColorVars, pickerItemStateVars, pickerSpaceVars, pickerStateVars } from './components/picker/picker.css.js';
+export { popoverClassNames, popoverColorVars, popoverSpaceVars, popoverStateVars } from './components/popover/popover.css.js';
+export { queryBuilderClassNames, queryBuilderColorVars, queryBuilderContainers, queryBuilderGroupStateVars, queryBuilderRuleStateVars, queryBuilderSpaceVars, queryBuilderStateVars } from './components/query-builder/query-builder.css.js';
+export { radioClassNames, radioColorVars, radioGroupStateVars, radioSpaceVars, radioStateVars } from './components/radio/radio.css.js';
+export { searchFieldClassNames, searchFieldContainer, searchFieldSpaceVars, searchFieldStateVars } from './components/search-field/search-field.css.js';
+export { selectClassNames, selectColorVars, selectContainer, selectSpaceVars, selectStateVars } from './components/select/select.css.js';
+export { switchClassNames, switchColorVars, switchContainer, switchSpaceVars, switchStateVars } from './components/switch/switch.css.js';
+export { tabColorVars, tabListStateVars, tabPanelStateVars, tabPanelsStateVars, tabSpaceVars, tabStateVars, tabsClassNames, tabsContainers } from './components/tabs/tabs.css.js';
+export { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.css.js';
+export { textFieldClassNames, textFieldColorVars, textFieldContainer, textFieldSpaceVars, textFieldStateVars } from './components/text-field/text-field.css.js';
+export { tooltipClassNames, tooltipContainers, tooltipSpaceVars, tooltipStateVars, tooltipTargetStateVars } from './components/tooltip/tooltip.css.js';
+export { treeClassNames, treeColorVars, treeContainers, treeGroupStateVars, treeIndicatorStateVars, treeItemStateVars, treeSpaceVars, treeStateVars } from './components/tree/tree.css.js';
+export { bodies, defaultElevationVarValues, defaultElevations, defaultFocus, defaultFocusVarValues, defaultGenericColorVarValues, defaultGenericColors, defaultRadius, defaultRadiusVarValues, defaultSemanticColorVarValues, defaultSemanticColors, defaultSizes, defaultSizesVarValues, defaultSpace, defaultSpaceVarValues, defaultTypography, defaultTypographyVarValues, defaultZIndex, defaultZIndexVarValues, elevationVars, families, focusOutlineStyle, focusVars, genericColorVars, headings, inputs, label, layers, radiusVars, semanticColorVars, sizeVars, spaceVars, surfaces, typographyVars, zIndexVars } from './styles/index.js';
+export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, reduceContract, unwrapCssVar } from './utils/css.js';
 //# sourceMappingURL=vanilla.js.map
 //# sourceMappingURL=vanilla.js.map

package/dist/vanilla.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"vanilla.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"vanilla.js","sourcesContent":[]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://json.schemastore.org/package",
   "name": "@accelint/design-system",
-  "version": "0.3.3",
+  "version": "0.4.0",
   "author": "https://hypergiant.com",
   "license": "Apache-2.0",
   "publishConfig": {
@@ -46,10 +46,12 @@
     "@testing-library/user-event": "^14.5.2",
     "@types/lodash": "^4.17.10",
     "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@vanilla-extract/esbuild-plugin": "^2.3.11",
     "@vanilla-extract/vite-plugin": "^4.0.16",
     "@vitest/coverage-istanbul": "^2.1.3",
     "autoprefixer": "^10.4.20",
+    "esbuild-plugin-file-path-extensions": "^2.1.3",
     "esbuild-plugin-lodash": "^1.2.0",
     "jsdom": "^25.0.1",
     "react-test-renderer": "^18.3.1",
@@ -58,8 +60,8 @@
     "vite": "^5.4.9",
     "vitest": "^2.1.3",
     "@accelint/typescript-config": "0.1.2",
-    "@accelint/vitest-config": "0.1.3",
-    "@accelint/biome-config": "0.1.2"
+    "@accelint/biome-config": "0.1.2",
+    "@accelint/vitest-config": "0.1.3"
   },
   "dependencies": {
     "@vanilla-extract/css": "^1.16.0",
@@ -91,7 +93,7 @@
   },
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
-    "build": "pnpm tsup && rm -rf dist/vanilla.css dist/vanilla.css.map",
+    "build": "rm -rf dist && pnpm tsup --config=tsup.css.config.ts && rm -f dist/index.js && NODE_OPTIONS=--max_old_space_size=8192 pnpm tsup",
     "dev": "pnpm tsc --watch",
     "index": "pnpm zx ../../scripts/indexer.mjs packages/design-system --barrels",
     "lint:todo": "pnpm biome lint ./",