@box-kite/react 2.3.0 → 2.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/.claude/rules/box-kite-rules.md +58 -92
  2. package/.claude/skills/box-kite/SKILL.md +81 -114
  3. package/.claude/skills/box-kite/references/components.md +1 -1
  4. package/.claude/skills/box-kite/references/patterns.md +1 -1
  5. package/.claude/skills/box-kite/references/rules.md +115 -0
  6. package/.claude/skills/box-kite/references/styling.md +2 -2
  7. package/.cursor/rules/box-kite.mdc +61 -95
  8. package/AGENTS.md +62 -96
  9. package/BOX_AI_CONTEXT.md +82 -78
  10. package/BOX_KITE_AI_CONTEXT.md +82 -78
  11. package/README.md +201 -716
  12. package/catalog.cjs +1 -1
  13. package/catalog.mjs +3 -0
  14. package/client.cjs +1 -1
  15. package/client.mjs +81 -81
  16. package/components/combobox/comboboxListbox.d.ts +2 -1
  17. package/components/combobox.cjs +1 -1
  18. package/components/combobox.d.ts +1 -1
  19. package/components/combobox.mjs +199 -188
  20. package/components/dataGrid/components/dataGridFooter.d.ts +6 -2
  21. package/components/dataGrid/contracts/dataGridContract.d.ts +2 -1
  22. package/components/dataGrid/models/gridModel.d.ts +21 -2
  23. package/components/dataGrid/models/groupRowModel.d.ts +1 -1
  24. package/components/dataGrid/models/rowModel.d.ts +1 -1
  25. package/components/dataGrid/models/sourceGroupRowModel.d.ts +5 -1
  26. package/components/dataGrid/models/sourceRowModel.d.ts +5 -1
  27. package/components/dataGrid/useListLayout.d.ts +1 -1
  28. package/components/dataGrid.cjs +3 -3
  29. package/components/dataGrid.mjs +732 -682
  30. package/components/radioGroup.cjs +1 -1
  31. package/components/radioGroup.mjs +1 -0
  32. package/components/semantics.d.ts +29 -29
  33. package/components/skeleton.cjs +1 -1
  34. package/components/skeleton.d.ts +1 -1
  35. package/components/skeleton.mjs +2 -1
  36. package/components/sortableList.cjs +1 -1
  37. package/components/sortableList.mjs +1 -1
  38. package/components/svg.d.ts +2 -2
  39. package/components/swipeItem.cjs +1 -1
  40. package/components/swipeItem.mjs +1 -1
  41. package/components/textarea.d.ts +1 -1
  42. package/components/textbox.d.ts +1 -1
  43. package/components/timeZoneSelect.d.ts +1 -1
  44. package/components/toaster.cjs +1 -1
  45. package/components/toaster.mjs +13 -14
  46. package/dataGridList.cjs +1 -1
  47. package/dataGridList.mjs +3 -5
  48. package/docs/a11y.md +1 -2
  49. package/docs/index.md +1 -1
  50. package/docs/props.md +43 -19
  51. package/effects.cjs +1 -1
  52. package/effects.mjs +2 -2
  53. package/identity.cjs +1 -1
  54. package/identity.mjs +5 -7
  55. package/package.json +12 -12
  56. package/react/effects.d.ts +5 -6
  57. package/react/identity/useIdentifier.d.ts +0 -3
package/components/radioGroup.cjs CHANGED
@@ -1 +1 @@
1
- "use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("../reporting.cjs"),a=require("./flex.cjs"),o=require("./semantics.cjs"),s=require("./radioButton.cjs");let c=require("react"),l=require("react/jsx-runtime");var u=(0,c.createContext)(null);function d(e){return[...e?.querySelectorAll(`input[type="radio"]`)??[]].filter(e=>!e.disabled)}function f(e){return e===`ArrowDown`||e===`ArrowRight`?1:e===`ArrowUp`||e===`ArrowLeft`?-1:0}function p(e,s){let{label:p,name:m,value:h,defaultValue:g,onValueChange:_,onChange:v,orientation:y=`vertical`,children:b,props:x,...S}=e,C=r.t(`radiogroup`),w=(0,c.useRef)(null),T=(0,c.useCallback)(e=>{w.current=e,t.d(s,e)},[s]),E=(0,c.useRef)(`click`),D=n.a((e,t)=>{_?.(e,t),v?.(e,t)}),[O,k]=i.a({value:h,defaultValue:g,onChange:D,interaction:{component:`radioGroup`,type:`valueChange`}}),A=n.a(e=>{let t=f(e.key);if(t===0||e.defaultPrevented)return;let n=d(w.current),r=n.indexOf(document.activeElement);if(r===-1)return;e.preventDefault();let i=n[(r+t+n.length)%n.length];i!==n[r]&&(E.current=`keyboard`,i.focus(),i.click(),E.current=`click`)}),j=`${C}-label`,M=p!=null,N=(0,c.useMemo)(()=>({name:m??C,value:O,select:(e,t)=>k(e,{reason:E.current,event:t})}),[C,m,O,k]);return(0,l.jsx)(u.Provider,{value:N,children:(0,l.jsxs)(a.default,{ref:T,component:`radioGroup`,variant:{horizontal:y===`horizontal`},...S,props:{role:`radiogroup`,"aria-labelledby":M?j:void 0,...x,onKeyDown:A},children:[M&&(0,l.jsx)(o.Span,{component:`radioGroup.label`,id:j,children:p}),b]})})}function m(e){let t=(0,c.useContext)(u),{value:r,...i}=e,a=n.a(e=>t?.select(r,e));return t?(0,l.jsx)(s.default,{name:t.name,value:r,checked:t.value===r,onChange:a,...i}):(0,l.jsx)(s.default,{value:r,...i})}m.displayName=`RadioGroup.Item`;var h=e.f(p,`RadioGroup`);h.Item=m,h.displayName=`RadioGroup`,exports.default=h;
1
+ "use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../react-shared.cjs"),t=require("../platform.cjs"),n=require("../behavior.cjs"),r=require("../identity.cjs"),i=require("../reporting.cjs"),a=require("./flex.cjs"),o=require("./semantics.cjs"),s=require("./radioButton.cjs");let c=require("react"),l=require("react/jsx-runtime");var u=(0,c.createContext)(null);function d(e){return[...e?.querySelectorAll(`input[type="radio"]`)??[]].filter(e=>!e.disabled)}function f(e){return e===`ArrowDown`||e===`ArrowRight`?1:e===`ArrowUp`||e===`ArrowLeft`?-1:0}function p(e,s){let{label:p,name:m,value:h,defaultValue:g,onValueChange:_,onChange:v,orientation:y=`vertical`,children:b,props:x,...S}=e,C=r.t(`radiogroup`),w=(0,c.useRef)(null),T=(0,c.useCallback)(e=>{w.current=e,t.d(s,e)},[s]),E=(0,c.useRef)(`click`),D=n.a((e,t)=>{_?.(e,t),v?.(e,t)}),[O,k]=i.a({value:h,defaultValue:g,onChange:D,interaction:{component:`radioGroup`,type:`valueChange`}}),A=n.a(e=>{let t=f(e.key);if(t===0||e.defaultPrevented)return;let n=d(w.current),r=n.indexOf(document.activeElement);if(r===-1)return;e.preventDefault();let i=n[(r+t+n.length)%n.length];i!==n[r]&&(E.current=`keyboard`,i.focus(),i.click(),E.current=`click`)}),j=`${C}-label`,M=p!=null,N=(0,c.useMemo)(()=>({name:m??C,value:O,select:(e,t)=>k(e,{reason:E.current,event:t})}),[C,m,O,k]);return(0,l.jsx)(u.Provider,{value:N,children:(0,l.jsxs)(a.default,{ref:T,component:`radioGroup`,variant:{horizontal:y===`horizontal`},...S,props:{role:`radiogroup`,"aria-labelledby":M?j:void 0,...x,onKeyDown:A},children:[M&&(0,l.jsx)(o.Span,{component:`radioGroup.label`,variant:{horizontal:y===`horizontal`},id:j,children:p}),b]})})}function m(e){let t=(0,c.useContext)(u),{value:r,...i}=e,a=n.a(e=>t?.select(r,e));return t?(0,l.jsx)(s.default,{name:t.name,value:r,checked:t.value===r,onChange:a,...i}):(0,l.jsx)(s.default,{value:r,...i})}m.displayName=`RadioGroup.Item`;var h=e.f(p,`RadioGroup`);h.Item=m,h.displayName=`RadioGroup`,exports.default=h;
package/components/radioGroup.mjs CHANGED
@@ -66,6 +66,7 @@ function v(e, s) {
66
66
  },
67
67
  children: [F && /* @__PURE__ */ p(o, {
68
68
  component: "radioGroup.label",
69
+ variant: { horizontal: S === "horizontal" },
69
70
  id: P,
70
71
  children: c
71
72
  }), C]