@lssm/lib.design-system 0.0.0-canary-20251120170226

package/dist/lib/keyboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard.js","names":["res: Record<string, unknown>","native: 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":";AAyGA,SAAS,2BACP,IAC0B;AAC1B,KAAI,CAAC,GAAI,QAAO;AAChB,SAAQ,IAAR;EAEE,KAAK,QACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,KAAK,WACH,QAAO;EACT,KAAK,eACH,QAAO;EACT,KAAK,mBACH,QAAO;EACT,KAAK,gBACH,QAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,gBACH,QAAO;EAET,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK;EACL,KAAK,YACH,QAAO;EACT,KAAK;EACL,KAAK;EACL,KAAK,cACH,QAAO;EAET,KAAK,OACH,QAAO;EAET,QACE,QAAO;;;AAIb,SAAS,6BACP,KACA,IACA;AACA,KAAI,CAAC,GAAI;AAiBT,KAfuC;EACrC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACa,SAAS,GAAG,CACxB,CAAC,IAA+B,iBAAiB;AAWnD,KARsC;EACpC;EACA;EACA;EACA;EACA;EACA;EACD,CACY,SAAS,GAAG,CACvB,CAAC,IAA+B,iBAAiB;;AAIrD,SAAS,gCACP,QACA,IACA;AACA,KAAI,CAAC,GAAI;CAoBT,MAAM,KAlB6D;EACjE,MAAM;EACN,cAAc;EACd,mBAAmB;EACnB,eAAe;EACf,UAAU;EACV,oBAAoB;EACpB,gBAAgB;EAChB,OAAO;EACP,KAAK;EACL,KAAK;EACL,iBAAiB;EACjB,iBAAiB;EACjB,eAAe;EACf,cAAc;EACd,sBAAsB;EACtB,iBAAiB;EAClB,CACyB;AAC1B,KAAI,GAAI,CAAC,OAAkC,kBAAkB;AAiB7D,KAfuC;EACrC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACa,SAAS,GAAG,CACxB,CAAC,OAAkC,iBAAiB;AAUtD,KARsC;EACpC;EACA;EACA;EACA;EACA;EACA;EACD,CACY,SAAS,GAAG,CACvB,CAAC,OAAkC,iBAAiB;;AAIxD,SAAgB,iBA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"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,7 @@
+import { ClassValue } from "clsx";
+
+//#region src/lib/utils.d.ts
+declare function cn(...inputs: ClassValue[]): string;
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":[],"mappings":";;;iBAGgB,EAAA,YAAc"}

package/dist/lib/utils.js

@@ -0,0 +1,11 @@
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+
+//#region src/lib/utils.ts
+function cn(...inputs) {
+	return twMerge(clsx(inputs));
+}
+
+//#endregion
+export { cn };
+//# sourceMappingURL=utils.js.map

package/dist/lib/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":[],"sources":["../../src/lib/utils.ts"],"sourcesContent":["import { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"mappings":";;;;AAGA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC"}

package/dist/platform/useColorScheme.d.ts

@@ -0,0 +1,6 @@
+//#region src/platform/useColorScheme.d.ts
+type ColorScheme = 'light' | 'dark';
+declare function useColorScheme(): ColorScheme;
+//#endregion
+export { ColorScheme, useColorScheme };
+//# sourceMappingURL=useColorScheme.d.ts.map

package/dist/platform/useColorScheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.d.ts","names":[],"sources":["../../src/platform/useColorScheme.ts"],"sourcesContent":[],"mappings":";KAIY,WAAA;AAAA,iBAEI,cAAA,CAAA,CAFO,EAEW,WAFX"}

package/dist/platform/useColorScheme.js

@@ -0,0 +1,22 @@
+'use client';
+
+
+import * as React$1 from "react";
+
+//#region src/platform/useColorScheme.ts
+function useColorScheme() {
+	const [scheme, setScheme] = React$1.useState("light");
+	React$1.useEffect(() => {
+		if (typeof window === "undefined" || !window.matchMedia) return;
+		const media = window.matchMedia("(prefers-color-scheme: dark)");
+		const update = () => setScheme(media.matches ? "dark" : "light");
+		update();
+		media.addEventListener?.("change", update);
+		return () => media.removeEventListener?.("change", update);
+	}, []);
+	return scheme;
+}
+
+//#endregion
+export { useColorScheme };
+//# sourceMappingURL=useColorScheme.js.map

package/dist/platform/useColorScheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.js","names":["React"],"sources":["../../src/platform/useColorScheme.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport type ColorScheme = 'light' | 'dark';\n\nexport function useColorScheme(): ColorScheme {\n  const [scheme, setScheme] = React.useState<ColorScheme>('light');\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const media = window.matchMedia('(prefers-color-scheme: dark)');\n    const update = () => setScheme(media.matches ? 'dark' : 'light');\n    update();\n    media.addEventListener?.('change', update);\n    return () => media.removeEventListener?.('change', update);\n  }, []);\n\n  return scheme;\n}\n"],"mappings":";;;;;;AAMA,SAAgB,iBAA8B;CAC5C,MAAM,CAAC,QAAQ,aAAaA,QAAM,SAAsB,QAAQ;AAEhE,SAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,WAAY;EACzD,MAAM,QAAQ,OAAO,WAAW,+BAA+B;EAC/D,MAAM,eAAe,UAAU,MAAM,UAAU,SAAS,QAAQ;AAChE,UAAQ;AACR,QAAM,mBAAmB,UAAU,OAAO;AAC1C,eAAa,MAAM,sBAAsB,UAAU,OAAO;IACzD,EAAE,CAAC;AAEN,QAAO"}

package/dist/platform/useColorScheme.mobile.d.ts

@@ -0,0 +1,6 @@
+//#region src/platform/useColorScheme.mobile.d.ts
+type ColorScheme = 'light' | 'dark';
+declare function useColorScheme(): ColorScheme;
+//#endregion
+export { ColorScheme, useColorScheme };
+//# sourceMappingURL=useColorScheme.mobile.d.ts.map

package/dist/platform/useColorScheme.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.mobile.d.ts","names":[],"sources":["../../src/platform/useColorScheme.mobile.ts"],"sourcesContent":[],"mappings":";KAKY,WAAA;AAAA,iBAEI,cAAA,CAAA,CAFO,EAEW,WAFX"}

package/dist/platform/useColorScheme.mobile.js

@@ -0,0 +1,22 @@
+'use client';
+
+
+import * as React$1 from "react";
+import { Appearance } from "react-native";
+
+//#region src/platform/useColorScheme.mobile.ts
+function useColorScheme() {
+	const [scheme, setScheme] = React$1.useState(() => Appearance.getColorScheme?.() === "dark" ? "dark" : "light");
+	React$1.useEffect(() => {
+		const listener = ({ colorScheme }) => {
+			setScheme(colorScheme === "dark" ? "dark" : "light");
+		};
+		const sub = Appearance.addChangeListener?.(listener);
+		return () => sub?.remove?.();
+	}, []);
+	return scheme;
+}
+
+//#endregion
+export { useColorScheme };
+//# sourceMappingURL=useColorScheme.mobile.js.map

package/dist/platform/useColorScheme.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColorScheme.mobile.js","names":["React"],"sources":["../../src/platform/useColorScheme.mobile.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Appearance, type ColorSchemeName } from 'react-native';\n\nexport type ColorScheme = 'light' | 'dark';\n\nexport function useColorScheme(): ColorScheme {\n  const [scheme, setScheme] = React.useState<ColorScheme>(() =>\n    (Appearance.getColorScheme?.() as ColorSchemeName) === 'dark'\n      ? 'dark'\n      : 'light'\n  );\n\n  React.useEffect(() => {\n    const listener = ({ colorScheme }: { colorScheme: ColorSchemeName }) => {\n      setScheme(colorScheme === 'dark' ? 'dark' : 'light');\n    };\n    const sub = (Appearance as any).addChangeListener?.(listener);\n    return () => sub?.remove?.();\n  }, []);\n\n  return scheme;\n}\n"],"mappings":";;;;;;;AAOA,SAAgB,iBAA8B;CAC5C,MAAM,CAAC,QAAQ,aAAaA,QAAM,eAC/B,WAAW,kBAAkB,KAAyB,SACnD,SACA,QACL;AAED,SAAM,gBAAgB;EACpB,MAAM,YAAY,EAAE,kBAAoD;AACtE,aAAU,gBAAgB,SAAS,SAAS,QAAQ;;EAEtD,MAAM,MAAO,WAAmB,oBAAoB,SAAS;AAC7D,eAAa,KAAK,UAAU;IAC3B,EAAE,CAAC;AAEN,QAAO"}

package/dist/platform/useReducedMotion.d.ts

@@ -0,0 +1,5 @@
+//#region src/platform/useReducedMotion.d.ts
+declare function useReducedMotion(): boolean;
+//#endregion
+export { useReducedMotion };
+//# sourceMappingURL=useReducedMotion.d.ts.map

package/dist/platform/useReducedMotion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.d.ts","names":[],"sources":["../../src/platform/useReducedMotion.ts"],"sourcesContent":[],"mappings":";iBAIgB,gBAAA,CAAA"}

package/dist/platform/useReducedMotion.js

@@ -0,0 +1,22 @@
+'use client';
+
+
+import * as React$1 from "react";
+
+//#region src/platform/useReducedMotion.ts
+function useReducedMotion() {
+	const [reduced, setReduced] = React$1.useState(false);
+	React$1.useEffect(() => {
+		if (typeof window === "undefined" || !window.matchMedia) return;
+		const mq = window.matchMedia("(prefers-reduced-motion: reduce)");
+		const onChange = () => setReduced(mq.matches);
+		onChange();
+		mq.addEventListener?.("change", onChange);
+		return () => mq.removeEventListener?.("change", onChange);
+	}, []);
+	return reduced;
+}
+
+//#endregion
+export { useReducedMotion };
+//# sourceMappingURL=useReducedMotion.js.map

package/dist/platform/useReducedMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.js","names":["React"],"sources":["../../src/platform/useReducedMotion.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\n\nexport function useReducedMotion() {\n  const [reduced, setReduced] = React.useState(false);\n\n  React.useEffect(() => {\n    if (typeof window === 'undefined' || !window.matchMedia) return;\n    const mq = window.matchMedia('(prefers-reduced-motion: reduce)');\n    const onChange = () => setReduced(mq.matches);\n    onChange();\n    mq.addEventListener?.('change', onChange);\n    return () => mq.removeEventListener?.('change', onChange);\n  }, []);\n\n  return reduced;\n}\n"],"mappings":";;;;;;AAIA,SAAgB,mBAAmB;CACjC,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,MAAM;AAEnD,SAAM,gBAAgB;AACpB,MAAI,OAAO,WAAW,eAAe,CAAC,OAAO,WAAY;EACzD,MAAM,KAAK,OAAO,WAAW,mCAAmC;EAChE,MAAM,iBAAiB,WAAW,GAAG,QAAQ;AAC7C,YAAU;AACV,KAAG,mBAAmB,UAAU,SAAS;AACzC,eAAa,GAAG,sBAAsB,UAAU,SAAS;IACxD,EAAE,CAAC;AAEN,QAAO"}

package/dist/platform/useReducedMotion.mobile.d.ts

@@ -0,0 +1,5 @@
+//#region src/platform/useReducedMotion.mobile.d.ts
+declare function useReducedMotion(): boolean;
+//#endregion
+export { useReducedMotion };
+//# sourceMappingURL=useReducedMotion.mobile.d.ts.map

package/dist/platform/useReducedMotion.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.mobile.d.ts","names":[],"sources":["../../src/platform/useReducedMotion.mobile.ts"],"sourcesContent":[],"mappings":";iBAKgB,gBAAA,CAAA"}

package/dist/platform/useReducedMotion.mobile.js

@@ -0,0 +1,30 @@
+'use client';
+
+
+import * as React$1 from "react";
+import { AccessibilityInfo } from "react-native";
+
+//#region src/platform/useReducedMotion.mobile.ts
+function useReducedMotion() {
+	const [reduced, setReduced] = React$1.useState(false);
+	React$1.useEffect(() => {
+		let mounted = true;
+		AccessibilityInfo?.isReduceMotionEnabled().then((v) => {
+			if (mounted) setReduced(Boolean(v));
+		});
+		const handler = (v) => {
+			if (mounted) setReduced(Boolean(v));
+		};
+		const sub = AccessibilityInfo?.addEventListener?.("reduceMotionChanged", handler);
+		return () => {
+			mounted = false;
+			sub?.remove?.();
+			AccessibilityInfo?.removeEventListener?.("reduceMotionChanged", handler);
+		};
+	}, []);
+	return reduced;
+}
+
+//#endregion
+export { useReducedMotion };
+//# sourceMappingURL=useReducedMotion.mobile.js.map

package/dist/platform/useReducedMotion.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useReducedMotion.mobile.js","names":["React"],"sources":["../../src/platform/useReducedMotion.mobile.ts"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AccessibilityInfo } from 'react-native';\n\nexport function useReducedMotion() {\n  const [reduced, setReduced] = React.useState(false);\n\n  React.useEffect(() => {\n    let mounted = true;\n    AccessibilityInfo?.isReduceMotionEnabled().then((v: any) => {\n      if (mounted) setReduced(Boolean(v));\n    });\n    const handler = (v: any) => {\n      if (mounted) setReduced(Boolean(v));\n    };\n    // RN >= 0.71\n    const sub = (AccessibilityInfo as any)?.addEventListener?.(\n      'reduceMotionChanged',\n      handler\n    );\n    return () => {\n      mounted = false;\n      // RN >= 0.71\n      sub?.remove?.();\n      // RN < 0.71\n      (AccessibilityInfo as any)?.removeEventListener?.(\n        'reduceMotionChanged',\n        handler\n      );\n    };\n  }, []);\n\n  return reduced;\n}\n"],"mappings":";;;;;;;AAKA,SAAgB,mBAAmB;CACjC,MAAM,CAAC,SAAS,cAAcA,QAAM,SAAS,MAAM;AAEnD,SAAM,gBAAgB;EACpB,IAAI,UAAU;AACd,qBAAmB,uBAAuB,CAAC,MAAM,MAAW;AAC1D,OAAI,QAAS,YAAW,QAAQ,EAAE,CAAC;IACnC;EACF,MAAM,WAAW,MAAW;AAC1B,OAAI,QAAS,YAAW,QAAQ,EAAE,CAAC;;EAGrC,MAAM,MAAO,mBAA2B,mBACtC,uBACA,QACD;AACD,eAAa;AACX,aAAU;AAEV,QAAK,UAAU;AAEf,GAAC,mBAA2B,sBAC1B,uBACA,QACD;;IAEF,EAAE,CAAC;AAEN,QAAO"}

package/dist/platform/useResponsive.d.ts

@@ -0,0 +1,24 @@
+//#region src/platform/useResponsive.d.ts
+interface Breakpoints {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+declare function useResponsive(custom?: Partial<Breakpoints>): {
+  readonly width: number;
+  readonly breakpoints: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+  };
+  readonly isSM: boolean;
+  readonly isMD: boolean;
+  readonly isLG: boolean;
+  readonly isXL: boolean;
+  readonly screen: "mobile" | "tablet" | "desktop";
+};
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.d.ts.map

package/dist/platform/useResponsive.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.d.ts","names":[],"sources":["../../src/platform/useResponsive.ts"],"sourcesContent":[],"mappings":";UAIU,WAAA;EAAA,EAAA,EAAA,MAAA;EASM,EAAA,EAAA,MAAA;;;;iBAAA,aAAA,UAAuB,QAAQ"}

package/dist/platform/useResponsive.js

@@ -0,0 +1,41 @@
+'use client';
+
+
+import * as React$1 from "react";
+
+//#region src/platform/useResponsive.ts
+const DEFAULT = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280
+};
+function useResponsive(custom) {
+	const bp = React$1.useMemo(() => ({
+		...DEFAULT,
+		...custom
+	}), [custom]);
+	const [width, setWidth] = React$1.useState(typeof window !== "undefined" ? window.innerWidth : bp.md);
+	React$1.useEffect(() => {
+		if (typeof window === "undefined") return;
+		const onResize = () => setWidth(window.innerWidth);
+		window.addEventListener("resize", onResize);
+		return () => window.removeEventListener("resize", onResize);
+	}, []);
+	const isSM = width >= bp.sm;
+	const isMD = width >= bp.md;
+	const isLG = width >= bp.lg;
+	return {
+		width,
+		breakpoints: bp,
+		isSM,
+		isMD,
+		isLG,
+		isXL: width >= bp.xl,
+		screen: isLG ? "desktop" : isSM ? "tablet" : "mobile"
+	};
+}
+
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.js.map

package/dist/platform/useResponsive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.js","names":["DEFAULT: Breakpoints","React"],"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,KAAKC,QAAM,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CACrE,MAAM,CAAC,OAAO,YAAYA,QAAM,SAC9B,OAAO,WAAW,cAAc,OAAO,aAAa,GAAG,GACxD;AAED,SAAM,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/useResponsive.mobile.d.ts

@@ -0,0 +1,24 @@
+//#region src/platform/useResponsive.mobile.d.ts
+interface Breakpoints {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+declare function useResponsive(custom?: Partial<Breakpoints>): {
+  readonly width: number;
+  readonly breakpoints: {
+    sm: number;
+    md: number;
+    lg: number;
+    xl: number;
+  };
+  readonly isSM: boolean;
+  readonly isMD: boolean;
+  readonly isLG: boolean;
+  readonly isXL: boolean;
+  readonly screen: "mobile" | "tablet" | "desktop";
+};
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.mobile.d.ts.map

package/dist/platform/useResponsive.mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.mobile.d.ts","names":[],"sources":["../../src/platform/useResponsive.mobile.ts"],"sourcesContent":[],"mappings":";UAKU,WAAA;EAAA,EAAA,EAAA,MAAA;EASM,EAAA,EAAA,MAAA;;;;iBAAA,aAAA,UAAuB,QAAQ"}

package/dist/platform/useResponsive.mobile.js

@@ -0,0 +1,44 @@
+'use client';
+
+
+import { useEffect, useMemo, useState } from "react";
+import { Dimensions } from "react-native";
+
+//#region src/platform/useResponsive.mobile.ts
+const DEFAULT = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280
+};
+function useResponsive(custom) {
+	const bp = useMemo(() => ({
+		...DEFAULT,
+		...custom
+	}), [custom]);
+	const [width, setWidth] = useState(Dimensions.get("window").width);
+	useEffect(() => {
+		const sub = Dimensions.addEventListener("change", ({ window }) => {
+			setWidth(window.width);
+		});
+		return () => {
+			if (typeof sub?.remove === "function") sub.remove();
+		};
+	}, []);
+	const isSM = width >= bp.sm;
+	const isMD = width >= bp.md;
+	const isLG = width >= bp.lg;
+	return {
+		width,
+		breakpoints: bp,
+		isSM,
+		isMD,
+		isLG,
+		isXL: width >= bp.xl,
+		screen: isLG ? "desktop" : isSM ? "tablet" : "mobile"
+	};
+}
+
+//#endregion
+export { useResponsive };
+//# sourceMappingURL=useResponsive.mobile.js.map

package/dist/platform/useResponsive.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResponsive.mobile.js","names":["DEFAULT: Breakpoints"],"sources":["../../src/platform/useResponsive.mobile.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useState } from 'react';\nimport { Dimensions } from 'react-native';\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 = useMemo(() => ({ ...DEFAULT, ...custom }), [custom]);\n  const [width, setWidth] = useState<number>(Dimensions.get('window').width);\n\n  useEffect(() => {\n    const sub = Dimensions.addEventListener('change', ({ window }) => {\n      setWidth(window.width);\n    });\n    return () => {\n      // RN supports remove() on the subscription in newer versions\n      if (typeof sub?.remove === 'function') {\n        sub.remove();\n      }\n    };\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":";;;;;;;AAYA,MAAMA,UAAuB;CAAE,IAAI;CAAK,IAAI;CAAK,IAAI;CAAM,IAAI;CAAM;AAErE,SAAgB,cAAc,QAA+B;CAC3D,MAAM,KAAK,eAAe;EAAE,GAAG;EAAS,GAAG;EAAQ,GAAG,CAAC,OAAO,CAAC;CAC/D,MAAM,CAAC,OAAO,YAAY,SAAiB,WAAW,IAAI,SAAS,CAAC,MAAM;AAE1E,iBAAgB;EACd,MAAM,MAAM,WAAW,iBAAiB,WAAW,EAAE,aAAa;AAChE,YAAS,OAAO,MAAM;IACtB;AACF,eAAa;AAEX,OAAI,OAAO,KAAK,WAAW,WACzB,KAAI,QAAQ;;IAGf,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.d.ts

@@ -0,0 +1,29 @@
+//#region src/platform/withPlatformUI.d.ts
+/**
+ * withPlatformUI
+ * Lightweight adapter inspired by gluestack's withGluestack pattern.
+ * It centralizes tokens and responsive options while keeping DS imports
+ * pointed at @ui-kit-web. Metro/Webpack aliases can swap to @ui-kit in native.
+ */
+type PlatformKind = 'web' | 'native';
+interface Breakpoints {
+  sm: number;
+  md: number;
+  lg: number;
+  xl: number;
+}
+interface WithPlatformUIOptions<TTokens extends Record<string, unknown>> {
+  tokens: TTokens;
+  platform?: PlatformKind;
+  breakpoints?: Partial<Breakpoints>;
+}
+interface PlatformUI<TTokens> {
+  platform: PlatformKind;
+  tokens: TTokens;
+  breakpoints: Breakpoints;
+}
+declare const DEFAULT_BREAKPOINTS: Breakpoints;
+declare function withPlatformUI<TTokens extends Record<string, unknown>>(options: WithPlatformUIOptions<TTokens>): PlatformUI<TTokens>;
+//#endregion
+export { Breakpoints, DEFAULT_BREAKPOINTS, PlatformKind, PlatformUI, WithPlatformUIOptions, withPlatformUI };
+//# sourceMappingURL=withPlatformUI.d.ts.map

package/dist/platform/withPlatformUI.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withPlatformUI.d.ts","names":[],"sources":["../../src/platform/withPlatformUI.ts"],"sourcesContent":[],"mappings":";;AASA;AAEA;AAOA;;;AAIa,KAbD,YAAA,GAaC,KAAA,GAAA,QAAA;AACW,UAZP,WAAA,CAYO;EAAR,EAAA,EAAA,MAAA;EAAO,EAAA,EAAA,MAAA;EAGN,EAAA,EAAA,MAAA;EACL,EAAA,EAAA,MAAA;;AAEG,UAXE,qBAWF,CAAA,gBAVG,MAUH,CAAA,MAAA,EAAA,OAAA,CAAA,CAAA,CAAA;EAAW,MAAA,EARhB,OAQgB;EAGb,QAAA,CAAA,EAVA,YAeZ;EAEe,WAAA,CAAA,EAhBA,OAgBc,CAhBN,WAgBM,CAAA;;AACG,UAdhB,UAcgB,CAAA,OAAA,CAAA,CAAA;EAAtB,QAAA,EAbC,YAaD;EACG,MAAA,EAbJ,OAaI;EAAX,WAAA,EAZY,WAYZ;;cATU,qBAAqB;iBAOlB,+BAA+B,kCACpC,sBAAsB,WAC9B,WAAW"}

package/dist/platform/withPlatformUI.js

@@ -0,0 +1,32 @@
+'use client';
+
+
+//#region src/platform/withPlatformUI.ts
+const DEFAULT_BREAKPOINTS = {
+	sm: 640,
+	md: 768,
+	lg: 1024,
+	xl: 1280
+};
+function withPlatformUI(options) {
+	const platform = options.platform ?? "web";
+	const breakpoints = {
+		...DEFAULT_BREAKPOINTS,
+		...options.breakpoints
+	};
+	return {
+		platform,
+		tokens: options.tokens,
+		breakpoints
+	};
+}
+/**
+* Example usage (app-level):
+*
+* const ui = withPlatformUI({ tokens: themeTokens });
+* // pass ui.tokens to DS providers or map classes as needed
+*/
+
+//#endregion
+export { DEFAULT_BREAKPOINTS, withPlatformUI };
+//# sourceMappingURL=withPlatformUI.js.map

package/dist/platform/withPlatformUI.js.map

@@ -0,0 +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"}

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

@@ -0,0 +1,12 @@
+import * as _lssm_lib_contracts_client_react_form_render0 from "@lssm/lib.contracts/client/react/form-render";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _lssm_lib_schema0 from "@lssm/lib.schema";
+import * as _lssm_lib_contracts_forms0 from "@lssm/lib.contracts/forms";
+
+//#region src/renderers/form-contract.d.ts
+declare const formRenderer: {
+  render: (spec: _lssm_lib_contracts_forms0.FormSpec<_lssm_lib_schema0.AnySchemaModel>, options?: _lssm_lib_contracts_client_react_form_render0.RenderOptions<Record<string, any>> | undefined) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { formRenderer };
+//# sourceMappingURL=form-contract.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-contract.d.ts","names":[],"sources":["../../src/renderers/form-contract.tsx"],"sourcesContent":[],"mappings":";;;;;;cAoFa;qDAiBX,iBAAA,CAAA,cAAA"}

package/dist/renderers/form-contract.js

@@ -0,0 +1,77 @@
+'use client';
+
+
+import { Button } from "../components/atoms/Button.js";
+import { Input } from "../components/atoms/Input.js";
+import { Textarea } from "../components/atoms/Textarea.js";
+import React from "react";
+import { createFormRenderer } from "@lssm/lib.contracts/client/react/form-render";
+import { shadcnDriver } from "@lssm/lib.contracts/client/react/drivers/shadcn";
+import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "@lssm/lib.ui-kit-web/ui/field";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Switch } from "@lssm/lib.ui-kit-web/ui/switch";
+import { RadioGroup, RadioGroupItem } from "@lssm/lib.ui-kit-web/ui/radio-group";
+import { Checkbox } from "@lssm/lib.ui-kit-web/ui/checkbox";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectTrigger, SelectValue } from "@lssm/lib.ui-kit-web/ui/select";
+import { Label } from "@lssm/lib.ui-kit-web/ui/label";
+
+//#region src/renderers/form-contract.tsx
+const Select$1 = (props) => {
+	const { options, value, onChange,...rest } = props;
+	return /* @__PURE__ */ jsxs(Select, {
+		value: value ?? "",
+		onValueChange: (v) => onChange?.(v),
+		...rest,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: "w-[180px]",
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder: props.placeholder })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: /* @__PURE__ */ jsx(SelectGroup, { children: options?.map((o, i) => /* @__PURE__ */ jsx(SelectItem, {
+			value: o.value,
+			disabled: o.disabled,
+			children: o.labelI18n
+		}, i)) }) })]
+	});
+};
+const Checkbox$1 = (props) => /* @__PURE__ */ jsx(Checkbox, {
+	checked: !!props.checked,
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
+	...props
+});
+const RadioGroup$1 = (props) => /* @__PURE__ */ jsx(RadioGroup, {
+	...props,
+	children: props.options?.map((o, i) => /* @__PURE__ */ jsxs("div", {
+		className: "flex items-center gap-3",
+		children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+			value: o.value,
+			id: o.value
+		}), /* @__PURE__ */ jsx(Label, {
+			htmlFor: o.value,
+			children: o.label
+		})]
+	}))
+});
+const Switch$1 = (props) => /* @__PURE__ */ jsx(Switch, {
+	checked: !!props.checked,
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
+	...props
+});
+const formRenderer = createFormRenderer({ driver: shadcnDriver({
+	Field,
+	FieldLabel,
+	FieldDescription,
+	FieldError,
+	FieldGroup,
+	FieldSet: (p) => /* @__PURE__ */ jsx("fieldset", { ...p }),
+	FieldLegend: (p) => /* @__PURE__ */ jsx("legend", { ...p }),
+	Input,
+	Textarea,
+	Select: Select$1,
+	Checkbox: Checkbox$1,
+	RadioGroup: RadioGroup$1,
+	Switch: Switch$1,
+	Button
+}) });
+
+//#endregion
+export { formRenderer };
+//# sourceMappingURL=form-contract.js.map

package/dist/renderers/form-contract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-contract.js","names":["Select","SelectUiKit","Checkbox","CheckboxUiKit","RadioGroup","RadioGroupUiKit","Switch","SwitchUiKit","FieldWrap"],"sources":["../../src/renderers/form-contract.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport { createFormRenderer } from '@lssm/lib.contracts/client/react/form-render';\nimport { shadcnDriver } from '@lssm/lib.contracts/client/react/drivers/shadcn';\n\n// Minimal shadcn driver mapping: host must wire its components here.\n// Replace these placeholders with actual shadcn/ui imports in your app.\nimport {\n  Field as FieldWrap,\n  FieldDescription,\n  FieldError,\n  FieldGroup,\n  FieldLabel,\n} from '@lssm/lib.ui-kit-web/ui/field';\nimport { Button } from '../components/atoms/Button';\nimport { Input } from '../components/atoms/Input';\nimport { Textarea } from '../components/atoms/Textarea';\nimport { Switch as SwitchUiKit } from '@lssm/lib.ui-kit-web/ui/switch';\nimport {\n  RadioGroup as RadioGroupUiKit,\n  RadioGroupItem,\n} from '@lssm/lib.ui-kit-web/ui/radio-group';\nimport { Checkbox as CheckboxUiKit } from '@lssm/lib.ui-kit-web/ui/checkbox';\nimport {\n  Select as SelectUiKit,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@lssm/lib.ui-kit-web/ui/select';\nimport { Label } from '@lssm/lib.ui-kit-web/ui/label';\n\n// Select/Checkbox/Radio/Switch are app-specific; provide thin wrappers.\nconst Select = (props: any) => {\n  const { options, value, onChange, ...rest } = props;\n  return (\n    <SelectUiKit\n      value={value ?? ''}\n      onValueChange={(v) => onChange?.(v)}\n      {...rest}\n    >\n      <SelectTrigger className=\"w-[180px]\">\n        <SelectValue placeholder={props.placeholder} />\n      </SelectTrigger>\n      <SelectContent>\n        <SelectGroup>\n          {/* <SelectLabel>Fruits</SelectLabel> */}\n          {/* <SelectItem value=\"\" disabled hidden></SelectItem> */}\n          {options?.map((o: any, i: number) => (\n            <SelectItem key={i} value={o.value} disabled={o.disabled}>\n              {o.labelI18n}\n            </SelectItem>\n          ))}\n        </SelectGroup>\n      </SelectContent>\n    </SelectUiKit>\n  );\n};\nconst Checkbox = (props: any) => (\n  <CheckboxUiKit\n    checked={!!props.checked}\n    onCheckedChange={(v) => props.onCheckedChange?.(v)}\n    {...props}\n  />\n);\nconst RadioGroup = (props: any) => (\n  <RadioGroupUiKit {...props}>\n    {props.options?.map((o: any, i: number) => (\n      <div className=\"flex items-center gap-3\">\n        <RadioGroupItem value={o.value} id={o.value} />\n        <Label htmlFor={o.value}>{o.label}</Label>\n      </div>\n    ))}\n  </RadioGroupUiKit>\n);\nconst Switch = (props: any) => (\n  <SwitchUiKit\n    checked={!!props.checked}\n    onCheckedChange={(v) => props.onCheckedChange?.(v)}\n    {...props}\n  />\n);\n\nexport const formRenderer = createFormRenderer({\n  driver: shadcnDriver({\n    Field: FieldWrap,\n    FieldLabel: FieldLabel,\n    FieldDescription: FieldDescription,\n    FieldError: FieldError,\n    FieldGroup: FieldGroup,\n    FieldSet: (p: any) => <fieldset {...p} />,\n    FieldLegend: (p: any) => <legend {...p} />,\n    Input: Input as any,\n    Textarea: Textarea as any,\n    Select: Select,\n    Checkbox: Checkbox,\n    RadioGroup: RadioGroup,\n    Switch: Switch,\n    Button: Button as any,\n  }),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAkCA,MAAMA,YAAU,UAAe;CAC7B,MAAM,EAAE,SAAS,OAAO,SAAU,GAAG,SAAS;AAC9C,QACE,qBAACC;EACC,OAAO,SAAS;EAChB,gBAAgB,MAAM,WAAW,EAAE;EACnC,GAAI;aAEJ,oBAAC;GAAc,WAAU;aACvB,oBAAC,eAAY,aAAa,MAAM,cAAe;IACjC,EAChB,oBAAC,2BACC,oBAAC,yBAGE,SAAS,KAAK,GAAQ,MACrB,oBAAC;GAAmB,OAAO,EAAE;GAAO,UAAU,EAAE;aAC7C,EAAE;KADY,EAEJ,CACb,GACU,GACA;GACJ;;AAGlB,MAAMC,cAAY,UAChB,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,MAAM,MAAM,kBAAkB,EAAE;CAClD,GAAI;EACJ;AAEJ,MAAMC,gBAAc,UAClB,oBAACC;CAAgB,GAAI;WAClB,MAAM,SAAS,KAAK,GAAQ,MAC3B,qBAAC;EAAI,WAAU;aACb,oBAAC;GAAe,OAAO,EAAE;GAAO,IAAI,EAAE;IAAS,EAC/C,oBAAC;GAAM,SAAS,EAAE;aAAQ,EAAE;IAAc;GACtC,CACN;EACc;AAEpB,MAAMC,YAAU,UACd,oBAACC;CACC,SAAS,CAAC,CAAC,MAAM;CACjB,kBAAkB,MAAM,MAAM,kBAAkB,EAAE;CAClD,GAAI;EACJ;AAGJ,MAAa,eAAe,mBAAmB,EAC7C,QAAQ,aAAa;CACZC;CACK;CACM;CACN;CACA;CACZ,WAAW,MAAW,oBAAC,cAAS,GAAI,IAAK;CACzC,cAAc,MAAW,oBAAC,YAAO,GAAI,IAAK;CACnC;CACG;CACV,QAAQR;CACR,UAAUE;CACV,YAAYE;CACZ,QAAQE;CACA;CACT,CAAC,EACH,CAAC"}

package/dist/renderers/index.d.ts

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

package/dist/renderers/index.js

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

package/dist/theme/tokenBridge.d.ts

@@ -0,0 +1,20 @@
+import { ColorTokens, RadiusTokens, SpaceTokens, defaultTokens } from "./tokens.js";
+
+//#region src/theme/tokenBridge.d.ts
+type PlatformKind = 'web' | 'native';
+type WebTokens = typeof defaultTokens;
+interface NativeTokens {
+  colors: ColorTokens;
+  spacing: SpaceTokens;
+  typography: {
+    h1: number;
+    body: number;
+  };
+  radii: RadiusTokens;
+  icons: Record<string, number>;
+}
+type BridgedTokens = WebTokens | NativeTokens;
+declare function mapTokensForPlatform(platform: PlatformKind): BridgedTokens;
+//#endregion
+export { BridgedTokens, PlatformKind, mapTokensForPlatform };
+//# sourceMappingURL=tokenBridge.d.ts.map

package/dist/theme/tokenBridge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tokenBridge.d.ts","names":[],"sources":["../../src/theme/tokenBridge.ts"],"sourcesContent":[],"mappings":";;;KASY,YAAA;KAEP,SAAA,UAAmB;AAFxB,UAIU,YAAA,CAJc;EAEnB,MAAA,EAIK,WAJI;EAEJ,OAAA,EAGC,WAHW;EAEZ,UAAA,EAAA;IACC,EAAA,EAAA,MAAA;IAKF,IAAA,EAAA,MAAA;EACA,CAAA;EAAM,KAAA,EADN,YACM;EAGH,KAAA,EAHH,MAGG,CAAA,MAAa,EAAA,MAAG,CAAA;AAE5B;KAFY,aAAA,GAAgB,YAAY;iBAExB,oBAAA,WAA+B,eAAe"}