@accelint/design-system 0.2.1 → 0.3.0

package/dist/utils/css.d.ts

@@ -1,139 +0,0 @@
-import type { GlobalStyleRule, StyleRule } from '@vanilla-extract/css';
-import type { Contract, CssVarFunction, MapLeafNodes, PartialMapLeafNodes, Primitive, RGBA } from '../types';
-/**
- * Parse out CSS var name from CSS var implementation
- *
- * @example
- * unwrapCssVar('var(--foo)')
- * // returns '--foo'
- *
- * @example
- * unwrapCssVar('var(--foo, blue)')
- * // returns '--foo'
- *
- * @example
- * unwrapCssVar('var(--foo, var(--bar))')
- * // returns '--foo'
- */
-export declare function unwrapCssVar(cssVar: string): string;
-type FulfilledContract<T> = MapLeafNodes<T, null | number | string | RGBA>;
-/**
- * Convert contract to nested object of identical shape with computed CSS values
- * Pixel values are converted to numbers
- * RGB(A) values are converted to DeckGL compatible tuples
- * All other values are left unconverted
- */
-export declare function computeContract<T extends Contract>(contract: T, css: CSSStyleDeclaration): FulfilledContract<T>;
-/**
- * Convert potentially nested contract and values pair into flattened CSS var record
- * The contract provides a lookup for CSS vars
- * The values are expected to partially match the contract shapeForm
- */
-export declare function reduceContract<T extends Contract, U>(contract: T, values: PartialMapLeafNodes<T, U>): Record<`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`, U>;
-/**
- * Reduce contract and values into Vanilla Extract friendly CSS vars
- */
-export declare function assignPartialVars<T extends Contract>(contract: T, values: PartialMapLeafNodes<T, Primitive>): {
-    [k: string]: string;
-};
-type CssVarValues = {
-    [key: string]: CssVarValues | Primitive;
-};
-type CssVarValueOptions<T extends object> = {
-    [P in keyof T]?: T[P] extends object ? CssVarValueOptions<T[P]> : T[P] | T[P][];
-};
-type Operators = 'and' | 'or';
-type ContainerQueryOptions = {
-    container?: string;
-    operator?: Operators;
-    maxHeight?: string;
-    minHeight?: string;
-    maxWidth?: string;
-    minWidth?: string;
-};
-type ContainerQueryValues<T extends CssVarValues> = CssVarValueOptions<T> & ContainerQueryOptions;
-type MultiContainerQuery<T extends CssVarValues> = {
-    operator?: Operators;
-    groups: ContainerQueryValues<T>[];
-};
-/**
- * Create simple or complex container queries with and/or operators.
- *
- * To provide type safety and ease of use, this function accepts a generic and a contract
- * The generic type defines the possible values for the parameters defined within the contract
- *
- * Ex: containerQuery<{ foo: boolean }>({ foo: 'var(--foo)' }, { foo: true })
- *
- * By providing the type constraint and contract, the query parameters will have intellisense
- * on which parameters exist and what their possible values can be
- *
- * @example
- * containerQuery(contract, { a: true })
- * // returns (a: true)
- *
- * @example
- * containerQuery(contract, { a: true, b: true })
- * // returns (a: true) and (b: true)
- *
- * @example
- * containerQuery(contract, { operator: 'or', a: true, b: true })
- * // returns (a: true) or (b: true)
- *
- * @example
- * containerQuery(contract, { groups: [{ a: true }, { b: true }] })
- * // returns (a: true) or (b: true)
- *
- * @example
- * containerQuery(contract, { a: ['foo', 'bar'] })
- * // returns (a: 'foo') or (a: 'bar')
- *
- * @example
- * containerQuery(contract, { a: ['foo', 'bar'], b: true })
- * // returns ((a: 'foo') or (a: 'bar')) and (b: true)
- *
- * @example
- * containerQuery(contract, { operator: 'or', a: ['foo', 'bar'], b: true })
- * // returns ((a: 'foo') or (a: 'bar')) or (b: true)
- *
- * @example
- * containerQuery(contract, { groups: [{ a: true, b: true }, { c: true, d: true }] })
- * // returns ((a: true) and (b: true)) or ((c: true) and (d: true))
- *
- * @example
- * containerQuery(contract, { operator: 'and', groups: [{ operator: 'or', a: true, b: true }, { c: true, d: true }] })
- * // returns ((a: true) or (b: true)) and ((c: true) and (d: true))
- *
- * @example
- * containerQuery(contract, { operator: 'and', groups: [{ operator: 'or', a: true, b: true }, { operator: 'or', c: true, d: true }] })
- * // returns ((a: true) or (b: true)) and ((c: true) or (d: true))
- */
-export declare function containerQuery<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, query: ContainerQueryValues<T> | MultiContainerQuery<T>): string;
-type ContainerStyle = Exclude<StyleRule['@container'], undefined>[string];
-type ContainerQuery<T extends CssVarValues> = {
-    query: ContainerQueryValues<T> | MultiContainerQuery<T>;
-};
-type ContainerQueries<T extends CssVarValues> = ContainerStyle & ContainerQuery<T>;
-type GlobalContainerStyle = Exclude<GlobalStyleRule['@container'], undefined>[string];
-type GlobalContainerQueries<T extends CssVarValues> = GlobalContainerStyle & ContainerQuery<T>;
-/**
- * Bulk container query creation based on the same contract
- */
-export declare function containerQueries<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, ...styles: ContainerQueries<T>[]): Record<string, ContainerStyle>;
-export declare function containerQueries<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, ...styles: GlobalContainerQueries<T>[]): Record<string, GlobalContainerStyle>;
-type VarsOnlyContainerQuery<T extends CssVarValues> = Required<Pick<ContainerQueries<T>, 'query' | 'vars'>>;
-type QueryOptionalVarsOnlyContainerQuery<T extends CssVarValues> = Partial<Pick<VarsOnlyContainerQuery<T>, 'query'>> & Pick<VarsOnlyContainerQuery<T>, 'vars'>;
-/**
- * Helper for establishing global theme variables with the restriction that
- * only variables may be set (and are required). All other styles must be
- * established using alternative utils
- *
- * The first style rule has an optional query. If the query is missing, the vars
- * are set outside of a container query
- */
-export declare function applyThemeVars<T extends CssVarValues = CssVarValues>(contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>, styles: [QueryOptionalVarsOnlyContainerQuery<T>, ...VarsOnlyContainerQuery<T>[]] | VarsOnlyContainerQuery<T>[], layer?: string): StyleRule;
-/**
- * Runtime creation of inline style CSS vars that enable CSS container queries
- */
-export declare function inlineVars(vars: Record<string, Primitive>): Record<string, string>;
-export declare function inlineVars<T extends Contract>(contract: T, values: PartialMapLeafNodes<T, Primitive>): Record<string, string>;
-export {};

package/dist/utils/css.js

@@ -1,145 +0,0 @@
-import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { kebabCase } from 'lodash';
-import { layers } from '../styles/layers.vanilla.js';
-import { pixelValueAsStringValidator, rgbaAsStringValidator } from './validators.js';
-
-function unwrapCssVar(cssVar) {
-  return cssVar.replace(/^var\((--[\w-]+)[^\w-]+.*/i, "$1");
-}
-function computeContract(contract, css) {
-  return Object.entries(contract).reduce((acc, [key, cssVarOrContract]) => {
-    if (cssVarOrContract == null) {
-      acc[key] = null;
-      return acc;
-    }
-    if (typeof cssVarOrContract === "object") {
-      acc[key] = computeContract(cssVarOrContract, css);
-      return acc;
-    }
-    const cssVar = unwrapCssVar(cssVarOrContract);
-    const value = css.getPropertyValue(cssVar);
-    const pixel = pixelValueAsStringValidator.safeParse(value);
-    if (pixel.success) {
-      acc[key] = pixel.data;
-      return acc;
-    }
-    const rgba = rgbaAsStringValidator.safeParse(value);
-    if (rgba.success) {
-      acc[key] = rgba.data;
-      return acc;
-    }
-    acc[key] = value ?? null;
-    return acc;
-  }, {});
-}
-function reduceContract(contract, values) {
-  const nodes = [
-    { contract, values }
-  ];
-  const vars = {};
-  for (let node of nodes) {
-    Object.entries(node.values).forEach(([key, value]) => {
-      const cssVarOrSubContract = node.contract[key];
-      if (cssVarOrSubContract == null || value == null) {
-        return;
-      }
-      if (typeof cssVarOrSubContract === "string" && (typeof value !== "object" || Array.isArray(value))) {
-        vars[cssVarOrSubContract] = value;
-        return;
-      }
-      if (typeof cssVarOrSubContract === "object" && typeof value === "object") {
-        nodes.push({ contract: cssVarOrSubContract, values: value });
-      }
-    });
-  }
-  return vars;
-}
-function assignPartialVars(contract, values) {
-  return Object.fromEntries(Object.entries(reduceContract(contract, values)).map(([key, value]) => [
-    key,
-    `${value}`
-  ]));
-}
-function processConditions(contract, values) {
-  return Object.entries(reduceContract({
-    ...contract,
-    maxHeight: "maxHeight",
-    // NOTE: Passthrough these values not as CSS vars
-    minHeight: "minHeight",
-    maxWidth: "maxWidth",
-    minWidth: "minWidth"
-  }, values)).reduce((acc, [key, value]) => {
-    if (key === "container" || key === "operator" || value == null) {
-      return acc;
-    }
-    const isStyle = !/^(?:max|min)(?:Height|Width)$/.test(key);
-    const prefix = isStyle ? "style" : "";
-    const prop = isStyle ? unwrapCssVar(key) : kebabCase(key);
-    if (Array.isArray(value)) {
-      const group = value.reduce((ac, val) => {
-        if (val != null) {
-          ac.push(`${prefix}(${prop}: ${val})`);
-        }
-        return ac;
-      }, []);
-      acc.push(`(${group.join(" or ")})`);
-    } else {
-      acc.push(`${prefix}(${prop}: ${value})`);
-    }
-    return acc;
-  }, []);
-}
-function isMultiQuery(value) {
-  return value != null && typeof value === "object" && (!("operator" in value) || "operator" in value && (value.operator === "and" || value.operator === "or")) && "groups" in value && Array.isArray(value.groups) && value.groups.every((group) => group != null && typeof group === "object");
-}
-function containerQuery(contract, query) {
-  const isMultiGroup = isMultiQuery(query);
-  const groups = isMultiGroup ? query.groups : [query];
-  const groupsOperator = ` ${(isMultiGroup ? query.operator : null) ?? "or"} `;
-  return groups.map((group, index) => {
-    const operator = ` ${group.operator ?? "and"} `;
-    let container = group.container ?? "";
-    if (index) {
-      container = "";
-    }
-    const conditions = processConditions(contract, group);
-    const isMultiCondition = groups.length > 1 && conditions.length > 1;
-    return [
-      container,
-      container && " ",
-      isMultiCondition ? "(" : "",
-      conditions.join(operator),
-      isMultiCondition ? ")" : ""
-    ].join("");
-  }).join(groupsOperator);
-}
-function containerQueries(contract, ...styles) {
-  return Object.fromEntries(styles.map(({ query, ...style }) => [
-    containerQuery(contract, query),
-    style
-  ]));
-}
-function applyThemeVars(contract, styles, layer = layers.variables.l1) {
-  const [style, ...rest] = styles;
-  const stylesWithQueries = !style.query ? rest : styles;
-  return {
-    "@layer": {
-      [layer]: {
-        ...!style.query ? { vars: style.vars } : {},
-        ...stylesWithQueries.length ? {
-          "@container": containerQueries(contract, ...stylesWithQueries)
-        } : {}
-      }
-    }
-  };
-}
-function inlineVars(varsOrContract, values) {
-  return assignInlineVars(!values ? Object.entries(varsOrContract).reduce((acc, [key, value]) => {
-    if (value != null) {
-      acc[key] = `${value}`;
-    }
-    return acc;
-  }, {}) : assignPartialVars(varsOrContract, values));
-}
-
-export { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, reduceContract, unwrapCssVar };

package/dist/utils/css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css.js","sources":["../../src/utils/css.ts"],"sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { kebabCase } from 'lodash';\nimport { layers } from '../styles';\nimport type { GlobalStyleRule, StyleRule } from '@vanilla-extract/css';\nimport type {\n  Contract,\n  CssVarFunction,\n  MapLeafNodes,\n  PartialMapLeafNodes,\n  Primitive,\n  RGBA,\n} from '../types';\nimport {\n  pixelValueAsStringValidator,\n  rgbaAsStringValidator,\n} from './validators';\n\n/**\n * Parse out CSS var name from CSS var implementation\n *\n * @example\n * unwrapCssVar('var(--foo)')\n * // returns '--foo'\n *\n * @example\n * unwrapCssVar('var(--foo, blue)')\n * // returns '--foo'\n *\n * @example\n * unwrapCssVar('var(--foo, var(--bar))')\n * // returns '--foo'\n */\nexport function unwrapCssVar(cssVar: string) {\n  return cssVar.replace(/^var\\((--[\\w-]+)[^\\w-]+.*/i, '$1');\n}\n\ntype FulfilledContract<T> = MapLeafNodes<T, null | number | string | RGBA>;\n\n// TODO: remove if possible\n// NOTE: had to create a generic version not bound to type of T because of type issues around setting values on accumulator\ntype GenericFulfilledContract = {\n  [key: string]: GenericFulfilledContract | null | number | string | RGBA;\n};\n\n/**\n * Convert contract to nested object of identical shape with computed CSS values\n * Pixel values are converted to numbers\n * RGB(A) values are converted to DeckGL compatible tuples\n * All other values are left unconverted\n */\nexport function computeContract<T extends Contract>(\n  contract: T,\n  css: CSSStyleDeclaration,\n): FulfilledContract<T> {\n  return Object.entries(contract).reduce<GenericFulfilledContract>(\n    (acc, [key, cssVarOrContract]) => {\n      if (cssVarOrContract == null) {\n        acc[key] = null;\n\n        return acc;\n      }\n\n      if (typeof cssVarOrContract === 'object') {\n        acc[key] = computeContract(cssVarOrContract, css);\n\n        return acc;\n      }\n\n      const cssVar = unwrapCssVar(cssVarOrContract);\n      const value = css.getPropertyValue(cssVar);\n      const pixel = pixelValueAsStringValidator.safeParse(value);\n\n      if (pixel.success) {\n        acc[key] = pixel.data;\n\n        return acc;\n      }\n\n      const rgba = rgbaAsStringValidator.safeParse(value);\n\n      if (rgba.success) {\n        acc[key] = rgba.data;\n\n        return acc;\n      }\n\n      acc[key] = value ?? null;\n\n      return acc;\n    },\n    {},\n  ) as FulfilledContract<T>;\n}\n\n/**\n * Convert potentially nested contract and values pair into flattened CSS var record\n * The contract provides a lookup for CSS vars\n * The values are expected to partially match the contract shapeForm\n */\nexport function reduceContract<T extends Contract, U>(\n  contract: T,\n  values: PartialMapLeafNodes<T, U>,\n) {\n  const nodes: { contract: Contract; values: PartialMapLeafNodes<T, U> }[] = [\n    { contract, values },\n  ];\n\n  const vars: Record<CssVarFunction, U> = {};\n\n  for (let node of nodes) {\n    Object.entries(node.values).forEach(([key, value]: [string, U]) => {\n      const cssVarOrSubContract = node.contract[key];\n\n      if (cssVarOrSubContract == null || value == null) {\n        return;\n      }\n\n      if (\n        typeof cssVarOrSubContract === 'string' &&\n        (typeof value !== 'object' || Array.isArray(value))\n      ) {\n        vars[cssVarOrSubContract] = value;\n\n        return;\n      }\n\n      if (\n        typeof cssVarOrSubContract === 'object' &&\n        typeof value === 'object'\n      ) {\n        nodes.push({ contract: cssVarOrSubContract, values: value });\n      }\n    });\n  }\n\n  return vars;\n}\n\n/**\n * Reduce contract and values into Vanilla Extract friendly CSS vars\n */\nexport function assignPartialVars<T extends Contract>(\n  contract: T,\n  values: PartialMapLeafNodes<T, Primitive>,\n) {\n  return Object.fromEntries(\n    Object.entries(reduceContract(contract, values)).map(([key, value]) => [\n      key,\n      `${value}`,\n    ]),\n  );\n}\n\ntype CssVarValues = {\n  [key: string]: CssVarValues | Primitive;\n};\n\ntype CssVarValueOptions<T extends object> = {\n  [P in keyof T]?: T[P] extends object\n    ? CssVarValueOptions<T[P]>\n    : T[P] | T[P][];\n};\n\ntype Operators = 'and' | 'or';\n\ntype ContainerQueryOptions = {\n  container?: string;\n  operator?: Operators;\n  maxHeight?: string;\n  minHeight?: string;\n  maxWidth?: string;\n  minWidth?: string;\n};\n\ntype ContainerQueryValues<T extends CssVarValues> = CssVarValueOptions<T> &\n  ContainerQueryOptions;\n\ntype MultiContainerQuery<T extends CssVarValues> = {\n  operator?: Operators;\n  groups: ContainerQueryValues<T>[];\n};\n\n/**\n * Handle creation of query groups based on options and values\n * Internal to containerQueries\n */\nfunction processConditions<T extends CssVarValues>(\n  contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n  values: ContainerQueryValues<T>,\n) {\n  return Object.entries(\n    reduceContract(\n      {\n        ...contract,\n        maxHeight: 'maxHeight', // NOTE: Passthrough these values not as CSS vars\n        minHeight: 'minHeight',\n        maxWidth: 'maxWidth',\n        minWidth: 'minWidth',\n      },\n      values as PartialMapLeafNodes<\n        MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n        ContainerQueryValues<T>[string]\n      >,\n    ),\n  ).reduce<string[]>((acc, [key, value]) => {\n    if (key === 'container' || key === 'operator' || value == null) {\n      return acc;\n    }\n\n    const isStyle = !/^(?:max|min)(?:Height|Width)$/.test(key);\n    const prefix = isStyle ? 'style' : '';\n    const prop = isStyle ? unwrapCssVar(key) : kebabCase(key);\n\n    if (Array.isArray(value)) {\n      const group = value.reduce<string[]>((ac, val) => {\n        if (val != null) {\n          ac.push(`${prefix}(${prop}: ${val})`);\n        }\n\n        return ac;\n      }, []);\n\n      acc.push(`(${group.join(' or ')})`);\n    } else {\n      acc.push(`${prefix}(${prop}: ${value})`);\n    }\n\n    return acc;\n  }, []);\n}\n\nfunction isMultiQuery<T extends CssVarValues>(\n  value: unknown,\n): value is MultiContainerQuery<T> {\n  return (\n    value != null &&\n    typeof value === 'object' &&\n    (!('operator' in value) ||\n      ('operator' in value &&\n        (value.operator === 'and' || value.operator === 'or'))) &&\n    'groups' in value &&\n    Array.isArray(value.groups) &&\n    value.groups.every((group) => group != null && typeof group === 'object')\n  );\n}\n\n/**\n * Create simple or complex container queries with and/or operators.\n *\n * To provide type safety and ease of use, this function accepts a generic and a contract\n * The generic type defines the possible values for the parameters defined within the contract\n *\n * Ex: containerQuery<{ foo: boolean }>({ foo: 'var(--foo)' }, { foo: true })\n *\n * By providing the type constraint and contract, the query parameters will have intellisense\n * on which parameters exist and what their possible values can be\n *\n * @example\n * containerQuery(contract, { a: true })\n * // returns (a: true)\n *\n * @example\n * containerQuery(contract, { a: true, b: true })\n * // returns (a: true) and (b: true)\n *\n * @example\n * containerQuery(contract, { operator: 'or', a: true, b: true })\n * // returns (a: true) or (b: true)\n *\n * @example\n * containerQuery(contract, { groups: [{ a: true }, { b: true }] })\n * // returns (a: true) or (b: true)\n *\n * @example\n * containerQuery(contract, { a: ['foo', 'bar'] })\n * // returns (a: 'foo') or (a: 'bar')\n *\n * @example\n * containerQuery(contract, { a: ['foo', 'bar'], b: true })\n * // returns ((a: 'foo') or (a: 'bar')) and (b: true)\n *\n * @example\n * containerQuery(contract, { operator: 'or', a: ['foo', 'bar'], b: true })\n * // returns ((a: 'foo') or (a: 'bar')) or (b: true)\n *\n * @example\n * containerQuery(contract, { groups: [{ a: true, b: true }, { c: true, d: true }] })\n * // returns ((a: true) and (b: true)) or ((c: true) and (d: true))\n *\n * @example\n * containerQuery(contract, { operator: 'and', groups: [{ operator: 'or', a: true, b: true }, { c: true, d: true }] })\n * // returns ((a: true) or (b: true)) and ((c: true) and (d: true))\n *\n * @example\n * containerQuery(contract, { operator: 'and', groups: [{ operator: 'or', a: true, b: true }, { operator: 'or', c: true, d: true }] })\n * // returns ((a: true) or (b: true)) and ((c: true) or (d: true))\n */\nexport function containerQuery<T extends CssVarValues = CssVarValues>(\n  contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n  query: ContainerQueryValues<T> | MultiContainerQuery<T>,\n) {\n  const isMultiGroup = isMultiQuery<T>(query);\n  const groups = isMultiGroup ? query.groups : [query];\n  const groupsOperator = ` ${(isMultiGroup ? query.operator : null) ?? 'or'} `;\n\n  return groups\n    .map((group, index) => {\n      const operator = ` ${group.operator ?? 'and'} `;\n\n      let container = group.container ?? '';\n\n      if (index) {\n        // Multiple container specifiers is not yet supported: https://github.com/w3c/csswg-drafts/issues/6876\n        container = '';\n      }\n\n      const conditions = processConditions(contract, group);\n      const isMultiCondition = groups.length > 1 && conditions.length > 1;\n\n      return [\n        container,\n        container && ' ',\n        isMultiCondition ? '(' : '',\n        conditions.join(operator),\n        isMultiCondition ? ')' : '',\n      ].join('');\n    })\n    .join(groupsOperator);\n}\n\ntype ContainerStyle = Exclude<StyleRule['@container'], undefined>[string];\n\ntype ContainerQuery<T extends CssVarValues> = {\n  query: ContainerQueryValues<T> | MultiContainerQuery<T>;\n};\n\ntype ContainerQueries<T extends CssVarValues> = ContainerStyle &\n  ContainerQuery<T>;\n\ntype GlobalContainerStyle = Exclude<\n  GlobalStyleRule['@container'],\n  undefined\n>[string];\n\ntype GlobalContainerQueries<T extends CssVarValues> = GlobalContainerStyle &\n  ContainerQuery<T>;\n\n/**\n * Bulk container query creation based on the same contract\n */\nexport function containerQueries<T extends CssVarValues = CssVarValues>(\n  contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n  ...styles: ContainerQueries<T>[]\n): Record<string, ContainerStyle>;\n\nexport function containerQueries<T extends CssVarValues = CssVarValues>(\n  contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n  ...styles: GlobalContainerQueries<T>[]\n): Record<string, GlobalContainerStyle>;\n\nexport function containerQueries<T extends CssVarValues = CssVarValues>(\n  contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n  ...styles: ContainerQueries<T>[] | GlobalContainerQueries<T>[]\n): Record<string, ContainerStyle | GlobalContainerStyle> {\n  return Object.fromEntries(\n    styles.map(({ query, ...style }) => [\n      containerQuery<T>(contract, query),\n      style,\n    ]),\n  );\n}\n\ntype VarsOnlyContainerQuery<T extends CssVarValues> = Required<\n  Pick<ContainerQueries<T>, 'query' | 'vars'>\n>;\n\ntype QueryOptionalVarsOnlyContainerQuery<T extends CssVarValues> = Partial<\n  Pick<VarsOnlyContainerQuery<T>, 'query'>\n> &\n  Pick<VarsOnlyContainerQuery<T>, 'vars'>;\n\n/**\n * Helper for establishing global theme variables with the restriction that\n * only variables may be set (and are required). All other styles must be\n * established using alternative utils\n *\n * The first style rule has an optional query. If the query is missing, the vars\n * are set outside of a container query\n */\nexport function applyThemeVars<T extends CssVarValues = CssVarValues>(\n  contract: MapLeafNodes<Omit<T, keyof ContainerQueryOptions>, CssVarFunction>,\n  styles:\n    | [QueryOptionalVarsOnlyContainerQuery<T>, ...VarsOnlyContainerQuery<T>[]]\n    | VarsOnlyContainerQuery<T>[],\n  layer = layers.variables.l1,\n): StyleRule {\n  const [style, ...rest] = styles;\n\n  const stylesWithQueries = (\n    !style.query ? rest : styles\n  ) as VarsOnlyContainerQuery<T>[];\n\n  return {\n    '@layer': {\n      [layer]: {\n        ...(!style.query ? { vars: style.vars } : {}),\n        ...(stylesWithQueries.length\n          ? {\n              '@container': containerQueries<T>(contract, ...stylesWithQueries),\n            }\n          : {}),\n      },\n    },\n  };\n}\n\n/**\n * Runtime creation of inline style CSS vars that enable CSS container queries\n */\nexport function inlineVars(\n  vars: Record<string, Primitive>,\n): Record<string, string>;\n\nexport function inlineVars<T extends Contract>(\n  contract: T,\n  values: PartialMapLeafNodes<T, Primitive>,\n): Record<string, string>;\n\nexport function inlineVars<T extends Contract>(\n  varsOrContract: Record<string, Primitive> | T,\n  values?: PartialMapLeafNodes<T, Primitive>,\n): Record<string, string> {\n  return assignInlineVars(\n    !values\n      ? Object.entries(varsOrContract).reduce<Record<string, string>>(\n          (acc, [key, value]) => {\n            if (value != null) {\n              acc[key] = `${value}`;\n            }\n\n            return acc;\n          },\n          {},\n        )\n      : assignPartialVars(varsOrContract as T, values),\n  );\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAgCO,SAAS,aAAa,MAAgB,EAAA;AAC3C,EAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,4BAAA,EAA8B,IAAI,CAAA,CAAA;AAC1D,CAAA;AAgBgB,SAAA,eAAA,CACd,UACA,GACsB,EAAA;AACtB,EAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,QAAQ,CAAE,CAAA,MAAA;AAAA,IAC9B,CAAC,GAAA,EAAK,CAAC,GAAA,EAAK,gBAAgB,CAAM,KAAA;AAChC,MAAA,IAAI,oBAAoB,IAAM,EAAA;AAC5B,QAAA,GAAA,CAAI,GAAG,CAAI,GAAA,IAAA,CAAA;AAEX,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAEA,MAAI,IAAA,OAAO,qBAAqB,QAAU,EAAA;AACxC,QAAA,GAAA,CAAI,GAAG,CAAA,GAAI,eAAgB,CAAA,gBAAA,EAAkB,GAAG,CAAA,CAAA;AAEhD,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAEA,MAAM,MAAA,MAAA,GAAS,aAAa,gBAAgB,CAAA,CAAA;AAC5C,MAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,gBAAA,CAAiB,MAAM,CAAA,CAAA;AACzC,MAAM,MAAA,KAAA,GAAQ,2BAA4B,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAEzD,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAI,GAAA,CAAA,GAAG,IAAI,KAAM,CAAA,IAAA,CAAA;AAEjB,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAEA,MAAM,MAAA,IAAA,GAAO,qBAAsB,CAAA,SAAA,CAAU,KAAK,CAAA,CAAA;AAElD,MAAA,IAAI,KAAK,OAAS,EAAA;AAChB,QAAI,GAAA,CAAA,GAAG,IAAI,IAAK,CAAA,IAAA,CAAA;AAEhB,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAEA,MAAI,GAAA,CAAA,GAAG,IAAI,KAAS,IAAA,IAAA,CAAA;AAEpB,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAAA,IACA,EAAC;AAAA,GACH,CAAA;AACF,CAAA;AAOgB,SAAA,cAAA,CACd,UACA,MACA,EAAA;AACA,EAAA,MAAM,KAAqE,GAAA;AAAA,IACzE,EAAE,UAAU,MAAO,EAAA;AAAA,GACrB,CAAA;AAEA,EAAA,MAAM,OAAkC,EAAC,CAAA;AAEzC,EAAA,KAAA,IAAS,QAAQ,KAAO,EAAA;AACtB,IAAO,MAAA,CAAA,OAAA,CAAQ,KAAK,MAAM,CAAA,CAAE,QAAQ,CAAC,CAAC,GAAK,EAAA,KAAK,CAAmB,KAAA;AACjE,MAAM,MAAA,mBAAA,GAAsB,IAAK,CAAA,QAAA,CAAS,GAAG,CAAA,CAAA;AAE7C,MAAI,IAAA,mBAAA,IAAuB,IAAQ,IAAA,KAAA,IAAS,IAAM,EAAA;AAChD,QAAA,OAAA;AAAA,OACF;AAEA,MACE,IAAA,OAAO,wBAAwB,QAC9B,KAAA,OAAO,UAAU,QAAY,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CACjD,CAAA,EAAA;AACA,QAAA,IAAA,CAAK,mBAAmB,CAAI,GAAA,KAAA,CAAA;AAE5B,QAAA,OAAA;AAAA,OACF;AAEA,MAAA,IACE,OAAO,mBAAA,KAAwB,QAC/B,IAAA,OAAO,UAAU,QACjB,EAAA;AACA,QAAA,KAAA,CAAM,KAAK,EAAE,QAAA,EAAU,mBAAqB,EAAA,MAAA,EAAQ,OAAO,CAAA,CAAA;AAAA,OAC7D;AAAA,KACD,CAAA,CAAA;AAAA,GACH;AAEA,EAAO,OAAA,IAAA,CAAA;AACT,CAAA;AAKgB,SAAA,iBAAA,CACd,UACA,MACA,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,MAAO,CAAA,OAAA,CAAQ,cAAe,CAAA,QAAA,EAAU,MAAM,CAAC,CAAE,CAAA,GAAA,CAAI,CAAC,CAAC,GAAK,EAAA,KAAK,CAAM,KAAA;AAAA,MACrE,GAAA;AAAA,MACA,GAAG,KAAK,CAAA,CAAA;AAAA,KACT,CAAA;AAAA,GACH,CAAA;AACF,CAAA;AAmCA,SAAS,iBAAA,CACP,UACA,MACA,EAAA;AACA,EAAA,OAAO,MAAO,CAAA,OAAA;AAAA,IACZ,cAAA;AAAA,MACE;AAAA,QACE,GAAG,QAAA;AAAA,QACH,SAAW,EAAA,WAAA;AAAA;AAAA,QACX,SAAW,EAAA,WAAA;AAAA,QACX,QAAU,EAAA,UAAA;AAAA,QACV,QAAU,EAAA,UAAA;AAAA,OACZ;AAAA,MACA,MAAA;AAAA,KAIF;AAAA,IACA,MAAiB,CAAA,CAAC,KAAK,CAAC,GAAA,EAAK,KAAK,CAAM,KAAA;AACxC,IAAA,IAAI,GAAQ,KAAA,WAAA,IAAe,GAAQ,KAAA,UAAA,IAAc,SAAS,IAAM,EAAA;AAC9D,MAAO,OAAA,GAAA,CAAA;AAAA,KACT;AAEA,IAAA,MAAM,OAAU,GAAA,CAAC,+BAAgC,CAAA,IAAA,CAAK,GAAG,CAAA,CAAA;AACzD,IAAM,MAAA,MAAA,GAAS,UAAU,OAAU,GAAA,EAAA,CAAA;AACnC,IAAA,MAAM,OAAO,OAAU,GAAA,YAAA,CAAa,GAAG,CAAA,GAAI,UAAU,GAAG,CAAA,CAAA;AAExD,IAAI,IAAA,KAAA,CAAM,OAAQ,CAAA,KAAK,CAAG,EAAA;AACxB,MAAA,MAAM,KAAQ,GAAA,KAAA,CAAM,MAAiB,CAAA,CAAC,IAAI,GAAQ,KAAA;AAChD,QAAA,IAAI,OAAO,IAAM,EAAA;AACf,UAAA,EAAA,CAAG,KAAK,CAAG,EAAA,MAAM,IAAI,IAAI,CAAA,EAAA,EAAK,GAAG,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,SACtC;AAEA,QAAO,OAAA,EAAA,CAAA;AAAA,OACT,EAAG,EAAE,CAAA,CAAA;AAEL,MAAA,GAAA,CAAI,KAAK,CAAI,CAAA,EAAA,KAAA,CAAM,IAAK,CAAA,MAAM,CAAC,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,KAC7B,MAAA;AACL,MAAA,GAAA,CAAI,KAAK,CAAG,EAAA,MAAM,IAAI,IAAI,CAAA,EAAA,EAAK,KAAK,CAAG,CAAA,CAAA,CAAA,CAAA;AAAA,KACzC;AAEA,IAAO,OAAA,GAAA,CAAA;AAAA,GACT,EAAG,EAAE,CAAA,CAAA;AACP,CAAA;AAEA,SAAS,aACP,KACiC,EAAA;AACjC,EAAA,OACE,KAAS,IAAA,IAAA,IACT,OAAO,KAAA,KAAU,aAChB,EAAE,UAAA,IAAc,KACd,CAAA,IAAA,UAAA,IAAc,KACZ,KAAA,KAAA,CAAM,QAAa,KAAA,KAAA,IAAS,MAAM,QAAa,KAAA,IAAA,CAAA,CAAA,IACpD,QAAY,IAAA,KAAA,IACZ,KAAM,CAAA,OAAA,CAAQ,KAAM,CAAA,MAAM,KAC1B,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,CAAC,KAAU,KAAA,KAAA,IAAS,IAAQ,IAAA,OAAO,UAAU,QAAQ,CAAA,CAAA;AAE5E,CAAA;AAqDgB,SAAA,cAAA,CACd,UACA,KACA,EAAA;AACA,EAAM,MAAA,YAAA,GAAe,aAAgB,KAAK,CAAA,CAAA;AAC1C,EAAA,MAAM,MAAS,GAAA,YAAA,GAAe,KAAM,CAAA,MAAA,GAAS,CAAC,KAAK,CAAA,CAAA;AACnD,EAAA,MAAM,iBAAiB,CAAK,CAAA,EAAA,CAAA,YAAA,GAAe,KAAM,CAAA,QAAA,GAAW,SAAS,IAAI,CAAA,CAAA,CAAA,CAAA;AAEzE,EAAA,OAAO,MACJ,CAAA,GAAA,CAAI,CAAC,KAAA,EAAO,KAAU,KAAA;AACrB,IAAA,MAAM,QAAW,GAAA,CAAA,CAAA,EAAI,KAAM,CAAA,QAAA,IAAY,KAAK,CAAA,CAAA,CAAA,CAAA;AAE5C,IAAI,IAAA,SAAA,GAAY,MAAM,SAAa,IAAA,EAAA,CAAA;AAEnC,IAAA,IAAI,KAAO,EAAA;AAET,MAAY,SAAA,GAAA,EAAA,CAAA;AAAA,KACd;AAEA,IAAM,MAAA,UAAA,GAAa,iBAAkB,CAAA,QAAA,EAAU,KAAK,CAAA,CAAA;AACpD,IAAA,MAAM,gBAAmB,GAAA,MAAA,CAAO,MAAS,GAAA,CAAA,IAAK,WAAW,MAAS,GAAA,CAAA,CAAA;AAElE,IAAO,OAAA;AAAA,MACL,SAAA;AAAA,MACA,SAAa,IAAA,GAAA;AAAA,MACb,mBAAmB,GAAM,GAAA,EAAA;AAAA,MACzB,UAAA,CAAW,KAAK,QAAQ,CAAA;AAAA,MACxB,mBAAmB,GAAM,GAAA,EAAA;AAAA,KAC3B,CAAE,KAAK,EAAE,CAAA,CAAA;AAAA,GACV,CACA,CAAA,IAAA,CAAK,cAAc,CAAA,CAAA;AACxB,CAAA;AAgCgB,SAAA,gBAAA,CACd,aACG,MACoD,EAAA;AACvD,EAAA,OAAO,MAAO,CAAA,WAAA;AAAA,IACZ,OAAO,GAAI,CAAA,CAAC,EAAE,KAAO,EAAA,GAAG,OAAY,KAAA;AAAA,MAClC,cAAA,CAAkB,UAAU,KAAK,CAAA;AAAA,MACjC,KAAA;AAAA,KACD,CAAA;AAAA,GACH,CAAA;AACF,CAAA;AAmBO,SAAS,eACd,QACA,EAAA,MAAA,EAGA,KAAQ,GAAA,MAAA,CAAO,UAAU,EACd,EAAA;AACX,EAAA,MAAM,CAAC,KAAA,EAAO,GAAG,IAAI,CAAI,GAAA,MAAA,CAAA;AAEzB,EAAA,MAAM,iBACJ,GAAA,CAAC,KAAM,CAAA,KAAA,GAAQ,IAAO,GAAA,MAAA,CAAA;AAGxB,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,CAAC,KAAK,GAAG;AAAA,QACP,GAAI,CAAC,KAAM,CAAA,KAAA,GAAQ,EAAE,IAAM,EAAA,KAAA,CAAM,IAAK,EAAA,GAAI,EAAC;AAAA,QAC3C,GAAI,kBAAkB,MAClB,GAAA;AAAA,UACE,YAAc,EAAA,gBAAA,CAAoB,QAAU,EAAA,GAAG,iBAAiB,CAAA;AAAA,YAElE,EAAC;AAAA,OACP;AAAA,KACF;AAAA,GACF,CAAA;AACF,CAAA;AAcgB,SAAA,UAAA,CACd,gBACA,MACwB,EAAA;AACxB,EAAO,OAAA,gBAAA;AAAA,IACL,CAAC,MAAA,GACG,MAAO,CAAA,OAAA,CAAQ,cAAc,CAAE,CAAA,MAAA;AAAA,MAC7B,CAAC,GAAA,EAAK,CAAC,GAAA,EAAK,KAAK,CAAM,KAAA;AACrB,QAAA,IAAI,SAAS,IAAM,EAAA;AACjB,UAAI,GAAA,CAAA,GAAG,CAAI,GAAA,CAAA,EAAG,KAAK,CAAA,CAAA,CAAA;AAAA,SACrB;AAEA,QAAO,OAAA,GAAA,CAAA;AAAA,OACT;AAAA,MACA,EAAC;AAAA,KACH,GACA,iBAAkB,CAAA,cAAA,EAAqB,MAAM,CAAA;AAAA,GACnD,CAAA;AACF;;;;"}

package/dist/utils/events.d.ts

@@ -1,10 +0,0 @@
-type ContinuableEvent = {
-    continuePropagation: () => void;
-};
-/**
- * The default behavior of events within React Aria is to stop progagation
- *
- * To reenable propagation, continuePropagation must be called
- */
-export declare function continuePropagation(event: ContinuableEvent): void;
-export {};

package/dist/utils/events.js

@@ -1,5 +0,0 @@
-function continuePropagation(event) {
-  event.continuePropagation();
-}
-
-export { continuePropagation };

package/dist/utils/events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.js","sources":["../../src/utils/events.ts"],"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"],"names":[],"mappings":";AAUO,SAAS,oBAAoB,KAAyB,EAAA;AAC3D,EAAA,KAAA,CAAM,mBAAoB,EAAA,CAAA;AAC5B;;;;"}

package/dist/utils/index.d.ts

@@ -1,4 +0,0 @@
-export { applyThemeVars, assignPartialVars, computeContract, containerQuery, containerQueries, inlineVars, unwrapCssVar, } from './css';
-export { continuePropagation } from './events';
-export { callRenderProps, mergeClassNames, mergeProps, wrapRenderProps, } from './props';
-export { alphaChannelAsNumberValidator, alphaChannelAsStringValidator, colorChannelAsNumberValidator, colorChannelAsStringValidator, pixelValueAsNumberValidator, pixelValueAsStringValidator, rgbaAsStringValidator, rgbaAsTupleValidator, } from './validators';

package/dist/utils/props.d.ts

@@ -1,29 +0,0 @@
-import type { ClassNames, AsType } from '../types';
-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' }
- */
-export 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
- */
-export 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
- */
-export 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
- */
-export declare function wrapRenderProps<T extends object, U extends object, R>(value: R | ((renderProps: T & U) => R), inject?: U): R | ((renderProps: T) => R);
-export {};

package/dist/utils/props.js

@@ -1,108 +0,0 @@
-import { clsx } from 'clsx';
-import { mergeWith } from 'lodash';
-import { mergeProps as mergeProps$1 } from 'react-aria';
-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);
-}
-const classNamesValidator = z.record(z.string(), z.union([z.string(), z.lazy(() => classNamesValidator)]));
-const 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 };

package/dist/utils/props.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import { clsx } from 'clsx';\nimport { mergeWith } from 'lodash';\nimport type { CSSProperties } from 'react';\nimport { mergeProps as mergePropsWithoutStyles } from 'react-aria';\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"],"names":["mergePropsWithoutStyles"],"mappings":"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"}

package/dist/utils/validators.d.ts

@@ -1,49 +0,0 @@
-import { z } from 'zod';
-import type { RGBA } from '../types';
-/**
- * Test for any safe number that could represent a pixel value
- */
-export 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
- */
-export 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
- */
-export declare const colorChannelAsNumberValidator: z.ZodNumber;
-/**
- * Test for and convert CSS RGB color channel to numeric value (0-255)
- */
-export declare const colorChannelAsStringValidator: z.ZodPipeline<z.ZodPipeline<z.ZodString, z.ZodNumber>, z.ZodNumber>;
-/**
- * DeckGL treats alpha channel the same as color channels (0-255)
- */
-export declare const alphaChannelAsNumberValidator: z.ZodNumber;
-/**
- * Test for and convert CSS RGBA alpha channel to DeckGL numeric value
- */
-export 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]
- */
-export 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
- */
-export 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>]>;

package/dist/utils/validators.js

@@ -1,37 +0,0 @@
-import { clamp } from 'lodash';
-import { z } from 'zod';
-
-const pixelValueAsNumberValidator = z.number().safe();
-const pixelValueAsStringValidator = z.union([
-  z.literal("0"),
-  z.string().endsWith("px").transform((value) => value.replace(/px$/, ""))
-]).pipe(z.coerce.number()).pipe(pixelValueAsNumberValidator);
-const colorChannelAsNumberValidator = z.number().safe().int().min(0).max(255);
-const colorChannelAsStringValidator = z.string().trim().pipe(z.coerce.number()).pipe(colorChannelAsNumberValidator);
-const alphaChannelAsNumberValidator = colorChannelAsNumberValidator;
-const alphaChannelAsStringValidator = z.string().trim().pipe(z.coerce.number().safe().min(0)).transform((value) => Math.round(clamp(value, 0, 1) * 255));
-const 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
-]));
-const 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 };

package/dist/utils/validators.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"validators.js","sources":["../../src/utils/validators.ts"],"sourcesContent":["import { clamp } from 'lodash';\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"],"names":[],"mappings":";;;;AAOO,MAAM,2BAA8B,GAAA,CAAA,CAAE,MAAO,EAAA,CAAE,IAAK,GAAA;AAW9C,MAAA,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,CAAA;AAClD,CAAC,CAAA,CACA,KAAK,CAAE,CAAA,MAAA,CAAO,QAAQ,CAAA,CACtB,KAAK,2BAA2B,EAAA;AAK5B,MAAM,6BAAgC,GAAA,CAAA,CAC1C,MAAO,EAAA,CACP,IAAK,EAAA,CACL,GAAI,EAAA,CACJ,GAAI,CAAA,CAAC,CACL,CAAA,GAAA,CAAI,GAAG,EAAA;AAKH,MAAM,6BAAgC,GAAA,CAAA,CAC1C,MAAO,EAAA,CACP,IAAK,EAAA,CACL,IAAK,CAAA,CAAA,CAAE,MAAO,CAAA,MAAA,EAAQ,CAAA,CACtB,KAAK,6BAA6B,EAAA;AAK9B,MAAM,6BAAgC,GAAA,8BAAA;AAKtC,MAAM,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,EAAA;AAY/C,MAAA,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,CAAA;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,6BAAA;AAAA,GACD,CAAA;AACH,EAAA;AAOW,MAAA,oBAAA,GAAuB,EAAE,KAAM,CAAA;AAAA,EAC1C,EACG,KAAM,CAAA;AAAA,IACL,6BAAA;AAAA,IACA,6BAAA;AAAA,IACA,6BAAA;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,6BAAA;AAAA,GACD,CAAA;AACH,CAAC;;;;"}