@persona/design-system 0.5.0 → 0.5.1

package/dist/lib/methodChain.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"methodChain.mjs","names":["updatedParse","UpdatedSyntaxError"],"sources":["../../lib/methodChain.ts"],"sourcesContent":["import { last } from 'lodash-es';\n\nimport {\n  parse as updatedParse,\n  SyntaxError as UpdatedSyntaxError,\n} from '@persona/design-system/components/SmartTextInput/parser/method-chain/parser';\nimport { ASTNodeType } from '@persona/design-system/components/SmartTextInput/parser/method-chain/types';\n\nimport { reportError } from './errorReporter';\nimport { type JsonSchema, JsonSchemaTypes } from './jsonSchema';\nimport { normalizeChain } from './methodChainNormalize';\nimport type {\n  Chain,\n  FunctionNode,\n  CustomFunctionNode,\n  IdentifierNode,\n  StringNode,\n  NumberNode,\n  ArrayNode,\n  FunctionParamType,\n  MethodChainNode,\n} from './methodChainTypes';\n\n// @ts-expect-error Returns never so the compiler checks exhaustiveness, but doesn't throw so a malformed\n// chain degrades instead of breaking render.\nfunction assertNever(value: never): never {\n  const dump = typeof value === 'object' ? JSON.stringify(value) : value;\n  reportError(new TypeError(`assertNever non-exhaustive match: ${dump}`));\n}\n\n// Re-export types for backward compatibility\nexport {\n  Chain,\n  FunctionNode,\n  CustomFunctionNode,\n  IdentifierNode,\n  StringNode,\n  NumberNode,\n  ArrayNode,\n  FunctionParamType,\n  MethodChainNode,\n};\n\nexport const methodChainCache: { [key: string]: Chain } = {};\n\nexport const MethodChainNodeTypes = {\n  Chain: ASTNodeType.Chain,\n  String: ASTNodeType.String,\n  Number: ASTNodeType.Number,\n  Identifier: ASTNodeType.Identifier,\n  Function: ASTNodeType.Function,\n  CustomFunction: ASTNodeType.CustomFunction,\n  Array: ASTNodeType.Array,\n} as const;\n\nexport const EMPTY_METHOD_CHAIN: Chain = {\n  type: MethodChainNodeTypes.Chain,\n  links: [],\n};\n\ntype MethodChainLiteral = string | number | (string | number)[];\n\nexport const isFunctionNode = (node: MethodChainNode): node is FunctionNode =>\n  node.type === MethodChainNodeTypes.Function;\n\nexport const isCustomFunctionNode = (node: MethodChainNode): node is CustomFunctionNode =>\n  node.type === MethodChainNodeTypes.CustomFunction;\n\nexport const isIdentifierNode = (node: MethodChainNode): node is IdentifierNode =>\n  node.type === MethodChainNodeTypes.Identifier;\n\nexport const isStringNode = (node: FunctionParamType): node is StringNode =>\n  node.type === MethodChainNodeTypes.String;\n\nexport const isArrayNode = (node: FunctionParamType): node is ArrayNode =>\n  node.type === MethodChainNodeTypes.Array;\n\nexport const containsFunctionNode = (methodChain: Chain, ...functionNames: string[]): boolean =>\n  methodChain.links.some((link) => isFunctionNode(link) && functionNames.includes(link.name));\n\n/**\n * Returns true if the string contains any function node (e.g. `.at(...)`) when parsed\n * as a method chain. Use this to detect whether a field path must be treated as an\n * opaque key rather than split on `.` for Lodash set/get operations.\n */\nexport const pathContainsFunctionNode = (path: string): boolean => {\n  try {\n    const chain = parseMethodChain(path);\n    return chain.links.some(\n      (link) =>\n        link.type === MethodChainNodeTypes.Function ||\n        link.type === MethodChainNodeTypes.CustomFunction,\n    );\n  } catch {\n    return false;\n  }\n};\n\nexport const isEmpty = (methodChain: Chain): boolean => methodChain.links.length === 0;\n\nexport const getFunctionParams = (\n  methodChain: Chain,\n  ...functionNames: string[]\n): Record<string, MethodChainLiteral[]> => {\n  return Object.fromEntries(\n    methodChain.links\n      .filter((link) => isFunctionNode(link))\n      .filter((link) => functionNames.includes(link.name))\n      .map((link) => [link.name, flattenParamsToString(link.params)]),\n  );\n};\n\nexport const removeFunctionNode = (methodChain: Chain, functionName: string): Chain => {\n  return {\n    type: MethodChainNodeTypes.Chain,\n    links: methodChain.links.filter(\n      (link) => link.type !== MethodChainNodeTypes.Function || link.name !== functionName,\n    ),\n  };\n};\n\nconst flattenParamsToString = (params: FunctionParamType[]): MethodChainLiteral[] => {\n  const result: MethodChainLiteral[] = [];\n\n  for (const param of params) {\n    switch (param.type) {\n      case MethodChainNodeTypes.Chain:\n        result.push(...flattenChainToString(param));\n        break;\n      case MethodChainNodeTypes.String:\n      case MethodChainNodeTypes.Number:\n        result.push(param.value);\n        break;\n      case MethodChainNodeTypes.Array:\n        result.push(param.items.map((item) => item.value));\n        break;\n    }\n  }\n\n  return result;\n};\n\nconst flattenChainToString = (methodChain: Chain): MethodChainLiteral[] =>\n  methodChain.links\n    .map((link) => {\n      switch (link.type) {\n        case MethodChainNodeTypes.Function:\n        case MethodChainNodeTypes.CustomFunction:\n          return flattenParamsToString(link.params);\n        case MethodChainNodeTypes.Identifier:\n          return link.name;\n      }\n    })\n    .flat();\n\nexport const isValid = (methodChain: string): boolean => {\n  try {\n    parseMethodChain(methodChain);\n    return true;\n  } catch {\n    return false;\n  }\n};\n\n/**\n * The parsed chain, or undefined when it will not parse. Callers that read a chain while it is being\n * authored hold half-typed input, where a throw is noise rather than an error.\n */\nexport const tryParseMethodChain = (methodChain: string): Chain | undefined => {\n  try {\n    return parseMethodChain(methodChain);\n  } catch {\n    return undefined;\n  }\n};\n\n/** The object a chain is rooted at: `current_case.inquiries` -> `current_case`. */\nexport const methodChainRootName = (methodChain: string): string | undefined => {\n  const [root] = tryParseMethodChain(methodChain)?.links ?? [];\n  return root && isIdentifierNode(root) ? root.name : undefined;\n};\n\nexport const parseMethodChain = (methodChain: string): Chain => {\n  if (!methodChain || methodChain === '') {\n    return EMPTY_METHOD_CHAIN;\n  }\n\n  if (!methodChainCache[methodChain]) {\n    methodChainCache[methodChain] = normalizeChain(updatedParse(methodChain, { strict: true }));\n  }\n  return methodChainCache[methodChain];\n};\n\nconst memberToString = (value: string): string => {\n  return `'${value.replace(/'/g, \"\\\\'\")}'`;\n};\n\n// Number#toString gives the shortest decimal string that round-trips back to the same\n// float64, but for magnitudes below 1e-6 (or above 1e21) it switches to exponential\n// notation (e.g. `0.0000001` -> \"1e-7\"), which the method chain grammar's plain-decimal\n// literal can't parse. Expand that exponential form back into plain decimal by shifting\n// its digits, rather than capping fraction digits (e.g. via toLocaleString), which silently\n// rounds magnitudes below the cap to \"0\" instead of reproducing them.\nconst expandExponentialNotation = (str: string): string => {\n  const match = /^(-?)(\\d)(?:\\.(\\d+))?e([+-]\\d+)$/.exec(str);\n  if (!match) {\n    return str;\n  }\n  const [, sign, leadingDigit, fractionDigits = '', exponentStr] = match;\n  const digits = leadingDigit + fractionDigits;\n  const exponent = Number(exponentStr);\n\n  if (exponent < 0) {\n    return `${sign}0.${'0'.repeat(-exponent - 1)}${digits}`;\n  }\n  // Positive exponential notation only appears at exponent >= 21 (Number#toString's own\n  // threshold), while a double's mantissa never carries more than 17 significant digits,\n  // so the exponent always reaches past the end of `digits` — there's no case where the\n  // decimal point lands inside them.\n  return `${sign}${digits}${'0'.repeat(exponent - fractionDigits.length)}`;\n};\n\nconst numberLiteralToString = (value: number): string => {\n  // The grammar has no literal for Infinity/NaN; render/label call sites have no way to\n  // recover from a throw, so fall back to JS's own string form instead of crashing them.\n  if (!Number.isFinite(value)) {\n    return `${value}`;\n  }\n\n  const str = value.toString();\n  return /e/i.test(str) ? expandExponentialNotation(str) : str;\n};\n\nexport const methodChainToString = (\n  methodChain: Chain | StringNode | NumberNode | ArrayNode,\n): string => {\n  switch (methodChain.type) {\n    case MethodChainNodeTypes.String:\n      return methodChain.value;\n    case MethodChainNodeTypes.Number:\n      return numberLiteralToString(methodChain.value);\n    case MethodChainNodeTypes.Array:\n      return `[${methodChain.items\n        .map((item) =>\n          item.type === MethodChainNodeTypes.String\n            ? memberToString(item.value)\n            : `#${numberLiteralToString(item.value)}`,\n        )\n        .join(', ')}]`;\n    default: {\n      const regex = new RegExp('^@?[a-zA-Z0-9_-]+$');\n      return methodChain.links\n        .map((link, index) => {\n          switch (link.type) {\n            case MethodChainNodeTypes.Identifier: {\n              const fullName = `${link.prefix ?? ''}${link.name}`;\n              return index === 0\n                ? fullName\n                : regex.test(fullName)\n                  ? `.${fullName}`\n                  : `['${fullName.replace(/'/g, \"\\\\'\")}']`;\n            }\n            case MethodChainNodeTypes.Function: {\n              return `.${link.name}(${link.params\n                .map((param) => {\n                  switch (param.type) {\n                    case MethodChainNodeTypes.String:\n                      return memberToString(param.value);\n                    case MethodChainNodeTypes.Number:\n                      return `#${numberLiteralToString(param.value)}`;\n                    case MethodChainNodeTypes.Chain:\n                    case MethodChainNodeTypes.Array:\n                      return methodChainToString(param);\n                  }\n                })\n                .join(', ')})`;\n            }\n            case MethodChainNodeTypes.CustomFunction: {\n              const paramStr = link.params\n                .map((param) => {\n                  switch (param.type) {\n                    case MethodChainNodeTypes.String:\n                      return memberToString(param.value);\n                    case MethodChainNodeTypes.Number:\n                      return `#${numberLiteralToString(param.value)}`;\n                    case MethodChainNodeTypes.Chain:\n                    case MethodChainNodeTypes.Array:\n                      return methodChainToString(param);\n                  }\n                })\n                .join(', ');\n              return [\n                index === 0 ? '' : '.',\n                `@${link.name}`,\n                link.params.length === 0 ? '' : `(${paramStr})`,\n              ].join('');\n            }\n            default:\n              assertNever(link);\n          }\n        })\n        .join('');\n    }\n  }\n};\n\nexport const appendedMethodChain = (\n  parentChain: Chain,\n  appended: string | MethodChainNode,\n): Chain => {\n  const buildNode = (name: string): MethodChainNode => {\n    if (name.startsWith('@')) {\n      return { type: MethodChainNodeTypes.CustomFunction, name: name.slice(1), params: [] };\n    }\n    return { type: MethodChainNodeTypes.Identifier, name };\n  };\n\n  return {\n    type: MethodChainNodeTypes.Chain,\n    links: [...parentChain.links, typeof appended === 'string' ? buildNode(appended) : appended],\n  };\n};\n\nexport const parseWithPartialOption = (\n  path: string,\n): { methodChain: Chain; partial: string; valid: boolean } => {\n  if (isValid(path)) {\n    const methodChain = parseMethodChain(path);\n\n    return {\n      methodChain: {\n        type: MethodChainNodeTypes.Chain,\n        links: methodChain.links.slice(0, methodChain.links.length - 1),\n      },\n      partial: last(methodChain.links)?.name || '',\n      valid: true,\n    };\n  }\n\n  const rawParse = (input: string): Chain => {\n    return normalizeChain(updatedParse(input, { strict: true }));\n  };\n\n  try {\n    if (path.endsWith('.')) {\n      return {\n        methodChain: rawParse(path.slice(0, -1)),\n        partial: '',\n        valid: true,\n      };\n    }\n\n    if (path.lastIndexOf('[') > path.lastIndexOf(']')) {\n      const partialString = path.slice(path.lastIndexOf('[') + 2);\n      const partialValue = partialString.endsWith(\"'\") ? partialString.slice(0, -1) : partialString;\n      return {\n        methodChain: rawParse(path.slice(0, path.lastIndexOf('['))),\n        partial: partialValue,\n        valid: true,\n      };\n    }\n  } catch {\n    /* empty */\n  }\n\n  return {\n    methodChain: EMPTY_METHOD_CHAIN,\n    partial: path,\n    valid: false,\n  };\n};\n\n// Check if the path can be parsed as legacy method chain format.\n// Normative means all the name parts are\n// 1. delimited by only dots and\n// 2. only contain alphanumeric characters, underscores, and hyphens.\nexport const pathIsNormative = (path: string): boolean => {\n  return path.split('.').every((part) => /^[a-zA-Z0-9_-]+$/.test(part));\n};\nexport const getSyntaxError = (): typeof UpdatedSyntaxError => UpdatedSyntaxError;\n\nexport const methodChainNodeToJsonSchema = (\n  node: StringNode | NumberNode | ArrayNode,\n): JsonSchema | null => {\n  if (node.type === MethodChainNodeTypes.String) {\n    return {\n      type: JsonSchemaTypes.String,\n    };\n  } else if (node.type === MethodChainNodeTypes.Number) {\n    return {\n      type: JsonSchemaTypes.Number,\n    };\n  } else if (node.type === MethodChainNodeTypes.Array) {\n    // Determine the items schema based on the first item type\n    // For simplicity, assume all items are the same type\n    if (node.items.length > 0) {\n      const firstItem = node.items[0];\n      const itemSchema: JsonSchema =\n        firstItem.type === MethodChainNodeTypes.String\n          ? { type: JsonSchemaTypes.String }\n          : { type: JsonSchemaTypes.Number };\n\n      return {\n        type: JsonSchemaTypes.Array,\n        items: itemSchema,\n      };\n    } else {\n      return {\n        type: JsonSchemaTypes.Array,\n        items: { type: JsonSchemaTypes.String },\n      };\n    }\n  }\n\n  return null;\n};\n"],"mappings":";;;;;;;AAyBA,SAAS,YAAY,OAAqB;CACxC,MAAM,OAAO,OAAO,UAAU,WAAW,KAAK,UAAU,MAAM,GAAG;AACjE,6BAAY,IAAI,UAAU,qCAAqC,OAAO,CAAC;;AAgBzE,MAAa,mBAA6C,EAAE;AAE5D,MAAa,uBAAuB;CAClC,OAAA;CACA,QAAA;CACA,QAAA;CACA,YAAA;CACA,UAAA;CACA,gBAAA;CACA,OAAA;CACD;AAED,MAAa,qBAA4B;CACvC,MAAM,qBAAqB;CAC3B,OAAO,EAAE;CACV;AAID,MAAa,kBAAkB,SAC7B,KAAK,SAAS,qBAAqB;AAErC,MAAa,wBAAwB,SACnC,KAAK,SAAS,qBAAqB;AAErC,MAAa,oBAAoB,SAC/B,KAAK,SAAS,qBAAqB;AAErC,MAAa,gBAAgB,SAC3B,KAAK,SAAS,qBAAqB;AAErC,MAAa,eAAe,SAC1B,KAAK,SAAS,qBAAqB;AAErC,MAAa,wBAAwB,aAAoB,GAAG,kBAC1D,YAAY,MAAM,MAAM,SAAS,eAAe,KAAK,IAAI,cAAc,SAAS,KAAK,KAAK,CAAC;;;;;;AAO7F,MAAa,4BAA4B,SAA0B;AACjE,KAAI;AAEF,SADc,iBAAiB,KACnB,CAAC,MAAM,MAChB,SACC,KAAK,SAAS,qBAAqB,YACnC,KAAK,SAAS,qBAAqB,eACtC;SACK;AACN,SAAO;;;AAIX,MAAa,WAAW,gBAAgC,YAAY,MAAM,WAAW;AAErF,MAAa,qBACX,aACA,GAAG,kBACsC;AACzC,QAAO,OAAO,YACZ,YAAY,MACT,QAAQ,SAAS,eAAe,KAAK,CAAC,CACtC,QAAQ,SAAS,cAAc,SAAS,KAAK,KAAK,CAAC,CACnD,KAAK,SAAS,CAAC,KAAK,MAAM,sBAAsB,KAAK,OAAO,CAAC,CAAC,CAClE;;AAGH,MAAa,sBAAsB,aAAoB,iBAAgC;AACrF,QAAO;EACL,MAAM,qBAAqB;EAC3B,OAAO,YAAY,MAAM,QACtB,SAAS,KAAK,SAAS,qBAAqB,YAAY,KAAK,SAAS,aACxE;EACF;;AAGH,MAAM,yBAAyB,WAAsD;CACnF,MAAM,SAA+B,EAAE;AAEvC,MAAK,MAAM,SAAS,OAClB,SAAQ,MAAM,MAAd;EACE,KAAK,qBAAqB;AACxB,UAAO,KAAK,GAAG,qBAAqB,MAAM,CAAC;AAC3C;EACF,KAAK,qBAAqB;EAC1B,KAAK,qBAAqB;AACxB,UAAO,KAAK,MAAM,MAAM;AACxB;EACF,KAAK,qBAAqB;AACxB,UAAO,KAAK,MAAM,MAAM,KAAK,SAAS,KAAK,MAAM,CAAC;AAClD;;AAIN,QAAO;;AAGT,MAAM,wBAAwB,gBAC5B,YAAY,MACT,KAAK,SAAS;AACb,SAAQ,KAAK,MAAb;EACE,KAAK,qBAAqB;EAC1B,KAAK,qBAAqB,eACxB,QAAO,sBAAsB,KAAK,OAAO;EAC3C,KAAK,qBAAqB,WACxB,QAAO,KAAK;;EAEhB,CACD,MAAM;AAEX,MAAa,WAAW,gBAAiC;AACvD,KAAI;AACF,mBAAiB,YAAY;AAC7B,SAAO;SACD;AACN,SAAO;;;;;;;AAQX,MAAa,uBAAuB,gBAA2C;AAC7E,KAAI;AACF,SAAO,iBAAiB,YAAY;SAC9B;AACN;;;;AAKJ,MAAa,uBAAuB,gBAA4C;CAC9E,MAAM,CAAC,QAAQ,oBAAoB,YAAY,EAAE,SAAS,EAAE;AAC5D,QAAO,QAAQ,iBAAiB,KAAK,GAAG,KAAK,OAAO,KAAA;;AAGtD,MAAa,oBAAoB,gBAA+B;AAC9D,KAAI,CAAC,eAAe,gBAAgB,GAClC,QAAO;AAGT,KAAI,CAAC,iBAAiB,aACpB,kBAAiB,eAAe,eAAeA,UAAa,aAAa,EAAE,QAAQ,MAAM,CAAC,CAAC;AAE7F,QAAO,iBAAiB;;AAG1B,MAAM,kBAAkB,UAA0B;AAChD,QAAO,IAAI,MAAM,QAAQ,MAAM,MAAM,CAAC;;AASxC,MAAM,6BAA6B,QAAwB;CACzD,MAAM,QAAQ,mCAAmC,KAAK,IAAI;AAC1D,KAAI,CAAC,MACH,QAAO;CAET,MAAM,GAAG,MAAM,cAAc,iBAAiB,IAAI,eAAe;CACjE,MAAM,SAAS,eAAe;CAC9B,MAAM,WAAW,OAAO,YAAY;AAEpC,KAAI,WAAW,EACb,QAAO,GAAG,KAAK,IAAI,IAAI,OAAO,CAAC,WAAW,EAAE,GAAG;AAMjD,QAAO,GAAG,OAAO,SAAS,IAAI,OAAO,WAAW,eAAe,OAAO;;AAGxE,MAAM,yBAAyB,UAA0B;AAGvD,KAAI,CAAC,OAAO,SAAS,MAAM,CACzB,QAAO,GAAG;CAGZ,MAAM,MAAM,MAAM,UAAU;AAC5B,QAAO,KAAK,KAAK,IAAI,GAAG,0BAA0B,IAAI,GAAG;;AAG3D,MAAa,uBACX,gBACW;AACX,SAAQ,YAAY,MAApB;EACE,KAAK,qBAAqB,OACxB,QAAO,YAAY;EACrB,KAAK,qBAAqB,OACxB,QAAO,sBAAsB,YAAY,MAAM;EACjD,KAAK,qBAAqB,MACxB,QAAO,IAAI,YAAY,MACpB,KAAK,SACJ,KAAK,SAAS,qBAAqB,SAC/B,eAAe,KAAK,MAAM,GAC1B,IAAI,sBAAsB,KAAK,MAAM,GAC1C,CACA,KAAK,KAAK,CAAC;EAChB,SAAS;GACP,MAAM,wBAAQ,IAAI,OAAO,qBAAqB;AAC9C,UAAO,YAAY,MAChB,KAAK,MAAM,UAAU;AACpB,YAAQ,KAAK,MAAb;KACE,KAAK,qBAAqB,YAAY;MACpC,MAAM,WAAW,GAAG,KAAK,UAAU,KAAK,KAAK;AAC7C,aAAO,UAAU,IACb,WACA,MAAM,KAAK,SAAS,GAClB,IAAI,aACJ,KAAK,SAAS,QAAQ,MAAM,MAAM,CAAC;;KAE3C,KAAK,qBAAqB,SACxB,QAAO,IAAI,KAAK,KAAK,GAAG,KAAK,OAC1B,KAAK,UAAU;AACd,cAAQ,MAAM,MAAd;OACE,KAAK,qBAAqB,OACxB,QAAO,eAAe,MAAM,MAAM;OACpC,KAAK,qBAAqB,OACxB,QAAO,IAAI,sBAAsB,MAAM,MAAM;OAC/C,KAAK,qBAAqB;OAC1B,KAAK,qBAAqB,MACxB,QAAO,oBAAoB,MAAM;;OAErC,CACD,KAAK,KAAK,CAAC;KAEhB,KAAK,qBAAqB,gBAAgB;MACxC,MAAM,WAAW,KAAK,OACnB,KAAK,UAAU;AACd,eAAQ,MAAM,MAAd;QACE,KAAK,qBAAqB,OACxB,QAAO,eAAe,MAAM,MAAM;QACpC,KAAK,qBAAqB,OACxB,QAAO,IAAI,sBAAsB,MAAM,MAAM;QAC/C,KAAK,qBAAqB;QAC1B,KAAK,qBAAqB,MACxB,QAAO,oBAAoB,MAAM;;QAErC,CACD,KAAK,KAAK;AACb,aAAO;OACL,UAAU,IAAI,KAAK;OACnB,IAAI,KAAK;OACT,KAAK,OAAO,WAAW,IAAI,KAAK,IAAI,SAAS;OAC9C,CAAC,KAAK,GAAG;;KAEZ,QACE,aAAY,KAAK;;KAErB,CACD,KAAK,GAAG;;;;AAKjB,MAAa,uBACX,aACA,aACU;CACV,MAAM,aAAa,SAAkC;AACnD,MAAI,KAAK,WAAW,IAAI,CACtB,QAAO;GAAE,MAAM,qBAAqB;GAAgB,MAAM,KAAK,MAAM,EAAE;GAAE,QAAQ,EAAE;GAAE;AAEvF,SAAO;GAAE,MAAM,qBAAqB;GAAY;GAAM;;AAGxD,QAAO;EACL,MAAM,qBAAqB;EAC3B,OAAO,CAAC,GAAG,YAAY,OAAO,OAAO,aAAa,WAAW,UAAU,SAAS,GAAG,SAAS;EAC7F;;AAGH,MAAa,0BACX,SAC4D;AAC5D,KAAI,QAAQ,KAAK,EAAE;EACjB,MAAM,cAAc,iBAAiB,KAAK;AAE1C,SAAO;GACL,aAAa;IACX,MAAM,qBAAqB;IAC3B,OAAO,YAAY,MAAM,MAAM,GAAG,YAAY,MAAM,SAAS,EAAE;IAChE;GACD,SAAS,KAAK,YAAY,MAAM,EAAE,QAAQ;GAC1C,OAAO;GACR;;CAGH,MAAM,YAAY,UAAyB;AACzC,SAAO,eAAeA,UAAa,OAAO,EAAE,QAAQ,MAAM,CAAC,CAAC;;AAG9D,KAAI;AACF,MAAI,KAAK,SAAS,IAAI,CACpB,QAAO;GACL,aAAa,SAAS,KAAK,MAAM,GAAG,GAAG,CAAC;GACxC,SAAS;GACT,OAAO;GACR;AAGH,MAAI,KAAK,YAAY,IAAI,GAAG,KAAK,YAAY,IAAI,EAAE;GACjD,MAAM,gBAAgB,KAAK,MAAM,KAAK,YAAY,IAAI,GAAG,EAAE;GAC3D,MAAM,eAAe,cAAc,SAAS,IAAI,GAAG,cAAc,MAAM,GAAG,GAAG,GAAG;AAChF,UAAO;IACL,aAAa,SAAS,KAAK,MAAM,GAAG,KAAK,YAAY,IAAI,CAAC,CAAC;IAC3D,SAAS;IACT,OAAO;IACR;;SAEG;AAIR,QAAO;EACL,aAAa;EACb,SAAS;EACT,OAAO;EACR;;AAOH,MAAa,mBAAmB,SAA0B;AACxD,QAAO,KAAK,MAAM,IAAI,CAAC,OAAO,SAAS,mBAAmB,KAAK,KAAK,CAAC;;AAEvE,MAAa,uBAAkDC;AAE/D,MAAa,+BACX,SACsB;AACtB,KAAI,KAAK,SAAS,qBAAqB,OACrC,QAAO,EACL,MAAA,UACD;UACQ,KAAK,SAAS,qBAAqB,OAC5C,QAAO,EACL,MAAA,UACD;UACQ,KAAK,SAAS,qBAAqB,MAG5C,KAAI,KAAK,MAAM,SAAS,EAOtB,QAAO;EACL,MAAA;EACA,OARgB,KAAK,MAAM,GAEjB,SAAS,qBAAqB,SACpC,EAAE,MAAA,UAA8B,GAChC,EAAE,MAAA,UAA8B;EAKrC;KAED,QAAO;EACL,MAAA;EACA,OAAO,EAAE,MAAA,UAA8B;EACxC;AAIL,QAAO"}

package/dist/lib/methodChainNormalize.d.mts

@@ -0,0 +1,14 @@
+import { ASTArrayNode, ASTChain, ASTNumberNode, ASTStringNode } from "../components/SmartTextInput/parser/method-chain/types.mjs";
+import { Chain, FunctionParamType, NumberNode, StringNode } from "./methodChainTypes.mjs";
+
+//#region lib/methodChainNormalize.d.ts
+declare function normalizeArrayItem(item: ASTStringNode | ASTNumberNode): StringNode | NumberNode;
+declare function normalizeFunctionParam(param: ASTChain | ASTStringNode | ASTNumberNode | ASTArrayNode): FunctionParamType;
+/**
+ * Normalizes a parsed method chain AST to match the semantic types. Normalization removes
+ * information from the AST that is not needed for Persona-domain or schema-based logic.
+ */
+declare function normalizeChain(chain: ASTChain): Chain;
+//#endregion
+export { normalizeArrayItem, normalizeChain, normalizeFunctionParam };
+//# sourceMappingURL=methodChainNormalize.d.mts.map

package/dist/lib/methodChainNormalize.mjs

@@ -0,0 +1,53 @@
+import { isASTMethodChainNode, isAnyASTFunctionNode, isRealASTFunctionParamType } from "../components/SmartTextInput/parser/method-chain/types.mjs";
+//#region lib/methodChainNormalize.ts
+function normalizeArrayItem(item) {
+	if (item.type === "string") return {
+		type: item.type,
+		value: item.value
+	};
+	else return {
+		type: item.type,
+		value: item.value
+	};
+}
+function normalizeFunctionParam(param) {
+	if (param.type === "chain") return normalizeChain(param);
+	else if (param.type === "array") return {
+		type: param.type,
+		items: param.children.map(normalizeArrayItem)
+	};
+	else if (param.type === "string") return {
+		type: param.type,
+		value: param.value
+	};
+	else return {
+		type: param.type,
+		value: param.value
+	};
+}
+function normalizeChainNode(link) {
+	if (isAnyASTFunctionNode(link)) return {
+		type: link.type,
+		name: link.name,
+		params: link.children.filter(isRealASTFunctionParamType).map(normalizeFunctionParam)
+	};
+	else return {
+		type: link.type,
+		name: link.name,
+		prefix: link.prefix
+	};
+}
+/**
+* Normalizes a parsed method chain AST to match the semantic types. Normalization removes
+* information from the AST that is not needed for Persona-domain or schema-based logic.
+*/
+function normalizeChain(chain) {
+	return {
+		type: "chain",
+		links: chain.children.filter(isASTMethodChainNode).map(normalizeChainNode)
+	};
+}
+//#endregion
+export { normalizeArrayItem, normalizeChain, normalizeFunctionParam };
+
+//# sourceMappingURL=methodChainNormalize.mjs.map

package/dist/lib/methodChainNormalize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"methodChainNormalize.mjs","names":[],"sources":["../../lib/methodChainNormalize.ts"],"sourcesContent":["import {\n  type ASTChain,\n  type ASTStringNode,\n  type ASTNumberNode,\n  type ASTArrayNode,\n  type ASTMethodChainNode,\n  ASTNodeType,\n  isASTMethodChainNode,\n  isAnyASTFunctionNode,\n  isRealASTFunctionParamType,\n} from '@persona/design-system/components/SmartTextInput/parser/method-chain/types';\n\nimport type {\n  FunctionParamType,\n  MethodChainNode,\n  NumberNode,\n  StringNode,\n  Chain,\n} from './methodChainTypes';\n\nexport function normalizeArrayItem(item: ASTStringNode | ASTNumberNode): StringNode | NumberNode {\n  if (item.type === 'string') {\n    return {\n      type: item.type,\n      value: item.value,\n    };\n  } else {\n    return {\n      type: item.type,\n      value: item.value,\n    };\n  }\n}\n\nexport function normalizeFunctionParam(\n  param: ASTChain | ASTStringNode | ASTNumberNode | ASTArrayNode,\n): FunctionParamType {\n  if (param.type === 'chain') {\n    return normalizeChain(param);\n  } else if (param.type === 'array') {\n    return {\n      type: param.type,\n      items: param.children.map(normalizeArrayItem),\n    };\n  } else if (param.type === 'string') {\n    return {\n      type: param.type,\n      value: param.value,\n    };\n  } else {\n    return {\n      type: param.type,\n      value: param.value,\n    };\n  }\n}\n\nfunction normalizeChainNode(link: ASTMethodChainNode): MethodChainNode {\n  if (isAnyASTFunctionNode(link)) {\n    return {\n      type: link.type,\n      name: link.name,\n      params: link.children.filter(isRealASTFunctionParamType).map(normalizeFunctionParam),\n    };\n  } else {\n    return {\n      type: link.type,\n      name: link.name,\n      prefix: link.prefix,\n    };\n  }\n}\n\n/**\n * Normalizes a parsed method chain AST to match the semantic types. Normalization removes\n * information from the AST that is not needed for Persona-domain or schema-based logic.\n */\nexport function normalizeChain(chain: ASTChain): Chain {\n  return {\n    type: ASTNodeType.Chain,\n    links: chain.children.filter(isASTMethodChainNode).map(normalizeChainNode),\n  };\n}\n"],"mappings":";;AAoBA,SAAgB,mBAAmB,MAA8D;AAC/F,KAAI,KAAK,SAAS,SAChB,QAAO;EACL,MAAM,KAAK;EACX,OAAO,KAAK;EACb;KAED,QAAO;EACL,MAAM,KAAK;EACX,OAAO,KAAK;EACb;;AAIL,SAAgB,uBACd,OACmB;AACnB,KAAI,MAAM,SAAS,QACjB,QAAO,eAAe,MAAM;UACnB,MAAM,SAAS,QACxB,QAAO;EACL,MAAM,MAAM;EACZ,OAAO,MAAM,SAAS,IAAI,mBAAmB;EAC9C;UACQ,MAAM,SAAS,SACxB,QAAO;EACL,MAAM,MAAM;EACZ,OAAO,MAAM;EACd;KAED,QAAO;EACL,MAAM,MAAM;EACZ,OAAO,MAAM;EACd;;AAIL,SAAS,mBAAmB,MAA2C;AACrE,KAAI,qBAAqB,KAAK,CAC5B,QAAO;EACL,MAAM,KAAK;EACX,MAAM,KAAK;EACX,QAAQ,KAAK,SAAS,OAAO,2BAA2B,CAAC,IAAI,uBAAuB;EACrF;KAED,QAAO;EACL,MAAM,KAAK;EACX,MAAM,KAAK;EACX,QAAQ,KAAK;EACd;;;;;;AAQL,SAAgB,eAAe,OAAwB;AACrD,QAAO;EACL,MAAA;EACA,OAAO,MAAM,SAAS,OAAO,qBAAqB,CAAC,IAAI,mBAAmB;EAC3E"}

package/dist/lib/methodChainTypes.d.mts

@@ -0,0 +1,23 @@
+import { ASTArrayNode, ASTChain, ASTCustomFunctionNode, ASTFunctionNode, ASTIdentifierNode, ASTNumberNode, ASTStringNode } from "../components/SmartTextInput/parser/method-chain/types.mjs";
+
+//#region lib/methodChainTypes.d.ts
+type MethodChainNode = IdentifierNode | FunctionNode | CustomFunctionNode;
+type FunctionParamType = Chain | StringNode | NumberNode | ArrayNode;
+type Chain = Omit<ASTChain, 'children' | 'start' | 'end'> & {
+  links: MethodChainNode[];
+};
+type StringNode = Omit<ASTStringNode, 'start' | 'end'>;
+type NumberNode = Omit<ASTNumberNode, 'start' | 'end'>;
+type ArrayNode = Omit<ASTArrayNode, 'children' | 'start' | 'end'> & {
+  items: (StringNode | NumberNode)[];
+};
+type IdentifierNode = Omit<ASTIdentifierNode, 'start' | 'end'>;
+type FunctionNode = Omit<ASTFunctionNode, 'children' | 'start' | 'end'> & {
+  params: FunctionParamType[];
+};
+type CustomFunctionNode = Omit<ASTCustomFunctionNode, 'children' | 'start' | 'end'> & {
+  params: FunctionParamType[];
+};
+//#endregion
+export { ArrayNode, Chain, CustomFunctionNode, FunctionNode, FunctionParamType, IdentifierNode, MethodChainNode, NumberNode, StringNode };
+//# sourceMappingURL=methodChainTypes.d.mts.map

package/dist/lib/objectSchemaTypes.d.mts

@@ -0,0 +1,2 @@
+import { $ as FunctionConvertedTypeSchema, Q as CollectionMetaJsonSchema, at as ObjectSchemaMap, et as FunctionGenericParameterSchema, it as GenericType, nt as FunctionParameterJsonSchema, rt as FunctionReturnTypeJsonSchema, tt as FunctionJsonSchema } from "../jsonSchema-B1VonQij.mjs";
+export { CollectionMetaJsonSchema, FunctionConvertedTypeSchema, FunctionGenericParameterSchema, FunctionJsonSchema, FunctionParameterJsonSchema, FunctionReturnTypeJsonSchema, GenericType, ObjectSchemaMap };

package/dist/lib/pseudoClass.d.mts

@@ -1,4 +1,4 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
 
 //#region lib/pseudoClass.d.ts
 declare const isDisabled: ({

package/dist/lib/selectHelper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"selectHelper.mjs","names":[],"sources":["../../lib/selectHelper.ts"],"sourcesContent":["import { act, fireEvent, screen } from '@testing-library/react';\n\n/**\n * Click a PDS Select (Radix UI) option using fireEvent.click inside act().\n *\n * userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires\n * pointer events that set pointerTypeRef to \"mouse\", routing selection through onPointerUp\n * instead of onClick — and that path doesn't flush React state within act() due to focus()\n * calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click\n * bypasses all of this cleanly.\n */\n// eslint-disable-next-line @persona-id/rtl-user-event\nexport const clickSelectItem = async (name: RegExp | string) => {\n  await act(async () => {\n    // eslint-disable-next-line @persona-id/rtl-user-event\n    fireEvent.click(screen.getByRole('option', { name }));\n  });\n};\n"],"mappings":";;;;;;;;;;;AAYA,MAAa,kBAAkB,OAAO,SAA0B;AAC9D,OAAM,IAAI,YAAY;AAEpB,YAAU,MAAM,OAAO,UAAU,UAAU,EAAE,MAAM,CAAC,CAAC;GACrD"}
+{"version":3,"file":"selectHelper.mjs","names":[],"sources":["../../lib/selectHelper.ts"],"sourcesContent":["import { act, fireEvent, screen } from '@testing-library/react';\n\n/**\n * Click a PDS Select (Radix UI) option using fireEvent.click inside act().\n *\n * userEvent.click doesn't work for Radix SelectItem in React 18 + JSDOM because it fires\n * pointer events that set pointerTypeRef to \"mouse\", routing selection through onPointerUp\n * instead of onClick — and that path doesn't flush React state within act() due to focus()\n * calls from onPointerMove interfering with the concurrent scheduler. fireEvent.click\n * bypasses all of this cleanly.\n */\nexport const clickSelectItem = async (name: RegExp | string) => {\n  await act(async () => {\n    fireEvent.click(screen.getByRole('option', { name }));\n  });\n};\n"],"mappings":";;;;;;;;;;;AAWA,MAAa,kBAAkB,OAAO,SAA0B;AAC9D,OAAM,IAAI,YAAY;AACpB,YAAU,MAAM,OAAO,UAAU,UAAU,EAAE,MAAM,CAAC,CAAC;GACrD"}

package/dist/lib/semanticColor.d.mts

@@ -0,0 +1,2 @@
+import { a as semanticTokens, i as semanticOnly, n as SemanticFallback, r as semanticColor, t as MaybeSemanticTheme } from "../semanticColor-DkVQjcbc.mjs";
+export { MaybeSemanticTheme, SemanticFallback, semanticColor, semanticOnly, semanticTokens };

package/dist/lib/semanticColor.mjs

@@ -0,0 +1,17 @@
+//#region lib/semanticColor.ts
+/**
+* Reads a semantic token, falling back to `legacy` when the theme has no semantic namespace.
+* `legacy` must be the component's pre-migration expression (not a generic default) so themes
+* without semantic tokens keep rendering exactly as before. It is evaluated by the caller, so a
+* component Relay renders must pass a constant: Relay's theme has no `theme.color` either.
+* `theme` may be `undefined` (`useTheme()` outside a provider).
+*/
+const semanticColor = (theme, token, legacy) => theme?.semantic?.[token] ?? legacy;
+/** For palettes derived from several tokens; callers must branch and keep the legacy path intact. */
+const semanticTokens = (theme) => theme?.semantic;
+/** Interpolation for declarations that exist only under semantic theming; emits nothing otherwise. */
+const semanticOnly = (build) => ({ theme }) => theme?.semantic ? build(theme.semantic) : void 0;
+//#endregion
+export { semanticColor, semanticOnly, semanticTokens };
+
+//# sourceMappingURL=semanticColor.mjs.map

package/dist/lib/semanticColor.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"semanticColor.mjs","names":[],"sources":["../../lib/semanticColor.ts"],"sourcesContent":["import type { CssColor } from 'design-system/lib/color';\nimport type { CssPercentage, SemanticTokens } from 'design-system/variables/semantic';\n\n/** PDS components also render under foreign themes (Relay, darkTheme), so `semantic` is optional. */\nexport interface MaybeSemanticTheme {\n  semantic?: SemanticTokens;\n}\n\n/** Colour tokens also accept a computed `CssColor` fallback; percentage tokens only their own type. */\nexport type SemanticFallback<K extends keyof SemanticTokens> =\n  | SemanticTokens[K]\n  | (SemanticTokens[K] extends CssPercentage ? never : CssColor);\n\n/**\n * Reads a semantic token, falling back to `legacy` when the theme has no semantic namespace.\n * `legacy` must be the component's pre-migration expression (not a generic default) so themes\n * without semantic tokens keep rendering exactly as before. It is evaluated by the caller, so a\n * component Relay renders must pass a constant: Relay's theme has no `theme.color` either.\n * `theme` may be `undefined` (`useTheme()` outside a provider).\n */\nexport const semanticColor = <K extends keyof SemanticTokens>(\n  theme: MaybeSemanticTheme | undefined,\n  token: K,\n  legacy: SemanticFallback<K>,\n): SemanticFallback<K> => theme?.semantic?.[token] ?? legacy;\n\n/** For palettes derived from several tokens; callers must branch and keep the legacy path intact. */\nexport const semanticTokens = (theme: MaybeSemanticTheme | undefined): SemanticTokens | undefined =>\n  theme?.semantic;\n\n/** Interpolation for declarations that exist only under semantic theming; emits nothing otherwise. */\nexport const semanticOnly =\n  <T>(build: (tokens: SemanticTokens) => T) =>\n  ({ theme }: { theme?: MaybeSemanticTheme }): T | undefined =>\n    theme?.semantic ? build(theme.semantic) : undefined;\n"],"mappings":";;;;;;;;AAoBA,MAAa,iBACX,OACA,OACA,WACwB,OAAO,WAAW,UAAU;;AAGtD,MAAa,kBAAkB,UAC7B,OAAO;;AAGT,MAAa,gBACP,WACH,EAAE,YACD,OAAO,WAAW,MAAM,MAAM,SAAS,GAAG,KAAA"}

package/dist/lib/useControlled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useControlled.mjs","names":[],"sources":["../../lib/useControlled.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\n/**\n * Hook to allow components that can be controlled and uncontrolled to get and set state.\n *\n * Inspired by MUI's neat controlled util\n * https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js\n */\nexport default function useControlled<T>({\n  controlledValue,\n  default: defaultProp,\n}: {\n  controlledValue?: T;\n  default: T;\n}) {\n  // eslint-disable-next-line @persona-id/eqeq-null-undefined\n  const { current: isControlled } = useRef(controlledValue !== undefined);\n  const [valueState, setValue] = useState<T | undefined>(defaultProp);\n  const value = isControlled ? controlledValue : valueState;\n\n  const setValueIfUncontrolled = useCallback((newValue: T | undefined) => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  return [value, setValueIfUncontrolled] as const;\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,cAAiB,EACvC,iBACA,SAAS,eAIR;CAED,MAAM,EAAE,SAAS,iBAAiB,OAAO,oBAAoB,KAAA,EAAU;CACvE,MAAM,CAAC,YAAY,YAAY,SAAwB,YAAY;AASnE,QAAO,CARO,eAAe,kBAAkB,YAEhB,aAAa,aAA4B;AACtE,MAAI,CAAC,aACH,UAAS,SAAS;IAEnB,EAAE,CAEgC,CAAC"}
+{"version":3,"file":"useControlled.mjs","names":[],"sources":["../../lib/useControlled.ts"],"sourcesContent":["import { useCallback, useRef, useState } from 'react';\n\n/**\n * Hook to allow components that can be controlled and uncontrolled to get and set state.\n *\n * Inspired by MUI's neat controlled util\n * https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/useControlled.js\n */\nexport default function useControlled<T>({\n  controlledValue,\n  default: defaultProp,\n}: {\n  controlledValue?: T;\n  default: T;\n}) {\n  const { current: isControlled } = useRef(controlledValue !== undefined);\n  const [valueState, setValue] = useState<T | undefined>(defaultProp);\n  const value = isControlled ? controlledValue : valueState;\n\n  const setValueIfUncontrolled = useCallback((newValue: T | undefined) => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  return [value, setValueIfUncontrolled] as const;\n}\n"],"mappings":";;;;;;;;AAQA,SAAwB,cAAiB,EACvC,iBACA,SAAS,eAIR;CACD,MAAM,EAAE,SAAS,iBAAiB,OAAO,oBAAoB,KAAA,EAAU;CACvE,MAAM,CAAC,YAAY,YAAY,SAAwB,YAAY;AASnE,QAAO,CARO,eAAe,kBAAkB,YAEhB,aAAa,aAA4B;AACtE,MAAI,CAAC,aACH,UAAS,SAAS;IAEnB,EAAE,CAEgC,CAAC"}

package/dist/{message-CyxgAWZl.d.mts → message-DfEpU8lV.d.mts}

@@ -6,4 +6,4 @@ declare enum MessageType {
 }
 //#endregion
 export { MessageType as t };
-//# sourceMappingURL=message-CyxgAWZl.d.mts.map
+//# sourceMappingURL=message-DfEpU8lV.d.mts.map

package/dist/mixins/focus.d.mts

@@ -1,11 +1,11 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/focus.d.ts
-declare const focusStyle: _$styled_components0.FlattenSimpleInterpolation;
-declare const focusOutline: _$styled_components0.FlattenSimpleInterpolation;
+declare const focusStyle: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemeProps<any>>;
+declare const focusOutline: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemeProps<any>>;
 declare const focusOutlineControlled: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<PseudoClassProps, any>>;
-declare const focusWithinOutline: _$styled_components0.FlattenSimpleInterpolation;
+declare const focusWithinOutline: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemeProps<any>>;
 //#endregion
 export { focusOutline, focusOutlineControlled, focusStyle, focusWithinOutline };
 //# sourceMappingURL=focus.d.mts.map

package/dist/mixins/focus.mjs

@@ -1,17 +1,19 @@
-import { r as css } from "../styledComponentsInterop-8zScIQyC.mjs";
+import { r as css } from "../styledComponentsInterop-NxwFjeA4.mjs";
+import { semanticColor } from "../lib/semanticColor.mjs";
 import { isFocusedVisible, isNotDisabled } from "../lib/pseudoClass.mjs";
 import { Color } from "@persona/design-tokens";
 //#region mixins/focus.ts
+const focusColor = (theme) => semanticColor(theme, "BorderFocus", Color.BorderFocus);
 const focusStyle = css`
   outline-offset: 1px;
-  outline: ${Color.BorderFocus} solid 2px;
+  outline: ${({ theme }) => focusColor(theme)} solid 2px;
 `;
 const focusOutline = css`
   outline: none;
 
   &:focus-visible {
     outline-offset: 1px;
-    outline: ${Color.BorderFocus} solid 2px;
+    outline: ${({ theme }) => focusColor(theme)} solid 2px;
   }
 `;
 const focusOutlineControlled = css`
@@ -19,13 +21,13 @@ const focusOutlineControlled = css`
 
   &${isFocusedVisible}${isNotDisabled} {
     outline-offset: 1px;
-    outline: ${Color.BorderFocus} solid 2px;
+    outline: ${({ theme }) => focusColor(theme)} solid 2px;
   }
 `;
 const focusWithinOutline = css`
   &:focus-within {
     outline-offset: 1px;
-    outline: ${Color.BorderFocus} solid 2px;
+    outline: ${({ theme }) => focusColor(theme)} solid 2px;
   }
 `;
 //#endregion

package/dist/mixins/focus.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"focus.mjs","names":[],"sources":["../../mixins/focus.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\nimport { isFocusedVisible, isNotDisabled } from 'design-system/lib/pseudoClass';\n\nexport const focusStyle = css`\n  outline-offset: 1px;\n  outline: ${Color.BorderFocus} solid 2px;\n`;\n\nexport const focusOutline = css`\n  outline: none;\n\n  &:focus-visible {\n    outline-offset: 1px;\n    outline: ${Color.BorderFocus} solid 2px;\n  }\n`;\n\nexport const focusOutlineControlled = css`\n  outline: none;\n\n  &${isFocusedVisible}${isNotDisabled} {\n    outline-offset: 1px;\n    outline: ${Color.BorderFocus} solid 2px;\n  }\n`;\n\nexport const focusWithinOutline = css`\n  &:focus-within {\n    outline-offset: 1px;\n    outline: ${Color.BorderFocus} solid 2px;\n  }\n`;\n"],"mappings":";;;;AAKA,MAAa,aAAa,GAAG;;aAEhB,MAAM,YAAY;;AAG/B,MAAa,eAAe,GAAG;;;;;eAKhB,MAAM,YAAY;;;AAIjC,MAAa,yBAAyB,GAAG;;;KAGpC,mBAAmB,cAAc;;eAEvB,MAAM,YAAY;;;AAIjC,MAAa,qBAAqB,GAAG;;;eAGtB,MAAM,YAAY"}
+{"version":3,"file":"focus.mjs","names":[],"sources":["../../mixins/focus.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { Color } from '@persona/design-tokens';\nimport { isFocusedVisible, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport { type MaybeSemanticTheme, semanticColor } from 'design-system/lib/semanticColor';\n\nconst focusColor = (theme: MaybeSemanticTheme) =>\n  semanticColor(theme, 'BorderFocus', Color.BorderFocus);\n\nexport const focusStyle = css`\n  outline-offset: 1px;\n  outline: ${({ theme }) => focusColor(theme)} solid 2px;\n`;\n\nexport const focusOutline = css`\n  outline: none;\n\n  &:focus-visible {\n    outline-offset: 1px;\n    outline: ${({ theme }) => focusColor(theme)} solid 2px;\n  }\n`;\n\nexport const focusOutlineControlled = css`\n  outline: none;\n\n  &${isFocusedVisible}${isNotDisabled} {\n    outline-offset: 1px;\n    outline: ${({ theme }) => focusColor(theme)} solid 2px;\n  }\n`;\n\nexport const focusWithinOutline = css`\n  &:focus-within {\n    outline-offset: 1px;\n    outline: ${({ theme }) => focusColor(theme)} solid 2px;\n  }\n`;\n"],"mappings":";;;;;AAMA,MAAM,cAAc,UAClB,cAAc,OAAO,eAAe,MAAM,YAAY;AAExD,MAAa,aAAa,GAAG;;cAEf,EAAE,YAAY,WAAW,MAAM,CAAC;;AAG9C,MAAa,eAAe,GAAG;;;;;gBAKf,EAAE,YAAY,WAAW,MAAM,CAAC;;;AAIhD,MAAa,yBAAyB,GAAG;;;KAGpC,mBAAmB,cAAc;;gBAEtB,EAAE,YAAY,WAAW,MAAM,CAAC;;;AAIhD,MAAa,qBAAqB,GAAG;;;gBAGrB,EAAE,YAAY,WAAW,MAAM,CAAC"}

package/dist/mixins/hoverable.d.mts

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
-import { i as Variant } from "../theme-Biwx2eJZ.mjs";
+import { o as Variant } from "../theme-D02MOaH6.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/hoverable.d.ts

package/dist/mixins/hoverable.mjs

@@ -1,8 +1,8 @@
-import { r as css } from "../styledComponentsInterop-8zScIQyC.mjs";
+import { r as css } from "../styledComponentsInterop-NxwFjeA4.mjs";
+import "../variables/transitions.mjs";
 import { isDisabled, isHovered, isNotDisabled } from "../lib/pseudoClass.mjs";
 import { focusOutlineControlled } from "./focus.mjs";
 import "../variables/effect.mjs";
-import "../variables/transitions.mjs";
 //#region mixins/hoverable.ts
 const hoverMixin = css`
   box-shadow:

package/dist/mixins/input.d.mts

@@ -1,2 +1,2 @@
-import { n as InputSizes, r as inputMixin, t as InputMixinProps } from "../input-M7BEIewR.mjs";
+import { n as InputSizes, r as inputMixin, t as InputMixinProps } from "../input-DN_8iHVD.mjs";
 export { InputMixinProps, InputSizes, inputMixin as default };

package/dist/mixins/input.mjs

@@ -1,7 +1,9 @@
-import { r as css } from "../styledComponentsInterop-8zScIQyC.mjs";
+import { r as css } from "../styledComponentsInterop-NxwFjeA4.mjs";
+import { semanticColor, semanticTokens } from "../lib/semanticColor.mjs";
+import "../variables/transitions.mjs";
+import { withAlpha } from "../lib/color.mjs";
 import { isDisabled, isHovered, isNotDisabled } from "../lib/pseudoClass.mjs";
 import { focusOutlineControlled } from "./focus.mjs";
-import "../variables/transitions.mjs";
 import { printMixins } from "./print/index.mjs";
 import { Color, Spacing, Typography } from "@persona/design-tokens";
 //#region mixins/input.ts
@@ -10,11 +12,11 @@ import { Color, Spacing, Typography } from "@persona/design-tokens";
 * non-input elements (like divs) to give input-like styles.
 */
 const inputMixin = css`
-  background: ${({ theme }) => theme.color.background.primary};
-  color: ${({ theme }) => theme.color.text.primary};
+  background: ${({ theme }) => semanticColor(theme, "InputSurfaceDefault", theme.color.background.primary)};
+  color: ${({ theme }) => semanticColor(theme, "FgPrimary", theme.color.text.primary)};
   border-width: 1px;
   border-style: solid;
-  border-color: ${({ theme }) => theme.color.border.input};
+  border-color: ${({ theme }) => semanticColor(theme, "InputBorderDefault", theme.color.border.input)};
   box-sizing: border-box;
   border-radius: ${({ theme }) => theme.element.borderRadius};
 
@@ -32,20 +34,28 @@ const inputMixin = css`
 
   &::placeholder {
     font-weight: ${({ theme }) => theme.text.paragraph.md.fontWeight};
-    color: ${({ theme }) => theme.color.text.tertiary};
+    color: ${({ theme }) => semanticColor(theme, "FgSecondary", theme.color.text.tertiary)};
   }
 
   &${isDisabled} {
-    background: ${({ theme }) => theme.color.background.disabled};
-    border-color: ${({ theme }) => theme.color.border.disabled};
-    color: ${({ theme }) => theme.color.text.disabled};
+    background: ${({ theme }) => semanticColor(theme, "InputSurfaceDisabled", theme.color.background.disabled)};
+    border-color: ${({ theme }) => semanticColor(theme, "InputBorderDisabled", theme.color.border.disabled)};
+    color: ${({ theme }) => semanticColor(theme, "FgDisabled", theme.color.text.disabled)};
     ::placeholder {
-      color: ${({ theme }) => theme.color.text.disabled};
+      color: ${({ theme }) => semanticColor(theme, "FgDisabled", theme.color.text.disabled)};
     }
   }
 
   &${isHovered}${isNotDisabled} {
-    border-color: ${({ theme }) => theme.color.border.inputHover};
+    ${({ theme }) => {
+	const tokens = semanticTokens(theme);
+	return tokens ? css`
+            background: ${tokens.InputSurfaceHover};
+            border-color: ${tokens.InputBorderHover};
+          ` : css`
+            border-color: ${theme.color.border.inputHover};
+          `;
+}}
   }
 
   ${({ $size }) => {
@@ -70,21 +80,44 @@ const inputMixin = css`
 	}
 }}
 
-  ${({ theme, hasError, hasWarning }) => hasError ? css`
-          border-color: ${theme.color.variants.danger.default};
+  ${({ theme, hasError, hasWarning }) => {
+	const tokens = semanticTokens(theme);
+	if (hasError) {
+		const danger = semanticColor(theme, "BorderDanger", theme.color.variants.danger.default);
+		return css`
+        border-color: ${danger};
+
+        &${isHovered}${isNotDisabled} {
+          border-color: ${danger};
+        }
 
-          &${isHovered}${isNotDisabled} {
-            border-color: ${theme.color.variants.danger.default};
+        ${tokens && css`
+          &${isDisabled} {
+            border-color: ${withAlpha(tokens.BorderDanger, tokens.Opacity65)};
           }
-        ` : hasWarning ? css`
-            border-color: ${Color.CoreOrange700};
+        `}
+      `;
+	}
+	if (hasWarning) {
+		const warning = semanticColor(theme, "BorderWarning", Color.CoreOrange700);
+		return css`
+        border-color: ${warning};
 
-            ${isHovered}${isNotDisabled} {
-              border-color: ${Color.CoreOrange700};
-            }
-          ` : css`
-            border-color: ${theme.color.border.input};
-          `}
+        &${isHovered}${isNotDisabled} {
+          border-color: ${warning};
+        }
+
+        ${tokens && css`
+          &${isDisabled} {
+            border-color: ${withAlpha(tokens.BorderWarning, tokens.Opacity65)};
+          }
+        `}
+      `;
+	}
+	return css`
+      border-color: ${semanticColor(theme, "InputBorderDefault", theme.color.border.input)};
+    `;
+}}
 
   ${printMixins.hide}
 `;

package/dist/mixins/input.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"input.mjs","names":[],"sources":["../../mixins/input.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { isDisabled, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport { focusOutlineControlled } from 'design-system/mixins/focus';\nimport { printMixins } from 'design-system/mixins/print';\nimport type ErrorProps from 'design-system/types/ErrorProps';\nimport type PseudoClassProps from 'design-system/types/PseudoClassProps';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nexport type InputSizes = 'md' | 'sm';\n\nexport interface InputMixinProps extends ErrorProps, PseudoClassProps {\n  $size?: InputSizes;\n}\n\n/**\n * Provides input-like hover and focus outline effects. Can also be applied to\n * non-input elements (like divs) to give input-like styles.\n */\nconst inputMixin = css<InputMixinProps>`\n  background: ${({ theme }) => theme.color.background.primary};\n  color: ${({ theme }) => theme.color.text.primary};\n  border-width: 1px;\n  border-style: solid;\n  border-color: ${({ theme }) => theme.color.border.input};\n  box-sizing: border-box;\n  border-radius: ${({ theme }) => theme.element.borderRadius};\n\n  width: 100%;\n  min-width: 0;\n\n  ${focusOutlineControlled}\n\n  text-decoration: none;\n  transition-duration: ${TransitionDuration.Fast};\n  transition-property: background-color, color, border-color, width, height;\n\n  /* Some input-likes like <select/> reduce opacity when disabled */\n  opacity: 1;\n\n  &::placeholder {\n    font-weight: ${({ theme }) => theme.text.paragraph.md.fontWeight};\n    color: ${({ theme }) => theme.color.text.tertiary};\n  }\n\n  &${isDisabled} {\n    background: ${({ theme }) => theme.color.background.disabled};\n    border-color: ${({ theme }) => theme.color.border.disabled};\n    color: ${({ theme }) => theme.color.text.disabled};\n    ::placeholder {\n      color: ${({ theme }) => theme.color.text.disabled};\n    }\n  }\n\n  &${isHovered}${isNotDisabled} {\n    border-color: ${({ theme }) => theme.color.border.inputHover};\n  }\n\n  ${({ $size }) => {\n    switch ($size) {\n      default:\n      case 'md':\n        return css`\n          height: ${({ theme }) => theme.element.height.xs};\n          padding-top: ${Spacing[2]};\n          padding-right: ${Spacing[3]};\n          padding-bottom: ${Spacing[2]};\n          padding-left: ${Spacing[3]};\n          ${Typography.TextMedium};\n        `;\n      case 'sm':\n        return css`\n          height: 24px;\n          padding-top: ${Spacing[1]};\n          padding-right: ${Spacing[2]};\n          padding-bottom: ${Spacing[1]};\n          padding-left: ${Spacing[2]};\n          ${Typography.TextSmall};\n        `;\n    }\n  }}\n\n  ${({ theme, hasError, hasWarning }) =>\n    hasError\n      ? css`\n          border-color: ${theme.color.variants.danger.default};\n\n          &${isHovered}${isNotDisabled} {\n            border-color: ${theme.color.variants.danger.default};\n          }\n        `\n      : hasWarning\n        ? css`\n            border-color: ${Color.CoreOrange700};\n\n            ${isHovered}${isNotDisabled} {\n              border-color: ${Color.CoreOrange700};\n            }\n          `\n        : css`\n            border-color: ${theme.color.border.input};\n          `}\n\n  ${printMixins.hide}\n`;\n\nexport default inputMixin;\n"],"mappings":";;;;;;;;;;;AAoBA,MAAM,aAAa,GAAoB;iBACtB,EAAE,YAAY,MAAM,MAAM,WAAW,QAAQ;YAClD,EAAE,YAAY,MAAM,MAAM,KAAK,QAAQ;;;mBAGhC,EAAE,YAAY,MAAM,MAAM,OAAO,MAAM;;oBAEtC,EAAE,YAAY,MAAM,QAAQ,aAAa;;;;;IAKzD,uBAAuB;;;iCAGsB;;;;;;;oBAO7B,EAAE,YAAY,MAAM,KAAK,UAAU,GAAG,WAAW;cACvD,EAAE,YAAY,MAAM,MAAM,KAAK,SAAS;;;KAGjD,WAAW;mBACG,EAAE,YAAY,MAAM,MAAM,WAAW,SAAS;qBAC5C,EAAE,YAAY,MAAM,MAAM,OAAO,SAAS;cACjD,EAAE,YAAY,MAAM,MAAM,KAAK,SAAS;;gBAEtC,EAAE,YAAY,MAAM,MAAM,KAAK,SAAS;;;;KAInD,YAAY,cAAc;qBACV,EAAE,YAAY,MAAM,MAAM,OAAO,WAAW;;;KAG5D,EAAE,YAAY;AACf,SAAQ,OAAR;EACE;EACA,KAAK,KACH,QAAO,GAAG;qBACG,EAAE,YAAY,MAAM,QAAQ,OAAO,GAAG;yBAClC,QAAQ,GAAG;2BACT,QAAQ,GAAG;4BACV,QAAQ,GAAG;0BACb,QAAQ,GAAG;YACzB,WAAW,WAAW;;EAE5B,KAAK,KACH,QAAO,GAAG;;yBAEO,QAAQ,GAAG;2BACT,QAAQ,GAAG;4BACV,QAAQ,GAAG;0BACb,QAAQ,GAAG;YACzB,WAAW,UAAU;;;EAG7B;;KAEC,EAAE,OAAO,UAAU,iBACpB,WACI,GAAG;0BACe,MAAM,MAAM,SAAS,OAAO,QAAQ;;aAEjD,YAAY,cAAc;4BACX,MAAM,MAAM,SAAS,OAAO,QAAQ;;YAGxD,aACE,GAAG;4BACe,MAAM,cAAc;;cAElC,YAAY,cAAc;8BACV,MAAM,cAAc;;cAGxC,GAAG;4BACe,MAAM,MAAM,OAAO,MAAM;YACzC;;IAER,YAAY,KAAK"}
+{"version":3,"file":"input.mjs","names":[],"sources":["../../mixins/input.ts"],"sourcesContent":["import { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { withAlpha } from 'design-system/lib/color';\nimport { isDisabled, isHovered, isNotDisabled } from 'design-system/lib/pseudoClass';\nimport { semanticColor, semanticTokens } from 'design-system/lib/semanticColor';\nimport { focusOutlineControlled } from 'design-system/mixins/focus';\nimport { printMixins } from 'design-system/mixins/print';\nimport type ErrorProps from 'design-system/types/ErrorProps';\nimport type PseudoClassProps from 'design-system/types/PseudoClassProps';\nimport { TransitionDuration } from 'design-system/variables/transitions';\n\nexport type InputSizes = 'md' | 'sm';\n\nexport interface InputMixinProps extends ErrorProps, PseudoClassProps {\n  $size?: InputSizes;\n}\n\n/**\n * Provides input-like hover and focus outline effects. Can also be applied to\n * non-input elements (like divs) to give input-like styles.\n */\nconst inputMixin = css<InputMixinProps>`\n  background: ${({ theme }) =>\n    semanticColor(theme, 'InputSurfaceDefault', theme.color.background.primary)};\n  color: ${({ theme }) => semanticColor(theme, 'FgPrimary', theme.color.text.primary)};\n  border-width: 1px;\n  border-style: solid;\n  border-color: ${({ theme }) => semanticColor(theme, 'InputBorderDefault', theme.color.border.input)};\n  box-sizing: border-box;\n  border-radius: ${({ theme }) => theme.element.borderRadius};\n\n  width: 100%;\n  min-width: 0;\n\n  ${focusOutlineControlled}\n\n  text-decoration: none;\n  transition-duration: ${TransitionDuration.Fast};\n  transition-property: background-color, color, border-color, width, height;\n\n  /* Some input-likes like <select/> reduce opacity when disabled */\n  opacity: 1;\n\n  &::placeholder {\n    font-weight: ${({ theme }) => theme.text.paragraph.md.fontWeight};\n    color: ${({ theme }) => semanticColor(theme, 'FgSecondary', theme.color.text.tertiary)};\n  }\n\n  &${isDisabled} {\n    background: ${({ theme }) =>\n      semanticColor(theme, 'InputSurfaceDisabled', theme.color.background.disabled)};\n    border-color: ${({ theme }) =>\n      semanticColor(theme, 'InputBorderDisabled', theme.color.border.disabled)};\n    color: ${({ theme }) => semanticColor(theme, 'FgDisabled', theme.color.text.disabled)};\n    ::placeholder {\n      color: ${({ theme }) => semanticColor(theme, 'FgDisabled', theme.color.text.disabled)};\n    }\n  }\n\n  &${isHovered}${isNotDisabled} {\n    ${({ theme }) => {\n      const tokens = semanticTokens(theme);\n      return tokens\n        ? css`\n            background: ${tokens.InputSurfaceHover};\n            border-color: ${tokens.InputBorderHover};\n          `\n        : css`\n            border-color: ${theme.color.border.inputHover};\n          `;\n    }}\n  }\n\n  ${({ $size }) => {\n    switch ($size) {\n      default:\n      case 'md':\n        return css`\n          height: ${({ theme }) => theme.element.height.xs};\n          padding-top: ${Spacing[2]};\n          padding-right: ${Spacing[3]};\n          padding-bottom: ${Spacing[2]};\n          padding-left: ${Spacing[3]};\n          ${Typography.TextMedium};\n        `;\n      case 'sm':\n        return css`\n          height: 24px;\n          padding-top: ${Spacing[1]};\n          padding-right: ${Spacing[2]};\n          padding-bottom: ${Spacing[1]};\n          padding-left: ${Spacing[2]};\n          ${Typography.TextSmall};\n        `;\n    }\n  }}\n\n  ${({ theme, hasError, hasWarning }) => {\n    const tokens = semanticTokens(theme);\n\n    if (hasError) {\n      const danger = semanticColor(theme, 'BorderDanger', theme.color.variants.danger.default);\n      return css`\n        border-color: ${danger};\n\n        &${isHovered}${isNotDisabled} {\n          border-color: ${danger};\n        }\n\n        ${\n          tokens &&\n          css`\n          &${isDisabled} {\n            border-color: ${withAlpha(tokens.BorderDanger, tokens.Opacity65)};\n          }\n        `\n        }\n      `;\n    }\n\n    if (hasWarning) {\n      const warning = semanticColor(theme, 'BorderWarning', Color.CoreOrange700);\n      return css`\n        border-color: ${warning};\n\n        &${isHovered}${isNotDisabled} {\n          border-color: ${warning};\n        }\n\n        ${\n          tokens &&\n          css`\n          &${isDisabled} {\n            border-color: ${withAlpha(tokens.BorderWarning, tokens.Opacity65)};\n          }\n        `\n        }\n      `;\n    }\n\n    return css`\n      border-color: ${semanticColor(theme, 'InputBorderDefault', theme.color.border.input)};\n    `;\n  }}\n\n  ${printMixins.hide}\n`;\n\nexport default inputMixin;\n"],"mappings":";;;;;;;;;;;;;AAsBA,MAAM,aAAa,GAAoB;iBACtB,EAAE,YACf,cAAc,OAAO,uBAAuB,MAAM,MAAM,WAAW,QAAQ,CAAC;YACpE,EAAE,YAAY,cAAc,OAAO,aAAa,MAAM,MAAM,KAAK,QAAQ,CAAC;;;mBAGnE,EAAE,YAAY,cAAc,OAAO,sBAAsB,MAAM,MAAM,OAAO,MAAM,CAAC;;oBAElF,EAAE,YAAY,MAAM,QAAQ,aAAa;;;;;IAKzD,uBAAuB;;;iCAGsB;;;;;;;oBAO7B,EAAE,YAAY,MAAM,KAAK,UAAU,GAAG,WAAW;cACvD,EAAE,YAAY,cAAc,OAAO,eAAe,MAAM,MAAM,KAAK,SAAS,CAAC;;;KAGtF,WAAW;mBACG,EAAE,YACf,cAAc,OAAO,wBAAwB,MAAM,MAAM,WAAW,SAAS,CAAC;qBAC/D,EAAE,YACjB,cAAc,OAAO,uBAAuB,MAAM,MAAM,OAAO,SAAS,CAAC;cACjE,EAAE,YAAY,cAAc,OAAO,cAAc,MAAM,MAAM,KAAK,SAAS,CAAC;;gBAE1E,EAAE,YAAY,cAAc,OAAO,cAAc,MAAM,MAAM,KAAK,SAAS,CAAC;;;;KAIvF,YAAY,cAAc;OACxB,EAAE,YAAY;CACf,MAAM,SAAS,eAAe,MAAM;AACpC,QAAO,SACH,GAAG;0BACa,OAAO,kBAAkB;4BACvB,OAAO,iBAAiB;cAE1C,GAAG;4BACe,MAAM,MAAM,OAAO,WAAW;;EAEpD;;;KAGD,EAAE,YAAY;AACf,SAAQ,OAAR;EACE;EACA,KAAK,KACH,QAAO,GAAG;qBACG,EAAE,YAAY,MAAM,QAAQ,OAAO,GAAG;yBAClC,QAAQ,GAAG;2BACT,QAAQ,GAAG;4BACV,QAAQ,GAAG;0BACb,QAAQ,GAAG;YACzB,WAAW,WAAW;;EAE5B,KAAK,KACH,QAAO,GAAG;;yBAEO,QAAQ,GAAG;2BACT,QAAQ,GAAG;4BACV,QAAQ,GAAG;0BACb,QAAQ,GAAG;YACzB,WAAW,UAAU;;;EAG7B;;KAEC,EAAE,OAAO,UAAU,iBAAiB;CACrC,MAAM,SAAS,eAAe,MAAM;AAEpC,KAAI,UAAU;EACZ,MAAM,SAAS,cAAc,OAAO,gBAAgB,MAAM,MAAM,SAAS,OAAO,QAAQ;AACxF,SAAO,GAAG;wBACQ,OAAO;;WAEpB,YAAY,cAAc;0BACX,OAAO;;;UAIvB,UACA,GAAG;aACA,WAAW;4BACI,UAAU,OAAO,cAAc,OAAO,UAAU,CAAC;;UAGpE;;;AAIL,KAAI,YAAY;EACd,MAAM,UAAU,cAAc,OAAO,iBAAiB,MAAM,cAAc;AAC1E,SAAO,GAAG;wBACQ,QAAQ;;WAErB,YAAY,cAAc;0BACX,QAAQ;;;UAIxB,UACA,GAAG;aACA,WAAW;4BACI,UAAU,OAAO,eAAe,OAAO,UAAU,CAAC;;UAGrE;;;AAIL,QAAO,GAAG;sBACQ,cAAc,OAAO,sBAAsB,MAAM,MAAM,OAAO,MAAM,CAAC;;EAEvF;;IAEA,YAAY,KAAK"}

package/dist/mixins/menuItem.d.mts

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "../PseudoClassProps-BPdn-ofQ.mjs";
-import { i as Variant } from "../theme-Biwx2eJZ.mjs";
+import { o as Variant } from "../theme-D02MOaH6.mjs";
+import { t as PseudoClassProps } from "../PseudoClassProps-DnlHhW5u.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/menuItem.d.ts