@spark-web/columns 0.0.0-snapshot-release-20260409001813

package/CHANGELOG.md

@@ -0,0 +1,709 @@
+# @spark-web/columns
+
+## 0.0.0-snapshot-release-20260409001813
+
+### Patch Changes
+
+- [#782](https://github.com/brighte-labs/spark-web/pull/782)
+  [`b18cf44`](https://github.com/brighte-labs/spark-web/commit/b18cf4426df1e94b005ece8d93996459dc3e41d6)
+  Thanks [@jacobporci-brighte](https://github.com/jacobporci-brighte)! -
+  **docs:** add CLAUDE.md AI context files to foundation and form packages;
+  patch data-table with manual sort and spinner overlay patterns
+- Updated dependencies
+  [[`b18cf44`](https://github.com/brighte-labs/spark-web/commit/b18cf4426df1e94b005ece8d93996459dc3e41d6)]:
+  - @spark-web/box@0.0.0-snapshot-release-20260409001813
+
+## 5.1.0
+
+### Minor Changes
+
+- [#667](https://github.com/brighte-labs/spark-web/pull/667)
+  [`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)
+  Thanks [@Leo704099](https://github.com/Leo704099)! - Support react 17 to 19
+
+### Patch Changes
+
+- Updated dependencies
+  [[`80d9c15`](https://github.com/brighte-labs/spark-web/commit/80d9c156a40bbcd2b1a91a2d0403b3c8e9b47b4e)]:
+  - @spark-web/theme@5.13.0
+  - @spark-web/utils@5.1.0
+  - @spark-web/box@6.0.0
+
+## 5.0.2
+
+### Patch Changes
+
+- [#698](https://github.com/brighte-labs/spark-web/pull/698)
+  [`814b373`](https://github.com/brighte-labs/spark-web/commit/814b373cbe9fcf0757738c78eef6b516624df62c)
+  Thanks [@michtntbrighte](https://github.com/michtntbrighte)! - Bump version
+
+- Updated dependencies
+  [[`814b373`](https://github.com/brighte-labs/spark-web/commit/814b373cbe9fcf0757738c78eef6b516624df62c)]:
+  - @spark-web/box@5.2.2
+  - @spark-web/theme@5.12.1
+
+## 5.0.1
+
+### Patch Changes
+
+- Updated dependencies
+  [[`1995db7`](https://github.com/brighte-labs/spark-web/commit/1995db7f4342803732c7648ab3ca6d32442cc347)]:
+  - @spark-web/theme@5.12.0
+
+## 5.0.0
+
+### Major Changes
+
+- This release of spark-web standardises the version across all packages to be
+  **`v5`**, primarily signifying the switch from `@emotion/css` to
+  `@emotion/react` as one of the key dependencies of the entire library, in
+  order to support server-side rendering / SSR.
+
+  This release also introduces support for theming, to allow for more co-branded
+  experiences across our web applications. It also supports component-level
+  theming for `<Button />`, `<ButtonLink />`, and `<Checkbox />`, which provides
+  the capability to override the global theme available inside an application.
+
+  To use this in an application, you can wrap the affected areas with a
+  `ThemeProvider`:
+
+  ```
+  <ThemeProvider theme="pantheon">
+    <Input type="text" />
+    <Button type="submit" />
+  </ThemeProvider>
+  ```
+
+  Part of the theming capabilities includes a new theme for `spark-web` called
+  "pantheon", which should map with our co-branding efforts in the Pantheon
+  project. It currently includes a small set of colors and its corresponding
+  font family.
+
+### Patch Changes
+
+- [#532](https://github.com/brighte-labs/spark-web/pull/532)
+  [`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)
+  Thanks [@ralcoriza-brighte](https://github.com/ralcoriza-brighte)! - Fix
+  type-related issues
+
+- Updated dependencies
+  [[`631573c`](https://github.com/brighte-labs/spark-web/commit/631573cb72981d99b9afa4ad559123f44e47b2a9)]:
+  - @spark-web/theme@5.0.0
+  - @spark-web/utils@5.0.0
+  - @spark-web/box@5.0.0
+
+## 5.0.0-rc.31
+
+### Patch Changes
+
+- Fix type-related issues
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.31
+  - @spark-web/utils@5.0.0-rc.31
+  - @spark-web/box@5.0.0-rc.31
+
+## 5.0.0-rc.30
+
+### Minor Changes
+
+- Adopt latest changes from stable main branch
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.30
+  - @spark-web/utils@5.0.0-rc.30
+  - @spark-web/box@5.0.0-rc.30
+
+## 5.0.0-rc.29
+
+### Minor Changes
+
+- Revise stylesheet maps to align with theme name change
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.29
+  - @spark-web/utils@5.0.0-rc.29
+  - @spark-web/box@5.0.0-rc.29
+
+## 5.0.0-rc.28
+
+### Minor Changes
+
+- Move fonts to theme package; Introduce Pantheon font family and stylesheet
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.28
+  - @spark-web/utils@5.0.0-rc.28
+  - @spark-web/box@5.0.0-rc.28
+
+## 5.0.0-rc.27
+
+### Minor Changes
+
+- Remove theme prop in button link
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.27
+  - @spark-web/utils@5.0.0-rc.27
+  - @spark-web/box@5.0.0-rc.27
+
+## 5.0.0-rc.26
+
+### Minor Changes
+
+- Roll back on using theme prop for component level theming; prefer using
+  ThemeProvider in applications instead
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.26
+  - @spark-web/utils@5.0.0-rc.26
+  - @spark-web/box@5.0.0-rc.26
+
+## 5.0.0-rc.25
+
+### Minor Changes
+
+- Implement checkbox tokens for test theme
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.25
+  - @spark-web/utils@5.0.0-rc.25
+  - @spark-web/box@5.0.0-rc.25
+
+## 5.0.0-rc.24
+
+### Minor Changes
+
+- Resolve issues with package build output
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@5.0.0-rc.24
+  - @spark-web/utils@5.0.0-rc.24
+  - @spark-web/box@5.0.0-rc.24
+
+## 3.0.0-rc.21
+
+### Minor Changes
+
+- Introduce global theming provider to set global default theme
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.21
+  - @spark-web/utils@2.0.0-rc.21
+  - @spark-web/box@2.0.0-rc.21
+
+## 3.0.0-rc.20
+
+### Minor Changes
+
+- Support for component-level theming; button-level theming
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.20
+  - @spark-web/utils@2.0.0-rc.20
+  - @spark-web/box@2.0.0-rc.20
+
+## 3.0.0-rc.19
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.19
+  - @spark-web/utils@2.0.0-rc.19
+  - @spark-web/box@2.0.0-rc.19
+
+## 3.0.0-rc.18
+
+### Major Changes
+
+- tests
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.18
+  - @spark-web/utils@2.0.0-rc.18
+  - @spark-web/box@2.0.0-rc.18
+
+## 3.0.0-rc.17
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.17
+  - @spark-web/utils@2.0.0-rc.17
+  - @spark-web/box@2.0.0-rc.17
+
+## 3.0.0-rc.16
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.16
+  - @spark-web/utils@2.0.0-rc.16
+  - @spark-web/box@2.0.0-rc.16
+
+## 3.0.0-rc.15
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.15
+  - @spark-web/utils@2.0.0-rc.15
+  - @spark-web/box@2.0.0-rc.15
+
+## 3.0.0-rc.14
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.14
+  - @spark-web/utils@2.0.0-rc.14
+  - @spark-web/box@2.0.0-rc.14
+
+## 3.0.0-rc.13
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.13
+  - @spark-web/utils@2.0.0-rc.13
+  - @spark-web/box@2.0.0-rc.13
+
+## 3.0.0-rc.12
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.12
+  - @spark-web/utils@2.0.0-rc.12
+  - @spark-web/box@2.0.0-rc.12
+
+## 3.0.0-rc.11
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.11
+  - @spark-web/utils@2.0.0-rc.11
+  - @spark-web/box@2.0.0-rc.11
+
+## 3.0.0-rc.10
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.10
+  - @spark-web/utils@2.0.0-rc.10
+  - @spark-web/box@2.0.0-rc.10
+
+## 3.0.0-rc.9
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.9
+  - @spark-web/utils@2.0.0-rc.9
+  - @spark-web/box@2.0.0-rc.9
+
+## 3.0.0-rc.8
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.8
+  - @spark-web/utils@2.0.0-rc.8
+  - @spark-web/box@2.0.0-rc.8
+
+## 3.0.0-rc.7
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.7
+  - @spark-web/utils@2.0.0-rc.7
+  - @spark-web/box@2.0.0-rc.7
+
+## 3.0.0-rc.6
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.6
+  - @spark-web/utils@2.0.0-rc.6
+  - @spark-web/box@2.0.0-rc.6
+
+## 3.0.0-rc.5
+
+### Major Changes
+
+- test
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.5
+  - @spark-web/utils@2.0.0-rc.5
+  - @spark-web/box@2.0.0-rc.5
+
+## 3.0.0-rc.4
+
+### Major Changes
+
+- bug
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.4
+  - @spark-web/utils@2.0.0-rc.4
+  - @spark-web/box@2.0.0-rc.4
+
+## 3.0.0-rc.3
+
+### Major Changes
+
+- upgrade package
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.3
+  - @spark-web/utils@2.0.0-rc.3
+  - @spark-web/box@2.0.0-rc.3
+
+## 3.0.0-rc.2
+
+### Major Changes
+
+- add parser
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.2
+  - @spark-web/utils@2.0.0-rc.2
+  - @spark-web/box@2.0.0-rc.2
+
+## 3.0.0-rc.1
+
+### Major Changes
+
+- rc
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.1
+  - @spark-web/utils@2.0.0-rc.1
+  - @spark-web/box@2.0.0-rc.1
+
+## 3.0.0-rc.0
+
+### Major Changes
+
+- rc versio
+
+### Patch Changes
+
+- Updated dependencies []:
+  - @spark-web/theme@4.0.0-rc.0
+  - @spark-web/box@2.0.0-rc.0
+  - @spark-web/utils@2.0.0-rc.0
+
+## 2.1.0
+
+### Minor Changes
+
+- [#382](https://github.com/brighte-labs/spark-web/pull/382)
+  [`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)
+  Thanks [@dilipt-brighte](https://github.com/dilipt-brighte)! - Updates React
+  version to latest (18.2.0)
+
+### Patch Changes
+
+- Updated dependencies
+  [[`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)]:
+  - @spark-web/box@1.2.0
+  - @spark-web/theme@3.2.0
+  - @spark-web/utils@1.3.0
+
+## 2.0.5
+
+### Patch Changes
+
+- [#246](https://github.com/brighte-labs/spark-web/pull/246)
+  [`de99b9c`](https://github.com/brighte-labs/spark-web/commit/de99b9c7f72373bd1902cf67f5cfec9a1e1db01c)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Remove
+  destructuring from theme object
+
+- [#218](https://github.com/brighte-labs/spark-web/pull/218)
+  [`6fc8d1b`](https://github.com/brighte-labs/spark-web/commit/6fc8d1bc37e25d0cd622bc37f68a1d92eb5961b5)
+  Thanks [@nderkim](https://github.com/nderkim)! - Rename files to kebab case
+
+- [#222](https://github.com/brighte-labs/spark-web/pull/222)
+  [`7f93c45`](https://github.com/brighte-labs/spark-web/commit/7f93c45bbae8c765e10df9d0dd7615473797749b)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update
+  dependencies
+
+- [#242](https://github.com/brighte-labs/spark-web/pull/242)
+  [`6df05f7`](https://github.com/brighte-labs/spark-web/commit/6df05f764e4181c140d6547d6b897d0210468f6a)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - - Add homepage
+  and repository keys to package.json
+  - Add CHANGELOG and README to files key in package.json
+- Updated dependencies
+  [[`adc5e9e`](https://github.com/brighte-labs/spark-web/commit/adc5e9e6c99acd117f3261edcefdb5573132441b),
+  [`de99b9c`](https://github.com/brighte-labs/spark-web/commit/de99b9c7f72373bd1902cf67f5cfec9a1e1db01c),
+  [`6fc8d1b`](https://github.com/brighte-labs/spark-web/commit/6fc8d1bc37e25d0cd622bc37f68a1d92eb5961b5),
+  [`7f93c45`](https://github.com/brighte-labs/spark-web/commit/7f93c45bbae8c765e10df9d0dd7615473797749b),
+  [`62f7de8`](https://github.com/brighte-labs/spark-web/commit/62f7de8a2e1df5ae088c093d3acdaa868d3f61fe),
+  [`6df05f7`](https://github.com/brighte-labs/spark-web/commit/6df05f764e4181c140d6547d6b897d0210468f6a)]:
+  - @spark-web/box@1.1.0
+  - @spark-web/theme@3.1.0
+  - @spark-web/utils@1.2.3
+
+## 2.0.4
+
+### Patch Changes
+
+- [#208](https://github.com/brighte-labs/spark-web/pull/208)
+  [`1ea26ef`](https://github.com/brighte-labs/spark-web/commit/1ea26ef04a3b45875ed0dd2326eeab1fbe1e4bc5)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Lower required
+  node version
+
+- Updated dependencies
+  [[`1ea26ef`](https://github.com/brighte-labs/spark-web/commit/1ea26ef04a3b45875ed0dd2326eeab1fbe1e4bc5)]:
+  - @spark-web/box@1.0.9
+  - @spark-web/theme@3.0.6
+  - @spark-web/utils@1.2.2
+
+## 2.0.3
+
+### Patch Changes
+
+- [#197](https://github.com/brighte-labs/spark-web/pull/197)
+  [`94016d8`](https://github.com/brighte-labs/spark-web/commit/94016d84e26bbe55833bbcbab847a2cce6041538)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update packages
+
+- Updated dependencies
+  [[`94016d8`](https://github.com/brighte-labs/spark-web/commit/94016d84e26bbe55833bbcbab847a2cce6041538)]:
+  - @spark-web/box@1.0.8
+  - @spark-web/theme@3.0.5
+  - @spark-web/utils@1.2.1
+
+## 2.0.2
+
+### Patch Changes
+
+- [#173](https://github.com/brighte-labs/spark-web/pull/173)
+  [`90b7e9c`](https://github.com/brighte-labs/spark-web/commit/90b7e9cf4eb7e864d765c74b22c3dedf3d262e25)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update babel
+  dependency
+
+- Updated dependencies
+  [[`90b7e9c`](https://github.com/brighte-labs/spark-web/commit/90b7e9cf4eb7e864d765c74b22c3dedf3d262e25),
+  [`c3867af`](https://github.com/brighte-labs/spark-web/commit/c3867af7b77dfae3580ab63a5d5c9e8452f2da62)]:
+  - @spark-web/box@1.0.7
+  - @spark-web/theme@3.0.3
+  - @spark-web/utils@1.2.0
+
+## 2.0.1
+
+### Patch Changes
+
+- [#167](https://github.com/brighte-labs/spark-web/pull/167)
+  [`4f79350`](https://github.com/brighte-labs/spark-web/commit/4f793508fdb43ddd452f0d59a3126101f9fa5459)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
+
+- Updated dependencies
+  [[`4f79350`](https://github.com/brighte-labs/spark-web/commit/4f793508fdb43ddd452f0d59a3126101f9fa5459),
+  [`60f7281`](https://github.com/brighte-labs/spark-web/commit/60f7281c4a194d934a2ce561cad47e737b0fb48e)]:
+  - @spark-web/box@1.0.6
+  - @spark-web/theme@3.0.2
+  - @spark-web/utils@1.1.5
+
+## 2.0.0
+
+### Major Changes
+
+- [#99](https://github.com/brighte-labs/spark-web/pull/99)
+  [`3db131b`](https://github.com/brighte-labs/spark-web/commit/3db131bfadbc4149d05b7c74be1a3e68cdd5b18f)
+  Thanks [@oscargws](https://github.com/oscargws)! - Removed props spreading
+  from multiple packages
+
+### Minor Changes
+
+- [#146](https://github.com/brighte-labs/spark-web/pull/146)
+  [`4e2dc42`](https://github.com/brighte-labs/spark-web/commit/4e2dc429711b2d0d9e180716dcee6a124608f694)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add className and
+  style back to layout primitives
+
+## 1.0.5
+
+### Patch Changes
+
+- [#113](https://github.com/brighte-labs/spark-web/pull/113)
+  [`156236d`](https://github.com/brighte-labs/spark-web/commit/156236d2474aee66a0b8e2030635f9c08a5b78ba)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update
+  dependencies
+
+- Updated dependencies
+  [[`156236d`](https://github.com/brighte-labs/spark-web/commit/156236d2474aee66a0b8e2030635f9c08a5b78ba)]:
+  - @spark-web/box@1.0.5
+  - @spark-web/theme@3.0.1
+  - @spark-web/utils@1.1.3
+
+## 1.0.4
+
+### Patch Changes
+
+- [#83](https://github.com/brighte-labs/spark-web/pull/83)
+  [`1ef4f82`](https://github.com/brighte-labs/spark-web/commit/1ef4f82df999c487b79cd216c17ca5735e444fc5)
+  Thanks [@ChristopherMitchell242](https://github.com/ChristopherMitchell242)! -
+  Data attribute added to component props to allow consumers to attach custom
+  attributes to components
+
+* [#52](https://github.com/brighte-labs/spark-web/pull/52)
+  [`82ab744`](https://github.com/brighte-labs/spark-web/commit/82ab744f198466810f3386bc459b8ab4d57c820e)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add files array
+  to package.json files
+
+* Updated dependencies
+  [[`182a53a`](https://github.com/brighte-labs/spark-web/commit/182a53a484892df48754e89dd714459a7f69fcff),
+  [`82ab744`](https://github.com/brighte-labs/spark-web/commit/82ab744f198466810f3386bc459b8ab4d57c820e),
+  [`df618d9`](https://github.com/brighte-labs/spark-web/commit/df618d92d534e06f06ecedc95ea6bdd51cdc906b)]:
+  - @spark-web/theme@3.0.0
+  - @spark-web/box@1.0.4
+  - @spark-web/utils@1.1.2
+
+## 1.0.3
+
+### Patch Changes
+
+- [#42](https://github.com/brighte-labs/spark-web/pull/42)
+  [`435779a`](https://github.com/brighte-labs/spark-web/commit/435779aa42bd635bbf43e1fd41724c666402caa2)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Prevent multiple
+  versions of React
+
+- Updated dependencies
+  [[`435779a`](https://github.com/brighte-labs/spark-web/commit/435779aa42bd635bbf43e1fd41724c666402caa2)]:
+  - @spark-web/box@1.0.3
+  - @spark-web/theme@2.0.2
+  - @spark-web/utils@1.1.1
+
+## 1.0.2
+
+### Patch Changes
+
+- [#40](https://github.com/brighte-labs/spark-web/pull/40)
+  [`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Add
+  @babel/transform-runtime
+
+- Updated dependencies
+  [[`062c8ab`](https://github.com/brighte-labs/spark-web/commit/062c8ab8c7b4120f8d14c269b5f7801288c678ca)]:
+  - @spark-web/box@1.0.2
+  - @spark-web/theme@2.0.1
+  - @spark-web/utils@1.0.2
+
+## 1.0.1
+
+### Patch Changes
+
+- [#36](https://github.com/brighte-labs/spark-web/pull/36)
+  [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)
+  Thanks [@lukebennett88](https://github.com/lukebennett88)! - Update Babel
+  config
+
+- Updated dependencies
+  [[`aebff30`](https://github.com/brighte-labs/spark-web/commit/aebff30c86cb0a9db22b545c46159ce0d1c14afb),
+  [`8546f8f`](https://github.com/brighte-labs/spark-web/commit/8546f8f05daaa79ea3ff954c6c4928a7a2d0622d)]:
+  - @spark-web/theme@2.0.0
+  - @spark-web/box@1.0.1
+  - @spark-web/utils@1.0.1
+
+## 1.0.0
+
+### Major Changes
+
+- [#27](https://github.com/brighte-labs/spark-web/pull/27)
+  [`4c8e398`](https://github.com/brighte-labs/spark-web/commit/4c8e3988f8a59d3dab60a6b67b1128b6ff2a5f2c)
+  Thanks [@JedWatson](https://github.com/JedWatson)! - Initial Version
+
+### Patch Changes
+
+- Updated dependencies
+  [[`4c8e398`](https://github.com/brighte-labs/spark-web/commit/4c8e3988f8a59d3dab60a6b67b1128b6ff2a5f2c)]:
+  - @spark-web/box@1.0.0
+  - @spark-web/theme@1.0.0
+  - @spark-web/utils@1.0.0

package/CLAUDE.md

@@ -0,0 +1,70 @@
+# @spark-web/columns — AI Context
+
+## What this is
+
+CSS grid layout component. Distributes children into equal-width columns by
+default, or proportionally via a `template` array. Supports responsive collapse
+to a single column below a breakpoint. Use `Columns` for filter bars, form
+layouts with side-by-side fields, and any N-column grid.
+
+## What this is NOT
+
+- Not for a single row of items — use `Row` for horizontal flex layouts
+- Not for vertical stacks — use `Stack`
+- Not for wrapping inline content — use `Inline`
+
+## Props interface
+
+| Prop            | Type                                                      | Default | Notes                                                                       |
+| --------------- | --------------------------------------------------------- | ------- | --------------------------------------------------------------------------- |
+| `gap`           | spacing token (responsive)                                | —       | Gap between all grid cells                                                  |
+| `template`      | `number[]`                                                | —       | Fractional column widths, e.g. `[2, 1]` → `2fr 1fr`. Omit for equal columns |
+| `collapseBelow` | `'tablet' \| 'desktop' \| 'wide'`                         | —       | Stack columns vertically below this breakpoint                              |
+| `alignY`        | `'top' \| 'center' \| 'bottom' \| 'stretch'` (responsive) | `'top'` | Vertical alignment of items in each row                                     |
+| `data`          | `DataAttributeMap`                                        | —       | Test/analytics attributes                                                   |
+
+Column count is derived from the number of direct children. Each direct child
+occupies one column.
+
+## Common patterns
+
+### Equal-width 3-column filter bar (collapses on mobile)
+
+```tsx
+<Columns gap="medium" collapseBelow="tablet">
+  <Field label="Role" labelVisibility="hidden">
+    <Select options={roleOptions} placeholder="Select role" />
+  </Field>
+  <Field label="Status" labelVisibility="hidden">
+    <Select options={statusOptions} placeholder="Select status" />
+  </Field>
+  <Field label="Search" labelVisibility="hidden">
+    <TextInput placeholder="Search users">
+      <InputAdornment placement="start">
+        <SearchIcon size="xsmall" tone="placeholder" />
+      </InputAdornment>
+    </TextInput>
+  </Field>
+</Columns>
+```
+
+### Proportional 2-column layout
+
+```tsx
+{
+  /* Left column takes 2/3, right takes 1/3 */
+}
+<Columns gap="large" template={[2, 1]}>
+  <MainContent />
+  <Sidebar />
+</Columns>;
+```
+
+## Do NOTs
+
+- NEVER set `display`, `gap` via inline styles, or `gridTemplateColumns`
+  directly — use `Columns` props
+- NEVER wrap a single child in `Columns` — use `Box` or `Stack`
+- NEVER use `Columns` when items need to wrap dynamically — use `Inline`
+- NEVER use `template` values that don't sum to a meaningful ratio — keep it
+  simple (e.g. `[1, 1]`, `[2, 1]`, `[1, 2, 1]`)

package/README.md

@@ -0,0 +1,113 @@
+---
+title: Columns
+storybookPath: page-layout-columns--default
+isExperimentalPackage: false
+---
+
+Use the columns primitive to layout content in configurable columns.
+
+Each child represents a single column. By default that column will span 1
+fraction of the total number of children.
+
+```jsx live
+<Columns>
+  <Placeholder />
+  <Placeholder />
+  <Placeholder />
+</Columns>
+```
+
+## Examples
+
+### Gap
+
+The spacing between children can be adjusted using the `gap` prop.
+
+```jsx live
+<Columns gap="large">
+  <Placeholder />
+  <Placeholder />
+  <Placeholder />
+</Columns>
+```
+
+### Vertical alignment
+
+Columns can be aligned vertically using the `alignY` prop.
+
+```jsx live
+<Stack gap="medium" dividers>
+  <Columns gap="small" alignY="top">
+    <Placeholder />
+    <Placeholder label="top (default)" height={64} />
+    <Placeholder />
+  </Columns>
+  <Columns gap="small" alignY="center">
+    <Placeholder />
+    <Placeholder label="center" height={64} />
+    <Placeholder />
+  </Columns>
+  <Columns gap="small" alignY="bottom">
+    <Placeholder />
+    <Placeholder label="bottom" height={64} />
+    <Placeholder />
+  </Columns>
+  <Columns gap="small" alignY="stretch">
+    <Placeholder />
+    <Placeholder label="stretch" height={64} />
+    <Placeholder />
+  </Columns>
+</Stack>
+```
+
+### Collapsing across breakpoints
+
+Columns can be collapsed into a single vertical stack responsively using the
+`collapseBelow` prop.
+
+```jsx live
+<Columns gap="large" collapseBelow="desktop">
+  <Placeholder />
+  <Placeholder />
+  <Placeholder />
+</Columns>
+```
+
+### Template
+
+If you need more control over how your columns are distributed, you can use the
+`template` prop. `template` receives an array of numbers that represent the
+relative width of each column.
+
+```jsx live
+<Columns gap="small" template={[1, 3, 1]} collapseBelow="tablet">
+  <Box border="field" padding="small">
+    <Text>nav</Text>
+  </Box>
+  <Box border="field" padding="small">
+    <Text>main</Text>
+  </Box>
+  <Box border="field" padding="small">
+    <Text>aside</Text>
+  </Box>
+</Columns>
+```
+
+## Props
+
+<PropsTable displayName="Columns" />
+
+[`Box`](/package/box) props are also included as `Column` props and are not
+listed here (excluding `display`, `alignItems`, `gap`, `flexDirection`,
+`justifyContent` and `flexWrap`).
+
+Extra props are passed into the underlying [`Box`](/package/box) component.
+
+[responsive-prop]:
+  https://github.com/brighte-labs/spark-web/blob/e503bea4f7668d187ec7a78f99c5ed374417588b/packages/theme/src/themeUtils.ts#L11
+[responsive-range-props]:
+  https://github.com/brighte-labs/spark-web/blob/e503bea4f7668d187ec7a78f99c5ed374417588b/packages/theme/src/themeUtils.ts#L130
+[gap]:
+  https://github.com/brighte-labs/spark-web/blob/e7f6f4285b4cfd876312cc89fbdd094039aa239a/packages/columns/src/Columns.tsx#L17
+[data-attribute-map]:
+  https://github.com/brighte-labs/spark-web/blob/e7f6f4285b4cfd876312cc89fbdd094039aa239a/packages/utils/src/internal/buildDataAttributes.ts#L1

package/dist/declarations/src/alignment.d.ts

@@ -0,0 +1,14 @@
+declare const alignYLookup: {
+    readonly top: "start";
+    readonly center: "center";
+    readonly bottom: "end";
+    readonly stretch: "stretch";
+};
+export type AlignY = keyof typeof alignYLookup;
+export declare const alignYToAlignItems: (prop?: import("@spark-web/theme").ResponsiveProp<"center" | "bottom" | "top" | "stretch"> | undefined) => "center" | "end" | "start" | "stretch" | {
+    mobile: "center" | "end" | "start" | "stretch" | undefined;
+    tablet: "center" | "end" | "start" | "stretch" | undefined;
+    desktop: "center" | "end" | "start" | "stretch" | undefined;
+    wide: "center" | "end" | "start" | "stretch" | undefined;
+} | undefined;
+export {};

package/dist/declarations/src/columns.d.ts

@@ -0,0 +1,39 @@
+import type { BoxProps } from '@spark-web/box';
+import type { ResponsiveProp, ResponsiveRangeProps, SparkTheme } from '@spark-web/theme';
+import type { DataAttributeMap } from '@spark-web/utils/internal';
+import type { ReactNode } from 'react';
+import type { AlignY } from "./alignment.js";
+type Gap = ResponsiveProp<keyof Omit<SparkTheme['spacing'], 'none'>>;
+type ValidBoxProps = Omit<BoxProps, 'display' | 'alignItems' | 'gap' | 'flexDirection' | 'justifyContent' | 'flexWrap' | 'dangerouslySetInnerHTML'>;
+export type ColumnsProps = {
+    /** Vertically align items within the container. */
+    alignY?: ResponsiveProp<AlignY>;
+    /** Elements representing each column. */
+    children: ReactNode;
+    /** At which breakpoint, if any, should the columns collapse. */
+    collapseBelow?: ResponsiveRangeProps['below'];
+    /** Sets data attributes on the component. */
+    data?: DataAttributeMap;
+    /** The size of the gap between each column. */
+    gap?: Gap;
+    /** Define the relative width of each column. By default each column is the same width. */
+    template?: number[];
+} & ValidBoxProps;
+export declare const Columns: <Comp extends import("react").ElementType = "div">(props: {
+    as?: Comp | undefined;
+    ref?: import("react").Ref<Comp extends "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | keyof HTMLElementTagNameMap ? (HTMLElementTagNameMap & Pick<SVGElementTagNameMap, "symbol" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "set" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view">)[Comp] : Comp extends new (...args: any) => any ? InstanceType<Comp> : undefined> | undefined;
+} & Omit<import("react").PropsWithoutRef<import("react").ComponentProps<Comp>>, "as"> & {
+    /** Vertically align items within the container. */
+    alignY?: ResponsiveProp<AlignY>;
+    /** Elements representing each column. */
+    children: ReactNode;
+    /** At which breakpoint, if any, should the columns collapse. */
+    collapseBelow?: ResponsiveRangeProps["below"];
+    /** Sets data attributes on the component. */
+    data?: DataAttributeMap;
+    /** The size of the gap between each column. */
+    gap?: Gap;
+    /** Define the relative width of each column. By default each column is the same width. */
+    template?: number[];
+} & ValidBoxProps) => import("react").ReactElement;
+export {};

package/dist/declarations/src/index.d.ts

@@ -0,0 +1,2 @@
+export { Columns } from "./columns.js";
+export type { ColumnsProps } from "./columns.js";

package/dist/spark-web-columns.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./declarations/src/index.js";
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Bhcmstd2ViLWNvbHVtbnMuY2pzLmQudHMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuL2RlY2xhcmF0aW9ucy9zcmMvaW5kZXguZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSJ9

package/dist/spark-web-columns.cjs.dev.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var react$1 = require('@emotion/react');
+var box = require('@spark-web/box');
+var theme = require('@spark-web/theme');
+var ts = require('@spark-web/utils/ts');
+var react = require('react');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+var alignYLookup = {
+  top: 'start',
+  center: 'center',
+  bottom: 'end',
+  stretch: 'stretch'
+};
+var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);
+
+var _excluded = ["alignY", "collapseBelow", "data", "gap", "template"];
+var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
+  var _ref$alignY = _ref.alignY,
+    alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
+    collapseBelow = _ref.collapseBelow,
+    data = _ref.data,
+    gap = _ref.gap,
+    template = _ref.template,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme$1 = theme.useTheme();
+  var alignItems = alignYToAlignItems(alignY);
+  var count = react.Children.count(props.children);
+  var gridTemplateColumns = template ? template.map(function (c) {
+    return "".concat(c, "fr");
+  }).join(' ') : "repeat(".concat(count, ", 1fr)");
+  var _theme$utils$responsi = theme$1.utils.responsiveRange({
+      below: collapseBelow
+    }),
+    _theme$utils$responsi2 = _slicedToArray(_theme$utils$responsi, 4),
+    collapseOnMobile = _theme$utils$responsi2[0],
+    collapseOnTablet = _theme$utils$responsi2[1],
+    collapseOnDesktop = _theme$utils$responsi2[2],
+    collapseOnWide = _theme$utils$responsi2[3];
+  return jsxRuntime.jsx(box.Box, _objectSpread({
+    ref: forwardedRef,
+    css: react$1.css(theme$1.utils.resolveResponsiveProps({
+      alignItems: alignItems,
+      display: 'grid',
+      gap: theme$1.utils.mapResponsiveScale(gap, theme$1.spacing),
+      gridTemplateColumns: collapseBelow ? theme$1.utils.optimizeResponsiveArray([collapseOnMobile ? null : gridTemplateColumns, collapseOnTablet ? null : gridTemplateColumns, collapseOnDesktop ? null : gridTemplateColumns, collapseOnWide ? null : gridTemplateColumns]) : gridTemplateColumns,
+      // fix flex overflow bug that prevents text truncation
+      '> *': {
+        minWidth: 0
+      }
+    })),
+    data: data
+  }, props));
+});
+
+exports.Columns = Columns;

package/dist/spark-web-columns.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./spark-web-columns.cjs.prod.js");
+} else {
+  module.exports = require("./spark-web-columns.cjs.dev.js");
+}

package/dist/spark-web-columns.cjs.prod.js

@@ -0,0 +1,62 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var react$1 = require('@emotion/react');
+var box = require('@spark-web/box');
+var theme = require('@spark-web/theme');
+var ts = require('@spark-web/utils/ts');
+var react = require('react');
+var jsxRuntime = require('@emotion/react/jsx-runtime');
+
+var alignYLookup = {
+  top: 'start',
+  center: 'center',
+  bottom: 'end',
+  stretch: 'stretch'
+};
+var alignYToAlignItems = theme.createResponsiveMapFn(alignYLookup);
+
+var _excluded = ["alignY", "collapseBelow", "data", "gap", "template"];
+var Columns = ts.forwardRefWithAs(function (_ref, forwardedRef) {
+  var _ref$alignY = _ref.alignY,
+    alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
+    collapseBelow = _ref.collapseBelow,
+    data = _ref.data,
+    gap = _ref.gap,
+    template = _ref.template,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme$1 = theme.useTheme();
+  var alignItems = alignYToAlignItems(alignY);
+  var count = react.Children.count(props.children);
+  var gridTemplateColumns = template ? template.map(function (c) {
+    return "".concat(c, "fr");
+  }).join(' ') : "repeat(".concat(count, ", 1fr)");
+  var _theme$utils$responsi = theme$1.utils.responsiveRange({
+      below: collapseBelow
+    }),
+    _theme$utils$responsi2 = _slicedToArray(_theme$utils$responsi, 4),
+    collapseOnMobile = _theme$utils$responsi2[0],
+    collapseOnTablet = _theme$utils$responsi2[1],
+    collapseOnDesktop = _theme$utils$responsi2[2],
+    collapseOnWide = _theme$utils$responsi2[3];
+  return jsxRuntime.jsx(box.Box, _objectSpread({
+    ref: forwardedRef,
+    css: react$1.css(theme$1.utils.resolveResponsiveProps({
+      alignItems: alignItems,
+      display: 'grid',
+      gap: theme$1.utils.mapResponsiveScale(gap, theme$1.spacing),
+      gridTemplateColumns: collapseBelow ? theme$1.utils.optimizeResponsiveArray([collapseOnMobile ? null : gridTemplateColumns, collapseOnTablet ? null : gridTemplateColumns, collapseOnDesktop ? null : gridTemplateColumns, collapseOnWide ? null : gridTemplateColumns]) : gridTemplateColumns,
+      // fix flex overflow bug that prevents text truncation
+      '> *': {
+        minWidth: 0
+      }
+    })),
+    data: data
+  }, props));
+});
+
+exports.Columns = Columns;

package/dist/spark-web-columns.esm.js

@@ -0,0 +1,58 @@
+import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import { css } from '@emotion/react';
+import { Box } from '@spark-web/box';
+import { createResponsiveMapFn, useTheme } from '@spark-web/theme';
+import { forwardRefWithAs } from '@spark-web/utils/ts';
+import { Children } from 'react';
+import { jsx } from '@emotion/react/jsx-runtime';
+
+var alignYLookup = {
+  top: 'start',
+  center: 'center',
+  bottom: 'end',
+  stretch: 'stretch'
+};
+var alignYToAlignItems = createResponsiveMapFn(alignYLookup);
+
+var _excluded = ["alignY", "collapseBelow", "data", "gap", "template"];
+var Columns = forwardRefWithAs(function (_ref, forwardedRef) {
+  var _ref$alignY = _ref.alignY,
+    alignY = _ref$alignY === void 0 ? 'top' : _ref$alignY,
+    collapseBelow = _ref.collapseBelow,
+    data = _ref.data,
+    gap = _ref.gap,
+    template = _ref.template,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var theme = useTheme();
+  var alignItems = alignYToAlignItems(alignY);
+  var count = Children.count(props.children);
+  var gridTemplateColumns = template ? template.map(function (c) {
+    return "".concat(c, "fr");
+  }).join(' ') : "repeat(".concat(count, ", 1fr)");
+  var _theme$utils$responsi = theme.utils.responsiveRange({
+      below: collapseBelow
+    }),
+    _theme$utils$responsi2 = _slicedToArray(_theme$utils$responsi, 4),
+    collapseOnMobile = _theme$utils$responsi2[0],
+    collapseOnTablet = _theme$utils$responsi2[1],
+    collapseOnDesktop = _theme$utils$responsi2[2],
+    collapseOnWide = _theme$utils$responsi2[3];
+  return jsx(Box, _objectSpread({
+    ref: forwardedRef,
+    css: css(theme.utils.resolveResponsiveProps({
+      alignItems: alignItems,
+      display: 'grid',
+      gap: theme.utils.mapResponsiveScale(gap, theme.spacing),
+      gridTemplateColumns: collapseBelow ? theme.utils.optimizeResponsiveArray([collapseOnMobile ? null : gridTemplateColumns, collapseOnTablet ? null : gridTemplateColumns, collapseOnDesktop ? null : gridTemplateColumns, collapseOnWide ? null : gridTemplateColumns]) : gridTemplateColumns,
+      // fix flex overflow bug that prevents text truncation
+      '> *': {
+        minWidth: 0
+      }
+    })),
+    data: data
+  }, props));
+});
+
+export { Columns };

package/package.json

@@ -0,0 +1,35 @@
+{
+  "name": "@spark-web/columns",
+  "version": "0.0.0-snapshot-release-20260409001813",
+  "homepage": "https://github.com/brighte-labs/spark-web#readme",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/brighte-labs/spark-web.git",
+    "directory": "packages/columns"
+  },
+  "main": "dist/spark-web-columns.cjs.js",
+  "module": "dist/spark-web-columns.esm.js",
+  "files": [
+    "CHANGELOG.md",
+    "CLAUDE.md",
+    "dist",
+    "README.md"
+  ],
+  "dependencies": {
+    "@babel/runtime": "^7.25.0",
+    "@emotion/react": "^11.14.0",
+    "@spark-web/box": "0.0.0-snapshot-release-20260409001813",
+    "@spark-web/theme": "^5.13.0",
+    "@spark-web/utils": "^5.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.0",
+    "react": "^19.1.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
+  },
+  "engines": {
+    "node": ">=14"
+  }
+}