@accelint/design-system 0.4.0 → 0.5.0

package/dist/types/index.d.ts

@@ -5,6 +5,6 @@ export { ChildrenRenderProps, ClassNameRenderProps, ProviderValue, ProviderValue
 export { TreeActions, TreeGroupNode, TreeItemNode, TreeNode, TreeNodes, UseTreeOptions, UseTreeResult } from './use-tree.js';
 export { Contract, CssVarFunction, MapLeafNodes, PartialMapLeafNodes, Primitive } from './vanilla-extract.js';
 import 'react';
-import '@react-types/shared';
 import '@react-stately/data';
+import '@react-types/shared';
 import '@vanilla-extract/css';

package/dist/types/react-aria.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactNode, Context } from 'react';
+import { ReactNode, Context, CSSProperties } from 'react';
 
 /**
  * Re-export due to not being exported by library

package/dist/types/react.d.d.ts

@@ -1,3 +1,19 @@
+import { ForwardedRef, ReactElement, RefAttributes } from 'react';
+
+/*
+ * Copyright 2025 Hypergiant Galactic Systems Inc. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+
+
 declare module 'react' {
   // Redeclare to support generics being passed through component to props
   function forwardRef<T, P = object>(

package/dist/types/use-tree.d.ts

@@ -1,5 +1,5 @@
-import { Key, Selection, SelectionMode } from '@react-types/shared';
 import { TreeData } from '@react-stately/data';
+import { Key, SelectionMode, Selection } from '@react-types/shared';
 
 type TreeItemNode<T> = {
     id: Key;
@@ -8,6 +8,7 @@ type TreeItemNode<T> = {
     value?: T;
     isViewable?: boolean;
     isVisible?: boolean;
+    isReadOnly?: boolean;
 };
 type TreeGroupNode<T> = TreeItemNode<T> & {
     nodes: TreeNodes<T>[];

package/dist/utils/css.d.ts

@@ -1,6 +1,6 @@
 import { StyleRule, GlobalStyleRule } from '@vanilla-extract/css';
 import { RGBA } from '../types/deckgl.js';
-import { Contract, PartialMapLeafNodes, Primitive, MapLeafNodes, CssVarFunction } from '../types/vanilla-extract.js';
+import { Contract, MapLeafNodes, Primitive, CssVarFunction, PartialMapLeafNodes } from '../types/vanilla-extract.js';
 
 /**
  * Parse out CSS var name from CSS var implementation
@@ -64,7 +64,7 @@ type MultiContainerQuery<T extends CssVarValues> = {
  * 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 })
+ * 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

package/dist/utils/css.js

@@ -41,7 +41,7 @@ function reduceContract(contract, values) {
     { contract, values }
   ];
   const vars = {};
-  for (let node of nodes) {
+  for (const node of nodes) {
     Object.entries(node.values).forEach(([key, value]) => {
       const cssVarOrSubContract = node.contract[key];
       if (cssVarOrSubContract == null || value == null) {
@@ -134,11 +134,11 @@ function containerQueries(contract, ...styles) {
 }
 function applyThemeVars(contract, styles, layer = layers.variables.l1) {
   const [style, ...rest] = styles;
-  const stylesWithQueries = !style.query ? rest : styles;
+  const stylesWithQueries = style.query ? styles : rest;
   return {
     "@layer": {
       [layer]: {
-        ...!style.query ? { vars: style.vars } : {},
+        ...style.query ? {} : { vars: style.vars },
         ...stylesWithQueries.length ? {
           "@container": containerQueries(contract, ...stylesWithQueries)
         } : {}
@@ -148,7 +148,7 @@ function applyThemeVars(contract, styles, layer = layers.variables.l1) {
 }
 function inlineVars(varsOrContract, values) {
   return assignInlineVars(
-    !values ? Object.entries(varsOrContract).reduce(
+    values ? assignPartialVars(varsOrContract, values) : Object.entries(varsOrContract).reduce(
       (acc, [key, value]) => {
         if (value != null) {
           acc[key] = `${value}`;
@@ -156,7 +156,7 @@ function inlineVars(varsOrContract, values) {
         return acc;
       },
       {}
-    ) : assignPartialVars(varsOrContract, values)
+    )
   );
 }
 

package/dist/utils/css.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/css.ts"],"names":[],"mappings":"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","file":"css.js","sourcesContent":["import { assignInlineVars } from '@vanilla-extract/dynamic';\nimport kebabCase from 'lodash/kebabCase';\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"]}
+{"version":3,"sources":["../../src/utils/css.ts"],"names":[],"mappings":";;;;;;AA4CO,SAAS,aAAa,MAAgB,EAAA;AAC3C,EAAO,OAAA,MAAA,CAAO,OAAQ,CAAA,4BAAA,EAA8B,IAAI,CAAA;AAC1D;AAgBO,SAAS,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;AAEX,QAAO,OAAA,GAAA;AAAA;AAGT,MAAI,IAAA,OAAO,qBAAqB,QAAU,EAAA;AACxC,QAAA,GAAA,CAAI,GAAG,CAAA,GAAI,eAAgB,CAAA,gBAAA,EAAkB,GAAG,CAAA;AAEhD,QAAO,OAAA,GAAA;AAAA;AAGT,MAAM,MAAA,MAAA,GAAS,aAAa,gBAAgB,CAAA;AAC5C,MAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,gBAAA,CAAiB,MAAM,CAAA;AACzC,MAAM,MAAA,KAAA,GAAQ,2BAA4B,CAAA,SAAA,CAAU,KAAK,CAAA;AAEzD,MAAA,IAAI,MAAM,OAAS,EAAA;AACjB,QAAI,GAAA,CAAA,GAAG,IAAI,KAAM,CAAA,IAAA;AAEjB,QAAO,OAAA,GAAA;AAAA;AAGT,MAAM,MAAA,IAAA,GAAO,qBAAsB,CAAA,SAAA,CAAU,KAAK,CAAA;AAElD,MAAA,IAAI,KAAK,OAAS,EAAA;AAChB,QAAI,GAAA,CAAA,GAAG,IAAI,IAAK,CAAA,IAAA;AAEhB,QAAO,OAAA,GAAA;AAAA;AAGT,MAAI,GAAA,CAAA,GAAG,IAAI,KAAS,IAAA,IAAA;AAEpB,MAAO,OAAA,GAAA;AAAA,KACT;AAAA,IACA;AAAC,GACH;AACF;AAOO,SAAS,cAAA,CACd,UACA,MACA,EAAA;AACA,EAAA,MAAM,KAAqE,GAAA;AAAA,IACzE,EAAE,UAAU,MAAO;AAAA,GACrB;AAEA,EAAA,MAAM,OAAkC,EAAC;AAEzC,EAAA,KAAA,MAAW,QAAQ,KAAO,EAAA;AAExB,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;AAE7C,MAAI,IAAA,mBAAA,IAAuB,IAAQ,IAAA,KAAA,IAAS,IAAM,EAAA;AAChD,QAAA;AAAA;AAGF,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;AAE5B,QAAA;AAAA;AAGF,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;AAAA;AAC7D,KACD,CAAA;AAAA;AAGH,EAAO,OAAA,IAAA;AACT;AAKO,SAAS,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;AAAA,KACT;AAAA,GACH;AACF;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;AAAA,OACZ;AAAA,MACA;AAAA;AAIF,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;AAAA;AAGT,IAAA,MAAM,OAAU,GAAA,CAAC,+BAAgC,CAAA,IAAA,CAAK,GAAG,CAAA;AACzD,IAAM,MAAA,MAAA,GAAS,UAAU,OAAU,GAAA,EAAA;AACnC,IAAA,MAAM,OAAO,OAAU,GAAA,YAAA,CAAa,GAAG,CAAA,GAAI,UAAU,GAAG,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;AAAA;AAGtC,QAAO,OAAA,EAAA;AAAA,OACT,EAAG,EAAE,CAAA;AAEL,MAAA,GAAA,CAAI,KAAK,CAAI,CAAA,EAAA,KAAA,CAAM,IAAK,CAAA,MAAM,CAAC,CAAG,CAAA,CAAA,CAAA;AAAA,KAC7B,MAAA;AACL,MAAA,GAAA,CAAI,KAAK,CAAG,EAAA,MAAM,IAAI,IAAI,CAAA,EAAA,EAAK,KAAK,CAAG,CAAA,CAAA,CAAA;AAAA;AAGzC,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAE,CAAA;AACP;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;AAE5E;AAqDO,SAAS,cAAA,CACd,UACA,KACA,EAAA;AACA,EAAM,MAAA,YAAA,GAAe,aAAgB,KAAK,CAAA;AAC1C,EAAA,MAAM,MAAS,GAAA,YAAA,GAAe,KAAM,CAAA,MAAA,GAAS,CAAC,KAAK,CAAA;AACnD,EAAA,MAAM,iBAAiB,CAAK,CAAA,EAAA,CAAA,YAAA,GAAe,KAAM,CAAA,QAAA,GAAW,SAAS,IAAI,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;AAE5C,IAAI,IAAA,SAAA,GAAY,MAAM,SAAa,IAAA,EAAA;AAEnC,IAAA,IAAI,KAAO,EAAA;AAET,MAAY,SAAA,GAAA,EAAA;AAAA;AAGd,IAAM,MAAA,UAAA,GAAa,iBAAkB,CAAA,QAAA,EAAU,KAAK,CAAA;AACpD,IAAA,MAAM,gBAAmB,GAAA,MAAA,CAAO,MAAS,GAAA,CAAA,IAAK,WAAW,MAAS,GAAA,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;AAAA,KAC3B,CAAE,KAAK,EAAE,CAAA;AAAA,GACV,CACA,CAAA,IAAA,CAAK,cAAc,CAAA;AACxB;AAgCO,SAAS,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;AAAA,KACD;AAAA,GACH;AACF;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;AAEzB,EAAM,MAAA,iBAAA,GACJ,KAAM,CAAA,KAAA,GAAQ,MAAS,GAAA,IAAA;AAGzB,EAAO,OAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,CAAC,KAAK,GAAG;AAAA,QACP,GAAI,MAAM,KAAQ,GAAA,KAAK,EAAE,IAAA,EAAM,MAAM,IAAK,EAAA;AAAA,QAC1C,GAAI,kBAAkB,MAClB,GAAA;AAAA,UACE,YAAc,EAAA,gBAAA,CAAoB,QAAU,EAAA,GAAG,iBAAiB;AAAA,YAElE;AAAC;AACP;AACF,GACF;AACF;AAcO,SAAS,UAAA,CACd,gBACA,MACwB,EAAA;AACxB,EAAO,OAAA,gBAAA;AAAA,IACL,MAAA,GACI,kBAAkB,cAAqB,EAAA,MAAM,IAC7C,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;AAAA;AAGrB,QAAO,OAAA,GAAA;AAAA,OACT;AAAA,MACA;AAAC;AACH,GACN;AACF","file":"css.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';\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 (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"]}

package/dist/utils/props.js

@@ -1,7 +1,7 @@
 import '../chunk-PZ5AY32C.js';
+import { mergeProps as mergeProps$1 } from '@react-aria/utils';
 import { clsx } from 'clsx';
 import mergeWith from 'lodash/mergeWith';
-import { mergeProps as mergeProps$1 } from '@react-aria/utils';
 import { composeRenderProps } from 'react-aria-components';
 import { z } from 'zod';
 
@@ -30,7 +30,8 @@ function mergeStaticClassName(...propsToMerge) {
       if (typeof props?.className !== "string") {
         return acc;
       }
-      return [...acc, props.className];
+      acc.push(props.className);
+      return acc;
     }, [])
   );
 }
@@ -95,10 +96,8 @@ function mergeStaticStyle(...propsToMerge) {
     if (!props?.style) {
       return acc;
     }
-    return {
-      ...acc,
-      ...props.style
-    };
+    Object.assign(acc, props.style);
+    return acc;
   }, {});
 }
 function mergeStyleProps(...propsToMerge) {

package/dist/utils/props.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/props.ts"],"names":["mergePropsWithoutStyles"],"mappings":"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","file":"props.js","sourcesContent":["import { clsx } from 'clsx';\nimport mergeWith from 'lodash/mergeWith';\nimport type { CSSProperties } from 'react';\nimport { mergeProps as mergePropsWithoutStyles } from '@react-aria/utils';\nimport { composeRenderProps } from 'react-aria-components';\nimport { z } from 'zod';\nimport type {\n  ClassNameRenderProps,\n  ClassNames,\n  RenderProps,\n  StylePropRenderProps,\n  AsType,\n} from '../types';\n\ntype Props<T extends object> = AsType<T> | null | undefined;\n\n/**\n * Recursively process merging of all class name render props\n */\nfunction processClassNameRenderProps<T extends RenderProps<object>>(\n  value: string,\n  renderProps: ClassNameRenderProps<object>,\n  ...propsToMerge: Props<T>[]\n): string {\n  if (!propsToMerge.length) {\n    return '';\n  }\n\n  const [props, ...rest] = propsToMerge;\n\n  return clsx(\n    value,\n    composeRenderProps<string, ClassNameRenderProps<object>, string>(\n      props?.className ?? '',\n      (prev) => processClassNameRenderProps(prev, renderProps, ...rest),\n    )(renderProps),\n  );\n}\n\n/**\n * Compose class name render props to be processed and merged\n */\nfunction mergeRenderClassName<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return composeRenderProps<string, ClassNameRenderProps<object>, string>(\n    (renderProps) => renderProps.defaultClassName ?? '',\n    (prev, renderProps) =>\n      processClassNameRenderProps(prev, renderProps, ...propsToMerge),\n  );\n}\n\n/**\n * Merge static class names\n */\nfunction mergeStaticClassName<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return clsx(\n    propsToMerge.reduce<string[]>((acc, props) => {\n      if (typeof props?.className !== 'string') {\n        return acc;\n      }\n\n      return [...acc, props.className];\n    }, []),\n  );\n}\n\n/**\n * Determine if a static or composed merge of class names is necesary based on the presence of functions\n */\nfunction mergeClassNameProps<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  const anyFunctions = propsToMerge.some(\n    (props) => typeof props?.className === 'function',\n  );\n\n  const anyPrimitives = propsToMerge.some(\n    (props) => typeof props?.className === 'string',\n  );\n\n  if (!(anyFunctions || anyPrimitives)) {\n    return undefined;\n  }\n\n  return anyFunctions\n    ? mergeRenderClassName(...propsToMerge)\n    : mergeStaticClassName(...propsToMerge);\n}\n\nconst classNamesValidator: z.ZodType<ClassNames> = z.record(\n  z.string(),\n  z.union([z.string(), z.lazy(() => classNamesValidator)]),\n);\n\nconst propsValidator = z.object({\n  classNames: classNamesValidator,\n});\n\n/**\n * Deep merges classNames objects within props\n */\nfunction mergeClassNamesProps<T extends object>(...propsToMerge: Props<T>[]) {\n  return propsToMerge.reduce<ClassNames | undefined>((acc, props) => {\n    const result = propsValidator.safeParse(props);\n\n    if (result.success) {\n      return acc\n        ? mergeWith(acc, result.data.classNames, (accValue, srcValue) =>\n            (!accValue || typeof accValue === 'string') &&\n            (!srcValue || typeof srcValue === 'string')\n              ? clsx(accValue, srcValue)\n              : undefined,\n          )\n        : result.data.classNames;\n    }\n\n    return acc;\n  }, undefined);\n}\n\n/**\n * Deep merges classNames objects by concatenating class values\n *\n * @example\n * mergeClassNames({ foo: 'foo' }, { foo: 'FOO', bar: 'bar' })\n * // returns { foo: 'foo FOO', bar: 'bar' }\n */\nexport function mergeClassNames<T extends ClassNames>(\n  ...classNamesToMerge: (T | null | undefined)[]\n) {\n  return mergeClassNamesProps(\n    ...classNamesToMerge.map((classNames) => ({ classNames })),\n  ) as T | undefined;\n}\n\n/**\n * Recursively process merging of all style render props\n */\nfunction processStyleRenderProps<T extends RenderProps<object>>(\n  value: CSSProperties,\n  renderProps: StylePropRenderProps<object>,\n  ...propsToMerge: Props<T>[]\n): CSSProperties {\n  if (!propsToMerge.length) {\n    return {};\n  }\n\n  const [props, ...rest] = propsToMerge;\n\n  return {\n    ...value,\n    ...composeRenderProps<\n      CSSProperties,\n      StylePropRenderProps<object>,\n      CSSProperties\n    >(props?.style ?? {}, (prev) =>\n      processStyleRenderProps(prev, renderProps, ...rest),\n    )(renderProps),\n  };\n}\n\n/**\n * Compose style render props to be processed and merged\n */\nfunction mergeRenderStyle<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return composeRenderProps<\n    CSSProperties,\n    StylePropRenderProps<object>,\n    CSSProperties\n  >(\n    (renderProps) => renderProps.defaultStyle ?? {},\n    (prev, renderProps) =>\n      processStyleRenderProps(prev, renderProps, ...propsToMerge),\n  );\n}\n\n/**\n * Merge static styles\n */\nfunction mergeStaticStyle<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  return propsToMerge.reduce<CSSProperties>((acc, props) => {\n    if (!props?.style) {\n      return acc;\n    }\n\n    return {\n      ...acc,\n      ...props.style,\n    };\n  }, {});\n}\n\n/**\n * Determine if a static or composed merge of styles is necesary based on the presence of functions\n */\nfunction mergeStyleProps<T extends RenderProps<object>>(\n  ...propsToMerge: Props<T>[]\n) {\n  const anyFunctions = propsToMerge.some(\n    (props) => typeof props?.style === 'function',\n  );\n\n  const anyObjects = propsToMerge.some(\n    (props) => typeof props?.style === 'object' && props.style != null,\n  );\n\n  if (!(anyFunctions || anyObjects)) {\n    return undefined;\n  }\n\n  return anyFunctions\n    ? mergeRenderStyle(...propsToMerge)\n    : mergeStaticStyle(...propsToMerge);\n}\n\n/**\n * Extends the base margeProps functionality to also merge styles and handle class/style render props\n */\nexport function mergeProps<T extends object>(...propsToMerge: Props<T>[]): T {\n  const className = mergeClassNameProps(...propsToMerge);\n  const classNames = mergeClassNamesProps(...propsToMerge);\n  const style = mergeStyleProps(...propsToMerge);\n\n  return {\n    ...(mergePropsWithoutStyles(...propsToMerge) as T),\n    ...(className ? { className } : {}),\n    ...(classNames ? { classNames } : {}),\n    ...(style ? { style } : {}),\n  };\n}\n\n/**\n * A helper for not having to reimplement the type check for a renderProp value being a function or not everywhere\n */\nexport function callRenderProps<T extends object, R>(\n  value: R | ((renderProps: T) => R),\n  values: T,\n) {\n  if (typeof value === 'function') {\n    return (value as (renderProps: T) => R)(values);\n  }\n\n  return value;\n}\n\n/**\n * A helper function to pair with React Aria's render props. Typically\n * implemented with children, className and styles\n *\n * Allows for the injection of additional renderProps that a component\n * from React Aria may not already provide\n *\n * If the value isn't a renderProp function, then it is passed through unchanged\n */\nexport function wrapRenderProps<T extends object, U extends object, R>(\n  value: R | ((renderProps: T & U) => R),\n  inject?: U,\n) {\n  if (typeof value === 'function') {\n    return (renderProps: T) =>\n      (value as (renderProps: T & U) => R)({\n        ...renderProps,\n        ...inject,\n      } as T & U);\n  }\n\n  return value;\n}\n"]}
+{"version":3,"sources":["../../src/utils/props.ts"],"names":["mergePropsWithoutStyles"],"mappings":";;;;;;;AA+BA,SAAS,2BAAA,CACP,KACA,EAAA,WAAA,EAAA,GACG,YACK,EAAA;AACR,EAAI,IAAA,CAAC,aAAa,MAAQ,EAAA;AACxB,IAAO,OAAA,EAAA;AAAA;AAGT,EAAA,MAAM,CAAC,KAAA,EAAO,GAAG,IAAI,CAAI,GAAA,YAAA;AAEzB,EAAO,OAAA,IAAA;AAAA,IACL,KAAA;AAAA,IACA,kBAAA;AAAA,MACE,OAAO,SAAa,IAAA,EAAA;AAAA,MACpB,CAAC,IAAS,KAAA,2BAAA,CAA4B,IAAM,EAAA,WAAA,EAAa,GAAG,IAAI;AAAA,MAChE,WAAW;AAAA,GACf;AACF;AAKA,SAAS,wBACJ,YACH,EAAA;AACA,EAAO,OAAA,kBAAA;AAAA,IACL,CAAC,WAAgB,KAAA,WAAA,CAAY,gBAAoB,IAAA,EAAA;AAAA,IACjD,CAAC,IAAM,EAAA,WAAA,KACL,4BAA4B,IAAM,EAAA,WAAA,EAAa,GAAG,YAAY;AAAA,GAClE;AACF;AAKA,SAAS,wBACJ,YACH,EAAA;AACA,EAAO,OAAA,IAAA;AAAA,IACL,YAAa,CAAA,MAAA,CAAiB,CAAC,GAAA,EAAK,KAAU,KAAA;AAC5C,MAAI,IAAA,OAAO,KAAO,EAAA,SAAA,KAAc,QAAU,EAAA;AACxC,QAAO,OAAA,GAAA;AAAA;AAGT,MAAI,GAAA,CAAA,IAAA,CAAK,MAAM,SAAS,CAAA;AAExB,MAAO,OAAA,GAAA;AAAA,KACT,EAAG,EAAE;AAAA,GACP;AACF;AAKA,SAAS,uBACJ,YACH,EAAA;AACA,EAAA,MAAM,eAAe,YAAa,CAAA,IAAA;AAAA,IAChC,CAAC,KAAA,KAAU,OAAO,KAAA,EAAO,SAAc,KAAA;AAAA,GACzC;AAEA,EAAA,MAAM,gBAAgB,YAAa,CAAA,IAAA;AAAA,IACjC,CAAC,KAAA,KAAU,OAAO,KAAA,EAAO,SAAc,KAAA;AAAA,GACzC;AAEA,EAAI,IAAA,EAAE,gBAAgB,aAAgB,CAAA,EAAA;AACpC,IAAO,OAAA,MAAA;AAAA;AAGT,EAAA,OAAO,eACH,oBAAqB,CAAA,GAAG,YAAY,CACpC,GAAA,oBAAA,CAAqB,GAAG,YAAY,CAAA;AAC1C;AAEA,IAAM,sBAA6C,CAAE,CAAA,MAAA;AAAA,EACnD,EAAE,MAAO,EAAA;AAAA,EACT,CAAA,CAAE,KAAM,CAAA,CAAC,CAAE,CAAA,MAAA,EAAU,EAAA,CAAA,CAAE,IAAK,CAAA,MAAM,mBAAmB,CAAC,CAAC;AACzD,CAAA;AAEA,IAAM,cAAA,GAAiB,EAAE,MAAO,CAAA;AAAA,EAC9B,UAAY,EAAA;AACd,CAAC,CAAA;AAKD,SAAS,wBAA0C,YAA0B,EAAA;AAC3E,EAAA,OAAO,YAAa,CAAA,MAAA,CAA+B,CAAC,GAAA,EAAK,KAAU,KAAA;AACjE,IAAM,MAAA,MAAA,GAAS,cAAe,CAAA,SAAA,CAAU,KAAK,CAAA;AAE7C,IAAA,IAAI,OAAO,OAAS,EAAA;AAClB,MAAA,OAAO,GACH,GAAA,SAAA;AAAA,QAAU,GAAA;AAAA,QAAK,OAAO,IAAK,CAAA,UAAA;AAAA,QAAY,CAAC,QAAU,EAAA,QAAA,KAAA,CAC/C,CAAC,QAAA,IAAY,OAAO,QAAa,KAAA,QAAA,MACjC,CAAC,QAAA,IAAY,OAAO,QAAa,KAAA,QAAA,CAAA,GAC9B,IAAK,CAAA,QAAA,EAAU,QAAQ,CACvB,GAAA;AAAA,OACN,GACA,OAAO,IAAK,CAAA,UAAA;AAAA;AAGlB,IAAO,OAAA,GAAA;AAAA,KACN,MAAS,CAAA;AACd;AASO,SAAS,mBACX,iBACH,EAAA;AACA,EAAO,OAAA,oBAAA;AAAA,IACL,GAAG,iBAAkB,CAAA,GAAA,CAAI,CAAC,UAAgB,MAAA,EAAE,YAAa,CAAA;AAAA,GAC3D;AACF;AAKA,SAAS,uBAAA,CACP,KACA,EAAA,WAAA,EAAA,GACG,YACY,EAAA;AACf,EAAI,IAAA,CAAC,aAAa,MAAQ,EAAA;AACxB,IAAA,OAAO,EAAC;AAAA;AAGV,EAAA,MAAM,CAAC,KAAA,EAAO,GAAG,IAAI,CAAI,GAAA,YAAA;AAEzB,EAAO,OAAA;AAAA,IACL,GAAG,KAAA;AAAA,IACH,GAAG,kBAAA;AAAA,MAID,KAAA,EAAO,SAAS,EAAC;AAAA,MAAG,CAAC,IACrB,KAAA,uBAAA,CAAwB,IAAM,EAAA,WAAA,EAAa,GAAG,IAAI;AAAA,MAClD,WAAW;AAAA,GACf;AACF;AAKA,SAAS,oBACJ,YACH,EAAA;AACA,EAAO,OAAA,kBAAA;AAAA,IAKL,CAAC,WAAA,KAAgB,WAAY,CAAA,YAAA,IAAgB,EAAC;AAAA,IAC9C,CAAC,IAAM,EAAA,WAAA,KACL,wBAAwB,IAAM,EAAA,WAAA,EAAa,GAAG,YAAY;AAAA,GAC9D;AACF;AAKA,SAAS,oBACJ,YACH,EAAA;AACA,EAAA,OAAO,YAAa,CAAA,MAAA,CAAsB,CAAC,GAAA,EAAK,KAAU,KAAA;AACxD,IAAI,IAAA,CAAC,OAAO,KAAO,EAAA;AACjB,MAAO,OAAA,GAAA;AAAA;AAGT,IAAO,MAAA,CAAA,MAAA,CAAO,GAAK,EAAA,KAAA,CAAM,KAAK,CAAA;AAE9B,IAAO,OAAA,GAAA;AAAA,GACT,EAAG,EAAE,CAAA;AACP;AAKA,SAAS,mBACJ,YACH,EAAA;AACA,EAAA,MAAM,eAAe,YAAa,CAAA,IAAA;AAAA,IAChC,CAAC,KAAA,KAAU,OAAO,KAAA,EAAO,KAAU,KAAA;AAAA,GACrC;AAEA,EAAA,MAAM,aAAa,YAAa,CAAA,IAAA;AAAA,IAC9B,CAAC,KAAU,KAAA,OAAO,OAAO,KAAU,KAAA,QAAA,IAAY,MAAM,KAAS,IAAA;AAAA,GAChE;AAEA,EAAI,IAAA,EAAE,gBAAgB,UAAa,CAAA,EAAA;AACjC,IAAO,OAAA,MAAA;AAAA;AAGT,EAAA,OAAO,eACH,gBAAiB,CAAA,GAAG,YAAY,CAChC,GAAA,gBAAA,CAAiB,GAAG,YAAY,CAAA;AACtC;AAKO,SAAS,cAAgC,YAA6B,EAAA;AAC3E,EAAM,MAAA,SAAA,GAAY,mBAAoB,CAAA,GAAG,YAAY,CAAA;AACrD,EAAM,MAAA,UAAA,GAAa,oBAAqB,CAAA,GAAG,YAAY,CAAA;AACvD,EAAM,MAAA,KAAA,GAAQ,eAAgB,CAAA,GAAG,YAAY,CAAA;AAE7C,EAAO,OAAA;AAAA,IACL,GAAIA,YAAwB,CAAA,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,MACA,EAAA;AACA,EAAI,IAAA,OAAO,UAAU,UAAY,EAAA;AAC/B,IAAA,OAAQ,MAAgC,MAAM,CAAA;AAAA;AAGhD,EAAO,OAAA,KAAA;AACT;AAWO,SAAS,eAAA,CACd,OACA,MACA,EAAA;AACA,EAAI,IAAA,OAAO,UAAU,UAAY,EAAA;AAC/B,IAAO,OAAA,CAAC,gBACL,KAAoC,CAAA;AAAA,MACnC,GAAG,WAAA;AAAA,MACH,GAAG;AAAA,KACK,CAAA;AAAA;AAGd,EAAO,OAAA,KAAA;AACT","file":"props.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 {\n  AsType,\n  ClassNameRenderProps,\n  ClassNames,\n  RenderProps,\n  StylePropRenderProps,\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      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"]}

package/dist/utils/validators.d.ts

@@ -33,8 +33,8 @@ declare const alphaChannelAsNumberValidator: z.ZodNumber;
 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 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:

package/dist/utils/validators.js.map

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

package/package.json

@@ -1,14 +1,12 @@
 {
-  "$schema": "https://json.schemastore.org/package",
   "name": "@accelint/design-system",
-  "version": "0.4.0",
-  "author": "https://hypergiant.com",
+  "version": "0.5.0",
+  "private": false,
   "license": "Apache-2.0",
-  "publishConfig": {
-    "access": "public"
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gohypergiant/standard-toolkit"
   },
-  "private": false,
-  "sideEffects": false,
   "type": "module",
   "files": [
     "dist/**"
@@ -36,67 +34,72 @@
       "default": "./dist/vanilla.js"
     }
   },
+  "peerDependencies": {
+    "@react-aria/collections": "3.0.0-alpha.5",
+    "@react-aria/dnd": "3.7.4",
+    "@react-aria/focus": "3.18.4",
+    "@react-aria/interactions": "3.22.4",
+    "@react-aria/overlays": "3.23.4",
+    "@react-aria/ssr": "3.9.6",
+    "@react-aria/utils": "3.25.3",
+    "@react-stately/data": "3.11.7",
+    "@react-stately/overlays": "3.6.11",
+    "@react-stately/utils": "3.10.4",
+    "@react-types/shared": "3.25.0",
+    "react": "18.3.1",
+    "react-aria-components": "1.4.1",
+    "react-dom": "18.3.1",
+    "react-querybuilder": "7.7.0"
+  },
   "devDependencies": {
-    "@fontsource/roboto-flex": "^5.1.0",
-    "@fontsource/roboto-mono": "^5.1.0",
-    "@ladle/react": "^4.1.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
-    "@testing-library/react": "^16.0.1",
-    "@testing-library/user-event": "^14.5.2",
-    "@types/lodash": "^4.17.10",
-    "@types/react": "^18.3.11",
-    "@types/react-dom": "^18.3.1",
-    "@vanilla-extract/esbuild-plugin": "^2.3.11",
-    "@vanilla-extract/vite-plugin": "^4.0.16",
-    "@vitest/coverage-istanbul": "^2.1.3",
-    "autoprefixer": "^10.4.20",
-    "esbuild-plugin-file-path-extensions": "^2.1.3",
-    "esbuild-plugin-lodash": "^1.2.0",
-    "jsdom": "^25.0.1",
-    "react-test-renderer": "^18.3.1",
-    "postcss": "^8.4.47",
-    "tsup": "^8.3.0",
-    "vite": "^5.4.9",
-    "vitest": "^2.1.3",
+    "@fontsource/roboto-flex": "5.1.0",
+    "@fontsource/roboto-mono": "5.1.0",
+    "@ladle/react": "4.1.2",
+    "@testing-library/dom": "10.4.0",
+    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/react": "16.0.1",
+    "@testing-library/user-event": "14.5.2",
+    "@types/lodash": "4.17.10",
+    "@types/react": "18.3.11",
+    "@types/react-dom": "18.3.1",
+    "@vanilla-extract/esbuild-plugin": "2.3.11",
+    "@vanilla-extract/vite-plugin": "4.0.16",
+    "autoprefixer": "10.4.20",
+    "esbuild-plugin-file-path-extensions": "2.1.3",
+    "esbuild-plugin-lodash": "1.2.0",
+    "jsdom": "25.0.1",
+    "postcss": "8.4.47",
+    "react-test-renderer": "18.3.1",
+    "tsup": "8.3.0",
+    "vite": "5.4.9",
+    "vitest": "2.1.3",
     "@accelint/typescript-config": "0.1.2",
-    "@accelint/biome-config": "0.1.2",
-    "@accelint/vitest-config": "0.1.3"
+    "@accelint/vitest-config": "0.1.3",
+    "@accelint/biome-config": "0.1.2"
   },
   "dependencies": {
-    "@vanilla-extract/css": "^1.16.0",
-    "@vanilla-extract/dynamic": "^2.1.2",
-    "clsx": "^2.1.1",
-    "lodash": "^4.17.21",
-    "type-fest": "^4.26.1",
-    "typescript": "^5.6.3",
-    "zod": "^3.23.8",
-    "@accelint/converters": "0.1.3",
-    "@accelint/core": "0.1.3"
+    "@vanilla-extract/css": "1.16.0",
+    "@vanilla-extract/dynamic": "2.1.2",
+    "clsx": "2.1.1",
+    "lodash": "4.17.21",
+    "type-fest": "4.26.1",
+    "typescript": "5.6.3",
+    "zod": "3.23.8",
+    "@accelint/core": "0.1.3",
+    "@accelint/converters": "0.2.0"
   },
-  "peerDependencies": {
-    "@react-aria/collections": "^3.0.0-alpha.5",
-    "@react-aria/dnd": "^3.7.4",
-    "@react-aria/focus": "^3.18.4",
-    "@react-aria/interactions": "^3.22.4",
-    "@react-aria/overlays": "^3.23.4",
-    "@react-aria/ssr": "^3.9.6",
-    "@react-aria/utils": "^3.25.3",
-    "@react-stately/data": "^3.11.7",
-    "@react-stately/overlays": "^3.6.11",
-    "@react-stately/utils": "^3.10.4",
-    "@react-types/shared": "^3.25.0",
-    "react": "^18.3.1 || ^19.0.0-rc-69d4b800-20241021",
-    "react-aria-components": "^1.4.1",
-    "react-dom": "^18.3.1 || ^19.0.0-rc-69d4b800-20241021",
-    "react-querybuilder": "^7.7.0"
+  "$schema": "https://json.schemastore.org/package",
+  "author": "https://hypergiant.com",
+  "publishConfig": {
+    "access": "public"
   },
+  "sideEffects": false,
   "scripts": {
     "bench": "pnpm vitest bench --run --dir src",
     "build": "rm -rf dist && pnpm tsup --config=tsup.css.config.ts && rm -f dist/index.js && NODE_OPTIONS=--max_old_space_size=8192 pnpm tsup",
     "dev": "pnpm tsc --watch",
     "index": "pnpm zx ../../scripts/indexer.mjs packages/design-system --barrels",
-    "lint:todo": "pnpm biome lint ./",
+    "lint": "pnpm biome lint ./",
     "preview": "pnpm ladle serve",
     "test": "pnpm vitest --dir=src"
   }