@contractspec/lib.design-system 1.46.2 → 1.47.0

package/dist/lib/keyboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard.js","names":["res: Record<string, unknown>"],"sources":["../../src/lib/keyboard.ts"],"sourcesContent":["export type KeyboardKind =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'new-password'\n  | 'username'\n  | 'url'\n  | 'search'\n  | 'phone'\n  | 'tel' // alias of phone\n  | 'number'\n  | 'int' // alias of number\n  | 'decimal'\n  | 'numbers-and-punctuation'\n  | 'otp'\n  | 'name'\n  | 'given-name'\n  | 'family-name'\n  | 'address-line1'\n  | 'address-line2'\n  | 'postal-code'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-csc'\n  | 'off'\n  | 'date';\n\n// WHATWG HTML autofill tokens (subset + extensible). See:\n// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\nexport type AutoCompleteToken =\n  | 'on'\n  | 'off'\n  // identity\n  | 'name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'one-time-code'\n  // organization\n  | 'organization-title'\n  | 'organization'\n  // address\n  | 'street-address'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'address-level4'\n  | 'address-level3'\n  | 'address-level2'\n  | 'address-level1'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  // credit card / payment\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-amount'\n  // personal\n  | 'language'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'sex'\n  | 'photo'\n  // contact\n  | 'email'\n  | 'impp'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-local-prefix'\n  | 'tel-local-suffix'\n  | 'tel-extension'\n  | 'url'\n  // webauthn and sections (allow prefix)\n  | 'webauthn'\n  | `section-${string}`\n  // allow future spec additions while keeping strong hints\n  | (string & {});\n\nexport interface KeyboardOptions {\n  kind?: KeyboardKind;\n  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n  autoComplete?: AutoCompleteToken;\n  autoCorrect?: boolean;\n  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'search' | 'send';\n}\n\nfunction deriveKindFromAutoComplete(\n  ac?: AutoCompleteToken\n): KeyboardKind | undefined {\n  if (!ac) return undefined;\n  switch (ac) {\n    // Direct mappings\n    case 'email':\n      return 'email';\n    case 'url':\n      return 'url';\n    case 'username':\n      return 'username';\n    case 'new-password':\n      return 'new-password';\n    case 'current-password':\n      return 'password';\n    case 'one-time-code':\n      return 'otp';\n    case 'tel':\n    case 'tel-country-code':\n    case 'tel-national':\n    case 'tel-area-code':\n    case 'tel-local':\n    case 'tel-local-prefix':\n    case 'tel-local-suffix':\n    case 'tel-extension':\n      return 'tel';\n    // Numeric leaning\n    case 'postal-code':\n    case 'cc-number':\n    case 'cc-csc':\n    case 'bday-day':\n    case 'bday-month':\n    case 'bday-year':\n      return 'int';\n    case 'cc-exp':\n    case 'cc-exp-month':\n    case 'cc-exp-year':\n      return 'numbers-and-punctuation';\n    // Date-like\n    case 'bday':\n      return 'date';\n    // Everything else is plain text (names, organization, street-address, etc.)\n    default:\n      return 'text';\n  }\n}\n\nfunction applyAutoCompleteDefaultsWeb(\n  res: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // Capitalization defaults for human names/org titles\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'words';\n  }\n  // Lowercase identifiers\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nfunction applyAutoCompleteDefaultsNative(\n  native: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // iOS textContentType hints where available (best-effort)\n  const textContentMap: Partial<Record<AutoCompleteToken, string>> = {\n    name: 'name',\n    'given-name': 'givenName',\n    'additional-name': 'middleName',\n    'family-name': 'familyName',\n    username: 'username',\n    'current-password': 'password',\n    'new-password': 'newPassword',\n    email: 'emailAddress',\n    url: 'URL',\n    tel: 'telephoneNumber',\n    'address-line1': 'streetAddressLine1',\n    'address-line2': 'streetAddressLine2',\n    'postal-code': 'postalCode',\n    organization: 'organizationName',\n    'organization-title': 'jobTitle',\n    'one-time-code': 'oneTimeCode',\n  };\n  const tc = textContentMap[ac];\n  if (tc) (native as Record<string, string>).textContentType = tc;\n  // Capitalization defaults\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'words';\n  }\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nexport function mapKeyboardToWeb(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const res: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'current-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'new-password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'new-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'username':\n      res.type = 'text';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      res.type = 'email';\n      res.inputMode = 'email';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      res.type = 'url';\n      res.inputMode = 'url';\n      res.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      res.type = 'search';\n      res.inputMode = 'search';\n      res.enterKeyHint = opts?.enterKeyHint ?? 'search';\n      res.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      res.type = 'tel';\n      res.inputMode = 'tel';\n      res.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      break;\n    case 'decimal':\n      res.type = 'text';\n      res.inputMode = 'decimal';\n      (res as Record<string, unknown>).step = 'any';\n      break;\n    case 'numbers-and-punctuation':\n      res.type = 'text';\n      res.inputMode = 'text';\n      res.pattern = '[0-9.,-]*';\n      break;\n    case 'otp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      res.autoCapitalize = 'none';\n      break;\n    case 'name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'given-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'given-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'family-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'family-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'address-line1':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9/]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      res.type = 'text';\n      res.autoComplete = 'off';\n      break;\n    case 'date':\n      res.type = 'date';\n      res.inputMode = 'date';\n      res.pattern = '[0-9./-]*';\n      break;\n    default:\n      res.type = 'text';\n      break;\n  }\n\n  if (opts?.autoCapitalize) res.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoComplete) res.autoComplete = opts.autoComplete;\n  if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n  if (opts?.enterKeyHint) res.enterKeyHint = opts.enterKeyHint;\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsWeb(res, opts?.autoComplete);\n  return res;\n}\n\nexport function mapKeyboardToNative(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const native: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      native.secureTextEntry = true;\n      native.textContentType = 'password';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'password';\n      break;\n    case 'new-password':\n      native.secureTextEntry = true;\n      native.textContentType = 'newPassword';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'new-password';\n      break;\n    case 'username':\n      native.textContentType = 'username';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      native.keyboardType = 'email-address';\n      native.textContentType = 'emailAddress';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      native.keyboardType = 'url';\n      native.textContentType = 'URL';\n      native.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      native.keyboardType = 'default';\n      native.returnKeyType = 'search';\n      native.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      native.keyboardType = 'phone-pad';\n      native.textContentType = 'telephoneNumber';\n      native.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      native.keyboardType = 'number-pad';\n      break;\n    case 'decimal':\n      native.keyboardType = 'decimal-pad';\n      break;\n    case 'numbers-and-punctuation':\n      native.keyboardType = 'numbers-and-punctuation';\n      break;\n    case 'otp':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'oneTimeCode';\n      native.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      native.autoCapitalize = 'none';\n      break;\n    case 'name':\n      native.textContentType = 'name';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'name';\n      break;\n    case 'given-name':\n      native.textContentType = 'givenName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'given-name';\n      break;\n    case 'family-name':\n      native.textContentType = 'familyName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'family-name';\n      break;\n    case 'address-line1':\n      native.textContentType = 'streetAddressLine1';\n      native.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      native.textContentType = 'streetAddressLine2';\n      native.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.textContentType = 'postalCode';\n      native.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'creditCardNumber';\n      native.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      native.keyboardType = 'number-pad';\n      native.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      native.autoComplete = 'off';\n      break;\n    case 'date':\n      native.keyboardType = 'default';\n      break;\n    default:\n      native.keyboardType = 'default';\n      break;\n  }\n\n  if (opts?.autoCapitalize) native.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoCorrect != null) native.autoCorrect = opts.autoCorrect;\n\n  if (opts?.enterKeyHint) {\n    const map: Record<string, string> = {\n      enter: 'default',\n      done: 'done',\n      go: 'go',\n      next: 'next',\n      search: 'search',\n      send: 'send',\n    };\n    native.returnKeyType = map[opts.enterKeyHint] ?? 'default';\n  }\n\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsNative(native, opts?.autoComplete);\n\n  return native;\n}\n"],"mappings":"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"}
+{"version":3,"file":"keyboard.js","names":[],"sources":["../../src/lib/keyboard.ts"],"sourcesContent":["export type KeyboardKind =\n  | 'text'\n  | 'email'\n  | 'password'\n  | 'new-password'\n  | 'username'\n  | 'url'\n  | 'search'\n  | 'phone'\n  | 'tel' // alias of phone\n  | 'number'\n  | 'int' // alias of number\n  | 'decimal'\n  | 'numbers-and-punctuation'\n  | 'otp'\n  | 'name'\n  | 'given-name'\n  | 'family-name'\n  | 'address-line1'\n  | 'address-line2'\n  | 'postal-code'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-csc'\n  | 'off'\n  | 'date';\n\n// WHATWG HTML autofill tokens (subset + extensible). See:\n// https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill\nexport type AutoCompleteToken =\n  | 'on'\n  | 'off'\n  // identity\n  | 'name'\n  | 'honorific-prefix'\n  | 'given-name'\n  | 'additional-name'\n  | 'family-name'\n  | 'honorific-suffix'\n  | 'nickname'\n  | 'username'\n  | 'new-password'\n  | 'current-password'\n  | 'one-time-code'\n  // organization\n  | 'organization-title'\n  | 'organization'\n  // address\n  | 'street-address'\n  | 'address-line1'\n  | 'address-line2'\n  | 'address-line3'\n  | 'address-level4'\n  | 'address-level3'\n  | 'address-level2'\n  | 'address-level1'\n  | 'country'\n  | 'country-name'\n  | 'postal-code'\n  // credit card / payment\n  | 'cc-name'\n  | 'cc-given-name'\n  | 'cc-additional-name'\n  | 'cc-family-name'\n  | 'cc-number'\n  | 'cc-exp'\n  | 'cc-exp-month'\n  | 'cc-exp-year'\n  | 'cc-csc'\n  | 'cc-type'\n  | 'transaction-amount'\n  // personal\n  | 'language'\n  | 'bday'\n  | 'bday-day'\n  | 'bday-month'\n  | 'bday-year'\n  | 'sex'\n  | 'photo'\n  // contact\n  | 'email'\n  | 'impp'\n  | 'tel'\n  | 'tel-country-code'\n  | 'tel-national'\n  | 'tel-area-code'\n  | 'tel-local'\n  | 'tel-local-prefix'\n  | 'tel-local-suffix'\n  | 'tel-extension'\n  | 'url'\n  // webauthn and sections (allow prefix)\n  | 'webauthn'\n  | `section-${string}`\n  // allow future spec additions while keeping strong hints\n  | (string & {});\n\nexport interface KeyboardOptions {\n  kind?: KeyboardKind;\n  autoCapitalize?: 'none' | 'sentences' | 'words' | 'characters';\n  autoComplete?: AutoCompleteToken;\n  autoCorrect?: boolean;\n  enterKeyHint?: 'enter' | 'done' | 'go' | 'next' | 'search' | 'send';\n}\n\nfunction deriveKindFromAutoComplete(\n  ac?: AutoCompleteToken\n): KeyboardKind | undefined {\n  if (!ac) return undefined;\n  switch (ac) {\n    // Direct mappings\n    case 'email':\n      return 'email';\n    case 'url':\n      return 'url';\n    case 'username':\n      return 'username';\n    case 'new-password':\n      return 'new-password';\n    case 'current-password':\n      return 'password';\n    case 'one-time-code':\n      return 'otp';\n    case 'tel':\n    case 'tel-country-code':\n    case 'tel-national':\n    case 'tel-area-code':\n    case 'tel-local':\n    case 'tel-local-prefix':\n    case 'tel-local-suffix':\n    case 'tel-extension':\n      return 'tel';\n    // Numeric leaning\n    case 'postal-code':\n    case 'cc-number':\n    case 'cc-csc':\n    case 'bday-day':\n    case 'bday-month':\n    case 'bday-year':\n      return 'int';\n    case 'cc-exp':\n    case 'cc-exp-month':\n    case 'cc-exp-year':\n      return 'numbers-and-punctuation';\n    // Date-like\n    case 'bday':\n      return 'date';\n    // Everything else is plain text (names, organization, street-address, etc.)\n    default:\n      return 'text';\n  }\n}\n\nfunction applyAutoCompleteDefaultsWeb(\n  res: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // Capitalization defaults for human names/org titles\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'words';\n  }\n  // Lowercase identifiers\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (res as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nfunction applyAutoCompleteDefaultsNative(\n  native: Record<string, unknown>,\n  ac?: AutoCompleteToken\n) {\n  if (!ac) return;\n  // iOS textContentType hints where available (best-effort)\n  const textContentMap: Partial<Record<AutoCompleteToken, string>> = {\n    name: 'name',\n    'given-name': 'givenName',\n    'additional-name': 'middleName',\n    'family-name': 'familyName',\n    username: 'username',\n    'current-password': 'password',\n    'new-password': 'newPassword',\n    email: 'emailAddress',\n    url: 'URL',\n    tel: 'telephoneNumber',\n    'address-line1': 'streetAddressLine1',\n    'address-line2': 'streetAddressLine2',\n    'postal-code': 'postalCode',\n    organization: 'organizationName',\n    'organization-title': 'jobTitle',\n    'one-time-code': 'oneTimeCode',\n  };\n  const tc = textContentMap[ac];\n  if (tc) (native as Record<string, string>).textContentType = tc;\n  // Capitalization defaults\n  const wordsCaps: AutoCompleteToken[] = [\n    'name',\n    'given-name',\n    'additional-name',\n    'family-name',\n    'honorific-prefix',\n    'honorific-suffix',\n    'nickname',\n    'organization',\n    'organization-title',\n    'cc-name',\n    'cc-given-name',\n    'cc-additional-name',\n    'cc-family-name',\n  ];\n  if (wordsCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'words';\n  }\n  const noneCaps: AutoCompleteToken[] = [\n    'username',\n    'new-password',\n    'current-password',\n    'one-time-code',\n    'email',\n    'url',\n  ];\n  if (noneCaps.includes(ac)) {\n    (native as Record<string, string>).autoCapitalize = 'none';\n  }\n}\n\nexport function mapKeyboardToWeb(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const res: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'current-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'new-password':\n      res.type = 'password';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'new-password';\n      if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n      break;\n    case 'username':\n      res.type = 'text';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      res.type = 'email';\n      res.inputMode = 'email';\n      res.autoCapitalize = 'none';\n      res.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      res.type = 'url';\n      res.inputMode = 'url';\n      res.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      res.type = 'search';\n      res.inputMode = 'search';\n      res.enterKeyHint = opts?.enterKeyHint ?? 'search';\n      res.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      res.type = 'tel';\n      res.inputMode = 'tel';\n      res.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      break;\n    case 'decimal':\n      res.type = 'text';\n      res.inputMode = 'decimal';\n      (res as Record<string, unknown>).step = 'any';\n      break;\n    case 'numbers-and-punctuation':\n      res.type = 'text';\n      res.inputMode = 'text';\n      res.pattern = '[0-9.,-]*';\n      break;\n    case 'otp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      res.autoCapitalize = 'none';\n      break;\n    case 'name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'given-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'given-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'family-name':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'family-name';\n      res.autoCapitalize = opts?.autoCapitalize ?? 'words';\n      break;\n    case 'address-line1':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      res.type = 'text';\n      res.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9/]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      res.type = 'text';\n      res.inputMode = 'numeric';\n      res.pattern = '[0-9]*';\n      res.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      res.type = 'text';\n      res.autoComplete = 'off';\n      break;\n    case 'date':\n      res.type = 'date';\n      res.inputMode = 'date';\n      res.pattern = '[0-9./-]*';\n      break;\n    default:\n      res.type = 'text';\n      break;\n  }\n\n  if (opts?.autoCapitalize) res.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoComplete) res.autoComplete = opts.autoComplete;\n  if (opts?.autoCorrect != null) res.autoCorrect = opts.autoCorrect;\n  if (opts?.enterKeyHint) res.enterKeyHint = opts.enterKeyHint;\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsWeb(res, opts?.autoComplete);\n  return res;\n}\n\nexport function mapKeyboardToNative(opts?: KeyboardOptions) {\n  const kind =\n    opts?.kind ?? deriveKindFromAutoComplete(opts?.autoComplete) ?? 'text';\n  const native: Record<string, unknown> = {};\n\n  switch (kind) {\n    case 'password':\n      native.secureTextEntry = true;\n      native.textContentType = 'password';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'password';\n      break;\n    case 'new-password':\n      native.secureTextEntry = true;\n      native.textContentType = 'newPassword';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'new-password';\n      break;\n    case 'username':\n      native.textContentType = 'username';\n      native.keyboardType = 'default';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'username';\n      break;\n    case 'email':\n      native.keyboardType = 'email-address';\n      native.textContentType = 'emailAddress';\n      native.autoCapitalize = 'none';\n      native.autoComplete = opts?.autoComplete ?? 'email';\n      break;\n    case 'url':\n      native.keyboardType = 'url';\n      native.textContentType = 'URL';\n      native.autoComplete = opts?.autoComplete ?? 'url';\n      break;\n    case 'search':\n      native.keyboardType = 'default';\n      native.returnKeyType = 'search';\n      native.autoComplete = opts?.autoComplete ?? 'off';\n      break;\n    case 'phone':\n    case 'tel':\n      native.keyboardType = 'phone-pad';\n      native.textContentType = 'telephoneNumber';\n      native.autoComplete = opts?.autoComplete ?? 'tel';\n      break;\n    case 'number':\n    case 'int':\n      native.keyboardType = 'number-pad';\n      break;\n    case 'decimal':\n      native.keyboardType = 'decimal-pad';\n      break;\n    case 'numbers-and-punctuation':\n      native.keyboardType = 'numbers-and-punctuation';\n      break;\n    case 'otp':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'oneTimeCode';\n      native.autoComplete = opts?.autoComplete ?? 'one-time-code';\n      native.autoCapitalize = 'none';\n      break;\n    case 'name':\n      native.textContentType = 'name';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'name';\n      break;\n    case 'given-name':\n      native.textContentType = 'givenName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'given-name';\n      break;\n    case 'family-name':\n      native.textContentType = 'familyName';\n      native.autoCapitalize = 'words';\n      native.autoComplete = opts?.autoComplete ?? 'family-name';\n      break;\n    case 'address-line1':\n      native.textContentType = 'streetAddressLine1';\n      native.autoComplete = opts?.autoComplete ?? 'address-line1';\n      break;\n    case 'address-line2':\n      native.textContentType = 'streetAddressLine2';\n      native.autoComplete = opts?.autoComplete ?? 'address-line2';\n      break;\n    case 'postal-code':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.textContentType = 'postalCode';\n      native.autoComplete = opts?.autoComplete ?? 'postal-code';\n      break;\n    case 'cc-number':\n      native.keyboardType = 'number-pad';\n      native.textContentType = 'creditCardNumber';\n      native.autoComplete = opts?.autoComplete ?? 'cc-number';\n      break;\n    case 'cc-exp':\n      native.keyboardType = 'numbers-and-punctuation';\n      native.autoComplete = opts?.autoComplete ?? 'cc-exp';\n      break;\n    case 'cc-csc':\n      native.keyboardType = 'number-pad';\n      native.autoComplete = opts?.autoComplete ?? 'cc-csc';\n      break;\n    case 'off':\n      native.autoComplete = 'off';\n      break;\n    case 'date':\n      native.keyboardType = 'default';\n      break;\n    default:\n      native.keyboardType = 'default';\n      break;\n  }\n\n  if (opts?.autoCapitalize) native.autoCapitalize = opts.autoCapitalize;\n  if (opts?.autoCorrect != null) native.autoCorrect = opts.autoCorrect;\n\n  if (opts?.enterKeyHint) {\n    const map: Record<string, string> = {\n      enter: 'default',\n      done: 'done',\n      go: 'go',\n      next: 'next',\n      search: 'search',\n      send: 'send',\n    };\n    native.returnKeyType = map[opts.enterKeyHint] ?? 'default';\n  }\n\n  // Apply additional defaults based on autofill tokens\n  applyAutoCompleteDefaultsNative(native, opts?.autoComplete);\n\n  return native;\n}\n"],"mappings":"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"}

package/dist/platform/useResponsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResponsive.js","names":["DEFAULT: Breakpoints"],"sources":["../../src/platform/useResponsive.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\ninterface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nconst DEFAULT: Breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\nexport function useResponsive(custom?: Partial<Breakpoints>) {\n  const bp = React.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = React.useState<number>(\n    typeof window !== 'undefined' ? window.innerWidth : bp.md\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const onResize = () => setWidth(window.innerWidth);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  const isSM = width >= bp.sm;\n  const isMD = width >= bp.md;\n  const isLG = width >= bp.lg;\n  const isXL = width >= bp.xl;\n\n  const screen: 'mobile' | 'tablet' | 'desktop' = isLG\n    ? 'desktop'\n    : isSM\n      ? 'tablet'\n      : 'mobile';\n\n  return {\n    width,\n    breakpoints: bp,\n    isSM,\n    isMD,\n    isLG,\n    isXL,\n    screen,\n  } as const;\n}\n"],"mappings":";;;;;AAWA,MAAMA,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAK,MAAM,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CACrE,MAAM,CAAC,OAAO,YAAY,MAAM,SAC9B,OAAO,WAAW,cAAc,OAAO,aAAa,GAAG,GACxD;AAED,OAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;EACnC,MAAM,iBAAiB,SAAS,OAAO,WAAW;AAClD,SAAO,iBAAiB,UAAU,SAAS;AAC3C,eAAa,OAAO,oBAAoB,UAAU,SAAS;IAC1D,EAAE,CAAC;CAEN,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;AASzB,QAAO;EACL;EACA,aAAa;EACb;EACA;EACA;EACA,MAdW,SAAS,GAAG;EAevB,QAb8C,OAC5C,YACA,OACE,WACA;EAUL"}
+{"version":3,"file":"useResponsive.js","names":[],"sources":["../../src/platform/useResponsive.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\ninterface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nconst DEFAULT: Breakpoints = { sm: 640, md: 768, lg: 1024, xl: 1280 };\n\nexport function useResponsive(custom?: Partial<Breakpoints>) {\n  const bp = React.useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = React.useState<number>(\n    typeof window !== 'undefined' ? window.innerWidth : bp.md\n  );\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined') return;\n    const onResize = () => setWidth(window.innerWidth);\n    window.addEventListener('resize', onResize);\n    return () => window.removeEventListener('resize', onResize);\n  }, []);\n\n  const isSM = width >= bp.sm;\n  const isMD = width >= bp.md;\n  const isLG = width >= bp.lg;\n  const isXL = width >= bp.xl;\n\n  const screen: 'mobile' | 'tablet' | 'desktop' = isLG\n    ? 'desktop'\n    : isSM\n      ? 'tablet'\n      : 'mobile';\n\n  return {\n    width,\n    breakpoints: bp,\n    isSM,\n    isMD,\n    isLG,\n    isXL,\n    screen,\n  } as const;\n}\n"],"mappings":";;;;;AAWA,MAAM,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAK,MAAM,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CACrE,MAAM,CAAC,OAAO,YAAY,MAAM,SAC9B,OAAO,WAAW,cAAc,OAAO,aAAa,GAAG,GACxD;AAED,OAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,YAAa;EACnC,MAAM,iBAAiB,SAAS,OAAO,WAAW;AAClD,SAAO,iBAAiB,UAAU,SAAS;AAC3C,eAAa,OAAO,oBAAoB,UAAU,SAAS;IAC1D,EAAE,CAAC;CAEN,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;CACzB,MAAM,OAAO,SAAS,GAAG;AASzB,QAAO;EACL;EACA,aAAa;EACb;EACA;EACA;EACA,MAdW,SAAS,GAAG;EAevB,QAb8C,OAC5C,YACA,OACE,WACA;EAUL"}

package/dist/platform/withPlatformUI.js.map

@@ -1 +1 @@
-{"version":3,"file":"withPlatformUI.js","names":["DEFAULT_BREAKPOINTS: Breakpoints","platform: PlatformKind","breakpoints: Breakpoints"],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":["'use client';\n\n/**\n * withPlatformUI\n * Lightweight adapter inspired by gluestack's withGluestack pattern.\n * It centralizes tokens and responsive options while keeping DS imports\n * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.\n */\n\nexport type PlatformKind = 'web' | 'native';\n\nexport interface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface WithPlatformUIOptions<\n  TTokens extends Record<string, unknown>,\n> {\n  tokens: TTokens;\n  platform?: PlatformKind;\n  breakpoints?: Partial<Breakpoints>;\n}\n\nexport interface PlatformUI<TTokens> {\n  platform: PlatformKind;\n  tokens: TTokens;\n  breakpoints: Breakpoints;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function withPlatformUI<TTokens extends Record<string, unknown>>(\n  options: WithPlatformUIOptions<TTokens>\n): PlatformUI<TTokens> {\n  const platform: PlatformKind = options.platform ?? 'web';\n  const breakpoints: Breakpoints = {\n    ...DEFAULT_BREAKPOINTS,\n    ...options.breakpoints,\n  };\n  return {\n    platform,\n    tokens: options.tokens,\n    breakpoints,\n  };\n}\n\n/**\n * Example usage (app-level):\n *\n * const ui = withPlatformUI({ tokens: themeTokens });\n * // pass ui.tokens to DS providers or map classes as needed\n */\n"],"mappings":";;;AAgCA,MAAaA,sBAAmC;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,eACd,SACqB;CACrB,MAAMC,WAAyB,QAAQ,YAAY;CACnD,MAAMC,cAA2B;EAC/B,GAAG;EACH,GAAG,QAAQ;EACZ;AACD,QAAO;EACL;EACA,QAAQ,QAAQ;EAChB;EACD"}
+{"version":3,"file":"withPlatformUI.js","names":[],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":["'use client';\n\n/**\n * withPlatformUI\n * Lightweight adapter inspired by gluestack's withGluestack pattern.\n * It centralizes tokens and responsive options while keeping DS imports\n * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.\n */\n\nexport type PlatformKind = 'web' | 'native';\n\nexport interface Breakpoints {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface WithPlatformUIOptions<\n  TTokens extends Record<string, unknown>,\n> {\n  tokens: TTokens;\n  platform?: PlatformKind;\n  breakpoints?: Partial<Breakpoints>;\n}\n\nexport interface PlatformUI<TTokens> {\n  platform: PlatformKind;\n  tokens: TTokens;\n  breakpoints: Breakpoints;\n}\n\nexport const DEFAULT_BREAKPOINTS: Breakpoints = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function withPlatformUI<TTokens extends Record<string, unknown>>(\n  options: WithPlatformUIOptions<TTokens>\n): PlatformUI<TTokens> {\n  const platform: PlatformKind = options.platform ?? 'web';\n  const breakpoints: Breakpoints = {\n    ...DEFAULT_BREAKPOINTS,\n    ...options.breakpoints,\n  };\n  return {\n    platform,\n    tokens: options.tokens,\n    breakpoints,\n  };\n}\n\n/**\n * Example usage (app-level):\n *\n * const ui = withPlatformUI({ tokens: themeTokens });\n * // pass ui.tokens to DS providers or map classes as needed\n */\n"],"mappings":";;;AAgCA,MAAa,sBAAmC;CAC9C,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,eACd,SACqB;CACrB,MAAM,WAAyB,QAAQ,YAAY;CACnD,MAAM,cAA2B;EAC/B,GAAG;EACH,GAAG,QAAQ;EACZ;AACD,QAAO;EACL;EACA,QAAQ,QAAQ;EAChB;EACD"}

package/dist/renderers/form-contract.d.ts

@@ -1,11 +1,11 @@
 import * as _contractspec_lib_contracts_client_react_form_render0 from "@contractspec/lib.contracts/client/react/form-render";
-import * as react_jsx_runtime111 from "react/jsx-runtime";
+import * as react_jsx_runtime109 from "react/jsx-runtime";
 import * as _contractspec_lib_schema0 from "@contractspec/lib.schema";
 import * as _contractspec_lib_contracts_forms0 from "@contractspec/lib.contracts/forms";
 
 //#region src/renderers/form-contract.d.ts
 declare const formRenderer: {
-  render: (spec: _contractspec_lib_contracts_forms0.FormSpec<_contractspec_lib_schema0.AnySchemaModel>, options?: _contractspec_lib_contracts_client_react_form_render0.RenderOptions<unknown> | undefined) => react_jsx_runtime111.JSX.Element;
+  render: (spec: _contractspec_lib_contracts_forms0.FormSpec<_contractspec_lib_schema0.AnySchemaModel>, options?: _contractspec_lib_contracts_client_react_form_render0.RenderOptions<unknown> | undefined) => react_jsx_runtime109.JSX.Element;
 };
 //#endregion
 export { formRenderer };

package/dist/theme/tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.js","names":["defaultTokens: ThemeTokens"],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["'use client';\n\nexport interface ColorTokens {\n  background: string;\n  foreground: string;\n  muted: string;\n  mutedForeground: string;\n  primary: string;\n  primaryForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  ring: string;\n}\n\nexport interface RadiusTokens {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  full: number;\n}\n\nexport interface SpaceTokens {\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface TypographyTokens {\n  h1: number;\n  h2: number;\n  h3: number;\n  body: number;\n  small: number;\n}\n\nexport interface ThemeTokens {\n  colors: ColorTokens;\n  radii: RadiusTokens;\n  space: SpaceTokens;\n  typography: TypographyTokens;\n  icons: { sm: number; md: number; lg: number };\n}\n\nexport const defaultTokens: ThemeTokens = {\n  colors: {\n    background: '#ffffff',\n    foreground: '#0a0a0a',\n    muted: '#f4f4f5',\n    mutedForeground: '#71717a',\n    primary: '#0f49a0',\n    primaryForeground: '#ffffff',\n    accent: '#16a34a',\n    accentForeground: '#ffffff',\n    destructive: '#ef4444',\n    destructiveForeground: '#ffffff',\n    border: '#e4e4e7',\n    ring: '#2563eb',\n  },\n  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },\n  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },\n  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },\n  icons: { sm: 16, md: 20, lg: 24 },\n};\n"],"mappings":";;;AAiDA,MAAaA,gBAA6B;CACxC,QAAQ;EACN,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,MAAM;EAAM;CACnD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAC/C,YAAY;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,MAAM;EAAI,OAAO;EAAI;CAC3D,OAAO;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAClC"}
+{"version":3,"file":"tokens.js","names":[],"sources":["../../src/theme/tokens.ts"],"sourcesContent":["'use client';\n\nexport interface ColorTokens {\n  background: string;\n  foreground: string;\n  muted: string;\n  mutedForeground: string;\n  primary: string;\n  primaryForeground: string;\n  accent: string;\n  accentForeground: string;\n  destructive: string;\n  destructiveForeground: string;\n  border: string;\n  ring: string;\n}\n\nexport interface RadiusTokens {\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n  full: number;\n}\n\nexport interface SpaceTokens {\n  xs: number;\n  sm: number;\n  md: number;\n  lg: number;\n  xl: number;\n}\n\nexport interface TypographyTokens {\n  h1: number;\n  h2: number;\n  h3: number;\n  body: number;\n  small: number;\n}\n\nexport interface ThemeTokens {\n  colors: ColorTokens;\n  radii: RadiusTokens;\n  space: SpaceTokens;\n  typography: TypographyTokens;\n  icons: { sm: number; md: number; lg: number };\n}\n\nexport const defaultTokens: ThemeTokens = {\n  colors: {\n    background: '#ffffff',\n    foreground: '#0a0a0a',\n    muted: '#f4f4f5',\n    mutedForeground: '#71717a',\n    primary: '#0f49a0',\n    primaryForeground: '#ffffff',\n    accent: '#16a34a',\n    accentForeground: '#ffffff',\n    destructive: '#ef4444',\n    destructiveForeground: '#ffffff',\n    border: '#e4e4e7',\n    ring: '#2563eb',\n  },\n  radii: { sm: 4, md: 8, lg: 12, xl: 16, full: 9999 },\n  space: { xs: 4, sm: 8, md: 12, lg: 16, xl: 24 },\n  typography: { h1: 30, h2: 24, h3: 20, body: 16, small: 14 },\n  icons: { sm: 16, md: 20, lg: 24 },\n};\n"],"mappings":";;;AAiDA,MAAa,gBAA6B;CACxC,QAAQ;EACN,YAAY;EACZ,YAAY;EACZ,OAAO;EACP,iBAAiB;EACjB,SAAS;EACT,mBAAmB;EACnB,QAAQ;EACR,kBAAkB;EAClB,aAAa;EACb,uBAAuB;EACvB,QAAQ;EACR,MAAM;EACP;CACD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,MAAM;EAAM;CACnD,OAAO;EAAE,IAAI;EAAG,IAAI;EAAG,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAC/C,YAAY;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI,MAAM;EAAI,OAAO;EAAI;CAC3D,OAAO;EAAE,IAAI;EAAI,IAAI;EAAI,IAAI;EAAI;CAClC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contractspec/lib.design-system",
-  "version": "1.46.2",
+  "version": "1.47.0",
   "description": "Design tokens and theming primitives",
   "keywords": [
     "contractspec",
@@ -24,37 +24,40 @@
     "lint:check": "eslint src"
   },
   "type": "module",
-  "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "tree-shake": true,
   "dependencies": {
+    "@contractspec/lib.ai-agent": "1.47.0",
+    "@contractspec/lib.contracts": "1.47.0",
+    "@contractspec/lib.ui-kit": "1.47.0",
+    "@contractspec/lib.ui-kit-web": "1.47.0",
     "@hookform/resolvers": "5.2.2",
-    "@contractspec/lib.ai-agent": "1.46.2",
-    "@contractspec/lib.contracts": "1.46.2",
-    "@contractspec/lib.ui-kit": "1.46.2",
-    "@contractspec/lib.ui-kit-web": "1.46.2",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.562.0",
+    "next": "16.1.1",
     "react": "19.2.3",
     "react-dom": "19.2.3",
+    "react-hook-form": "^7.70.0",
+    "shiki": "^3.21.0",
     "tailwind-merge": "^3.3.1",
     "tailwindcss-animate": "^1.0.7",
-    "zod": "^4.1.13",
-    "next": "16.1.1"
+    "zod": "^4.3.5"
   },
   "devDependencies": {
-    "@contractspec/tool.typescript": "1.46.2",
-    "@contractspec/tool.tsdown": "1.46.2",
-    "@types/node": "^24.9.0",
+    "@contractspec/tool.tsdown": "1.47.0",
+    "@contractspec/tool.typescript": "1.47.0",
+    "@types/node": "^25.0.6",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",
+    "postcss-load-config": "^6.0.1",
+    "react-native": "^0.81.4",
+    "react-native-css": "^3.0.0",
     "tailwindcss": "4.1.18",
-    "tsdown": "^0.18.3",
+    "tsdown": "^0.19.0",
     "typescript": "^5.9.3"
   },
-  "module": "./dist/index.js",
   "files": [
     "dist",
     "README.md"

package/dist/components/molecules/SkeletonBlock/index.js

@@ -1 +0,0 @@
-import { SkeletonBlock } from "./index.web.js";

package/dist/components/molecules/SkeletonCircle/index.js

@@ -1 +0,0 @@
-import { SkeletonCircle } from "./index.web.js";

package/dist/components/molecules/SkeletonList/index.js

@@ -1 +0,0 @@
-import { SkeletonList } from "./index.web.js";

package/dist/components/templates/lists/ListPageTemplate/index.js

@@ -1,2 +0,0 @@
-import "./types.js";
-import { ListPageTemplate } from "./index.web.js";

package/dist/components/templates/lists/ListPageTemplate/types.js

@@ -1 +0,0 @@
-import "react";

package/dist/renderers/index.js

@@ -1 +0,0 @@
-import { formRenderer } from "./form-contract.js";

package/dist/types/navigation.js

@@ -1 +0,0 @@
-import "react";