@accelint/design-system 1.2.2 → 1.2.3

package/dist/utils/css/index.d.ts

@@ -31,7 +31,7 @@ declare function computeContract<T extends Contract>(contract: T, css: CSSStyleD
  * The contract provides a lookup for CSS vars
  * The values are expected to partially match the contract shapeForm
  */
-declare function reduceContract<T extends Contract, U>(contract: T, values: PartialMapLeafNodes<T, U>): Record<`var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`, U>;
+declare function reduceContract<T extends Contract, U>(contract: T, values: PartialMapLeafNodes<T, U>): Record<`var(--${string})`, U>;
 /**
  * Reduce contract and values into Vanilla Extract friendly CSS vars
  */

package/dist/utils/css/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/css/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport type { GlobalStyleRule, StyleRule } from '@vanilla-extract/css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport kebabCase from 'lodash/kebabCase';\nimport { layers } from '../../styles/layers.css';\nimport type { RGBA } from '../../types/deckgl';\nimport type {\n  Contract,\n  CssVarFunction,\n  MapLeafNodes,\n  PartialMapLeafNodes,\n  Primitive,\n} from '../../types/vanilla-extract';\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 (const node of nodes) {\n    // biome-ignore lint/complexity/noForEach: TODO: refactor. converting to for...of results in breaking complexity rule limit 🫠\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 ? styles : rest\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      ? assignPartialVars(varsOrContract as T, 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  );\n}\n"]}
+{"version":3,"sources":["../../../src/utils/css/index.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport kebabCase from 'lodash/kebabCase';\nimport { layers } from '../../styles/layers.css';\nimport {\n  pixelValueAsStringValidator,\n  rgbaAsStringValidator,\n} from '../validators';\nimport type { GlobalStyleRule, StyleRule } from '@vanilla-extract/css';\nimport type { RGBA } from '../../types/deckgl';\nimport type {\n  Contract,\n  CssVarFunction,\n  MapLeafNodes,\n  PartialMapLeafNodes,\n  Primitive,\n} from '../../types/vanilla-extract';\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 (const 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 ? styles : rest\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      ? assignPartialVars(varsOrContract as T, 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  );\n}\n"]}

package/dist/utils/props/index.d.ts

@@ -1,7 +1,6 @@
 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
  *
@@ -13,7 +12,7 @@ declare function mergeClassNames<T extends ClassNames>(...classNamesToMerge: (T
 /**
  * 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;
+declare function mergeProps<T extends object>(...propsToMerge: AsType<T>[]): T;
 /**
  * A helper for not having to reimplement the type check for a renderProp value being a function or not everywhere
  */

package/dist/utils/props/index.js

@@ -96,8 +96,7 @@ function mergeStaticStyle(...propsToMerge) {
     if (!props?.style) {
       return acc;
     }
-    Object.assign(acc, props.style);
-    return acc;
+    return Object.assign({}, acc, props.style);
   }, {});
 }
 function mergeStyleProps(...propsToMerge) {

package/dist/utils/props/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/props/index.ts"],"names":["mergePropsWithoutStyles"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { mergeProps as mergePropsWithoutStyles } from '@react-aria/utils';\nimport { clsx } from 'clsx';\nimport mergeWith from 'lodash/mergeWith';\nimport type { CSSProperties } from 'react';\nimport { composeRenderProps } from 'react-aria-components';\nimport { z } from 'zod';\nimport type { AsType } from '../../types/generic';\nimport type { ClassNames } from '../../types/props';\nimport type {\n  ClassNameRenderProps,\n  RenderProps,\n  StylePropRenderProps,\n} from '../../types/react-aria';\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      acc.push(props.className);\n\n      return acc;\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    Object.assign(acc, props.style);\n\n    return acc;\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"]}
+{"version":3,"sources":["../../../src/utils/props/index.ts"],"names":["mergePropsWithoutStyles"],"mappings":";;;;;;;AA+BA,SAAS,2BAAA,CACP,KAAA,EACA,WAAA,EAAA,GACG,YAAA,EACK;AACR,EAAA,IAAI,CAAC,aAAa,MAAA,EAAQ;AACxB,IAAA,OAAO,EAAA;AAAA,EACT;AAEA,EAAA,MAAM,CAAC,KAAA,EAAO,GAAG,IAAI,CAAA,GAAI,YAAA;AAEzB,EAAA,OAAO,IAAA;AAAA,IACL,KAAA;AAAA,IACA,kBAAA;AAAA,MACE,OAAO,SAAA,IAAa,EAAA;AAAA,MACpB,CAAC,IAAA,KAAS,2BAAA,CAA4B,IAAA,EAAM,WAAA,EAAa,GAAG,IAAI;AAAA,MAChE,WAAW;AAAA,GACf;AACF;AAKA,SAAS,wBACJ,YAAA,EACH;AACA,EAAA,OAAO,kBAAA;AAAA,IACL,CAAC,WAAA,KAAgB,WAAA,CAAY,gBAAA,IAAoB,EAAA;AAAA,IACjD,CAAC,IAAA,EAAM,WAAA,KACL,4BAA4B,IAAA,EAAM,WAAA,EAAa,GAAG,YAAY;AAAA,GAClE;AACF;AAKA,SAAS,wBACJ,YAAA,EACH;AACA,EAAA,OAAO,IAAA;AAAA,IACL,YAAA,CAAa,MAAA,CAAiB,CAAC,GAAA,EAAK,KAAA,KAAU;AAC5C,MAAA,IAAI,OAAO,KAAA,EAAO,SAAA,KAAc,QAAA,EAAU;AACxC,QAAA,OAAO,GAAA;AAAA,MACT;AAEA,MAAA,GAAA,CAAI,IAAA,CAAK,MAAM,SAAS,CAAA;AAExB,MAAA,OAAO,GAAA;AAAA,IACT,CAAA,EAAG,EAAE;AAAA,GACP;AACF;AAKA,SAAS,uBACJ,YAAA,EACH;AACA,EAAA,MAAM,eAAe,YAAA,CAAa,IAAA;AAAA,IAChC,CAAC,KAAA,KAAU,OAAO,KAAA,EAAO,SAAA,KAAc;AAAA,GACzC;AAEA,EAAA,MAAM,gBAAgB,YAAA,CAAa,IAAA;AAAA,IACjC,CAAC,KAAA,KAAU,OAAO,KAAA,EAAO,SAAA,KAAc;AAAA,GACzC;AAEA,EAAA,IAAI,EAAE,gBAAgB,aAAA,CAAA,EAAgB;AACpC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,OAAO,eACH,oBAAA,CAAqB,GAAG,YAAY,CAAA,GACpC,oBAAA,CAAqB,GAAG,YAAY,CAAA;AAC1C;AAEA,IAAM,sBAA6C,CAAA,CAAE,MAAA;AAAA,EACnD,EAAE,MAAA,EAAO;AAAA,EACT,CAAA,CAAE,KAAA,CAAM,CAAC,CAAA,CAAE,MAAA,EAAO,EAAG,CAAA,CAAE,IAAA,CAAK,MAAM,mBAAmB,CAAC,CAAC;AACzD,CAAA;AAEA,IAAM,cAAA,GAAiB,EAAE,MAAA,CAAO;AAAA,EAC9B,UAAA,EAAY;AACd,CAAC,CAAA;AAKD,SAAS,wBAA0C,YAAA,EAA0B;AAC3E,EAAA,OAAO,YAAA,CAAa,MAAA,CAA+B,CAAC,GAAA,EAAK,KAAA,KAAU;AACjE,IAAA,MAAM,MAAA,GAAS,cAAA,CAAe,SAAA,CAAU,KAAK,CAAA;AAE7C,IAAA,IAAI,OAAO,OAAA,EAAS;AAClB,MAAA,OAAO,GAAA,GACH,SAAA;AAAA,QAAU,GAAA;AAAA,QAAK,OAAO,IAAA,CAAK,UAAA;AAAA,QAAY,CAAC,QAAA,EAAU,QAAA,KAAA,CAC/C,CAAC,QAAA,IAAY,OAAO,QAAA,KAAa,QAAA,MACjC,CAAC,QAAA,IAAY,OAAO,QAAA,KAAa,QAAA,CAAA,GAC9B,IAAA,CAAK,QAAA,EAAU,QAAQ,CAAA,GACvB;AAAA,OACN,GACA,OAAO,IAAA,CAAK,UAAA;AAAA,IAClB;AAEA,IAAA,OAAO,GAAA;AAAA,EACT,GAAG,MAAS,CAAA;AACd;AASO,SAAS,mBACX,iBAAA,EACH;AACA,EAAA,OAAO,oBAAA;AAAA,IACL,GAAG,iBAAA,CAAkB,GAAA,CAAI,CAAC,UAAA,MAAgB,EAAE,YAAW,CAAE;AAAA,GAC3D;AACF;AAKA,SAAS,uBAAA,CACP,KAAA,EACA,WAAA,EAAA,GACG,YAAA,EACY;AACf,EAAA,IAAI,CAAC,aAAa,MAAA,EAAQ;AACxB,IAAA,OAAO,EAAC;AAAA,EACV;AAEA,EAAA,MAAM,CAAC,KAAA,EAAO,GAAG,IAAI,CAAA,GAAI,YAAA;AAEzB,EAAA,OAAO;AAAA,IACL,GAAG,KAAA;AAAA,IACH,GAAG,kBAAA;AAAA,MAID,KAAA,EAAO,SAAS,EAAC;AAAA,MAAG,CAAC,IAAA,KACrB,uBAAA,CAAwB,IAAA,EAAM,WAAA,EAAa,GAAG,IAAI;AAAA,MAClD,WAAW;AAAA,GACf;AACF;AAKA,SAAS,oBACJ,YAAA,EACH;AACA,EAAA,OAAO,kBAAA;AAAA,IAKL,CAAC,WAAA,KAAgB,WAAA,CAAY,YAAA,IAAgB,EAAC;AAAA,IAC9C,CAAC,IAAA,EAAM,WAAA,KACL,wBAAwB,IAAA,EAAM,WAAA,EAAa,GAAG,YAAY;AAAA,GAC9D;AACF;AAKA,SAAS,oBACJ,YAAA,EACH;AACA,EAAA,OAAO,YAAA,CAAa,MAAA,CAAsB,CAAC,GAAA,EAAK,KAAA,KAAU;AACxD,IAAA,IAAI,CAAC,OAAO,KAAA,EAAO;AACjB,MAAA,OAAO,GAAA;AAAA,IACT;AAEA,IAAA,OAAO,OAAO,MAAA,CAAO,EAAC,EAAG,GAAA,EAAK,MAAM,KAAK,CAAA;AAAA,EAC3C,CAAA,EAAG,EAAE,CAAA;AACP;AAKA,SAAS,mBACJ,YAAA,EACH;AACA,EAAA,MAAM,eAAe,YAAA,CAAa,IAAA;AAAA,IAChC,CAAC,KAAA,KAAU,OAAO,KAAA,EAAO,KAAA,KAAU;AAAA,GACrC;AAEA,EAAA,MAAM,aAAa,YAAA,CAAa,IAAA;AAAA,IAC9B,CAAC,KAAA,KAAU,OAAO,OAAO,KAAA,KAAU,QAAA,IAAY,MAAM,KAAA,IAAS;AAAA,GAChE;AAEA,EAAA,IAAI,EAAE,gBAAgB,UAAA,CAAA,EAAa;AACjC,IAAA,OAAO,MAAA;AAAA,EACT;AAEA,EAAA,OAAO,eACH,gBAAA,CAAiB,GAAG,YAAY,CAAA,GAChC,gBAAA,CAAiB,GAAG,YAAY,CAAA;AACtC;AAKO,SAAS,cAAgC,YAAA,EAA8B;AAC5E,EAAA,MAAM,SAAA,GAAY,mBAAA,CAAoB,GAAG,YAAY,CAAA;AACrD,EAAA,MAAM,UAAA,GAAa,oBAAA,CAAqB,GAAG,YAAY,CAAA;AACvD,EAAA,MAAM,KAAA,GAAQ,eAAA,CAAgB,GAAG,YAAY,CAAA;AAE7C,EAAA,OAAO;AAAA,IACL,GAAIA,YAAA,CAAwB,GAAG,YAAY,CAAA;AAAA,IAC3C,GAAI,SAAA,GAAY,EAAE,SAAA,KAAc,EAAC;AAAA,IACjC,GAAI,UAAA,GAAa,EAAE,UAAA,KAAe,EAAC;AAAA,IACnC,GAAI,KAAA,GAAQ,EAAE,KAAA,KAAU;AAAC,GAC3B;AACF;AAKO,SAAS,eAAA,CACd,OACA,MAAA,EACA;AACA,EAAA,IAAI,OAAO,UAAU,UAAA,EAAY;AAC/B,IAAA,OAAQ,MAAgC,MAAM,CAAA;AAAA,EAChD;AAEA,EAAA,OAAO,KAAA;AACT;AAWO,SAAS,eAAA,CACd,OACA,MAAA,EACA;AACA,EAAA,IAAI,OAAO,UAAU,UAAA,EAAY;AAC/B,IAAA,OAAO,CAAC,gBACL,KAAA,CAAoC;AAAA,MACnC,GAAG,WAAA;AAAA,MACH,GAAG;AAAA,KACK,CAAA;AAAA,EACd;AAEA,EAAA,OAAO,KAAA;AACT","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at https://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport { mergeProps as mergePropsWithoutStyles } from '@react-aria/utils';\nimport { clsx } from 'clsx';\nimport mergeWith from 'lodash/mergeWith';\nimport { composeRenderProps } from 'react-aria-components';\nimport { z } from 'zod';\nimport type { CSSProperties } from 'react';\nimport type { AsType } from '../../types/generic';\nimport type { ClassNames } from '../../types/props';\nimport type {\n  ClassNameRenderProps,\n  RenderProps,\n  StylePropRenderProps,\n} from '../../types/react-aria';\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      acc.push(props.className);\n\n      return acc;\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 Object.assign({}, acc, props.style);\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: AsType<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/vanilla.d.ts

@@ -1,66 +1,67 @@
 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 { sliderClassNames, sliderColorVars, sliderSpaceVars, sliderStateVars, sliderThumbStateVars } from './components/slider/slider.css.js';
-export { SliderClassNames, SliderLayout, SliderProps, SliderRenderProps, SliderState, SliderThumbState } from './components/slider/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 { 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 { textAreaClassNames, textAreaColorVars, textAreaContainer, textAreaSpaceVars, textAreaStateVars } from './components/textarea/textarea.css.js';
-export { TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState } from './components/textarea/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 { applyThemeVars, assignPartialVars, computeContract, containerQueries, containerQuery, inlineVars, reduceContract, unwrapCssVar } from './utils/css/index.js';
+export { ButtonClassNames, ButtonColors, ButtonMapping, ButtonProps, ButtonRenderProps, ButtonSizes, ButtonState, LinkButtonProps, ToggleButtonProps } from './components/button/types.js';
+export { CheckboxAlignment, CheckboxClassNames, CheckboxGroupProps, CheckboxGroupRenderProps, CheckboxGroupState, CheckboxProps, CheckboxRenderProps, CheckboxState } from './components/checkbox/types.js';
+export { ChipClassNames, ChipColors, ChipGroupProps, ChipItemProps, ChipListProps, ChipMapping, ChipProps, ChipRenderProps, ChipSizes, ChipState } from './components/chip/types.js';
+export { ComboBoxClassNames, ComboBoxMapping, ComboBoxProps, ComboBoxRenderProps, ComboBoxSizes, ComboBoxState } from './components/combo-box/types.js';
+export { DialogClassNames, DialogMapping, DialogProps, DialogRenderProps, DialogSizes, DialogState } from './components/dialog/types.js';
+export { DrawerAnchor, DrawerClassNames, DrawerDialogProps, DrawerDialogState, DrawerMapping, DrawerProps, DrawerRenderProps, DrawerState, DrawerTabListProps, DrawerTabProps, DrawerTabRenderProps } from './components/drawer/types.js';
+export { GroupClassNames, GroupProps, GroupState } from './components/group/types.js';
+export { IconClassNames, IconProps, IconSizes, IconState } from './components/icon/types.js';
+export { InputClassNames, InputMapping, InputProps, InputRenderProps, InputState, InputType } from './components/input/types.js';
+export { MenuClassNames, MenuItemProps, MenuItemRenderProps, MenuItemState, MenuListProps, MenuMapping, MenuProps, MenuSizes, MenuState } from './components/menu/types.js';
+export { NumberFieldClassNames, NumberFieldMapping, NumberFieldProps, NumberFieldSizes, NumberFieldState } from './components/number-field/types.js';
+export { OptionsClassNames, OptionsItemProps, OptionsItemState, OptionsListProps, OptionsListState, OptionsMapping, OptionsProps, OptionsSizes, OptionsState } from './components/options/types.js';
+export { PickerClassNames, PickerItemProps, PickerItemRenderProps, PickerItemState, PickerProps, PickerState } from './components/picker/types.js';
+export { PopoverClassNames, PopoverProps, PopoverState } from './components/popover/types.js';
+export { QueryBuilderClassNames, QueryBuilderContextValue, QueryBuilderGroupState, QueryBuilderMapping, QueryBuilderProps, QueryBuilderRuleState, QueryBuilderSizes, QueryBuilderState, QueryBuilderValueEditors } from './components/query-builder/types.js';
+export { RadioAlignment, RadioClassNames, RadioGroupProps, RadioGroupState, RadioProps, RadioState } from './components/radio/types.js';
+export { SearchFieldClassNames, SearchFieldMapping, SearchFieldProps, SearchFieldRenderProps, SearchFieldState } from './components/search-field/types.js';
+export { SelectClassNames, SelectMapping, SelectProps, SelectRenderProps, SelectState } from './components/select/types.js';
+export { SliderClassNames, SliderLayout, SliderProps, SliderRenderProps, SliderState, SliderThumbState } from './components/slider/types.js';
+export { SwitchAlignment, SwitchClassNames, SwitchProps, SwitchRenderProps, SwitchState } from './components/switch/types.js';
+export { TabListAlignment, TabListAnchor, TabListProps, TabListState, TabListVariants, TabPanelProps, TabPanelRenderProps, TabPanelState, TabPanelsProps, TabPanelsState, TabProps, TabRenderProps, TabState, TabsClassNames, TabsProps } from './components/tabs/types.js';
+export { TextFieldClassNames, TextFieldMapping, TextFieldProps, TextFieldSizes, TextFieldState } from './components/text-field/types.js';
+export { TextAreaClassNames, TextAreaProps, TextAreaRenderProps, TextAreaState } from './components/textarea/types.js';
+export { TooltipClassNames, TooltipMapping, TooltipProps, TooltipRenderProps, TooltipState, TooltipTargetProps, TooltipTargetState } from './components/tooltip/types.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 { 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/index.js';
+import '@vanilla-extract/css';
 import 'react-aria-components';
 import '@react-types/shared';
 import 'type-fest';
@@ -72,5 +73,4 @@ import './components/date-field/types.js';
 import './components/date-input/types.js';
 import '@react-stately/datepicker';
 import './components/time-field/types.js';
-import '@vanilla-extract/css';
 import '@react-stately/data';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@accelint/design-system",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "private": false,
   "license": "Apache-2.0",
   "repository": {
@@ -42,63 +42,63 @@
     }
   },
   "peerDependencies": {
-    "@internationalized/date": "^3.8.0",
-    "@react-aria/collections": "^3.0.0",
-    "@react-aria/datepicker": "^3.14.5",
-    "@react-aria/dnd": "^3.10.1",
-    "@react-aria/focus": "^3.20.5",
-    "@react-aria/i18n": "^3.12.10",
-    "@react-aria/interactions": "^3.25.3",
-    "@react-aria/menu": "^3.19.3",
-    "@react-aria/overlays": "^3.27.3",
-    "@react-aria/ssr": "^3.9.6",
-    "@react-aria/utils": "^3.29.1",
-    "@react-stately/data": "^3.13.1",
-    "@react-stately/datepicker": "^3.14.2",
-    "@react-stately/overlays": "^3.6.17",
-    "@react-stately/utils": "^3.10.7",
-    "@react-types/shared": "^3.31.0",
-    "react": "19.1.1",
+    "@internationalized/date": "^3.9.0",
+    "@react-aria/collections": "~3.0.0",
+    "@react-aria/datepicker": "~3.14.5",
+    "@react-aria/dnd": "~3.11.2",
+    "@react-aria/focus": "~3.20.5",
+    "@react-aria/i18n": "~3.12.10",
+    "@react-aria/interactions": "~3.26.0",
+    "@react-aria/menu": "~3.19.3",
+    "@react-aria/overlays": "~3.29.1",
+    "@react-aria/ssr": "~3.9.10",
+    "@react-aria/utils": "~3.29.1",
+    "@react-stately/data": "~3.13.2",
+    "@react-stately/datepicker": "~3.14.2",
+    "@react-stately/overlays": "~3.6.17",
+    "@react-stately/utils": "~3.10.8",
+    "@react-types/shared": "~3.32.0",
     "react-aria-components": "1.12.1",
-    "react-dom": "19.1.1",
-    "react-querybuilder": "^8.8.1"
+    "react-dom": "~19.1.1",
+    "react": "~19.1.1",
+    "react-querybuilder": "^8.10.0"
   },
   "devDependencies": {
-    "@accelint/biome-config": "0.1.2",
-    "@accelint/typescript-config": "0.1.2",
-    "@accelint/vitest-config": "0.1.3",
+    "@accelint/biome-config": "1.0.2",
+    "@accelint/typescript-config": "0.1.4",
+    "@accelint/vitest-config": "0.1.6",
     "@fontsource-variable/roboto-flex": "^5.2.8",
     "@fontsource-variable/roboto-mono": "^5.2.8",
-    "@ladle/react": "^5.0.0",
-    "@testing-library/dom": "10.4.0",
-    "@testing-library/jest-dom": "6.6.3",
-    "@testing-library/react": "16.3.0",
+    "@ladle/react": "^5.1.1",
+    "@testing-library/dom": "10.4.1",
+    "@testing-library/jest-dom": "6.9.1",
+    "@testing-library/react": "16.3.1",
     "@testing-library/user-event": "14.6.1",
     "@types/lodash": "4.17.10",
-    "@types/react": "^19.1.9",
-    "@types/react-dom": "^19.1.9",
-    "@vanilla-extract/esbuild-plugin": "^2.3.18",
-    "@vanilla-extract/vite-plugin": "^5.1.1",
-    "autoprefixer": "10.4.20",
-    "esbuild-plugin-file-path-extensions": "2.1.3",
+    "@types/react": "19.0.0",
+    "@types/react-dom": "19.0.0",
+    "@vanilla-extract/esbuild-plugin": "^2.3.21",
+    "@vanilla-extract/vite-plugin": "^5.1.4",
+    "autoprefixer": "10.4.23",
+    "esbuild-plugin-file-path-extensions": "2.1.4",
     "esbuild-plugin-lodash": "1.2.0",
     "jsdom": "25.0.1",
     "postcss": "8.4.47",
-    "react-querybuilder": "^8.8.1",
-    "tsup": "8.5.0",
-    "vite": "^6.4.1",
-    "vitest": "2.1.9"
+    "react-querybuilder": "^8.10.0",
+    "tsup": "8.5.1",
+    "vite": "~7.3.1",
+    "vitest": "4.0.16"
   },
   "dependencies": {
-    "@accelint/converters": "0.3.2",
-    "@accelint/core": "0.4.2",
-    "@vanilla-extract/css": "1.16.0",
-    "@vanilla-extract/dynamic": "2.1.2",
+    "@accelint/converters": "0.3.6",
+    "@accelint/core": "0.5.2",
+    "@vanilla-extract/css": "1.18.0",
+    "@vanilla-extract/dynamic": "2.1.5",
     "clsx": "2.1.1",
     "lodash": "4.17.21",
     "type-fest": "4.41.0",
-    "typescript": "5.8.3",
-    "zod": "4.0.15"
+    "typescript": "5.9.3",
+    "zod": "4.3.5"
   },
   "$schema": "https://json.schemastore.org/package",
   "author": "https://hypergiant.com",
@@ -107,12 +107,13 @@
   },
   "sideEffects": false,
   "scripts": {
-    "bench": "pnpm vitest bench --run --dir src",
+    "bench": "vitest bench --run --dir src",
     "build": "rm -rf dist && pnpm tsup --config=tsup.css.config.ts && rm -f dist/index.js && pnpm tsup",
     "dev": "pnpm tsc --watch",
-    "index": "pnpm zx ../scripts/indexer.mjs design-system --barrels",
-    "lint": "pnpm biome lint",
-    "preview": "pnpm ladle serve",
-    "test": "pnpm vitest --dir=src"
+    "index": "zx ../scripts/indexer.mjs design-system --barrels && biome check src/index.ts --write",
+    "lint": "biome check .",
+    "lint:fix": "biome check . --write",
+    "preview": "ladle serve",
+    "test": "vitest --dir=src"
   }
 }