@kanso-labs/kanso-ui 0.26.2 → 0.26.3

package/dist/styles/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","names":[],"sources":["../../src/styles/overlay.ts"],"sourcesContent":["import type { PopoverRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, shadows, spacing } from '../tokens/design.tokens.stylex';\n\n// What every overlay shares, drawn once. Popover's anchored surface and its\n// entry, Sheet's scrim, and the element that carries the dialog role inside\n// each of them; the coverage plan brings a dozen more overlays — Menu, Select,\n// ComboBox, Tooltip, the date pickers, Dialog — and each would otherwise have\n// written the same surface and the same scrim a second time. Geometry stays\n// with the component: how wide a popover is, which edge a sheet is pinned to,\n// where a dialog sits, are each overlay's own decision.\n//\n// Every one of these is portalled to the end of the body, which is why each\n// component takes a `container` prop and documents the same caveat: an app\n// that scopes its StyleX theme to a subtree has to point the portal inside it,\n// or the surface renders outside the theme and falls back to the tokens'\n// `prefers-color-scheme` default.\n//\n// Entry only, and no exit animation, for the same reason in every overlay:\n// React Aria keeps a closing surface mounted only while an animation is\n// running on it, and a popover in particular is dismissed far more often than\n// it is closed deliberately — usually by pressing something else, where a\n// lingering surface is in the way of whatever the press was for.\n\n// The scrim settles before the panel it sits behind arrives: shorter than\n// any panel's entry, so the two do not finish together.\nconst fadeIn = \"x18re5ia-B\";\n\n// An anchored surface grows from the edge it is anchored by rather than from\n// its own centre, which is what makes it read as coming out of the trigger.\n// The origin is a separate style, chosen from the placement React Aria\n// reports, so the same keyframes serve all four sides.\nconst scaleIn = \"x1k48ry3-B\";\nconst overlay = {\n  fromBottom: {\n    k3nNDw: \"x18ouj0k\",\n    $$css: true\n  },\n  fromLeft: {\n    k3nNDw: \"x1nf803f\",\n    $$css: true\n  },\n  fromRight: {\n    k3nNDw: \"xyibjs4\",\n    $$css: true\n  },\n  fromTop: {\n    k3nNDw: \"x1dp6rp6\",\n    $$css: true\n  },\n  modalDialog: {\n    kZKoxP: \"x5yr21d\",\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    k3XXqK: \"x1t137rt\",\n    $$css: true\n  },\n  popup: {\n    k44tkh: \"xvhm28k\",\n    kKVMdj: \"x97zbip\",\n    kyAemX: \"x16dv9tl\",\n    kWkggS: \"x1mjdul6\",\n    kaIpWk: \"x62ce2h\",\n    kGVxlE: \"x1os83gw\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kORKVm: \"x1odjw0f\",\n    $$css: true\n  },\n  popupDialog: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x126z3so\",\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x1hl8ikr\",\n    k3XXqK: \"x9v5kkp x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  scrim: {\n    k44tkh: \"x1vhuh8u\",\n    kKVMdj: \"xqcmdr3\",\n    kyAemX: \"x1yujl0p\",\n    kWkggS: \"x1iqbvzf\",\n    kpwlN0: \"x10a8y8t\",\n    kVAEAm: \"xixxii4\",\n    $$css: true\n  }\n};\n\n// Which side the surface opened on, and the origin its entry grows from.\n// Keyed on the placement React Aria reports rather than the one asked for,\n// since the surface flips to the opposite side when there is no room on its\n// own; `center` is the placement React Aria reports for an anchor it could\n// not place beside, and grows from the top like the default.\nconst origins = {\n  bottom: overlay.fromTop,\n  center: overlay.fromTop,\n  left: overlay.fromRight,\n  right: overlay.fromLeft,\n  top: overlay.fromBottom\n};\n\n/** Where along that side it lines up with the anchor. */\ntype OverlayAlign = 'center' | 'end' | 'start';\n\n/** Which side of the anchor a surface opens on. */\ntype OverlaySide = 'bottom' | 'left' | 'right' | 'top';\n\n/**\n * React Aria's placement, from the side and the alignment a call site names.\n * Its own vocabulary pairs a side with `top`/`bottom` on the inline sides and\n * `start`/`end` on the block ones; a call site should not have to know which\n * of the two it is asking for, so this maps one onto the other.\n *\n * Shared by every anchored overlay rather than kept in one, since which side\n * a surface opens on is the same question for a popover and a menu.\n */\nfunction placementOf(side: OverlaySide, align: OverlayAlign) {\n  if (align === 'center') {\n    return side;\n  }\n  if (side === 'top' || side === 'bottom') {\n    return `${side} ${align}` as const;\n  }\n  return `${side} ${align === 'start' ? 'top' : 'bottom'}` as const;\n}\n\n/**\n * The origin an anchored surface grows from, for the placement React Aria\n * reports through its render state. `null`, before the surface has been\n * placed, grows from the top as `bottom` does.\n */\nfunction popupOrigin(placement: PopoverRenderProps['placement']) {\n  return origins[placement ?? 'bottom'];\n}\nexport type { OverlayAlign, OverlaySide };\nexport { overlay, placementOf, popupOrigin };"],"mappings":";AAkCA,MAAM,UAAU;CACd,YAAY;EACV,QAAQ;EACR,OAAO;CACT;CACA,UAAU;EACR,QAAQ;EACR,OAAO;CACT;CACA,WAAW;EACT,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,aAAa;EACX,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AAOA,MAAM,UAAU;CACd,QAAQ,QAAQ;CAChB,QAAQ,QAAQ;CAChB,MAAM,QAAQ;CACd,OAAO,QAAQ;CACf,KAAK,QAAQ;AACf;;;;;;;;;;AAiBA,SAAS,YAAY,MAAmB,OAAqB;CAC3D,IAAI,UAAU,UACZ,OAAO;CAET,IAAI,SAAS,SAAS,SAAS,UAC7B,OAAO,GAAG,KAAI,GAAI;CAEpB,OAAO,GAAG,KAAI,GAAI,UAAU,UAAU,QAAQ;AAChD;;;;;;AAOA,SAAS,YAAY,WAA4C;CAC/D,OAAO,QAAQ,aAAa;AAC9B"}
+{"version":3,"file":"overlay.js","names":["PopoverRenderProps","stylex","colors","motion","radii","shadows","spacing","fadeIn","scaleIn","overlay","fromBottom","k3nNDw","$$css","fromLeft","fromRight","fromTop","modalDialog","kZKoxP","kB7OPa","k1xSpc","kXwgrk","k3XXqK","popup","k44tkh","kKVMdj","kyAemX","kWkggS","kaIpWk","kGVxlE","kMwMTN","kORKVm","popupDialog","kOIVth","kjBf7l","kInvED","kMeerF","scrim","kpwlN0","kVAEAm","origins","bottom","center","left","right","top","OverlayAlign","OverlaySide","placementOf","side","align","const","popupOrigin","placement"],"sources":["../../src/styles/overlay.ts"],"sourcesContent":["import type { PopoverRenderProps } from 'react-aria-components';\nimport * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, motion, radii, shadows, spacing } from '../tokens/design.tokens.stylex';\n\n// What every overlay shares, drawn once. Popover's anchored surface and its\n// entry, Sheet's scrim, and the element that carries the dialog role inside\n// each of them; the coverage plan brings a dozen more overlays — Menu, Select,\n// ComboBox, Tooltip, the date pickers, Dialog — and each would otherwise have\n// written the same surface and the same scrim a second time. Geometry stays\n// with the component: how wide a popover is, which edge a sheet is pinned to,\n// where a dialog sits, are each overlay's own decision.\n//\n// Every one of these is portalled to the end of the body, which is why each\n// component takes a `container` prop and documents the same caveat: an app\n// that scopes its StyleX theme to a subtree has to point the portal inside it,\n// or the surface renders outside the theme and falls back to the tokens'\n// `prefers-color-scheme` default.\n//\n// Entry only, and no exit animation, for the same reason in every overlay:\n// React Aria keeps a closing surface mounted only while an animation is\n// running on it, and a popover in particular is dismissed far more often than\n// it is closed deliberately — usually by pressing something else, where a\n// lingering surface is in the way of whatever the press was for.\n\n// The scrim settles before the panel it sits behind arrives: shorter than\n// any panel's entry, so the two do not finish together.\nconst fadeIn = \"x18re5ia-B\";\n\n// An anchored surface grows from the edge it is anchored by rather than from\n// its own centre, which is what makes it read as coming out of the trigger.\n// The origin is a separate style, chosen from the placement React Aria\n// reports, so the same keyframes serve all four sides.\nconst scaleIn = \"x1k48ry3-B\";\nconst overlay = {\n  fromBottom: {\n    k3nNDw: \"x18ouj0k\",\n    $$css: true\n  },\n  fromLeft: {\n    k3nNDw: \"x1nf803f\",\n    $$css: true\n  },\n  fromRight: {\n    k3nNDw: \"xyibjs4\",\n    $$css: true\n  },\n  fromTop: {\n    k3nNDw: \"x1dp6rp6\",\n    $$css: true\n  },\n  modalDialog: {\n    kZKoxP: \"x5yr21d\",\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    k3XXqK: \"x1t137rt\",\n    $$css: true\n  },\n  popup: {\n    k44tkh: \"xvhm28k\",\n    kKVMdj: \"x97zbip\",\n    kyAemX: \"x16dv9tl\",\n    kWkggS: \"x1mjdul6\",\n    kaIpWk: \"x62ce2h\",\n    kGVxlE: \"x1os83gw\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x139gbkf\",\n    kORKVm: \"x1odjw0f\",\n    $$css: true\n  },\n  popupDialog: {\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kXwgrk: \"xdt5ytf\",\n    kOIVth: \"x126z3so\",\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x1hl8ikr\",\n    k3XXqK: \"x9v5kkp x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    $$css: true\n  },\n  scrim: {\n    k44tkh: \"x1vhuh8u\",\n    kKVMdj: \"xqcmdr3\",\n    kyAemX: \"x1yujl0p\",\n    kWkggS: \"x1iqbvzf\",\n    kpwlN0: \"x10a8y8t\",\n    kVAEAm: \"xixxii4\",\n    $$css: true\n  }\n};\n\n// Which side the surface opened on, and the origin its entry grows from.\n// Keyed on the placement React Aria reports rather than the one asked for,\n// since the surface flips to the opposite side when there is no room on its\n// own; `center` is the placement React Aria reports for an anchor it could\n// not place beside, and grows from the top like the default.\nconst origins = {\n  bottom: overlay.fromTop,\n  center: overlay.fromTop,\n  left: overlay.fromRight,\n  right: overlay.fromLeft,\n  top: overlay.fromBottom\n};\n\n/** Where along that side it lines up with the anchor. */\ntype OverlayAlign = 'center' | 'end' | 'start';\n\n/** Which side of the anchor a surface opens on. */\ntype OverlaySide = 'bottom' | 'left' | 'right' | 'top';\n\n/**\n * React Aria's placement, from the side and the alignment a call site names.\n * Its own vocabulary pairs a side with `top`/`bottom` on the inline sides and\n * `start`/`end` on the block ones; a call site should not have to know which\n * of the two it is asking for, so this maps one onto the other.\n *\n * Shared by every anchored overlay rather than kept in one, since which side\n * a surface opens on is the same question for a popover and a menu.\n */\nfunction placementOf(side: OverlaySide, align: OverlayAlign) {\n  if (align === 'center') {\n    return side;\n  }\n  if (side === 'top' || side === 'bottom') {\n    return `${side} ${align}` as const;\n  }\n  return `${side} ${align === 'start' ? 'top' : 'bottom'}` as const;\n}\n\n/**\n * The origin an anchored surface grows from, for the placement React Aria\n * reports through its render state. `null`, before the surface has been\n * placed, grows from the top as `bottom` does.\n */\nfunction popupOrigin(placement: PopoverRenderProps['placement']) {\n  return origins[placement ?? 'bottom'];\n}\nexport type { OverlayAlign, OverlaySide };\nexport { overlay, placementOf, popupOrigin };"],"mappings":";AAkCA,MAAMS,UAAU;CACdC,YAAY;EACVC,QAAQ;EACRC,OAAO;CACT;CACAC,UAAU;EACRF,QAAQ;EACRC,OAAO;CACT;CACAE,WAAW;EACTH,QAAQ;EACRC,OAAO;CACT;CACAG,SAAS;EACPJ,QAAQ;EACRC,OAAO;CACT;CACAI,aAAa;EACXC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRT,OAAO;CACT;CACAU,OAAO;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRV,QAAQ;EACRW,QAAQ;EACRC,QAAQ;EACRlB,OAAO;CACT;CACAmB,aAAa;EACXb,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRY,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRb,QAAQ;EACRc,QAAQ;EACRvB,OAAO;CACT;CACAwB,OAAO;EACLb,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRW,QAAQ;EACRC,QAAQ;EACR1B,OAAO;CACT;AACF;AAOA,MAAM2B,UAAU;CACdC,QAAQ/B,QAAQM;CAChB0B,QAAQhC,QAAQM;CAChB2B,MAAMjC,QAAQK;CACd6B,OAAOlC,QAAQI;CACf+B,KAAKnC,QAAQC;AACf;;;;;;;;;;AAiBA,SAASqC,YAAYC,MAAmBC,OAAqB;CAC3D,IAAIA,UAAU,UACZ,OAAOD;CAET,IAAIA,SAAS,SAASA,SAAS,UAC7B,OAAO,GAAGA,KAAI,GAAIC;CAEpB,OAAO,GAAGD,KAAI,GAAIC,UAAU,UAAU,QAAQ;AAChD;;;;;;AAOA,SAASE,YAAYC,WAA4C;CAC/D,OAAOb,QAAQa,aAAa;AAC9B"}

package/dist/styles/picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"picker.js","names":[],"sources":["../../src/styles/picker.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, media, radii, spacing, stateLayerOpacity } from '../tokens/design.tokens.stylex';\n\n// What a date picker and a date range picker draw in common: the line the\n// segments and the trigger share, the trigger itself, and the surface the\n// calendar opens on. Both put the same three on screen, and the breakpoint\n// swap below is why they are here rather than written twice — a docked\n// picker and a range picker that disagreed about where the modal sits would\n// be two bugs rather than one.\n//\n// In `src/styles` rather than a `src/picker` of its own, since this is\n// styles more than one component draws, which is what that directory holds.\n// Geometry belonging to one picker alone stays with that picker.\n\nconst picker = {\n  group: {\n    kGNEyG: \"x6s0dn4\",\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x126z3so\",\n    kzqmXN: \"xh8yej3\",\n    k3XXqK: \"x1t137rt\",\n    $$css: true\n  },\n  popover: {\n    k87sOh: \"x80663w xifftmu\",\n    kLqNvP: \"xhi6v0a xel0e7d\",\n    ks0D6T: \"x1x1rfll x1gc1xii\",\n    kVAEAm: \"x10l6tqk xrdyt6x\",\n    k3aq6I: \"x1c071of xd6mrmt\",\n    $$css: true\n  },\n  trigger: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x1dg9itu x1728qcm xjbqb8w\",\n    kZKoxP: \"x1vqgdyp\",\n    kaIpWk: \"x3y1ksm\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"x100vrsf\",\n    kjj79g: \"xl56j7k\",\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x1hl8ikr\",\n    k3XXqK: \"x9v5kkp x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x1gpw424\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  triggerGlyph: {\n    kZKoxP: \"xxk0z11\",\n    kzqmXN: \"xvy4d1p\",\n    $$css: true\n  }\n};\n\n// The trigger's classes, from React Aria's own render state. A picker's\n// trigger is disabled by the field around it rather than by a prop of its\n// own, so the fade comes off the state React Aria hands the className.\nfunction triggerClassName(state: {\n  isDisabled: boolean;\n}) {\n  return {\n    0: {\n      className: \"x6s0dn4 x1dg9itu x1728qcm xjbqb8w x1vqgdyp x3y1ksm xc342km x9f619 x1w5n3ug x1ypdohk x78zum5 x2lah0s x100vrsf xl56j7k xrgy624 x1hl8ikr x9v5kkp x1t137rt x1de99jn x1717udv\"\n    },\n    1: {\n      className: \"x6s0dn4 x1vqgdyp x3y1ksm xc342km x9f619 x78zum5 x2lah0s x100vrsf xl56j7k xrgy624 x1hl8ikr x9v5kkp x1t137rt x1de99jn x1717udv xjbqb8w x1gpw424 xt0e3qv\"\n    }\n  }[!!state.isDisabled << 0].className ?? '';\n}\nexport { picker, triggerClassName };"],"mappings":";AAeA,MAAM,SAAS;CACb,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,iBAAiB;EACf,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,cAAc;EACZ,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF;AAKA,SAAS,iBAAiB,OAEvB;CACD,OAAO;EACL,GAAG,EACD,WAAW,2KACb;EACA,GAAG,EACD,WAAW,wJACb;CACF,EAAE,CAAC,CAAC,MAAM,cAAc,EAAE,CAAC,aAAa;AAC1C"}
+{"version":3,"file":"picker.js","names":["stylex","colors","media","radii","spacing","stateLayerOpacity","picker","group","kGNEyG","kB7OPa","k1xSpc","kOIVth","kzqmXN","k3XXqK","$$css","popover","k87sOh","kLqNvP","ks0D6T","kVAEAm","k3aq6I","trigger","kWkggS","kZKoxP","kaIpWk","kMzoRj","kMwMTN","kkrTdU","kmuXW","kjj79g","kjBf7l","kInvED","kMeerF","kmVPX3","triggerDisabled","triggerGlyph","triggerClassName","state","isDisabled","className"],"sources":["../../src/styles/picker.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { colors, media, radii, spacing, stateLayerOpacity } from '../tokens/design.tokens.stylex';\n\n// What a date picker and a date range picker draw in common: the line the\n// segments and the trigger share, the trigger itself, and the surface the\n// calendar opens on. Both put the same three on screen, and the breakpoint\n// swap below is why they are here rather than written twice — a docked\n// picker and a range picker that disagreed about where the modal sits would\n// be two bugs rather than one.\n//\n// In `src/styles` rather than a `src/picker` of its own, since this is\n// styles more than one component draws, which is what that directory holds.\n// Geometry belonging to one picker alone stays with that picker.\n\nconst picker = {\n  group: {\n    kGNEyG: \"x6s0dn4\",\n    kB7OPa: \"x9f619\",\n    k1xSpc: \"x78zum5\",\n    kOIVth: \"x126z3so\",\n    kzqmXN: \"xh8yej3\",\n    k3XXqK: \"x1t137rt\",\n    $$css: true\n  },\n  popover: {\n    k87sOh: \"x80663w xifftmu\",\n    kLqNvP: \"xhi6v0a xel0e7d\",\n    ks0D6T: \"x1x1rfll x1gc1xii\",\n    kVAEAm: \"x10l6tqk xrdyt6x\",\n    k3aq6I: \"x1c071of xd6mrmt\",\n    $$css: true\n  },\n  trigger: {\n    kGNEyG: \"x6s0dn4\",\n    kWkggS: \"x1dg9itu x1728qcm xjbqb8w\",\n    kZKoxP: \"x1vqgdyp\",\n    kaIpWk: \"x3y1ksm\",\n    kMzoRj: \"xc342km\",\n    kB7OPa: \"x9f619\",\n    kMwMTN: \"x1w5n3ug\",\n    kkrTdU: \"x1ypdohk\",\n    k1xSpc: \"x78zum5\",\n    kmuXW: \"x2lah0s\",\n    kzqmXN: \"x100vrsf\",\n    kjj79g: \"xl56j7k\",\n    kjBf7l: \"xrgy624\",\n    kInvED: \"x1hl8ikr\",\n    k3XXqK: \"x9v5kkp x1t137rt\",\n    kMeerF: \"x1de99jn\",\n    kmVPX3: \"x1717udv\",\n    $$css: true\n  },\n  triggerDisabled: {\n    kWkggS: \"xjbqb8w\",\n    kMwMTN: \"x1gpw424\",\n    kkrTdU: \"xt0e3qv\",\n    $$css: true\n  },\n  triggerGlyph: {\n    kZKoxP: \"xxk0z11\",\n    kzqmXN: \"xvy4d1p\",\n    $$css: true\n  }\n};\n\n// The trigger's classes, from React Aria's own render state. A picker's\n// trigger is disabled by the field around it rather than by a prop of its\n// own, so the fade comes off the state React Aria hands the className.\nfunction triggerClassName(state: {\n  isDisabled: boolean;\n}) {\n  return {\n    0: {\n      className: \"x6s0dn4 x1dg9itu x1728qcm xjbqb8w x1vqgdyp x3y1ksm xc342km x9f619 x1w5n3ug x1ypdohk x78zum5 x2lah0s x100vrsf xl56j7k xrgy624 x1hl8ikr x9v5kkp x1t137rt x1de99jn x1717udv\"\n    },\n    1: {\n      className: \"x6s0dn4 x1vqgdyp x3y1ksm xc342km x9f619 x78zum5 x2lah0s x100vrsf xl56j7k xrgy624 x1hl8ikr x9v5kkp x1t137rt x1de99jn x1717udv xjbqb8w x1gpw424 xt0e3qv\"\n    }\n  }[!!state.isDisabled << 0].className ?? '';\n}\nexport { picker, triggerClassName };"],"mappings":";AAeA,MAAMM,SAAS;CACbC,OAAO;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,SAAS;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRN,OAAO;CACT;CACAO,SAAS;EACPb,QAAQ;EACRc,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRhB,QAAQ;EACRiB,QAAQ;EACRC,QAAQ;EACRjB,QAAQ;EACRkB,OAAO;EACPhB,QAAQ;EACRiB,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRlB,QAAQ;EACRmB,QAAQ;EACRC,QAAQ;EACRnB,OAAO;CACT;CACAoB,iBAAiB;EACfZ,QAAQ;EACRI,QAAQ;EACRC,QAAQ;EACRb,OAAO;CACT;CACAqB,cAAc;EACZZ,QAAQ;EACRX,QAAQ;EACRE,OAAO;CACT;AACF;AAKA,SAASsB,iBAAiBC,OAEvB;CACD,OAAO;EACL,GAAG,EACDE,WAAW,2KACb;EACA,GAAG,EACDA,WAAW,wJACb;CACF,EAAE,CAAC,CAACF,MAAMC,cAAc,EAAE,CAACC,aAAa;AAC1C"}

package/dist/styles/ripple.js.map

@@ -1 +1 @@
-{"version":3,"file":"ripple.js","names":[],"sources":["../../src/styles/ripple.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { stateLayerOpacity } from '../tokens/design.tokens.stylex';\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// Growth and opacity are two independent mechanisms. Growth (width/height/\n// transform) is driven imperatively via the Web Animations API in\n// useRipple, decoupled from press/release timing so it always plays out\n// over a fixed duration. Opacity is what this file owns — toggled by the\n// `pressed` class — with a fast fade-in and a slower fade-out, so a quick\n// tap still reads as a deliberate, visible ripple rather than a flicker.\n//\n// None of the three timings below is a motion token, and that is deliberate\n// rather than an oversight predating them. The fade pair is the asymmetry\n// the paragraph above describes: 105ms in against 375ms out, hand-tuned as\n// a ratio to each other, and neither lands on the scale (105ms is near\n// durationShort1's 100ms; 375ms sits between durationMedium3 and\n// durationLong1). Snapping either to its nearest token would flatten a\n// tuned asymmetry into two arbitrary values, and adding tokens to fit would\n// make a scale that documents itself as three bands of three describe this\n// component instead. `linear` is likewise not on the easing scale, and\n// belongs off it — a fade to and from a state layer wants no acceleration,\n// which is why every curve in the token set is the wrong answer here.\n//\n// These three are now the only ripple timings off the scale. Everything\n// useRipple drives from JS is a token, read through src/tokens/values\n// because element.animate() and setTimeout both reject the StyleX form.\n//\n// The gradient's soft edge (a currentColor disc fading to transparent over\n// its outer 30-35%, capped at 70px) replaces a hard-edged circle so the\n// ripple blends into the surface rather than looking like a solid dot.\n//\n// `closest-side` + a plain circular box means no `border-radius` is needed\n// on the ripple itself — the gradient's own shape reads as a circle.\nconst styles = {\n  press: {\n    kKwaWg: \"xliahv6\",\n    kbCHJM: \"xu96u03\",\n    kSiTet: \"xg01cxk\",\n    kVAEAm: \"x10l6tqk\",\n    k87sOh: \"x13vifvy\",\n    k3nNDw: \"x1g0ag68\",\n    kIyJzY: \"xbg8nd6\",\n    k1ekBW: \"x19991ni\",\n    kAMwcw: \"xcj1dhv\",\n    $$css: true\n  },\n  pressed: {\n    kSiTet: \"xjg27g\",\n    kIyJzY: \"xjl7l83\",\n    $$css: true\n  },\n  surface: {\n    kaIpWk: \"x1pjcqnp\",\n    k1xSpc: \"x1lliihq x1c7sf14\",\n    kpwlN0: \"x10a8y8t\",\n    kVQacm: \"xb3r6kr\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    $$css: true\n  }\n};\nexport { styles as rippleStyles };"],"mappings":";AAkCA,MAAM,SAAS;CACb,OAAO;EACL,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;CACA,SAAS;EACP,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,QAAQ;EACR,OAAO;CACT;AACF"}
+{"version":3,"file":"ripple.js","names":["stylex","stateLayerOpacity","FORCED_COLORS","styles","press","kKwaWg","kbCHJM","kSiTet","kVAEAm","k87sOh","k3nNDw","kIyJzY","k1ekBW","kAMwcw","$$css","pressed","surface","kaIpWk","k1xSpc","kpwlN0","kVQacm","kfzvcC","rippleStyles"],"sources":["../../src/styles/ripple.ts"],"sourcesContent":["import * as stylex from '@stylexjs/stylex';\nimport '../tokens/design.tokens.stylex';\nimport { stateLayerOpacity } from '../tokens/design.tokens.stylex';\nconst FORCED_COLORS = '@media (forced-colors: active)';\n\n// Growth and opacity are two independent mechanisms. Growth (width/height/\n// transform) is driven imperatively via the Web Animations API in\n// useRipple, decoupled from press/release timing so it always plays out\n// over a fixed duration. Opacity is what this file owns — toggled by the\n// `pressed` class — with a fast fade-in and a slower fade-out, so a quick\n// tap still reads as a deliberate, visible ripple rather than a flicker.\n//\n// None of the three timings below is a motion token, and that is deliberate\n// rather than an oversight predating them. The fade pair is the asymmetry\n// the paragraph above describes: 105ms in against 375ms out, hand-tuned as\n// a ratio to each other, and neither lands on the scale (105ms is near\n// durationShort1's 100ms; 375ms sits between durationMedium3 and\n// durationLong1). Snapping either to its nearest token would flatten a\n// tuned asymmetry into two arbitrary values, and adding tokens to fit would\n// make a scale that documents itself as three bands of three describe this\n// component instead. `linear` is likewise not on the easing scale, and\n// belongs off it — a fade to and from a state layer wants no acceleration,\n// which is why every curve in the token set is the wrong answer here.\n//\n// These three are now the only ripple timings off the scale. Everything\n// useRipple drives from JS is a token, read through src/tokens/values\n// because element.animate() and setTimeout both reject the StyleX form.\n//\n// The gradient's soft edge (a currentColor disc fading to transparent over\n// its outer 30-35%, capped at 70px) replaces a hard-edged circle so the\n// ripple blends into the surface rather than looking like a solid dot.\n//\n// `closest-side` + a plain circular box means no `border-radius` is needed\n// on the ripple itself — the gradient's own shape reads as a circle.\nconst styles = {\n  press: {\n    kKwaWg: \"xliahv6\",\n    kbCHJM: \"xu96u03\",\n    kSiTet: \"xg01cxk\",\n    kVAEAm: \"x10l6tqk\",\n    k87sOh: \"x13vifvy\",\n    k3nNDw: \"x1g0ag68\",\n    kIyJzY: \"xbg8nd6\",\n    k1ekBW: \"x19991ni\",\n    kAMwcw: \"xcj1dhv\",\n    $$css: true\n  },\n  pressed: {\n    kSiTet: \"xjg27g\",\n    kIyJzY: \"xjl7l83\",\n    $$css: true\n  },\n  surface: {\n    kaIpWk: \"x1pjcqnp\",\n    k1xSpc: \"x1lliihq x1c7sf14\",\n    kpwlN0: \"x10a8y8t\",\n    kVQacm: \"xb3r6kr\",\n    kfzvcC: \"x47corl\",\n    kVAEAm: \"x10l6tqk\",\n    $$css: true\n  }\n};\nexport { styles as rippleStyles };"],"mappings":";AAkCA,MAAMG,SAAS;CACbC,OAAO;EACLC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,OAAO;CACT;CACAC,SAAS;EACPR,QAAQ;EACRI,QAAQ;EACRG,OAAO;CACT;CACAE,SAAS;EACPC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRC,QAAQ;EACRb,QAAQ;EACRM,OAAO;CACT;AACF"}

package/dist/tokens/design.tokens.stylex.js.map

@@ -1 +1 @@
-{"version":3,"file":"design.tokens.stylex.js","names":[],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorsLightTheme = {\n  x1qza42b: \"xxs7l4q x1qza42b\",\n  $$css: true\n};\nexport { colorsLightTheme };\nconst colorsDarkTheme = {\n  x1qza42b: \"x1let8bq x1qza42b\",\n  $$css: true\n};\nexport { colorsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  full: \"var(--x1kmbna2)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":";AAOA,MAAM,SAAS;CACb,YAAY;CACZ,OAAO;CACP,gBAAgB;CAChB,kBAAkB;CAClB,gBAAgB;CAChB,gBAAgB;CAChB,UAAU;CACV,mBAAmB;CACnB,cAAc;CACd,SAAS;CACT,kBAAkB;CAClB,YAAY;CACZ,qBAAqB;CACrB,YAAY;CACZ,qBAAqB;CACrB,WAAW;CACX,oBAAoB;CACpB,gBAAgB;CAChB,uBAAuB;CACvB,aAAa;CACb,sBAAsB;CACtB,kBAAkB;CAClB,yBAAyB;CACzB,WAAW;CACX,kBAAkB;CAClB,YAAY;CACZ,qBAAqB;CACrB,iBAAiB;CACjB,wBAAwB;CACxB,SAAS;CACT,gBAAgB;CAChB,UAAU;CACV,mBAAmB;CACnB,SAAS;CACT,kBAAkB;CAClB,cAAc;CACd,iBAAiB;CACjB,OAAO;CACP,WAAW;CACX,oBAAoB;CACpB,gBAAgB;CAChB,mBAAmB;CACnB,QAAQ;CACR,SAAS;CACT,eAAe;CACf,kBAAkB;CAClB,sBAAsB;CACtB,yBAAyB;CACzB,qBAAqB;CACrB,wBAAwB;CACxB,YAAY;CACZ,aAAa;CACb,gBAAgB;CAChB,UAAU;CACV,mBAAmB;CACnB,eAAe;CACf,kBAAkB;CAClB,kBAAkB;AACpB;AAiGA,MAAM,UAAU;CACd,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,MAAM;CACN,kBAAkB;AACpB"}
+{"version":3,"file":"design.tokens.stylex.js","names":["stylex","DARK","colors","background","error","errorContainer","inverseOnSurface","inversePrimary","inverseSurface","negative","negativeContainer","onBackground","onError","onErrorContainer","onNegative","onNegativeContainer","onPositive","onPositiveContainer","onPrimary","onPrimaryContainer","onPrimaryFixed","onPrimaryFixedVariant","onSecondary","onSecondaryContainer","onSecondaryFixed","onSecondaryFixedVariant","onSurface","onSurfaceVariant","onTertiary","onTertiaryContainer","onTertiaryFixed","onTertiaryFixedVariant","outline","outlineVariant","positive","positiveContainer","primary","primaryContainer","primaryFixed","primaryFixedDim","scrim","secondary","secondaryContainer","secondaryFixed","secondaryFixedDim","shadow","surface","surfaceBright","surfaceContainer","surfaceContainerHigh","surfaceContainerHighest","surfaceContainerLow","surfaceContainerLowest","surfaceDim","surfaceTint","surfaceVariant","tertiary","tertiaryContainer","tertiaryFixed","tertiaryFixedDim","__varGroupHash__","colorsLightTheme","x1qza42b","$$css","colorsDarkTheme","typography","bodyLargeFont","bodyLargeLineHeight","bodyLargeSize","bodyLargeTracking","bodyLargeWeight","bodyMediumFont","bodyMediumLineHeight","bodyMediumSize","bodyMediumTracking","bodyMediumWeight","bodySmallFont","bodySmallLineHeight","bodySmallSize","bodySmallTracking","bodySmallWeight","displayLargeFont","displayLargeLineHeight","displayLargeSize","displayLargeTracking","displayLargeWeight","displayMediumFont","displayMediumLineHeight","displayMediumSize","displayMediumTracking","displayMediumWeight","displaySmallFont","displaySmallLineHeight","displaySmallSize","displaySmallTracking","displaySmallWeight","fontFamilyBrand","fontFamilyMono","fontFamilyPlain","headlineLargeFont","headlineLargeLineHeight","headlineLargeSize","headlineLargeTracking","headlineLargeWeight","headlineMediumFont","headlineMediumLineHeight","headlineMediumSize","headlineMediumTracking","headlineMediumWeight","headlineSmallFont","headlineSmallLineHeight","headlineSmallSize","headlineSmallTracking","headlineSmallWeight","labelLargeFont","labelLargeLineHeight","labelLargeSize","labelLargeTracking","labelLargeWeight","labelMediumFont","labelMediumLineHeight","labelMediumSize","labelMediumTracking","labelMediumWeight","labelSmallFont","labelSmallLineHeight","labelSmallSize","labelSmallTracking","labelSmallWeight","titleLargeFont","titleLargeLineHeight","titleLargeSize","titleLargeTracking","titleLargeWeight","titleMediumFont","titleMediumLineHeight","titleMediumSize","titleMediumTracking","titleMediumWeight","titleSmallFont","titleSmallLineHeight","titleSmallSize","titleSmallTracking","titleSmallWeight","weightBold","weightMedium","weightRegular","spacing","lg","md","sm","xl","xs","xxl","xxs","xxxl","radii","full","none","shadows","elevation1","elevation2","elevation3","elevation4","elevation5","stateLayerOpacity","disabledContainer","disabledContent","dragged","focus","hover","pressed","motion","durationLong1","durationLong2","durationLong3","durationMedium1","durationMedium2","durationMedium3","durationShort1","durationShort2","durationShort3","easingEmphasized","easingEmphasizedAccelerate","easingEmphasizedDecelerate","easingSpringFast","easingSpringSlow","easingStandard","breakpoints","compact","expanded","extraLarge","large","medium","media","belowExpanded","belowExtraLarge","belowLarge","belowMedium"],"sources":["../../src/tokens/design.tokens.stylex.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n// The .stylex.ts suffix is required by @stylexjs/babel-plugin for cross-file\n// variable resolution — see the comment at the top of build-tokens.mjs.\n\nimport * as stylex from '@stylexjs/stylex';\nconst DARK = '@media (prefers-color-scheme: dark)';\nconst colors = {\n  background: \"var(--xm52p6p)\",\n  error: \"var(--x12p1wyw)\",\n  errorContainer: \"var(--x7wk2f4)\",\n  inverseOnSurface: \"var(--x1balm44)\",\n  inversePrimary: \"var(--x1v1ejj2)\",\n  inverseSurface: \"var(--x1614qkl)\",\n  negative: \"var(--x1m9zerx)\",\n  negativeContainer: \"var(--x1sa9icp)\",\n  onBackground: \"var(--xwr0q4)\",\n  onError: \"var(--xwloagh)\",\n  onErrorContainer: \"var(--xqsbqtq)\",\n  onNegative: \"var(--x1ey4ils)\",\n  onNegativeContainer: \"var(--x1snvm1r)\",\n  onPositive: \"var(--xyvlj6c)\",\n  onPositiveContainer: \"var(--xn09qcj)\",\n  onPrimary: \"var(--x1f7qwsz)\",\n  onPrimaryContainer: \"var(--x1p425jc)\",\n  onPrimaryFixed: \"var(--x7fing4)\",\n  onPrimaryFixedVariant: \"var(--x9qmz6i)\",\n  onSecondary: \"var(--xkltk4j)\",\n  onSecondaryContainer: \"var(--x1bo8p7i)\",\n  onSecondaryFixed: \"var(--xs1em01)\",\n  onSecondaryFixedVariant: \"var(--xpj09jl)\",\n  onSurface: \"var(--xn0syi6)\",\n  onSurfaceVariant: \"var(--x28n2pw)\",\n  onTertiary: \"var(--x7tegcs)\",\n  onTertiaryContainer: \"var(--x1pzkjol)\",\n  onTertiaryFixed: \"var(--xl08771)\",\n  onTertiaryFixedVariant: \"var(--x1b7jmlf)\",\n  outline: \"var(--x1ridy1o)\",\n  outlineVariant: \"var(--x7dbk6n)\",\n  positive: \"var(--xiob6mg)\",\n  positiveContainer: \"var(--x1xvl3py)\",\n  primary: \"var(--x1cjupv7)\",\n  primaryContainer: \"var(--x17f4f9w)\",\n  primaryFixed: \"var(--x1irt4fq)\",\n  primaryFixedDim: \"var(--x1ver3t)\",\n  scrim: \"var(--x1khq28e)\",\n  secondary: \"var(--x189y34t)\",\n  secondaryContainer: \"var(--xliov21)\",\n  secondaryFixed: \"var(--xmiml2p)\",\n  secondaryFixedDim: \"var(--x1lc0aek)\",\n  shadow: \"var(--xj3yx3l)\",\n  surface: \"var(--x1dzgr7y)\",\n  surfaceBright: \"var(--x1ghurj8)\",\n  surfaceContainer: \"var(--x3cqee7)\",\n  surfaceContainerHigh: \"var(--x1xbp8h6)\",\n  surfaceContainerHighest: \"var(--x13o0mym)\",\n  surfaceContainerLow: \"var(--xi1exwt)\",\n  surfaceContainerLowest: \"var(--x1b34qje)\",\n  surfaceDim: \"var(--xo1km0t)\",\n  surfaceTint: \"var(--x1jo8snc)\",\n  surfaceVariant: \"var(--x17proku)\",\n  tertiary: \"var(--x1bb0p1w)\",\n  tertiaryContainer: \"var(--x1p33ujy)\",\n  tertiaryFixed: \"var(--x9erpvp)\",\n  tertiaryFixedDim: \"var(--x1or1uxx)\",\n  __varGroupHash__: \"x1qza42b\"\n};\nexport { colors };\nconst colorsLightTheme = {\n  x1qza42b: \"xxs7l4q x1qza42b\",\n  $$css: true\n};\nexport { colorsLightTheme };\nconst colorsDarkTheme = {\n  x1qza42b: \"x1let8bq x1qza42b\",\n  $$css: true\n};\nexport { colorsDarkTheme };\nconst typography = {\n  bodyLargeFont: \"var(--x1ygl7cg)\",\n  bodyLargeLineHeight: \"var(--xol8812)\",\n  bodyLargeSize: \"var(--xjulk4j)\",\n  bodyLargeTracking: \"var(--x10nh56i)\",\n  bodyLargeWeight: \"var(--x16erikp)\",\n  bodyMediumFont: \"var(--x1q0k4yu)\",\n  bodyMediumLineHeight: \"var(--x1j54qr5)\",\n  bodyMediumSize: \"var(--x1gawvsv)\",\n  bodyMediumTracking: \"var(--x1wq3zjd)\",\n  bodyMediumWeight: \"var(--x1ayguju)\",\n  bodySmallFont: \"var(--x15dz6tq)\",\n  bodySmallLineHeight: \"var(--x1lrg4gv)\",\n  bodySmallSize: \"var(--x18q7aov)\",\n  bodySmallTracking: \"var(--xw822is)\",\n  bodySmallWeight: \"var(--x1ok1j4r)\",\n  displayLargeFont: \"var(--x134eq0n)\",\n  displayLargeLineHeight: \"var(--xhofdxx)\",\n  displayLargeSize: \"var(--x17lio9c)\",\n  displayLargeTracking: \"var(--x1gxj0qs)\",\n  displayLargeWeight: \"var(--xe5fuv)\",\n  displayMediumFont: \"var(--xyhb918)\",\n  displayMediumLineHeight: \"var(--xb6v12a)\",\n  displayMediumSize: \"var(--xtenqmo)\",\n  displayMediumTracking: \"var(--x116sb5h)\",\n  displayMediumWeight: \"var(--xoezdz5)\",\n  displaySmallFont: \"var(--xdjewjw)\",\n  displaySmallLineHeight: \"var(--x1pjhsc4)\",\n  displaySmallSize: \"var(--xa0mhat)\",\n  displaySmallTracking: \"var(--x1p2yclr)\",\n  displaySmallWeight: \"var(--xhws6hb)\",\n  fontFamilyBrand: \"var(--x1dvys7s)\",\n  fontFamilyMono: \"var(--xawtrnj)\",\n  fontFamilyPlain: \"var(--xa58n4l)\",\n  headlineLargeFont: \"var(--xof041q)\",\n  headlineLargeLineHeight: \"var(--xurq05k)\",\n  headlineLargeSize: \"var(--xb8fm24)\",\n  headlineLargeTracking: \"var(--xl627c)\",\n  headlineLargeWeight: \"var(--xvbu8tx)\",\n  headlineMediumFont: \"var(--xsd729e)\",\n  headlineMediumLineHeight: \"var(--x1tcnfxo)\",\n  headlineMediumSize: \"var(--xt0lczk)\",\n  headlineMediumTracking: \"var(--xpyu5e0)\",\n  headlineMediumWeight: \"var(--x9gskfq)\",\n  headlineSmallFont: \"var(--x1jqfzdj)\",\n  headlineSmallLineHeight: \"var(--xkj6wu1)\",\n  headlineSmallSize: \"var(--x1oc1922)\",\n  headlineSmallTracking: \"var(--x1te0yyg)\",\n  headlineSmallWeight: \"var(--x1lrnn0r)\",\n  labelLargeFont: \"var(--xnff2fy)\",\n  labelLargeLineHeight: \"var(--x9imlvm)\",\n  labelLargeSize: \"var(--xl3tx9q)\",\n  labelLargeTracking: \"var(--x14fmv7u)\",\n  labelLargeWeight: \"var(--xwguucb)\",\n  labelMediumFont: \"var(--xbejnr)\",\n  labelMediumLineHeight: \"var(--xqehqp9)\",\n  labelMediumSize: \"var(--x48e3yn)\",\n  labelMediumTracking: \"var(--xe8jatf)\",\n  labelMediumWeight: \"var(--x1a51kfj)\",\n  labelSmallFont: \"var(--xm0ylhd)\",\n  labelSmallLineHeight: \"var(--xt3caw9)\",\n  labelSmallSize: \"var(--x5h3z1j)\",\n  labelSmallTracking: \"var(--x2j42vm)\",\n  labelSmallWeight: \"var(--xj1uwei)\",\n  titleLargeFont: \"var(--xr826oj)\",\n  titleLargeLineHeight: \"var(--xuc6kgf)\",\n  titleLargeSize: \"var(--xs4cscp)\",\n  titleLargeTracking: \"var(--xt8l743)\",\n  titleLargeWeight: \"var(--x1i0wwws)\",\n  titleMediumFont: \"var(--x1bjiv9x)\",\n  titleMediumLineHeight: \"var(--x3j91oh)\",\n  titleMediumSize: \"var(--x1yypmzp)\",\n  titleMediumTracking: \"var(--x1b77t50)\",\n  titleMediumWeight: \"var(--x3ehn1q)\",\n  titleSmallFont: \"var(--x1kgqo6c)\",\n  titleSmallLineHeight: \"var(--x1l4af85)\",\n  titleSmallSize: \"var(--x1hrxtmi)\",\n  titleSmallTracking: \"var(--xn7tcr9)\",\n  titleSmallWeight: \"var(--xj437rg)\",\n  weightBold: \"var(--xlvbdhw)\",\n  weightMedium: \"var(--x1vg17ag)\",\n  weightRegular: \"var(--xgz8ay1)\",\n  __varGroupHash__: \"x1q1jnkv\"\n};\nexport { typography };\nconst spacing = {\n  lg: \"var(--x3km7fe)\",\n  md: \"var(--x6borv4)\",\n  sm: \"var(--xod9tvo)\",\n  xl: \"var(--x196ey9q)\",\n  xs: \"var(--xbmbo34)\",\n  xxl: \"var(--xi3mssk)\",\n  xxs: \"var(--x1ug6acx)\",\n  xxxl: \"var(--xqgx294)\",\n  __varGroupHash__: \"x1egpaah\"\n};\nexport { spacing };\nconst radii = {\n  full: \"var(--x1kmbna2)\",\n  lg: \"var(--xf3l8oo)\",\n  md: \"var(--x1m0y4ip)\",\n  none: \"var(--x1lckk6t)\",\n  sm: \"var(--xslt97v)\",\n  xl: \"var(--x1w5u0jm)\",\n  xs: \"var(--x1qkrqlv)\",\n  __varGroupHash__: \"xhnz8s7\"\n};\nexport { radii };\nconst shadows = {\n  elevation1: \"var(--xt04dnm)\",\n  elevation2: \"var(--x14ermby)\",\n  elevation3: \"var(--x1tlgjf0)\",\n  elevation4: \"var(--x1vx95kd)\",\n  elevation5: \"var(--x4ackbv)\",\n  __varGroupHash__: \"x1j0lhbx\"\n};\nexport { shadows };\nconst stateLayerOpacity = {\n  disabledContainer: \"var(--x1cq03z9)\",\n  disabledContent: \"var(--xu361ij)\",\n  dragged: \"var(--x1uapny3)\",\n  focus: \"var(--x124j18r)\",\n  hover: \"var(--x8z5t6h)\",\n  pressed: \"var(--xhaltwz)\",\n  __varGroupHash__: \"x1dldgtb\"\n};\nexport { stateLayerOpacity };\nconst motion = {\n  durationLong1: \"var(--x1f45rvw)\",\n  durationLong2: \"var(--x13xtsm0)\",\n  durationLong3: \"var(--xyz43tr)\",\n  durationMedium1: \"var(--x1neymab)\",\n  durationMedium2: \"var(--x1v2b4mt)\",\n  durationMedium3: \"var(--x1vta88b)\",\n  durationShort1: \"var(--x1xkwyvg)\",\n  durationShort2: \"var(--x12wc0xg)\",\n  durationShort3: \"var(--xaryv6b)\",\n  easingEmphasized: \"var(--x1naowyp)\",\n  easingEmphasizedAccelerate: \"var(--xm20gsr)\",\n  easingEmphasizedDecelerate: \"var(--xtxwhk6)\",\n  easingSpringFast: \"var(--x1m2kglw)\",\n  easingSpringSlow: \"var(--xhdhzmf)\",\n  easingStandard: \"var(--x77wm8g)\",\n  __varGroupHash__: \"x1dv3b2k\"\n};\nexport { motion };\nconst breakpoints = {\n  compact: \"0px\",\n  expanded: \"840px\",\n  extraLarge: \"1600px\",\n  large: \"1200px\",\n  medium: \"600px\"\n};\nexport { breakpoints };\nconst media = {\n  belowExpanded: \"@media (width < 840px)\",\n  belowExtraLarge: \"@media (width < 1600px)\",\n  belowLarge: \"@media (width < 1200px)\",\n  belowMedium: \"@media (width < 600px)\",\n  expanded: \"@media (width >= 840px)\",\n  extraLarge: \"@media (width >= 1600px)\",\n  large: \"@media (width >= 1200px)\",\n  medium: \"@media (width >= 600px)\"\n};\nexport { media };"],"mappings":";AAOA,MAAME,SAAS;CACbC,YAAY;CACZC,OAAO;CACPC,gBAAgB;CAChBC,kBAAkB;CAClBC,gBAAgB;CAChBC,gBAAgB;CAChBC,UAAU;CACVC,mBAAmB;CACnBC,cAAc;CACdC,SAAS;CACTC,kBAAkB;CAClBC,YAAY;CACZC,qBAAqB;CACrBC,YAAY;CACZC,qBAAqB;CACrBC,WAAW;CACXC,oBAAoB;CACpBC,gBAAgB;CAChBC,uBAAuB;CACvBC,aAAa;CACbC,sBAAsB;CACtBC,kBAAkB;CAClBC,yBAAyB;CACzBC,WAAW;CACXC,kBAAkB;CAClBC,YAAY;CACZC,qBAAqB;CACrBC,iBAAiB;CACjBC,wBAAwB;CACxBC,SAAS;CACTC,gBAAgB;CAChBC,UAAU;CACVC,mBAAmB;CACnBC,SAAS;CACTC,kBAAkB;CAClBC,cAAc;CACdC,iBAAiB;CACjBC,OAAO;CACPC,WAAW;CACXC,oBAAoB;CACpBC,gBAAgB;CAChBC,mBAAmB;CACnBC,QAAQ;CACRC,SAAS;CACTC,eAAe;CACfC,kBAAkB;CAClBC,sBAAsB;CACtBC,yBAAyB;CACzBC,qBAAqB;CACrBC,wBAAwB;CACxBC,YAAY;CACZC,aAAa;CACbC,gBAAgB;CAChBC,UAAU;CACVC,mBAAmB;CACnBC,eAAe;CACfC,kBAAkB;CAClBC,kBAAkB;AACpB;AAiGA,MAAMuF,UAAU;CACdC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;CACLC,KAAK;CACLC,MAAM;CACN/F,kBAAkB;AACpB"}

package/dist/tokens/values.js.map

@@ -1 +1 @@
-{"version":3,"file":"values.js","names":[],"sources":["../../src/tokens/values.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n//\n// Tokens as plain JS values, for the code that cannot take a CSS one. Reach for\n// the StyleX theme in design.tokens.stylex.ts anywhere a CSS property value\n// will do: those are var(--kui-*, literal) references, so a consumer who\n// redeclares the custom property moves them. The literals below are frozen at\n// build time and cannot honour such an override, which is the whole cost of\n// using them.\n//\n// So a group appears here only once something has to compute with it rather\n// than declare it, which today means two:\n//\n//   motion  — element.animate() throws a TypeError on a var() duration or\n//             easing, and its duration wants a number of milliseconds, so even\n//             '450ms' throws. setTimeout coerces a string to NaN and fires\n//             immediately, silently.\n//   spacing — useRipple does arithmetic with it, growing the ripple past the\n//             host's corners by a fixed inset. A var() would concatenate into\n//             nonsense rather than add.\n//\n// Colours, radii, shadows, typography and the state-layer opacities are all\n// declared rather than computed, so none of them is generated here.\n\nconst motionDurationMs = {\n  long1: 450,\n  long2: 500,\n  long3: 600,\n  medium1: 250,\n  medium2: 300,\n  medium3: 350,\n  short1: 100,\n  short2: 150,\n  short3: 200,\n} as const\n\nconst motionEasing = {\n  emphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  emphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  emphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  springFast: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  springSlow: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n} as const\n\nconst spacingPx = {\n  lg: 16,\n  md: 12,\n  sm: 8,\n  xl: 24,\n  xs: 4,\n  xxl: 32,\n  xxs: 2,\n  xxxl: 40,\n} as const\n\nexport { motionDurationMs, motionEasing, spacingPx }\n"],"mappings":";AAwBA,MAAM,mBAAmB;CACvB,OAAO;CACP,OAAO;CACP,OAAO;CACP,SAAS;CACT,SAAS;CACT,SAAS;CACT,QAAQ;CACR,QAAQ;CACR,QAAQ;AACV;AAEA,MAAM,eAAe;CACnB,YAAY;CACZ,sBAAsB;CACtB,sBAAsB;CACtB,YAAY;CACZ,YAAY;CACZ,UAAU;AACZ;AAEA,MAAM,YAAY;CAChB,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,KAAK;CACL,KAAK;CACL,MAAM;AACR"}
+{"version":3,"file":"values.js","names":["motionDurationMs","long1","long2","long3","medium1","medium2","medium3","short1","short2","short3","const","motionEasing","emphasized","emphasizedAccelerate","emphasizedDecelerate","springFast","springSlow","standard","spacingPx","lg","md","sm","xl","xs","xxl","xxs","xxxl"],"sources":["../../src/tokens/values.ts"],"sourcesContent":["// AUTO-GENERATED by scripts/build-tokens.mjs from the sibling design.tokens.json.\n// Do not hand-edit — change design.tokens.json and run `npm run tokens:build`.\n//\n// Tokens as plain JS values, for the code that cannot take a CSS one. Reach for\n// the StyleX theme in design.tokens.stylex.ts anywhere a CSS property value\n// will do: those are var(--kui-*, literal) references, so a consumer who\n// redeclares the custom property moves them. The literals below are frozen at\n// build time and cannot honour such an override, which is the whole cost of\n// using them.\n//\n// So a group appears here only once something has to compute with it rather\n// than declare it, which today means two:\n//\n//   motion  — element.animate() throws a TypeError on a var() duration or\n//             easing, and its duration wants a number of milliseconds, so even\n//             '450ms' throws. setTimeout coerces a string to NaN and fires\n//             immediately, silently.\n//   spacing — useRipple does arithmetic with it, growing the ripple past the\n//             host's corners by a fixed inset. A var() would concatenate into\n//             nonsense rather than add.\n//\n// Colours, radii, shadows, typography and the state-layer opacities are all\n// declared rather than computed, so none of them is generated here.\n\nconst motionDurationMs = {\n  long1: 450,\n  long2: 500,\n  long3: 600,\n  medium1: 250,\n  medium2: 300,\n  medium3: 350,\n  short1: 100,\n  short2: 150,\n  short3: 200,\n} as const\n\nconst motionEasing = {\n  emphasized: 'cubic-bezier(0.2, 0, 0, 1)',\n  emphasizedAccelerate: 'cubic-bezier(0.3, 0, 0.8, 0.15)',\n  emphasizedDecelerate: 'cubic-bezier(0.05, 0.7, 0.1, 1)',\n  springFast: 'cubic-bezier(0.34, 1.56, 0.64, 1)',\n  springSlow: 'cubic-bezier(0.16, 1, 0.3, 1)',\n  standard: 'cubic-bezier(0.2, 0, 0, 1)',\n} as const\n\nconst spacingPx = {\n  lg: 16,\n  md: 12,\n  sm: 8,\n  xl: 24,\n  xs: 4,\n  xxl: 32,\n  xxs: 2,\n  xxxl: 40,\n} as const\n\nexport { motionDurationMs, motionEasing, spacingPx }\n"],"mappings":";AAwBA,MAAMA,mBAAmB;CACvBC,OAAO;CACPC,OAAO;CACPC,OAAO;CACPC,SAAS;CACTC,SAAS;CACTC,SAAS;CACTC,QAAQ;CACRC,QAAQ;CACRC,QAAQ;AACV;AAEA,MAAME,eAAe;CACnBC,YAAY;CACZC,sBAAsB;CACtBC,sBAAsB;CACtBC,YAAY;CACZC,YAAY;CACZC,UAAU;AACZ;AAEA,MAAMC,YAAY;CAChBC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,IAAI;CACJC,KAAK;CACLC,KAAK;CACLC,MAAM;AACR"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kanso-labs/kanso-ui",
-  "version": "0.26.2",
+  "version": "0.26.3",
   "description": "A React component library built on React Aria Components primitives and styled with StyleX, with design tokens sourced from a single W3C DTCG file and compiled via Style Dictionary",
   "keywords": [
     "react",
@@ -56,6 +56,7 @@
     "format": "oxfmt",
     "format:check": "oxfmt --check",
     "lint": "oxlint --type-aware . && eslint . && npm run format:check",
+    "package:check": "publint && node scripts/check-package.mjs",
     "prepare": "husky && playwright install --with-deps chromium",
     "storybook": "storybook dev -p ${PORT:-6006}",
     "test": "vitest run",
@@ -67,12 +68,12 @@
     "react-aria-components": "1.21.1"
   },
   "devDependencies": {
-    "@babel/core": "8.0.5",
+    "@babel/core": "7.29.7",
     "@chromatic-com/storybook": "5.3.1",
     "@commitlint/cli": "21.2.2",
     "@commitlint/config-conventional": "21.2.2",
     "@eslint/js": "10.0.1",
-    "@kanso-labs/unplugin-style-dictionary": "0.4.26",
+    "@kanso-labs/unplugin-style-dictionary": "0.4.27",
     "@rolldown/plugin-babel": "0.2.4",
     "@storybook/addon-a11y": "10.6.0",
     "@storybook/addon-docs": "10.6.0",
@@ -88,19 +89,20 @@
     "@vitest/coverage-v8": "4.1.11",
     "babel-plugin-react-compiler": "1.0.0",
     "eslint": "10.10.0",
-    "eslint-plugin-oxlint": "1.82.0",
+    "eslint-plugin-oxlint": "1.83.0",
     "eslint-plugin-perfectionist": "5.11.0",
     "eslint-plugin-react-hooks": "7.1.1",
-    "eslint-plugin-react-refresh": "0.5.6",
+    "eslint-plugin-react-refresh": "0.5.7",
     "eslint-plugin-storybook": "10.6.0",
     "globals": "17.12.0",
     "husky": "9.1.7",
     "lint-staged": "17.5.1",
     "oxc-transform-react": "0.145.0",
     "oxfmt": "0.68.0",
-    "oxlint": "1.82.0",
+    "oxlint": "1.83.0",
     "oxlint-tsgolint": "7.0.2001",
     "playwright": "1.63.0",
+    "publint": "0.3.24",
     "react": "19.3.0",
     "react-dom": "19.3.0",
     "rimraf": "6.1.3",