npm - @5voltfx/design-system - Versions diffs - 0.1.0 → 0.2.0 - Mend

@5voltfx/design-system 0.1.0 → 0.2.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 (286) hide show

package/dist/chunk-2KHDM6UP.js +58 -0
package/dist/chunk-2KHDM6UP.js.map +1 -0
package/dist/chunk-3LTHHL5C.js +11 -0
package/dist/chunk-3LTHHL5C.js.map +1 -0
package/dist/chunk-45346SXP.js +65 -0
package/dist/chunk-45346SXP.js.map +1 -0
package/dist/chunk-5KN5TPGG.js +30 -0
package/dist/chunk-5KN5TPGG.js.map +1 -0
package/dist/chunk-AYAMNHNF.js +1 -0
package/dist/chunk-AYAMNHNF.js.map +1 -0
package/dist/chunk-BAISLPWP.js +14 -0
package/dist/chunk-BAISLPWP.js.map +1 -0
package/dist/chunk-BOPVPQLB.js +25 -0
package/dist/chunk-BOPVPQLB.js.map +1 -0
package/dist/chunk-CT2TMR44.js +1 -0
package/dist/chunk-CT2TMR44.js.map +1 -0
package/dist/chunk-DD5VKG3L.js +22 -0
package/dist/chunk-DD5VKG3L.js.map +1 -0
package/dist/chunk-EW3S3GK6.js +41 -0
package/dist/chunk-EW3S3GK6.js.map +1 -0
package/dist/chunk-HLP2MPQ6.js +110 -0
package/dist/chunk-HLP2MPQ6.js.map +1 -0
package/dist/chunk-HPOL5NKF.js +22 -0
package/dist/chunk-HPOL5NKF.js.map +1 -0
package/dist/chunk-I3NS5MAC.js +23 -0
package/dist/chunk-I3NS5MAC.js.map +1 -0
package/dist/chunk-LPEUQ2DE.js +48 -0
package/dist/chunk-LPEUQ2DE.js.map +1 -0
package/dist/chunk-LY5MPGW2.js +129 -0
package/dist/chunk-LY5MPGW2.js.map +1 -0
package/dist/chunk-NE25337V.js +1 -0
package/dist/chunk-NE25337V.js.map +1 -0
package/dist/chunk-R42A3ZCY.js +16 -0
package/dist/chunk-R42A3ZCY.js.map +1 -0
package/dist/chunk-SFECTSQP.js +68 -0
package/dist/chunk-SFECTSQP.js.map +1 -0
package/dist/chunk-SUYKOWXJ.js +1219 -0
package/dist/chunk-SUYKOWXJ.js.map +1 -0
package/dist/chunk-TNWQQ56F.js +19 -0
package/dist/chunk-TNWQQ56F.js.map +1 -0
package/dist/chunk-U6JTDANG.js +22 -0
package/dist/chunk-U6JTDANG.js.map +1 -0
package/dist/chunk-VRGTUKSJ.js +20 -0
package/dist/chunk-VRGTUKSJ.js.map +1 -0
package/dist/chunk-YCZXDQJZ.js +41 -0
package/dist/chunk-YCZXDQJZ.js.map +1 -0
package/dist/chunk-ZVUDPTFZ.js +76 -0
package/dist/chunk-ZVUDPTFZ.js.map +1 -0
package/dist/components/Accordion/Accordion.d.ts +29 -0
package/dist/components/Accordion/Accordion.d.ts.map +1 -0
package/dist/components/Accordion/index.css +58 -0
package/dist/components/Accordion/index.css.map +1 -0
package/dist/components/Accordion/index.d.ts +2 -0
package/dist/components/Accordion/index.d.ts.map +1 -0
package/dist/components/Accordion/index.js +7 -0
package/dist/components/Accordion/index.js.map +1 -0
package/dist/components/Button/Button.d.ts +8 -0
package/dist/components/Button/Button.d.ts.map +1 -0
package/{src/components/Button/Button.css → dist/components/Button/index.css} +2 -11
package/dist/components/Button/index.css.map +1 -0
package/{src/components/Button/index.js → dist/components/Button/index.d.ts} +1 -0
package/dist/components/Button/index.d.ts.map +1 -0
package/dist/components/Button/index.js +7 -0
package/dist/components/Button/index.js.map +1 -0
package/dist/components/Card/Card.d.ts +6 -0
package/dist/components/Card/Card.d.ts.map +1 -0
package/{src/components/Card/Card.css → dist/components/Card/index.css} +3 -3
package/dist/components/Card/index.css.map +1 -0
package/{src/components/Card/index.js → dist/components/Card/index.d.ts} +1 -0
package/dist/components/Card/index.d.ts.map +1 -0
package/dist/components/Card/index.js +7 -0
package/dist/components/Card/index.js.map +1 -0
package/dist/components/Checkbox/Checkbox.d.ts +15 -0
package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
package/dist/components/Checkbox/index.css +57 -0
package/dist/components/Checkbox/index.css.map +1 -0
package/dist/components/Checkbox/index.d.ts +2 -0
package/dist/components/Checkbox/index.d.ts.map +1 -0
package/dist/components/Checkbox/index.js +7 -0
package/dist/components/Checkbox/index.js.map +1 -0
package/dist/components/Footer/Footer.d.ts +15 -0
package/dist/components/Footer/Footer.d.ts.map +1 -0
package/{src/components/Footer/Footer.css → dist/components/Footer/index.css} +28 -7
package/dist/components/Footer/index.css.map +1 -0
package/{src/components/Footer/index.js → dist/components/Footer/index.d.ts} +1 -0
package/dist/components/Footer/index.d.ts.map +1 -0
package/dist/components/Footer/index.js +8 -0
package/dist/components/Footer/index.js.map +1 -0
package/dist/components/FormField/FormField.d.ts +27 -0
package/dist/components/FormField/FormField.d.ts.map +1 -0
package/dist/components/FormField/index.css +31 -0
package/dist/components/FormField/index.css.map +1 -0
package/dist/components/FormField/index.d.ts +2 -0
package/dist/components/FormField/index.d.ts.map +1 -0
package/dist/components/FormField/index.js +8 -0
package/dist/components/FormField/index.js.map +1 -0
package/dist/components/Header/Header.d.ts +15 -0
package/dist/components/Header/Header.d.ts.map +1 -0
package/dist/components/Header/index.css +98 -0
package/dist/components/Header/index.css.map +1 -0
package/{src/components/Header/index.js → dist/components/Header/index.d.ts} +1 -0
package/dist/components/Header/index.d.ts.map +1 -0
package/dist/components/Header/index.js +8 -0
package/dist/components/Header/index.js.map +1 -0
package/dist/components/Input/Input.d.ts +16 -0
package/dist/components/Input/Input.d.ts.map +1 -0
package/dist/components/Input/index.css +45 -0
package/dist/components/Input/index.css.map +1 -0
package/dist/components/Input/index.d.ts +2 -0
package/dist/components/Input/index.d.ts.map +1 -0
package/dist/components/Input/index.js +7 -0
package/dist/components/Input/index.js.map +1 -0
package/dist/components/Label/Label.d.ts +15 -0
package/dist/components/Label/Label.d.ts.map +1 -0
package/dist/components/Label/index.css +14 -0
package/dist/components/Label/index.css.map +1 -0
package/dist/components/Label/index.d.ts +2 -0
package/dist/components/Label/index.d.ts.map +1 -0
package/dist/components/Label/index.js +8 -0
package/dist/components/Label/index.js.map +1 -0
package/dist/components/Layout/Container.d.ts +6 -0
package/dist/components/Layout/Container.d.ts.map +1 -0
package/dist/components/Layout/Grid.d.ts +9 -0
package/dist/components/Layout/Grid.d.ts.map +1 -0
package/dist/components/Layout/Stack.d.ts +10 -0
package/dist/components/Layout/Stack.d.ts.map +1 -0
package/{src/components/Layout/Layout.css → dist/components/Layout/index.css} +2 -4
package/dist/components/Layout/index.css.map +1 -0
package/{src/components/Layout/index.js → dist/components/Layout/index.d.ts} +1 -0
package/dist/components/Layout/index.d.ts.map +1 -0
package/dist/components/Layout/index.js +11 -0
package/dist/components/Layout/index.js.map +1 -0
package/dist/components/Menu/Menu.d.ts +30 -0
package/dist/components/Menu/Menu.d.ts.map +1 -0
package/dist/components/Menu/index.css +77 -0
package/dist/components/Menu/index.css.map +1 -0
package/dist/components/Menu/index.d.ts +2 -0
package/dist/components/Menu/index.d.ts.map +1 -0
package/dist/components/Menu/index.js +7 -0
package/dist/components/Menu/index.js.map +1 -0
package/dist/components/Modal/Modal.d.ts +24 -0
package/dist/components/Modal/Modal.d.ts.map +1 -0
package/dist/components/Modal/index.css +101 -0
package/dist/components/Modal/index.css.map +1 -0
package/dist/components/Modal/index.d.ts +2 -0
package/dist/components/Modal/index.d.ts.map +1 -0
package/dist/components/Modal/index.js +7 -0
package/dist/components/Modal/index.js.map +1 -0
package/dist/components/Nav/Nav.d.ts +10 -0
package/dist/components/Nav/Nav.d.ts.map +1 -0
package/{src/components/Nav/Nav.css → dist/components/Nav/index.css} +2 -8
package/dist/components/Nav/index.css.map +1 -0
package/dist/components/Nav/index.d.ts +2 -0
package/dist/components/Nav/index.d.ts.map +1 -0
package/dist/components/Nav/index.js +8 -0
package/dist/components/Nav/index.js.map +1 -0
package/dist/components/Radio/Radio.d.ts +17 -0
package/dist/components/Radio/Radio.d.ts.map +1 -0
package/dist/components/Radio/RadioGroup.d.ts +25 -0
package/dist/components/Radio/RadioGroup.d.ts.map +1 -0
package/dist/components/Radio/RadioGroupContext.d.ts +7 -0
package/dist/components/Radio/RadioGroupContext.d.ts.map +1 -0
package/dist/components/Radio/index.css +57 -0
package/dist/components/Radio/index.css.map +1 -0
package/dist/components/Radio/index.d.ts +3 -0
package/dist/components/Radio/index.d.ts.map +1 -0
package/dist/components/Radio/index.js +9 -0
package/dist/components/Radio/index.js.map +1 -0
package/dist/components/Select/Select.d.ts +18 -0
package/dist/components/Select/Select.d.ts.map +1 -0
package/dist/components/Select/index.css +52 -0
package/dist/components/Select/index.css.map +1 -0
package/dist/components/Select/index.d.ts +2 -0
package/dist/components/Select/index.d.ts.map +1 -0
package/dist/components/Select/index.js +7 -0
package/dist/components/Select/index.js.map +1 -0
package/dist/components/SlideRuleNav/SlideRuleNav.d.ts +54 -0
package/dist/components/SlideRuleNav/SlideRuleNav.d.ts.map +1 -0
package/dist/components/SlideRuleNav/geometry.d.ts +168 -0
package/dist/components/SlideRuleNav/geometry.d.ts.map +1 -0
package/dist/components/SlideRuleNav/index.css +196 -0
package/dist/components/SlideRuleNav/index.css.map +1 -0
package/dist/components/SlideRuleNav/index.d.ts +2 -0
package/dist/components/SlideRuleNav/index.d.ts.map +1 -0
package/dist/components/SlideRuleNav/index.js +7 -0
package/dist/components/SlideRuleNav/index.js.map +1 -0
package/dist/components/SlideRuleNav/variants/CursorRule.d.ts +11 -0
package/dist/components/SlideRuleNav/variants/CursorRule.d.ts.map +1 -0
package/dist/components/SlideRuleNav/variants/SlideStator.d.ts +13 -0
package/dist/components/SlideRuleNav/variants/SlideStator.d.ts.map +1 -0
package/dist/components/SlideRuleNav/variants/VernierCarriage.d.ts +13 -0
package/dist/components/SlideRuleNav/variants/VernierCarriage.d.ts.map +1 -0
package/dist/components/Switch/Switch.d.ts +15 -0
package/dist/components/Switch/Switch.d.ts.map +1 -0
package/dist/components/Switch/index.css +49 -0
package/dist/components/Switch/index.css.map +1 -0
package/dist/components/Switch/index.d.ts +2 -0
package/dist/components/Switch/index.d.ts.map +1 -0
package/dist/components/Switch/index.js +7 -0
package/dist/components/Switch/index.js.map +1 -0
package/dist/components/Tabs/Tabs.d.ts +34 -0
package/dist/components/Tabs/Tabs.d.ts.map +1 -0
package/dist/components/Tabs/index.css +54 -0
package/dist/components/Tabs/index.css.map +1 -0
package/dist/components/Tabs/index.d.ts +2 -0
package/dist/components/Tabs/index.d.ts.map +1 -0
package/dist/components/Tabs/index.js +7 -0
package/dist/components/Tabs/index.js.map +1 -0
package/dist/components/Textarea/Textarea.d.ts +16 -0
package/dist/components/Textarea/Textarea.d.ts.map +1 -0
package/dist/components/Textarea/index.css +36 -0
package/dist/components/Textarea/index.css.map +1 -0
package/dist/components/Textarea/index.d.ts +2 -0
package/dist/components/Textarea/index.d.ts.map +1 -0
package/dist/components/Textarea/index.js +7 -0
package/dist/components/Textarea/index.js.map +1 -0
package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts +4 -0
package/dist/components/ThemeSwitcher/ThemeSwitcher.d.ts.map +1 -0
package/{src/components/ThemeSwitcher/ThemeSwitcher.css → dist/components/ThemeSwitcher/index.css} +3 -7
package/dist/components/ThemeSwitcher/index.css.map +1 -0
package/{src/components/ThemeSwitcher/index.js → dist/components/ThemeSwitcher/index.d.ts} +1 -0
package/dist/components/ThemeSwitcher/index.d.ts.map +1 -0
package/dist/components/ThemeSwitcher/index.js +8 -0
package/dist/components/ThemeSwitcher/index.js.map +1 -0
package/dist/components/Typography/Heading.d.ts +9 -0
package/dist/components/Typography/Heading.d.ts.map +1 -0
package/dist/components/Typography/Text.d.ts +9 -0
package/dist/components/Typography/Text.d.ts.map +1 -0
package/dist/components/Typography/index.css +50 -0
package/dist/components/Typography/index.css.map +1 -0
package/{src/components/Typography/index.js → dist/components/Typography/index.d.ts} +1 -0
package/dist/components/Typography/index.d.ts.map +1 -0
package/dist/components/Typography/index.js +9 -0
package/dist/components/Typography/index.js.map +1 -0
package/dist/components/_shared/useDetentTravel.d.ts +87 -0
package/dist/components/_shared/useDetentTravel.d.ts.map +1 -0
package/dist/components/_shared/usePointerDrag.d.ts +24 -0
package/dist/components/_shared/usePointerDrag.d.ts.map +1 -0
package/dist/components/_shared/useReducedMotion.d.ts +7 -0
package/dist/components/_shared/useReducedMotion.d.ts.map +1 -0
package/dist/components/_shared/validateStationCount.d.ts +13 -0
package/dist/components/_shared/validateStationCount.d.ts.map +1 -0
package/dist/index.css +1398 -0
package/dist/index.css.map +1 -0
package/dist/index.d.ts +25 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +171 -0
package/dist/index.js.map +1 -0
package/dist/theme/ThemeContext.d.ts +2 -0
package/dist/theme/ThemeContext.d.ts.map +1 -0
package/dist/theme/ThemeProvider.d.ts +12 -0
package/dist/theme/ThemeProvider.d.ts.map +1 -0
package/dist/theme/themeConstants.d.ts +8 -0
package/dist/theme/themeConstants.d.ts.map +1 -0
package/dist/theme/useTheme.d.ts +2 -0
package/dist/theme/useTheme.d.ts.map +1 -0
package/package.json +35 -6
package/vite-plugin.js +13 -10
package/src/components/Button/Button.jsx +0 -20
package/src/components/Card/Card.jsx +0 -6
package/src/components/Footer/Footer.jsx +0 -37
package/src/components/Header/Header.css +0 -47
package/src/components/Header/Header.jsx +0 -30
package/src/components/Layout/Container.jsx +0 -10
package/src/components/Layout/Grid.jsx +0 -22
package/src/components/Layout/Stack.jsx +0 -24
package/src/components/Nav/Nav.jsx +0 -29
package/src/components/Nav/index.js +0 -1
package/src/components/ThemeSwitcher/ThemeSwitcher.jsx +0 -26
package/src/components/Typography/Heading.jsx +0 -29
package/src/components/Typography/Text.jsx +0 -20
package/src/components/Typography/Typography.css +0 -35
package/src/index.js +0 -12
package/src/theme/ThemeContext.js +0 -3
package/src/theme/ThemeProvider.jsx +0 -66
package/src/theme/themeConstants.js +0 -12
package/src/theme/useTheme.js +0 -10
package/src/tokens/base.css +0 -21
package/src/tokens/colors.css +0 -29
package/src/tokens/elevation.css +0 -10
package/src/tokens/index.css +0 -8
package/src/tokens/motion.css +0 -6
package/src/tokens/radius.css +0 -6
package/src/tokens/spacing.css +0 -10
package/src/tokens/themes.css +0 -156
package/src/tokens/typography.css +0 -29

package/dist/index.css.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/tokens/colors.css","../src/tokens/themes.css","../src/tokens/base.css","../src/tokens/typography.css","../src/tokens/spacing.css","../src/tokens/radius.css","../src/tokens/elevation.css","../src/tokens/motion.css","../src/tokens/zindex.css","../src/tokens/semantic.css","../src/tokens/rule.css","../src/components/Button/Button.css","../src/components/Card/Card.css","../src/components/Nav/Nav.css","../src/components/Header/Header.css","../src/components/ThemeSwitcher/ThemeSwitcher.css","../src/components/Footer/Footer.css","../src/components/Typography/Typography.css","../src/components/Layout/Layout.css","../src/components/Label/Label.css","../src/components/FormField/FormField.css","../src/components/Input/Input.css","../src/components/Textarea/Textarea.css","../src/components/Select/Select.css","../src/components/Checkbox/Checkbox.css","../src/components/Radio/Radio.css","../src/components/Switch/Switch.css","../src/components/Modal/Modal.css","../src/components/Menu/Menu.css","../src/components/Tabs/Tabs.css","../src/components/Accordion/Accordion.css","../src/components/SlideRuleNav/SlideRuleNav.css"],"sourcesContent":["/*\n Base color token shape. Every theme in themes.css overrides this full set\n via [data-theme=\"<id>\"]. These :root values are the default (coral) theme,\n so components render sensibly even before ThemeProvider sets data-theme.\n*/\n:root {\n --ds-color-url: #ff8787;\n --ds-color-visited: #ffb4a2;\n\n --ds-color-bg-0: #1a2f2f;\n --ds-color-bg-1: #2d4a4a;\n --ds-color-bg-2: #ff6b6b;\n --ds-color-bg-3: #5c8a8a;\n --ds-color-bg-4: #f7f0eb;\n\n --ds-color-font-0: #fff5f0;\n --ds-color-font-1: #ffb4a2;\n --ds-color-font-2: #ff6b6b;\n --ds-color-font-3: #2d4a4a;\n --ds-color-font-4: #1a2f2f;\n\n --ds-color-bw-0: #142424;\n --ds-color-bw-1: #2d4a4a;\n --ds-color-bw-2: #5c8a8a;\n --ds-color-bw-3: #c5d5d5;\n --ds-color-bw-4: #fff;\n\n --ds-color-highlight: #7c3aed;\n}\n","/*\n Canonical theme set. Carries song-chart's 5 themes forward near-verbatim\n (ink, sage, coral, midnight, amber) plus one new \"harvest\" theme\n consolidating mattwelker.com's warm/retro/cirro family into a single palette.\n Applied via ThemeProvider setting data-theme=\"<id>\" on <html>.\n*/\n\n[data-theme=\"ink\"] {\n --ds-color-url: #818cf8;\n --ds-color-visited: #a5b4fc;\n\n --ds-color-bg-0: #0d0f14;\n --ds-color-bg-1: #1a1f2e;\n --ds-color-bg-2: #6366f1;\n --ds-color-bg-3: #2d3348;\n --ds-color-bg-4: #384260;\n\n --ds-color-font-0: #ffffff;\n --ds-color-font-1: #9aa8d4;\n --ds-color-font-2: #818cf8;\n --ds-color-font-3: #c5cce8;\n --ds-color-font-4: #f0f2ff;\n\n --ds-color-bw-0: #000;\n --ds-color-bw-1: #1e2230;\n --ds-color-bw-2: #4a5068;\n --ds-color-bw-3: #5a6380;\n --ds-color-bw-4: #fff;\n\n --ds-color-highlight: #fbbf24;\n}\n\n[data-theme=\"sage\"] {\n --ds-color-url: #7a8578;\n --ds-color-visited: #8a9388;\n\n --ds-color-bg-0: #3a3f38;\n --ds-color-bg-1: #4a5248;\n --ds-color-bg-2: #6b7568;\n --ds-color-bg-3: #9aa392;\n --ds-color-bg-4: #d4d8d0;\n\n --ds-color-font-0: #e8ebe6;\n --ds-color-font-1: #c5cbc0;\n --ds-color-font-2: #6b7568;\n --ds-color-font-3: #5c6359;\n --ds-color-font-4: #3a3f38;\n\n --ds-color-bw-0: #323632;\n --ds-color-bw-1: #4a5248;\n --ds-color-bw-2: #6b7568;\n --ds-color-bw-3: #9aa392;\n --ds-color-bw-4: #e8ebe6;\n\n --ds-color-highlight: #6b4c9a;\n}\n\n[data-theme=\"coral\"] {\n --ds-color-url: #ff8787;\n --ds-color-visited: #ffb4a2;\n\n --ds-color-bg-0: #1a2f2f;\n --ds-color-bg-1: #2d4a4a;\n --ds-color-bg-2: #ff6b6b;\n --ds-color-bg-3: #5c8a8a;\n --ds-color-bg-4: #f7f0eb;\n\n --ds-color-font-0: #fff5f0;\n --ds-color-font-1: #ffb4a2;\n --ds-color-font-2: #ff6b6b;\n --ds-color-font-3: #2d4a4a;\n --ds-color-font-4: #1a2f2f;\n\n --ds-color-bw-0: #142424;\n --ds-color-bw-1: #2d4a4a;\n --ds-color-bw-2: #5c8a8a;\n --ds-color-bw-3: #c5d5d5;\n --ds-color-bw-4: #fff;\n\n --ds-color-highlight: #7c3aed;\n}\n\n[data-theme=\"midnight\"] {\n --ds-color-url: #0099cc;\n --ds-color-visited: #007aa3;\n\n --ds-color-bg-0: #000000;\n --ds-color-bg-1: #111111;\n --ds-color-bg-2: #00d4ff;\n --ds-color-bg-3: #ececec;\n --ds-color-bg-4: #ffffff;\n\n --ds-color-font-0: #ffffff;\n --ds-color-font-1: #555555;\n --ds-color-font-2: #007799;\n --ds-color-font-3: #333333;\n --ds-color-font-4: #000000;\n\n --ds-color-bw-0: #000;\n --ds-color-bw-1: #222;\n --ds-color-bw-2: #666;\n --ds-color-bw-3: #bbb;\n --ds-color-bw-4: #fff;\n\n --ds-color-highlight: #ff6600;\n}\n\n[data-theme=\"amber\"] {\n --ds-color-url: #a0522d;\n --ds-color-visited: #8b4513;\n\n --ds-color-bg-0: #1a1510;\n --ds-color-bg-1: #2c2218;\n --ds-color-bg-2: #b8652a;\n --ds-color-bg-3: #d9cbb0;\n --ds-color-bg-4: #f5efe3;\n\n --ds-color-font-0: #faf6ef;\n --ds-color-font-1: #6b5344;\n --ds-color-font-2: #8b6914;\n --ds-color-font-3: #4a3d30;\n --ds-color-font-4: #1a1510;\n\n --ds-color-bw-0: #100c08;\n --ds-color-bw-1: #3d2e1f;\n --ds-color-bw-2: #6b5344;\n --ds-color-bw-3: #b8a088;\n --ds-color-bw-4: #fff;\n\n --ds-color-highlight: #1d4ed8;\n}\n\n[data-theme=\"harvest\"] {\n --ds-color-url: #f4230c;\n --ds-color-visited: #9bb4e2;\n\n --ds-color-bg-0: #005558;\n --ds-color-bg-1: #684022;\n --ds-color-bg-2: #9f5508;\n --ds-color-bg-3: #decebd;\n --ds-color-bg-4: #fdf7e3;\n\n --ds-color-font-0: #fdf7e3;\n --ds-color-font-1: #decebd;\n --ds-color-font-2: #9f5508;\n --ds-color-font-3: #684022;\n --ds-color-font-4: #005558;\n\n --ds-color-bw-0: #000;\n --ds-color-bw-1: #333;\n --ds-color-bw-2: #666;\n --ds-color-bw-3: #ccc;\n --ds-color-bw-4: #fff;\n\n --ds-color-highlight: #f4230c;\n}\n","/*\n Every theme pairs bg-0 (page surface) with font-0 (on-surface text) —\n without this, the page background stays the browser default (white) while\n text/components assume a themed surface behind them, e.g. font-0 is\n near-white in every theme because it's meant to sit on the dark bg-0.\n*/\nhtml,\nbody {\n background-color: var(--ds-color-bg-0);\n color: var(--ds-color-font-0);\n}\n\nbody {\n margin: 0;\n min-height: 100vh;\n font-family: var(--ds-font-body);\n}\n\n* {\n box-sizing: border-box;\n}\n","/*\n Shared type scale. Space Grotesk is already used by song-chart and\n mattwelker.com; consuming apps must load the Google Fonts <link> themselves\n (this package doesn't inject font-loading side effects). Pangolin is kept\n as an optional decorative token for mattwelker.com's setlist page only.\n*/\n:root {\n --ds-font-body: \"Space Grotesk\", system-ui, -apple-system, \"Segoe UI\", Roboto,\n Helvetica, Arial, sans-serif;\n --ds-font-decorative: \"Pangolin\", cursive;\n\n --ds-font-weight-regular: 400;\n --ds-font-weight-medium: 500;\n --ds-font-weight-semibold: 600;\n --ds-font-weight-bold: 700;\n\n --ds-line-height-tight: 1.15;\n --ds-line-height-normal: 1.5;\n --ds-line-height-relaxed: 1.7;\n\n /* modular scale, ~1.25 ratio, base 1rem */\n --ds-font-size-100: 0.8rem;\n --ds-font-size-200: 1rem;\n --ds-font-size-300: 1.25rem;\n --ds-font-size-400: 1.563rem;\n --ds-font-size-500: 1.953rem;\n --ds-font-size-600: 2.441rem;\n --ds-font-size-700: 3.052rem;\n}\n",":root {\n --ds-space-1: 0.25rem;\n --ds-space-2: 0.5rem;\n --ds-space-3: 0.75rem;\n --ds-space-4: 1rem;\n --ds-space-5: 1.5rem;\n --ds-space-6: 2rem;\n --ds-space-7: 3rem;\n --ds-space-8: 4rem;\n}\n",":root {\n --ds-radius-sm: 6px;\n --ds-radius-md: 10px;\n --ds-radius-lg: 16px;\n --ds-radius-pill: 999px;\n}\n","/*\n Shadows are tinted with the active theme's accent (--ds-color-bg-2) at low\n opacity rather than flat black, since none of the 3 sites uses any shadow\n today and a flat-black shadow would read as generic rather than \"on-brand\".\n*/\n:root {\n --ds-shadow-sm: 0 1px 3px color-mix(in srgb, var(--ds-color-bg-2) 18%, transparent);\n --ds-shadow-md: 0 6px 16px color-mix(in srgb, var(--ds-color-bg-2) 20%, transparent);\n --ds-shadow-lg: 0 16px 40px color-mix(in srgb, var(--ds-color-bg-2) 24%, transparent);\n}\n",":root {\n --ds-motion-duration-fast: 120ms;\n --ds-motion-duration-base: 200ms;\n --ds-motion-duration-slow: 320ms;\n --ds-motion-ease-standard: cubic-bezier(0.2, 0, 0, 1);\n}\n","/*\n Stacking order for layered UI. Overlays (Modal, Menu) read these rather\n than picking ad-hoc numbers, so a dropdown inside a modal, a sticky header,\n and a toast all sort predictably. Values are spaced by 100 to leave room.\n*/\n:root {\n --ds-z-base: 0;\n --ds-z-dropdown: 1000;\n --ds-z-sticky: 1100;\n --ds-z-overlay: 1200;\n --ds-z-modal: 1300;\n --ds-z-popover: 1400;\n --ds-z-toast: 1500;\n}\n","/*\n Semantic status colors + form-control helpers.\n\n Unlike the per-theme bg/font/bw families in themes.css, these are\n theme-agnostic defaults chosen to stay legible on both the dark surfaces\n (ink, midnight, coral) and the light-ish ones (sage, amber, harvest). A\n theme may override any of them inside its own [data-theme=\"…\"] block later\n if it wants a warmer danger, etc. — nothing here is per-theme yet.\n\n This is intentionally the minimum forms/validation need, not a full status\n system (no Alert/Badge tokens yet).\n*/\n:root {\n --ds-color-danger: #dc2626;\n --ds-color-success: #16a34a;\n --ds-color-warning: #d97706;\n --ds-color-info: #2563eb;\n\n --ds-color-on-danger: #fff;\n --ds-color-on-success: #fff;\n --ds-color-on-warning: #1a1510;\n --ds-color-on-info: #fff;\n\n /*\n Single source for form-control chrome so Input/Textarea/Select/Checkbox/\n Radio/Switch all share one background, border, and focus-ring color and\n stay visually consistent across every theme.\n */\n --ds-color-field-bg: var(--ds-color-bg-1);\n --ds-color-field-border: var(--ds-color-bw-3);\n --ds-color-focus-ring: var(--ds-color-bg-2);\n}\n","/*\n Component tokens for the slide-rule navigations (SlideRuleNav, DialNav).\n\n Defaults are expressions over the existing bg/font/bw families, so both\n navs re-skin correctly under every shipped theme without per-theme work.\n A theme may override any of these in its own [data-theme=\"…\"] block.\n\n INVARIANT: --ds-rule-plate and --ds-rule-plate-2 must never resolve to the\n same value. The instrument face has to read as an object against the ground\n behind it; when they match, a dial loses its silhouette and degrades into\n floating tick marks.\n*/\n:root {\n --ds-rule-plate: var(--ds-color-bg-1); /* instrument face — opaque */\n /*\n The second surface — a slide, a recessed ring — is mixed a little way from\n the plate toward the on-surface text colour rather than taken from another\n bg step. bg-0 is the page ground, so a slide filled with it is invisible;\n bg-3 is a near-white accent in several themes (#ececec in midnight), so a\n slide filled with that is a glaring panel. Mixing guarantees a consistent,\n subtle step away from the plate in every theme, light or dark.\n */\n --ds-rule-plate-2: color-mix(\n in srgb,\n var(--ds-color-bg-1) 88%,\n var(--ds-color-font-0) 12%\n );\n --ds-rule-edge: var(--ds-color-bw-3); /* engraved edges */\n --ds-rule-tick: var(--ds-color-bw-3);\n --ds-rule-ink: var(--ds-color-font-0); /* engraved labels */\n /*\n Resting label ink. Derived from the on-surface text colour rather than\n taken from font-1, which drops to 2.2:1 on amber and 2.5:1 on midnight\n against bg-1 — below WCAG AA for the 12.8px labels these navs use. Mixing\n a fixed distance from font-0 keeps the step consistent and legible in\n every theme.\n */\n --ds-rule-ink-soft: color-mix(\n in srgb,\n var(--ds-color-font-0) 78%,\n var(--ds-color-bg-1) 22%\n );\n --ds-rule-hair: var(--ds-color-bg-2); /* hairline = theme accent */\n --ds-rule-brass: var(--ds-color-font-1);\n --ds-rule-glass: color-mix(in srgb, var(--ds-color-bg-2) 16%, transparent);\n --ds-rule-glass-edge: var(--ds-color-bw-2);\n --ds-rule-shadow: color-mix(in srgb, var(--ds-color-bw-0) 55%, transparent);\n}\n",".ds-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--ds-space-2);\n border: 1px solid transparent;\n border-radius: var(--ds-radius-pill);\n font-family: var(--ds-font-body);\n font-weight: var(--ds-font-weight-semibold);\n font-size: var(--ds-font-size-200);\n line-height: var(--ds-line-height-tight);\n text-decoration: none;\n cursor: pointer;\n transition:\n background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),\n box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-button--md {\n padding: var(--ds-space-3) var(--ds-space-5);\n}\n\n.ds-button--sm {\n padding: var(--ds-space-2) var(--ds-space-4);\n font-size: var(--ds-font-size-100);\n}\n\n.ds-button--lg {\n padding: var(--ds-space-4) var(--ds-space-6);\n font-size: var(--ds-font-size-300);\n}\n\n.ds-button--primary {\n background-color: var(--ds-color-bg-2);\n color: var(--ds-color-font-0);\n box-shadow: var(--ds-shadow-sm);\n}\n\n.ds-button--primary:hover {\n transform: translateY(-1px);\n box-shadow: var(--ds-shadow-md);\n}\n\n.ds-button--secondary {\n background-color: transparent;\n color: var(--ds-color-font-0);\n border-color: var(--ds-color-bw-3);\n}\n\n.ds-button--secondary:hover {\n background-color: var(--ds-color-bw-1);\n}\n\n.ds-button--ghost {\n background: transparent;\n color: var(--ds-color-font-1);\n padding-inline: var(--ds-space-3);\n}\n\n.ds-button--ghost:hover {\n color: var(--ds-color-font-0);\n}\n\n.ds-button:focus-visible {\n outline: 2px solid var(--ds-color-bg-2);\n outline-offset: 2px;\n}\n\n.ds-button:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n}\n",".ds-card {\n background-color: var(--ds-color-bg-1);\n color: var(--ds-color-font-0);\n border: 1px solid var(--ds-color-bw-1);\n border-radius: var(--ds-radius-lg);\n padding: var(--ds-space-5);\n box-shadow: var(--ds-shadow-sm);\n transition:\n box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n",".ds-nav__list {\n display: flex;\n align-items: center;\n gap: var(--ds-space-5);\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.ds-nav__link {\n position: relative;\n display: inline-block;\n padding: var(--ds-space-2) 0;\n color: var(--ds-color-font-1);\n font-family: var(--ds-font-body);\n font-weight: var(--ds-font-weight-medium);\n font-size: var(--ds-font-size-100);\n text-transform: uppercase;\n letter-spacing: 0.04em;\n text-decoration: none;\n transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-nav__link::after {\n content: \"\";\n position: absolute;\n left: 0;\n bottom: -2px;\n width: 100%;\n height: 2px;\n background-color: var(--ds-color-bg-2);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-nav__link:hover {\n color: var(--ds-color-font-0);\n}\n\n.ds-nav__link:hover::after {\n transform: scaleX(1);\n}\n\n.ds-nav__link--active {\n color: var(--ds-color-font-0);\n}\n\n.ds-nav__link--active::after {\n transform: scaleX(1);\n}\n\n@media (width <= 660px) {\n .ds-nav__list {\n gap: var(--ds-space-3);\n }\n\n .ds-nav__link {\n font-size: 0.75rem;\n }\n}\n",".ds-header {\n background-color: var(--ds-color-bg-0);\n color: var(--ds-color-font-0);\n border-bottom: 1px solid var(--ds-color-bw-1);\n font-family: var(--ds-font-body);\n}\n\n.ds-header__inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: var(--ds-space-4) var(--ds-space-6);\n display: flex;\n align-items: center;\n gap: var(--ds-space-6);\n}\n\n.ds-header__brand {\n display: flex;\n align-items: center;\n color: var(--ds-color-font-0);\n text-decoration: none;\n font-weight: var(--ds-font-weight-bold);\n font-size: var(--ds-font-size-300);\n letter-spacing: 0.02em;\n}\n\n.ds-header__nav {\n flex: 1;\n}\n\n.ds-header__actions {\n display: flex;\n align-items: center;\n gap: var(--ds-space-3);\n margin-left: auto;\n}\n\n@media (width <= 480px) {\n .ds-header__inner {\n padding: var(--ds-space-3) var(--ds-space-4);\n gap: var(--ds-space-4);\n }\n\n .ds-header__brand {\n font-size: var(--ds-font-size-200);\n }\n}\n",".ds-theme-switcher {\n display: flex;\n align-items: center;\n gap: var(--ds-space-2);\n}\n\n.ds-theme-switcher__swatch {\n width: 20px;\n height: 20px;\n border-radius: var(--ds-radius-pill);\n border: 2px solid transparent;\n cursor: pointer;\n padding: 0;\n transition:\n transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),\n border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-theme-switcher__swatch:hover {\n transform: scale(1.15);\n}\n\n.ds-theme-switcher__swatch--active {\n border-color: var(--ds-color-font-0);\n}\n\n.ds-theme-switcher__swatch:focus-visible {\n outline: 2px solid var(--ds-color-bg-2);\n outline-offset: 2px;\n}\n",".ds-footer {\n background-color: var(--ds-color-bg-1);\n color: var(--ds-color-font-1);\n border-top: 1px solid var(--ds-color-bw-1);\n font-family: var(--ds-font-body);\n}\n\n.ds-footer__inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: var(--ds-space-4) var(--ds-space-6);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-4);\n}\n\n.ds-footer__left,\n.ds-footer__right {\n flex: 1;\n display: flex;\n align-items: center;\n}\n\n.ds-footer__right {\n justify-content: flex-end;\n}\n\n.ds-footer__center {\n display: flex;\n justify-content: center;\n}\n\n.ds-footer__copyright {\n font-size: var(--ds-font-size-100);\n}\n\n@media (width <= 660px) {\n .ds-footer__inner {\n flex-direction: column;\n padding: var(--ds-space-4);\n }\n\n .ds-footer__left,\n .ds-footer__right {\n justify-content: center;\n }\n}\n",".ds-heading {\n margin: 0;\n font-family: var(--ds-font-body);\n font-weight: var(--ds-font-weight-bold);\n line-height: var(--ds-line-height-tight);\n color: var(--ds-color-font-0);\n}\n\n.ds-heading--decorative {\n font-family: var(--ds-font-decorative);\n font-weight: var(--ds-font-weight-regular);\n}\n\n.ds-heading--700 { font-size: var(--ds-font-size-700); }\n.ds-heading--600 { font-size: var(--ds-font-size-600); }\n.ds-heading--500 { font-size: var(--ds-font-size-500); }\n.ds-heading--400 { font-size: var(--ds-font-size-400); }\n.ds-heading--300 { font-size: var(--ds-font-size-300); }\n.ds-heading--200 { font-size: var(--ds-font-size-200); }\n\n.ds-text {\n margin: 0;\n font-family: var(--ds-font-body);\n font-weight: var(--ds-font-weight-regular);\n line-height: var(--ds-line-height-normal);\n color: var(--ds-color-font-0);\n}\n\n.ds-text--100 { font-size: var(--ds-font-size-100); }\n.ds-text--200 { font-size: var(--ds-font-size-200); }\n.ds-text--300 { font-size: var(--ds-font-size-300); }\n\n.ds-text--muted {\n color: var(--ds-color-font-1);\n}\n",".ds-container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 var(--ds-space-6);\n}\n\n@media (width <= 660px) {\n .ds-container {\n padding: 0 var(--ds-space-4);\n }\n}\n\n.ds-stack {\n display: flex;\n gap: var(--ds-stack-gap, var(--ds-space-4));\n}\n\n.ds-grid {\n display: grid;\n}\n\n@media (width <= 660px) {\n .ds-grid {\n grid-template-columns: 1fr !important;\n }\n}\n",".ds-label {\n display: inline-flex;\n align-items: center;\n gap: var(--ds-space-1);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-100);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-font-0);\n}\n\n.ds-label__required {\n color: var(--ds-color-danger);\n}\n",".ds-form-field {\n display: flex;\n flex-direction: column;\n gap: var(--ds-space-2);\n}\n\n.ds-form-field__help {\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-100);\n color: var(--ds-color-font-1);\n}\n\n.ds-form-field__error {\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-100);\n color: var(--ds-color-danger);\n}\n",".ds-input {\n display: block;\n width: 100%;\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n line-height: var(--ds-line-height-normal);\n color: var(--ds-color-font-0);\n background-color: var(--ds-color-field-bg);\n border: 1px solid var(--ds-color-field-border);\n border-radius: var(--ds-radius-md);\n transition:\n border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-input::placeholder {\n color: var(--ds-color-font-1);\n opacity: 1;\n}\n\n.ds-input--sm {\n padding: var(--ds-space-2) var(--ds-space-3);\n font-size: var(--ds-font-size-100);\n}\n\n.ds-input--md {\n padding: var(--ds-space-3) var(--ds-space-4);\n}\n\n.ds-input--lg {\n padding: var(--ds-space-4) var(--ds-space-5);\n font-size: var(--ds-font-size-300);\n}\n\n.ds-input:focus-visible {\n outline: none;\n border-color: var(--ds-color-focus-ring);\n box-shadow: 0 0 0 3px\n color-mix(in srgb, var(--ds-color-focus-ring) 30%, transparent);\n}\n\n.ds-input--invalid {\n border-color: var(--ds-color-danger);\n}\n\n.ds-input--invalid:focus-visible {\n border-color: var(--ds-color-danger);\n box-shadow: 0 0 0 3px\n color-mix(in srgb, var(--ds-color-danger) 30%, transparent);\n}\n\n.ds-input:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n",".ds-textarea {\n display: block;\n width: 100%;\n padding: var(--ds-space-3) var(--ds-space-4);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n line-height: var(--ds-line-height-normal);\n color: var(--ds-color-font-0);\n background-color: var(--ds-color-field-bg);\n border: 1px solid var(--ds-color-field-border);\n border-radius: var(--ds-radius-md);\n resize: vertical;\n transition:\n border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-textarea::placeholder {\n color: var(--ds-color-font-1);\n opacity: 1;\n}\n\n.ds-textarea:focus-visible {\n outline: none;\n border-color: var(--ds-color-focus-ring);\n box-shadow: 0 0 0 3px\n color-mix(in srgb, var(--ds-color-focus-ring) 30%, transparent);\n}\n\n.ds-textarea--invalid {\n border-color: var(--ds-color-danger);\n}\n\n.ds-textarea--invalid:focus-visible {\n border-color: var(--ds-color-danger);\n box-shadow: 0 0 0 3px\n color-mix(in srgb, var(--ds-color-danger) 30%, transparent);\n}\n\n.ds-textarea:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n",".ds-select {\n display: block;\n width: 100%;\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n line-height: var(--ds-line-height-normal);\n color: var(--ds-color-font-0);\n background-color: var(--ds-color-field-bg);\n border: 1px solid var(--ds-color-field-border);\n border-radius: var(--ds-radius-md);\n cursor: pointer;\n /* Custom chevron so the control matches across browsers */\n appearance: none;\n background-image: linear-gradient(\n 45deg,\n transparent 50%,\n var(--ds-color-font-1) 50%\n ),\n linear-gradient(135deg, var(--ds-color-font-1) 50%, transparent 50%);\n background-position:\n calc(100% - 20px) center,\n calc(100% - 15px) center;\n background-size:\n 5px 5px,\n 5px 5px;\n background-repeat: no-repeat;\n padding-right: var(--ds-space-7);\n transition:\n border-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard),\n box-shadow var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-select--sm {\n padding: var(--ds-space-2) var(--ds-space-7) var(--ds-space-2)\n var(--ds-space-3);\n font-size: var(--ds-font-size-100);\n}\n\n.ds-select--md {\n padding: var(--ds-space-3) var(--ds-space-7) var(--ds-space-3)\n var(--ds-space-4);\n}\n\n.ds-select--lg {\n padding: var(--ds-space-4) var(--ds-space-7) var(--ds-space-4)\n var(--ds-space-5);\n font-size: var(--ds-font-size-300);\n}\n\n.ds-select:focus-visible {\n outline: none;\n border-color: var(--ds-color-focus-ring);\n box-shadow: 0 0 0 3px\n color-mix(in srgb, var(--ds-color-focus-ring) 30%, transparent);\n}\n\n.ds-select--invalid {\n border-color: var(--ds-color-danger);\n}\n\n.ds-select:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n",".ds-checkbox {\n display: inline-flex;\n align-items: center;\n gap: var(--ds-space-2);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n color: var(--ds-color-font-0);\n cursor: pointer;\n}\n\n/* Native input kept in the DOM (accessibility) but visually replaced */\n.ds-checkbox__input {\n position: absolute;\n width: 1px;\n height: 1px;\n opacity: 0;\n margin: 0;\n}\n\n.ds-checkbox__box {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.15rem;\n height: 1.15rem;\n flex-shrink: 0;\n border: 1px solid var(--ds-color-field-border);\n border-radius: var(--ds-radius-sm);\n background-color: var(--ds-color-field-bg);\n transition:\n background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard),\n border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);\n}\n\n.ds-checkbox__box::after {\n content: \"\";\n width: 0.3rem;\n height: 0.55rem;\n border: solid var(--ds-color-on-info);\n border-width: 0 2px 2px 0;\n transform: rotate(45deg) scale(0);\n transition: transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);\n margin-top: -2px;\n}\n\n.ds-checkbox__input:checked + .ds-checkbox__box {\n background-color: var(--ds-color-bg-2);\n border-color: var(--ds-color-bg-2);\n}\n\n.ds-checkbox__input:checked + .ds-checkbox__box::after {\n transform: rotate(45deg) scale(1);\n}\n\n.ds-checkbox__input:focus-visible + .ds-checkbox__box {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: 2px;\n}\n\n.ds-checkbox__input:disabled ~ * {\n opacity: 0.5;\n}\n\n.ds-checkbox:has(.ds-checkbox__input:disabled) {\n cursor: not-allowed;\n}\n",".ds-radio-group {\n display: flex;\n flex-direction: column;\n gap: var(--ds-space-2);\n}\n\n.ds-radio {\n display: inline-flex;\n align-items: center;\n gap: var(--ds-space-2);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n color: var(--ds-color-font-0);\n cursor: pointer;\n}\n\n.ds-radio__input {\n position: absolute;\n width: 1px;\n height: 1px;\n opacity: 0;\n margin: 0;\n}\n\n.ds-radio__dot {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.15rem;\n height: 1.15rem;\n flex-shrink: 0;\n border: 1px solid var(--ds-color-field-border);\n border-radius: var(--ds-radius-pill);\n background-color: var(--ds-color-field-bg);\n transition: border-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);\n}\n\n.ds-radio__dot::after {\n content: \"\";\n width: 0.6rem;\n height: 0.6rem;\n border-radius: var(--ds-radius-pill);\n background-color: var(--ds-color-bg-2);\n transform: scale(0);\n transition: transform var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);\n}\n\n.ds-radio__input:checked + .ds-radio__dot {\n border-color: var(--ds-color-bg-2);\n}\n\n.ds-radio__input:checked + .ds-radio__dot::after {\n transform: scale(1);\n}\n\n.ds-radio__input:focus-visible + .ds-radio__dot {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: 2px;\n}\n\n.ds-radio__input:disabled ~ * {\n opacity: 0.5;\n}\n",".ds-switch {\n display: inline-flex;\n align-items: center;\n gap: var(--ds-space-2);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n color: var(--ds-color-font-0);\n cursor: pointer;\n}\n\n.ds-switch__input {\n position: absolute;\n width: 1px;\n height: 1px;\n opacity: 0;\n margin: 0;\n}\n\n.ds-switch__track {\n display: inline-flex;\n align-items: center;\n width: 2.5rem;\n height: 1.4rem;\n flex-shrink: 0;\n padding: 2px;\n border-radius: var(--ds-radius-pill);\n background-color: var(--ds-color-bw-2);\n transition: background-color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-switch__thumb {\n width: 1rem;\n height: 1rem;\n border-radius: var(--ds-radius-pill);\n background-color: var(--ds-color-bw-4);\n transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-switch__input:checked + .ds-switch__track {\n background-color: var(--ds-color-bg-2);\n}\n\n.ds-switch__input:checked + .ds-switch__track .ds-switch__thumb {\n transform: translateX(1.1rem);\n}\n\n.ds-switch__input:focus-visible + .ds-switch__track {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: 2px;\n}\n\n.ds-switch__input:disabled ~ * {\n opacity: 0.5;\n}\n",".ds-modal {\n position: fixed;\n inset: 0;\n z-index: var(--ds-z-modal);\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--ds-space-4);\n}\n\n.ds-modal__backdrop {\n position: fixed;\n inset: 0;\n z-index: var(--ds-z-overlay);\n background-color: color-mix(in srgb, var(--ds-color-bw-0) 60%, transparent);\n animation: ds-modal-fade var(--ds-motion-duration-base)\n var(--ds-motion-ease-standard);\n}\n\n.ds-modal__panel {\n position: relative;\n z-index: var(--ds-z-modal);\n width: 100%;\n max-height: calc(100vh - 2 * var(--ds-space-6));\n overflow-y: auto;\n background-color: var(--ds-color-bg-1);\n color: var(--ds-color-font-0);\n border: 1px solid var(--ds-color-bw-1);\n border-radius: var(--ds-radius-lg);\n box-shadow: var(--ds-shadow-lg);\n animation: ds-modal-rise var(--ds-motion-duration-base)\n var(--ds-motion-ease-standard);\n}\n\n.ds-modal__panel--sm {\n max-width: 24rem;\n}\n.ds-modal__panel--md {\n max-width: 34rem;\n}\n.ds-modal__panel--lg {\n max-width: 48rem;\n}\n\n.ds-modal__panel:focus-visible {\n outline: none;\n}\n\n.ds-modal__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-4);\n padding: var(--ds-space-5) var(--ds-space-5) 0;\n}\n\n.ds-modal__title {\n margin: 0;\n font-family: var(--ds-font-body);\n font-weight: var(--ds-font-weight-bold);\n font-size: var(--ds-font-size-400);\n line-height: var(--ds-line-height-tight);\n}\n\n.ds-modal__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n flex-shrink: 0;\n font-size: var(--ds-font-size-400);\n line-height: 1;\n color: var(--ds-color-font-1);\n background: transparent;\n border: none;\n border-radius: var(--ds-radius-pill);\n cursor: pointer;\n transition: background-color var(--ds-motion-duration-fast)\n var(--ds-motion-ease-standard);\n}\n\n.ds-modal__close:hover {\n background-color: var(--ds-color-bw-1);\n color: var(--ds-color-font-0);\n}\n\n.ds-modal__close:focus-visible {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: 2px;\n}\n\n.ds-modal__body {\n padding: var(--ds-space-5);\n}\n\n@keyframes ds-modal-fade {\n from {\n opacity: 0;\n }\n}\n\n@keyframes ds-modal-rise {\n from {\n opacity: 0;\n transform: translateY(8px);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ds-modal__backdrop,\n .ds-modal__panel {\n animation: none;\n }\n}\n",".ds-menu {\n position: relative;\n display: inline-block;\n}\n\n.ds-menu__trigger {\n display: inline-flex;\n align-items: center;\n gap: var(--ds-space-2);\n padding: var(--ds-space-3) var(--ds-space-4);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-font-0);\n background-color: var(--ds-color-field-bg);\n border: 1px solid var(--ds-color-field-border);\n border-radius: var(--ds-radius-md);\n cursor: pointer;\n}\n\n.ds-menu__trigger:focus-visible {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: 2px;\n}\n\n.ds-menu__list {\n position: absolute;\n top: calc(100% + var(--ds-space-2));\n z-index: var(--ds-z-dropdown);\n min-width: 12rem;\n margin: 0;\n padding: var(--ds-space-2);\n list-style: none;\n background-color: var(--ds-color-bg-1);\n border: 1px solid var(--ds-color-bw-1);\n border-radius: var(--ds-radius-md);\n box-shadow: var(--ds-shadow-md);\n animation: ds-menu-open var(--ds-motion-duration-fast)\n var(--ds-motion-ease-standard);\n}\n\n.ds-menu__list--start {\n left: 0;\n}\n.ds-menu__list--end {\n right: 0;\n}\n\n.ds-menu__item {\n display: block;\n width: 100%;\n padding: var(--ds-space-2) var(--ds-space-3);\n text-align: left;\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n color: var(--ds-color-font-0);\n background: transparent;\n border: none;\n border-radius: var(--ds-radius-sm);\n cursor: pointer;\n}\n\n.ds-menu__item:hover:not(:disabled),\n.ds-menu__item:focus-visible {\n background-color: var(--ds-color-bw-1);\n outline: none;\n}\n\n.ds-menu__item:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n@keyframes ds-menu-open {\n from {\n opacity: 0;\n transform: translateY(-4px);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ds-menu__list {\n animation: none;\n }\n}\n",".ds-tabs__list {\n display: flex;\n gap: var(--ds-space-1);\n border-bottom: 1px solid var(--ds-color-bw-1);\n}\n\n.ds-tabs__tab {\n position: relative;\n padding: var(--ds-space-3) var(--ds-space-4);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n font-weight: var(--ds-font-weight-medium);\n color: var(--ds-color-font-1);\n background: transparent;\n border: none;\n cursor: pointer;\n transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);\n}\n\n.ds-tabs__tab::after {\n content: \"\";\n position: absolute;\n left: 0;\n right: 0;\n bottom: -1px;\n height: 2px;\n background-color: var(--ds-color-bg-2);\n transform: scaleX(0);\n transition: transform var(--ds-motion-duration-base)\n var(--ds-motion-ease-standard);\n}\n\n.ds-tabs__tab:hover:not(:disabled) {\n color: var(--ds-color-font-0);\n}\n\n.ds-tabs__tab--active {\n color: var(--ds-color-font-0);\n}\n\n.ds-tabs__tab--active::after {\n transform: scaleX(1);\n}\n\n.ds-tabs__tab:focus-visible {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: -2px;\n border-radius: var(--ds-radius-sm);\n}\n\n.ds-tabs__tab:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.ds-tabs__panel {\n padding-top: var(--ds-space-4);\n}\n\n.ds-tabs__panel:focus-visible {\n outline: none;\n}\n",".ds-accordion {\n border: 1px solid var(--ds-color-bw-1);\n border-radius: var(--ds-radius-md);\n overflow: hidden;\n}\n\n.ds-accordion__item + .ds-accordion__item {\n border-top: 1px solid var(--ds-color-bw-1);\n}\n\n.ds-accordion__heading {\n margin: 0;\n}\n\n.ds-accordion__trigger {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--ds-space-4);\n width: 100%;\n padding: var(--ds-space-4) var(--ds-space-5);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-200);\n font-weight: var(--ds-font-weight-medium);\n text-align: left;\n color: var(--ds-color-font-0);\n background: transparent;\n border: none;\n cursor: pointer;\n transition: background-color var(--ds-motion-duration-fast)\n var(--ds-motion-ease-standard);\n}\n\n.ds-accordion__trigger:hover {\n background-color: var(--ds-color-bw-1);\n}\n\n.ds-accordion__trigger:focus-visible {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: -2px;\n}\n\n.ds-accordion__icon {\n width: 0.6rem;\n height: 0.6rem;\n flex-shrink: 0;\n border-right: 2px solid var(--ds-color-font-1);\n border-bottom: 2px solid var(--ds-color-font-1);\n transform: rotate(45deg);\n transition: transform var(--ds-motion-duration-base)\n var(--ds-motion-ease-standard);\n}\n\n.ds-accordion__trigger[aria-expanded=\"true\"] .ds-accordion__icon {\n transform: rotate(-135deg);\n}\n\n.ds-accordion__content {\n padding: 0 var(--ds-space-5) var(--ds-space-5);\n color: var(--ds-color-font-0);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ds-accordion__icon {\n transition: none;\n }\n}\n","/*\n Linear slide-rule navigation. The engraved chrome is an aria-hidden SVG; the\n navigation itself is the HTML list positioned over it, so focus rings, hit\n areas, routing and screen-reader semantics all behave normally.\n\n Component tokens (--ds-rule-*) live in src/tokens/rule.css, since DialNav\n shares them.\n*/\n\n.ds-rule {\n /* A rule too long for the desk scrolls, rather than shrinking its engraving\n into illegibility. Deliberately never degrades to a plain nav. */\n overflow-x: auto;\n overflow-y: hidden;\n}\n\n.ds-rule__stage {\n position: relative;\n min-width: 640px;\n}\n\n.ds-rule__chrome {\n display: block;\n width: 100%;\n height: auto;\n overflow: visible;\n touch-action: none;\n user-select: none;\n -webkit-user-select: none;\n}\n\n/* ── engraved chrome ─────────────────────────────────────────────────── */\n\n.ds-rule__rail {\n fill: var(--ds-rule-plate);\n stroke: var(--ds-rule-edge);\n stroke-width: 1;\n}\n\n.ds-rule__rivet {\n fill: var(--ds-rule-brass);\n stroke: var(--ds-rule-brass);\n stroke-width: 0.5;\n}\n\n.ds-rule__tick {\n stroke: var(--ds-rule-tick);\n stroke-width: 1;\n shape-rendering: crispEdges;\n}\n.ds-rule__tick--half {\n opacity: 0.75;\n}\n.ds-rule__tick--quarter {\n opacity: 0.5;\n}\n\n.ds-rule__numeral {\n font-family: var(--ds-font-body);\n font-size: 8px;\n font-variant-numeric: tabular-nums;\n letter-spacing: 0.04em;\n fill: var(--ds-rule-ink-soft);\n}\n.ds-rule__numeral--accent {\n fill: var(--ds-rule-hair);\n}\n\n.ds-rule__caption {\n font-family: var(--ds-font-body);\n font-size: 8px;\n letter-spacing: 0.16em;\n fill: var(--ds-rule-ink-soft);\n}\n\n/* ── carriage ────────────────────────────────────────────────────────── */\n\n.ds-rule__carriage {\n cursor: grab;\n}\n.ds-rule__carriage:active {\n cursor: grabbing;\n}\n\n.ds-rule__glass {\n fill: var(--ds-rule-glass);\n stroke: var(--ds-rule-glass-edge);\n stroke-width: 0.75;\n}\n\n.ds-rule__frame {\n fill: none;\n stroke: var(--ds-rule-glass-edge);\n stroke-width: 2.4;\n stroke-linejoin: round;\n opacity: 0.7;\n}\n\n.ds-rule__hairline {\n stroke: var(--ds-rule-hair);\n stroke-width: 1.1;\n}\n\n.ds-rule__pawl {\n fill: var(--ds-rule-brass);\n}\n.ds-rule__pawl-spring {\n fill: var(--ds-rule-brass);\n opacity: 0.45;\n}\n\n.ds-rule__vernier-line {\n stroke: var(--ds-rule-tick);\n stroke-width: 1;\n shape-rendering: crispEdges;\n}\n.ds-rule__vernier-line--lit {\n stroke: var(--ds-rule-hair);\n stroke-width: 2;\n}\n\n/* ── stations (the actual navigation) ────────────────────────────────── */\n\n.ds-rule__stations {\n position: absolute;\n inset: 0;\n margin: 0;\n padding: 0;\n list-style: none;\n pointer-events: none;\n}\n\n.ds-rule__station {\n position: absolute;\n left: var(--station-x);\n top: var(--station-y);\n transform: translate(-50%, -100%);\n pointer-events: auto;\n}\n\n.ds-rule__link {\n display: inline-block;\n padding: var(--ds-space-1) var(--ds-space-2);\n border: none;\n /* Reserved on every state so marking the active station shifts nothing. */\n border-bottom: 2px solid transparent;\n border-radius: var(--ds-radius-sm);\n background: transparent;\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-100);\n font-weight: var(--ds-font-weight-semibold);\n letter-spacing: 0.13em;\n text-transform: uppercase;\n text-decoration: none;\n white-space: nowrap;\n color: var(--ds-rule-ink-soft);\n cursor: pointer;\n transition: color var(--ds-motion-duration-base)\n var(--ds-motion-ease-standard);\n}\n\n.ds-rule__link:hover {\n color: var(--ds-rule-ink);\n}\n\n.ds-rule__link:focus-visible {\n outline: 2px solid var(--ds-color-focus-ring);\n outline-offset: 2px;\n}\n\n/*\n The active station is marked by full-contrast ink *and* an accent rule, not\n by hue alone. The theme accent is a bg-family token: as label text it falls\n to 1.6:1 on sage and harvest, far below AA. It reads fine as a 2px rule.\n*/\n.ds-rule__link--active {\n color: var(--ds-rule-ink);\n border-bottom-color: var(--ds-rule-hair);\n}\n\n/* ── readout ─────────────────────────────────────────────────────────── */\n\n.ds-rule__readout {\n margin-top: var(--ds-space-3);\n font-family: var(--ds-font-body);\n font-size: var(--ds-font-size-100);\n letter-spacing: 0.13em;\n text-transform: uppercase;\n color: var(--ds-rule-ink-soft);\n}\n\n.ds-rule__readout-key {\n opacity: 0.7;\n}\n\n.ds-rule__readout-val {\n color: var(--ds-rule-ink);\n border-bottom: 1.5px solid var(--ds-rule-hair);\n}\n\n.ds-rule__readout-num {\n color: var(--ds-rule-hair);\n font-variant-numeric: tabular-nums;\n}\n\n.ds-rule__sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .ds-rule__link {\n transition-duration: 0.01ms;\n }\n}\n\n/* ── L-I cursor shoes ────────────────────────────────────────────────── */\n\n.ds-rule__shoe {\n fill: var(--ds-rule-glass-edge);\n}\n\n/* ── L-II slide and index ────────────────────────────────────────────── */\n\n.ds-rule__slide {\n fill: var(--ds-rule-plate-2);\n stroke: var(--ds-rule-edge);\n stroke-width: 1;\n}\n\n.ds-rule__index {\n fill: var(--ds-rule-hair);\n}\n\n.ds-rule__caption--accent {\n fill: var(--ds-rule-hair);\n}\n\n/* The window is instrument furniture, not a drag handle — let pointers\n through to the slide underneath it. */\n.ds-rule__window {\n pointer-events: none;\n}\n\n/* L-II's labels ride the slide, so they must be clipped to the same window the\n engraved slide is. clip-path trims them to the window's edges. */\n.ds-rule--slide .ds-rule__stations {\n clip-path: inset(0 3.33% 0 3.33%);\n}\n\n/* The label rail is moved with a transform, which does not affect layout but\n *does* extend an ancestor's scrollable area — so `overflow` on the rail\n itself cannot contain it and the nav grows a stray horizontal scrollbar.\n The stage has to do the clipping. Only L-II needs this; the other plates\n hold their labels still. */\n.ds-rule--slide .ds-rule__stage {\n overflow: hidden;\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.ts ADDED Viewed

@@ -0,0 +1,25 @@
+export { ThemeProvider } from "./theme/ThemeProvider.jsx";
+export { useTheme } from "./theme/useTheme.js";
+export { Button } from "./components/Button/index.js";
+export { Card } from "./components/Card/index.js";
+export { Header } from "./components/Header/index.js";
+export { Nav } from "./components/Nav/index.js";
+export { Footer } from "./components/Footer/index.js";
+export { ThemeSwitcher } from "./components/ThemeSwitcher/index.js";
+export { FormField } from "./components/FormField/index.js";
+export { Label } from "./components/Label/index.js";
+export { Input } from "./components/Input/index.js";
+export { Textarea } from "./components/Textarea/index.js";
+export { Select } from "./components/Select/index.js";
+export { Checkbox } from "./components/Checkbox/index.js";
+export { Switch } from "./components/Switch/index.js";
+export { Modal } from "./components/Modal/index.js";
+export { Menu } from "./components/Menu/index.js";
+export { Tabs } from "./components/Tabs/index.js";
+export { Accordion } from "./components/Accordion/index.js";
+export { SlideRuleNav } from "./components/SlideRuleNav/index.js";
+export { THEMES, THEME_IDS, DEFAULT_THEME } from "./theme/themeConstants.js";
+export { Heading, Text } from "./components/Typography/index.js";
+export { Container, Stack, Grid } from "./components/Layout/index.js";
+export { Radio, RadioGroup } from "./components/Radio/index.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.js"],"names":[],"mappings":""}

package/dist/index.js ADDED Viewed

@@ -0,0 +1,171 @@
+import {
+  Switch
+} from "./chunk-DD5VKG3L.js";
+import {
+  Textarea
+} from "./chunk-I3NS5MAC.js";
+import "./chunk-AYAMNHNF.js";
+import {
+  Select
+} from "./chunk-HPOL5NKF.js";
+import {
+  Heading,
+  Text
+} from "./chunk-EW3S3GK6.js";
+import {
+  Tabs
+} from "./chunk-ZVUDPTFZ.js";
+import "./chunk-CT2TMR44.js";
+import {
+  Menu
+} from "./chunk-LY5MPGW2.js";
+import {
+  Modal
+} from "./chunk-HLP2MPQ6.js";
+import {
+  Footer
+} from "./chunk-5KN5TPGG.js";
+import {
+  ThemeContext,
+  ThemeSwitcher,
+  useTheme
+} from "./chunk-YCZXDQJZ.js";
+import "./chunk-NE25337V.js";
+import {
+  Radio,
+  RadioGroup
+} from "./chunk-45346SXP.js";
+import {
+  Container,
+  Grid,
+  Stack
+} from "./chunk-SFECTSQP.js";
+import {
+  SlideRuleNav
+} from "./chunk-SUYKOWXJ.js";
+import {
+  Accordion
+} from "./chunk-2KHDM6UP.js";
+import {
+  Button
+} from "./chunk-U6JTDANG.js";
+import {
+  Card
+} from "./chunk-3LTHHL5C.js";
+import {
+  Checkbox
+} from "./chunk-BAISLPWP.js";
+import {
+  FormField
+} from "./chunk-LPEUQ2DE.js";
+import {
+  Label
+} from "./chunk-VRGTUKSJ.js";
+import {
+  Header
+} from "./chunk-BOPVPQLB.js";
+import {
+  Nav
+} from "./chunk-TNWQQ56F.js";
+import {
+  Input
+} from "./chunk-R42A3ZCY.js";
+// src/theme/ThemeProvider.jsx
+import { useCallback, useLayoutEffect, useMemo, useState } from "react";
+// src/theme/themeConstants.js
+var THEMES = [
+  { id: "coral", label: "Coral \u2014 creative warm", swatch: "#ff6b6b" },
+  { id: "ink", label: "Ink \u2014 dark indigo", swatch: "#6366f1" },
+  { id: "sage", label: "Sage \u2014 muted olive", swatch: "#6b7568" },
+  { id: "midnight", label: "Midnight \u2014 high contrast", swatch: "#00d4ff" },
+  { id: "amber", label: "Amber \u2014 golden", swatch: "#b8652a" },
+  { id: "harvest", label: "Harvest \u2014 earthy warm", swatch: "#9f5508" }
+];
+var THEME_IDS = THEMES.map((theme) => theme.id);
+var DEFAULT_THEME = "coral";
+// src/theme/ThemeProvider.jsx
+import { jsx } from "react/jsx-runtime";
+function readStoredTheme(storageKey, fallback) {
+  if (typeof window === "undefined") return fallback;
+  try {
+    const stored = window.localStorage.getItem(storageKey);
+    return THEME_IDS.includes(stored) ? stored : fallback;
+  } catch {
+    return fallback;
+  }
+}
+function ThemeProvider({
+  children,
+  storageKey = "ds.theme",
+  defaultTheme = DEFAULT_THEME,
+  onThemeChange
+}) {
+  const [theme, setThemeState] = useState(
+    () => readStoredTheme(storageKey, defaultTheme)
+  );
+  useLayoutEffect(() => {
+    document.documentElement.setAttribute("data-theme", theme);
+    try {
+      window.localStorage.setItem(storageKey, theme);
+    } catch {
+    }
+  }, [theme, storageKey]);
+  useLayoutEffect(() => {
+    function handleStorage(event) {
+      if (event.key === storageKey && THEME_IDS.includes(event.newValue)) {
+        setThemeState(event.newValue);
+      }
+    }
+    window.addEventListener("storage", handleStorage);
+    return () => window.removeEventListener("storage", handleStorage);
+  }, [storageKey]);
+  const setTheme = useCallback(
+    (id) => {
+      if (!THEME_IDS.includes(id)) return;
+      setThemeState(id);
+      onThemeChange?.(id);
+    },
+    [onThemeChange]
+  );
+  const value = useMemo(
+    () => ({ theme, setTheme, themes: THEMES }),
+    [theme, setTheme]
+  );
+  return /* @__PURE__ */ jsx(ThemeContext.Provider, { value, children });
+}
+export {
+  Accordion,
+  Button,
+  Card,
+  Checkbox,
+  Container,
+  DEFAULT_THEME,
+  Footer,
+  FormField,
+  Grid,
+  Header,
+  Heading,
+  Input,
+  Label,
+  Menu,
+  Modal,
+  Nav,
+  Radio,
+  RadioGroup,
+  Select,
+  SlideRuleNav,
+  Stack,
+  Switch,
+  THEMES,
+  THEME_IDS,
+  Tabs,
+  Text,
+  Textarea,
+  ThemeProvider,
+  ThemeSwitcher,
+  useTheme
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/theme/ThemeProvider.jsx","../src/theme/themeConstants.js"],"sourcesContent":["import { useCallback, useLayoutEffect, useMemo, useState } from \"react\";\nimport { ThemeContext } from \"./ThemeContext.js\";\nimport { THEMES, THEME_IDS, DEFAULT_THEME } from \"./themeConstants.js\";\n\nfunction readStoredTheme(storageKey, fallback) {\n if (typeof window === \"undefined\") return fallback;\n try {\n const stored = window.localStorage.getItem(storageKey);\n return THEME_IDS.includes(stored) ? stored : fallback;\n } catch {\n return fallback;\n }\n}\n\n/**\n * data-theme lives on <html> rather than a class or a wrapper div so every\n * consuming site (song-chart used a class on <html>, mattwelker.com used a\n * class on a wrapper div) lands on one shared convention.\n */\nexport function ThemeProvider({\n children,\n storageKey = \"ds.theme\",\n defaultTheme = DEFAULT_THEME,\n onThemeChange,\n}) {\n const [theme, setThemeState] = useState(() =>\n readStoredTheme(storageKey, defaultTheme)\n );\n\n useLayoutEffect(() => {\n document.documentElement.setAttribute(\"data-theme\", theme);\n try {\n window.localStorage.setItem(storageKey, theme);\n } catch {\n // localStorage unavailable (private browsing, etc.) — theme still applies for this session\n }\n }, [theme, storageKey]);\n\n useLayoutEffect(() => {\n function handleStorage(event) {\n if (event.key === storageKey && THEME_IDS.includes(event.newValue)) {\n setThemeState(event.newValue);\n }\n }\n window.addEventListener(\"storage\", handleStorage);\n return () => window.removeEventListener(\"storage\", handleStorage);\n }, [storageKey]);\n\n const setTheme = useCallback(\n (id) => {\n if (!THEME_IDS.includes(id)) return;\n setThemeState(id);\n onThemeChange?.(id);\n },\n [onThemeChange]\n );\n\n const value = useMemo(\n () => ({ theme, setTheme, themes: THEMES }),\n [theme, setTheme]\n );\n\n return (\n <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>\n );\n}\n","export const THEMES = [\n { id: \"coral\", label: \"Coral — creative warm\", swatch: \"#ff6b6b\" },\n { id: \"ink\", label: \"Ink — dark indigo\", swatch: \"#6366f1\" },\n { id: \"sage\", label: \"Sage — muted olive\", swatch: \"#6b7568\" },\n { id: \"midnight\", label: \"Midnight — high contrast\", swatch: \"#00d4ff\" },\n { id: \"amber\", label: \"Amber — golden\", swatch: \"#b8652a\" },\n { id: \"harvest\", label: \"Harvest — earthy warm\", swatch: \"#9f5508\" },\n];\n\nexport const THEME_IDS = THEMES.map((theme) => theme.id);\n\nexport const DEFAULT_THEME = \"coral\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,aAAa,iBAAiB,SAAS,gBAAgB;;;ACAzD,IAAM,SAAS;AAAA,EACpB,EAAE,IAAI,SAAS,OAAO,8BAAyB,QAAQ,UAAU;AAAA,EACjE,EAAE,IAAI,OAAO,OAAO,0BAAqB,QAAQ,UAAU;AAAA,EAC3D,EAAE,IAAI,QAAQ,OAAO,2BAAsB,QAAQ,UAAU;AAAA,EAC7D,EAAE,IAAI,YAAY,OAAO,iCAA4B,QAAQ,UAAU;AAAA,EACvE,EAAE,IAAI,SAAS,OAAO,uBAAkB,QAAQ,UAAU;AAAA,EAC1D,EAAE,IAAI,WAAW,OAAO,8BAAyB,QAAQ,UAAU;AACrE;AAEO,IAAM,YAAY,OAAO,IAAI,CAAC,UAAU,MAAM,EAAE;AAEhD,IAAM,gBAAgB;;;ADoDzB;AA3DJ,SAAS,gBAAgB,YAAY,UAAU;AAC7C,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,MAAI;AACF,UAAM,SAAS,OAAO,aAAa,QAAQ,UAAU;AACrD,WAAO,UAAU,SAAS,MAAM,IAAI,SAAS;AAAA,EAC/C,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAOO,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA,aAAa;AAAA,EACb,eAAe;AAAA,EACf;AACF,GAAG;AACD,QAAM,CAAC,OAAO,aAAa,IAAI;AAAA,IAAS,MACtC,gBAAgB,YAAY,YAAY;AAAA,EAC1C;AAEA,kBAAgB,MAAM;AACpB,aAAS,gBAAgB,aAAa,cAAc,KAAK;AACzD,QAAI;AACF,aAAO,aAAa,QAAQ,YAAY,KAAK;AAAA,IAC/C,QAAQ;AAAA,IAER;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,CAAC;AAEtB,kBAAgB,MAAM;AACpB,aAAS,cAAc,OAAO;AAC5B,UAAI,MAAM,QAAQ,cAAc,UAAU,SAAS,MAAM,QAAQ,GAAG;AAClE,sBAAc,MAAM,QAAQ;AAAA,MAC9B;AAAA,IACF;AACA,WAAO,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAClE,GAAG,CAAC,UAAU,CAAC;AAEf,QAAM,WAAW;AAAA,IACf,CAAC,OAAO;AACN,UAAI,CAAC,UAAU,SAAS,EAAE,EAAG;AAC7B,oBAAc,EAAE;AAChB,sBAAgB,EAAE;AAAA,IACpB;AAAA,IACA,CAAC,aAAa;AAAA,EAChB;AAEA,QAAM,QAAQ;AAAA,IACZ,OAAO,EAAE,OAAO,UAAU,QAAQ,OAAO;AAAA,IACzC,CAAC,OAAO,QAAQ;AAAA,EAClB;AAEA,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAe,UAAS;AAEnD;","names":[]}

package/dist/theme/ThemeContext.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export const ThemeContext: import("react").Context<null>;
2	+ //# sourceMappingURL=ThemeContext.d.ts.map

package/dist/theme/ThemeContext.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeContext.js"],"names":[],"mappings":"AAEA,yDAAgD"}

package/dist/theme/ThemeProvider.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+/**
+ * data-theme lives on <html> rather than a class or a wrapper div so every
+ * consuming site (song-chart used a class on <html>, mattwelker.com used a
+ * class on a wrapper div) lands on one shared convention.
+ */
+export function ThemeProvider({ children, storageKey, defaultTheme, onThemeChange, }: {
+    children: any;
+    storageKey?: string | undefined;
+    defaultTheme?: string | undefined;
+    onThemeChange: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/theme/ThemeProvider.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.jsx"],"names":[],"mappings":"AAcA;;;;GAIG;AACH;;;;;gCA8CC"}

package/dist/theme/themeConstants.d.ts ADDED Viewed

@@ -0,0 +1,8 @@
+export const THEMES: {
+    id: string;
+    label: string;
+    swatch: string;
+}[];
+export const THEME_IDS: string[];
+export const DEFAULT_THEME: "coral";
+//# sourceMappingURL=themeConstants.d.ts.map

package/dist/theme/themeConstants.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"themeConstants.d.ts","sourceRoot":"","sources":["../../src/theme/themeConstants.js"],"names":[],"mappings":"AAAA;;;;IAOE;AAEF,iCAAyD;AAEzD,4BAA6B,OAAO,CAAC"}

package/dist/theme/useTheme.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export function useTheme(): never;
2	+ //# sourceMappingURL=useTheme.d.ts.map

package/dist/theme/useTheme.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/theme/useTheme.js"],"names":[],"mappings":"AAGA,kCAMC"}

package/package.json CHANGED Viewed

@@ -1,18 +1,35 @@
 {
   "name": "@5voltfx/design-system",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "type": "module",
-  "main": "./src/index.js",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
   "exports": {
-    ".": "./src/index.js",
-    "./styles.css": "./src/tokens/index.css",
-    "./components/*": "./src/components/*/index.js",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./styles.css": "./dist/index.css",
+    "./components/*": {
+      "types": "./dist/components/*/index.d.ts",
+      "import": "./dist/components/*/index.js"
+    },
     "./vite-plugin": "./vite-plugin.js"
   },
   "files": [
-    "src",
+    "dist",
     "vite-plugin.js"
   ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "scripts": {
+    "build": "tsup && tsc",
+    "dev": "tsup --watch",
+    "test": "vitest",
+    "prepublishOnly": "npm run build",
+    "prepare": "npm run build"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -20,5 +37,17 @@
     "react": "^19.0.0",
     "react-dom": "^19.0.0",
     "react-router-dom": "^7.0.0"
+  },
+  "devDependencies": {
+    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^19.2.18",
+    "jsdom": "^27.0.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tsup": "^8.5.0",
+    "typescript": "^5.0.0",
+    "vitest": "^3.2.7"
   }
 }

package/vite-plugin.js CHANGED Viewed

@@ -2,24 +2,27 @@ import path from "node:path";
 import { fileURLToPath } from "node:url";
 const packageRoot = path.dirname(fileURLToPath(import.meta.url));
-const designSystemSrc = path.join(packageRoot, "src");
+const designSystemDist = path.join(packageRoot, "dist");
 /**
  * Vite only watches files inside the consuming project's root by default, so
- * edits made through the symlinked file: dependency (which lives outside
- * that root) are invisible to HMR no matter what `server.watch.ignored`
- * patterns say. This plugin explicitly adds the design system's real source
- * directory to the watcher and forces a full reload when anything in it
- * changes. Add it to every site's vite.config.js alongside the file:
- * dependency on @5voltfx/design-system.
+ * edits to the symlinked file: dependency (which lives outside that root) are
+ * invisible to HMR no matter what `server.watch.ignored` patterns say. This
+ * plugin explicitly adds the design system's built output directory to the
+ * watcher and forces a full reload when anything in it changes.
+ *
+ * Consumers now resolve to `dist`, not `src`, so pair this with the design
+ * system running `npm run dev` (tsup --watch): editing a source file rebuilds
+ * dist, which trips this watcher. Add the plugin to every site's
+ * vite.config.js alongside the file: dependency on @5voltfx/design-system.
  */
 export function watchDesignSystem() {
   return {
     name: "watch-design-system",
     configureServer(server) {
-      server.watcher.add(designSystemSrc);
+      server.watcher.add(designSystemDist);
       server.watcher.on("change", (file) => {
-        if (file.startsWith(designSystemSrc)) {
+        if (file.startsWith(designSystemDist)) {
           server.ws.send({ type: "full-reload" });
         }
       });
@@ -27,4 +30,4 @@ export function watchDesignSystem() {
   };
 }
-export const DESIGN_SYSTEM_SRC = designSystemSrc;
+export const DESIGN_SYSTEM_DIST = designSystemDist;

package/src/components/Button/Button.jsx DELETED Viewed

@@ -1,20 +0,0 @@
-import "./Button.css";
-export function Button({
-  as: Component = "button",
-  variant = "primary",
-  size = "md",
-  className = "",
-  ...rest
-}) {
-  const classes = [
-    "ds-button",
-    `ds-button--${variant}`,
-    `ds-button--${size}`,
-    className,
-  ]
-    .filter(Boolean)
-    .join(" ");
-  return <Component className={classes} {...rest} />;
-}

package/src/components/Card/Card.jsx DELETED Viewed

@@ -1,6 +0,0 @@
-import "./Card.css";
-export function Card({ as: Component = "div", className = "", ...rest }) {
-  const classes = ["ds-card", className].filter(Boolean).join(" ");
-  return <Component className={classes} {...rest} />;
-}

package/src/components/Footer/Footer.jsx DELETED Viewed

@@ -1,37 +0,0 @@
-import { ThemeSwitcher } from "../ThemeSwitcher/ThemeSwitcher.jsx";
-import "./Footer.css";
-/**
- * Generalizes the 3 existing footers: 5voltfx.com's simple centered
- * copyright, song-chart's minimal bar, and mattwelker.com's 3-column
- * layout (auth links / theme swatches / copyright). `left` and `right`
- * default to nothing and a copyright string respectively, so a single
- * centered ThemeSwitcher is the only thing rendered out of the box.
- */
-export function Footer({
-  brand = "5VoltFX/Matt Welker",
-  showThemeSwitcher = true,
-  left,
-  right,
-  className = "",
-}) {
-  const year = new Date().getFullYear();
-  return (
-    <footer className={["ds-footer", className].filter(Boolean).join(" ")}>
-      <div className="ds-footer__inner">
-        <div className="ds-footer__left">{left}</div>
-        <div className="ds-footer__center">
-          {showThemeSwitcher && <ThemeSwitcher />}
-        </div>
-        <div className="ds-footer__right">
-          {right ?? (
-            <span className="ds-footer__copyright">
-              © {year} {brand}
-            </span>
-          )}
-        </div>
-      </div>
-    </footer>
-  );
-}

package/src/components/Header/Header.css DELETED Viewed

@@ -1,47 +0,0 @@
-.ds-header {
-  background-color: var(--ds-color-bg-0);
-  color: var(--ds-color-font-0);
-  border-bottom: 1px solid var(--ds-color-bw-1);
-  font-family: var(--ds-font-body);
-}
-.ds-header__inner {
-  max-width: 1200px;
-  margin: 0 auto;
-  padding: var(--ds-space-4) var(--ds-space-6);
-  display: flex;
-  align-items: center;
-  gap: var(--ds-space-6);
-}
-.ds-header__brand {
-  display: flex;
-  align-items: center;
-  color: var(--ds-color-font-0);
-  text-decoration: none;
-  font-weight: var(--ds-font-weight-bold);
-  font-size: var(--ds-font-size-300);
-  letter-spacing: 0.02em;
-}
-.ds-header__nav {
-  flex: 1;
-}
-.ds-header__actions {
-  display: flex;
-  align-items: center;
-  gap: var(--ds-space-3);
-  margin-left: auto;
-}
-@media (width <= 480px) {
-  .ds-header__inner {
-    padding: var(--ds-space-3) var(--ds-space-4);
-    gap: var(--ds-space-4);
-  }
-  .ds-header__brand {
-    font-size: var(--ds-font-size-200);
-  }
-}