@5voltfx/design-system 0.1.0 → 0.2.0

package/dist/components/Label/Label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.jsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AACH,kEALG;IAA0C,QAAQ,GAA1C,OAAO,OAAO,EAAE,SAAS;IACT,QAAQ;IACT,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAgBxC"}

package/dist/components/Label/index.css

@@ -0,0 +1,14 @@
+/* src/components/Label/Label.css */
+.ds-label {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ds-space-1);
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-100);
+  font-weight: var(--ds-font-weight-medium);
+  color: var(--ds-color-font-0);
+}
+.ds-label__required {
+  color: var(--ds-color-danger);
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Label/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Label/Label.css"],"sourcesContent":[".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"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AAEA,CAAC;AACC,SAAO,IAAI;AACb;","names":[]}

package/dist/components/Label/index.d.ts

@@ -0,0 +1,2 @@
+export { Label } from "./Label.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Label/index.d.ts.map

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

package/dist/components/Label/index.js

@@ -0,0 +1,8 @@
+import "../../chunk-CT2TMR44.js";
+import {
+  Label
+} from "../../chunk-VRGTUKSJ.js";
+export {
+  Label
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Layout/Container.d.ts

@@ -0,0 +1,6 @@
+export function Container({ as: Component, className, ...rest }: {
+    [x: string]: any;
+    as?: string | undefined;
+    className?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Container.d.ts.map

package/dist/components/Layout/Container.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Container.jsx"],"names":[],"mappings":"AAEA;;;;gCAOC"}

package/dist/components/Layout/Grid.d.ts

@@ -0,0 +1,9 @@
+export function Grid({ as: Component, columns, gap, className, style, ...rest }: {
+    [x: string]: any;
+    as?: string | undefined;
+    columns?: number | undefined;
+    gap?: string | undefined;
+    className?: string | undefined;
+    style: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Grid.d.ts.map

package/dist/components/Layout/Grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Grid.jsx"],"names":[],"mappings":"AAEA;;;;;;;gCAmBC"}

package/dist/components/Layout/Stack.d.ts

@@ -0,0 +1,10 @@
+export function Stack({ as: Component, gap, direction, align, className, style, ...rest }: {
+    [x: string]: any;
+    as?: string | undefined;
+    gap?: string | undefined;
+    direction?: string | undefined;
+    align: any;
+    className?: string | undefined;
+    style: any;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Stack.d.ts.map

package/dist/components/Layout/Stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stack.d.ts","sourceRoot":"","sources":["../../../src/components/Layout/Stack.jsx"],"names":[],"mappings":"AAEA;;;;;;;;gCAqBC"}

package/{src/components/Layout/Layout.css → dist/components/Layout/index.css}

@@ -1,26 +1,24 @@
+/* src/components/Layout/Layout.css */
 .ds-container {
   max-width: 1200px;
   margin: 0 auto;
   padding: 0 var(--ds-space-6);
 }
-
 @media (width <= 660px) {
   .ds-container {
     padding: 0 var(--ds-space-4);
   }
 }
-
 .ds-stack {
   display: flex;
   gap: var(--ds-stack-gap, var(--ds-space-4));
 }
-
 .ds-grid {
   display: grid;
 }
-
 @media (width <= 660px) {
   .ds-grid {
     grid-template-columns: 1fr !important;
   }
 }
+/*# sourceMappingURL=index.css.map */

package/dist/components/Layout/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Layout/Layout.css"],"sourcesContent":[".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"],"mappings":";AAAA,CAAC;AACC,aAAW;AACX,UAAQ,EAAE;AACV,WAAS,EAAE,IAAI;AACjB;AAEA,QAAQ,SAAS;AACf,GAPD;AAQG,aAAS,EAAE,IAAI;AACjB;AACF;AAEA,CAAC;AACC,WAAS;AACT,OAAK,IAAI,cAAc,EAAE,IAAI;AAC/B;AAEA,CAAC;AACC,WAAS;AACX;AAEA,QAAQ,SAAS;AACf,GALD;AAMG,2BAAuB;AACzB;AACF;","names":[]}

package/{src/components/Layout/index.js → dist/components/Layout/index.d.ts}

@@ -1,3 +1,4 @@
 export { Container } from "./Container.jsx";
 export { Stack } from "./Stack.jsx";
 export { Grid } from "./Grid.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Layout/index.d.ts.map

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

package/dist/components/Layout/index.js

@@ -0,0 +1,11 @@
+import {
+  Container,
+  Grid,
+  Stack
+} from "../../chunk-SFECTSQP.js";
+export {
+  Container,
+  Grid,
+  Stack
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Menu/Menu.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @typedef {object} MenuItem
+ * @property {import("react").ReactNode} label
+ * @property {() => void} [onSelect]
+ * @property {boolean} [disabled]
+ */
+/**
+ * Dropdown menu: a trigger button that toggles a popover list. Closes on
+ * outside click and Escape; Up/Down arrows move a roving focus between items,
+ * Enter/Space activates. Uses role="menu"/"menuitem".
+ *
+ * @param {object} props
+ * @param {import("react").ReactNode} props.trigger - Trigger button content.
+ * @param {MenuItem[]} props.items
+ * @param {"start"|"end"} [props.align] - Which edge the menu aligns to. Default "start".
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function Menu({ trigger, items, align, className }: {
+    trigger: import("react").ReactNode;
+    items: MenuItem[];
+    align?: "start" | "end" | undefined;
+    className?: string | undefined;
+}): import("react").ReactElement;
+export type MenuItem = {
+    label: import("react").ReactNode;
+    onSelect?: (() => void) | undefined;
+    disabled?: boolean | undefined;
+};
+//# sourceMappingURL=Menu.d.ts.map

package/dist/components/Menu/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/Menu.jsx"],"names":[],"mappings":"AAGA;;;;;GAKG;AAEH;;;;;;;;;;;GAWG;AACH,2DANG;IAAyC,OAAO,EAAxC,OAAO,OAAO,EAAE,SAAS;IACP,KAAK,EAAvB,QAAQ,EAAE;IACY,KAAK;IACZ,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAiIxC;;WAhJa,OAAO,OAAO,EAAE,SAAS;sBACnB,IAAI"}

package/dist/components/Menu/index.css

@@ -0,0 +1,77 @@
+/* src/components/Menu/Menu.css */
+.ds-menu {
+  position: relative;
+  display: inline-block;
+}
+.ds-menu__trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--ds-space-2);
+  padding: var(--ds-space-3) var(--ds-space-4);
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-200);
+  font-weight: var(--ds-font-weight-medium);
+  color: var(--ds-color-font-0);
+  background-color: var(--ds-color-field-bg);
+  border: 1px solid var(--ds-color-field-border);
+  border-radius: var(--ds-radius-md);
+  cursor: pointer;
+}
+.ds-menu__trigger:focus-visible {
+  outline: 2px solid var(--ds-color-focus-ring);
+  outline-offset: 2px;
+}
+.ds-menu__list {
+  position: absolute;
+  top: calc(100% + var(--ds-space-2));
+  z-index: var(--ds-z-dropdown);
+  min-width: 12rem;
+  margin: 0;
+  padding: var(--ds-space-2);
+  list-style: none;
+  background-color: var(--ds-color-bg-1);
+  border: 1px solid var(--ds-color-bw-1);
+  border-radius: var(--ds-radius-md);
+  box-shadow: var(--ds-shadow-md);
+  animation: ds-menu-open var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);
+}
+.ds-menu__list--start {
+  left: 0;
+}
+.ds-menu__list--end {
+  right: 0;
+}
+.ds-menu__item {
+  display: block;
+  width: 100%;
+  padding: var(--ds-space-2) var(--ds-space-3);
+  text-align: left;
+  font-family: var(--ds-font-body);
+  font-size: var(--ds-font-size-200);
+  color: var(--ds-color-font-0);
+  background: transparent;
+  border: none;
+  border-radius: var(--ds-radius-sm);
+  cursor: pointer;
+}
+.ds-menu__item:hover:not(:disabled),
+.ds-menu__item:focus-visible {
+  background-color: var(--ds-color-bw-1);
+  outline: none;
+}
+.ds-menu__item:disabled {
+  opacity: 0.5;
+  cursor: not-allowed;
+}
+@keyframes ds-menu-open {
+  from {
+    opacity: 0;
+    transform: translateY(-4px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ds-menu__list {
+    animation: none;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Menu/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Menu/Menu.css"],"sourcesContent":[".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"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,WAAS,IAAI,cAAc,IAAI;AAC/B,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACX,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,UAAQ;AACV;AAEA,CAfC,gBAegB;AACf,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAAC;AACC,YAAU;AACV,OAAK,KAAK,KAAK,EAAE,IAAI;AACrB,WAAS,IAAI;AACb,aAAW;AACX,UAAQ;AACR,WAAS,IAAI;AACb,cAAY;AACZ,oBAAkB,IAAI;AACtB,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,aAAW,aAAa,IAAI,2BAC1B,IAAI;AACR;AAEA,CAAC;AACC,QAAM;AACR;AACA,CAAC;AACC,SAAO;AACT;AAEA,CAAC;AACC,WAAS;AACT,SAAO;AACP,WAAS,IAAI,cAAc,IAAI;AAC/B,cAAY;AACZ,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ;AACV;AAEA,CAdC,aAca,MAAM,KAAK;AACzB,CAfC,aAea;AACZ,oBAAkB,IAAI;AACtB,WAAS;AACX;AAEA,CApBC,aAoBa;AACZ,WAAS;AACT,UAAQ;AACV;AAEA,WApCa;AAqCX;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,QAAO,wBAAyB;AAC9B,GAxDD;AAyDG,eAAW;AACb;AACF;","names":[]}

package/dist/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from "./Menu.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Menu/index.d.ts.map

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

package/dist/components/Menu/index.js

@@ -0,0 +1,7 @@
+import {
+  Menu
+} from "../../chunk-LY5MPGW2.js";
+export {
+  Menu
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Modal/Modal.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Accessible dialog rendered in a portal on document.body. Handles focus trap,
+ * Escape-to-close, backdrop click, body scroll lock, and returns focus to the
+ * element that was focused before it opened. Nothing renders when `open` is
+ * false.
+ *
+ * @param {object} props
+ * @param {boolean} props.open
+ * @param {() => void} props.onClose
+ * @param {import("react").ReactNode} [props.title]
+ * @param {"sm"|"md"|"lg"} [props.size] - Panel max-width. Default "md".
+ * @param {import("react").ReactNode} [props.children]
+ * @param {string} [props.className]
+ * @returns {import("react").ReactPortal | null}
+ */
+export function Modal({ open, onClose, title, size, children, className, }: {
+    open: boolean;
+    onClose: () => void;
+    title?: import("react").ReactNode;
+    size?: "md" | "sm" | "lg" | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}): import("react").ReactPortal | null;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.jsx"],"names":[],"mappings":"AAOA;;;;;;;;;;;;;;GAcG;AACH,4EARG;IAAuB,IAAI,EAAnB,OAAO;IACW,OAAO,EAAzB,MAAM,IAAI;IACwB,KAAK,GAAvC,OAAO,OAAO,EAAE,SAAS;IACF,IAAI;IACO,QAAQ,GAA1C,OAAO,OAAO,EAAE,SAAS;IACV,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,WAAW,GAAG,IAAI,CAsG9C"}

package/dist/components/Modal/index.css

@@ -0,0 +1,101 @@
+/* src/components/Modal/Modal.css */
+.ds-modal {
+  position: fixed;
+  inset: 0;
+  z-index: var(--ds-z-modal);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--ds-space-4);
+}
+.ds-modal__backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: var(--ds-z-overlay);
+  background-color: color-mix(in srgb, var(--ds-color-bw-0) 60%, transparent);
+  animation: ds-modal-fade var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-modal__panel {
+  position: relative;
+  z-index: var(--ds-z-modal);
+  width: 100%;
+  max-height: calc(100vh - 2 * var(--ds-space-6));
+  overflow-y: auto;
+  background-color: var(--ds-color-bg-1);
+  color: var(--ds-color-font-0);
+  border: 1px solid var(--ds-color-bw-1);
+  border-radius: var(--ds-radius-lg);
+  box-shadow: var(--ds-shadow-lg);
+  animation: ds-modal-rise var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
+}
+.ds-modal__panel--sm {
+  max-width: 24rem;
+}
+.ds-modal__panel--md {
+  max-width: 34rem;
+}
+.ds-modal__panel--lg {
+  max-width: 48rem;
+}
+.ds-modal__panel:focus-visible {
+  outline: none;
+}
+.ds-modal__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--ds-space-4);
+  padding: var(--ds-space-5) var(--ds-space-5) 0;
+}
+.ds-modal__title {
+  margin: 0;
+  font-family: var(--ds-font-body);
+  font-weight: var(--ds-font-weight-bold);
+  font-size: var(--ds-font-size-400);
+  line-height: var(--ds-line-height-tight);
+}
+.ds-modal__close {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 2rem;
+  height: 2rem;
+  flex-shrink: 0;
+  font-size: var(--ds-font-size-400);
+  line-height: 1;
+  color: var(--ds-color-font-1);
+  background: transparent;
+  border: none;
+  border-radius: var(--ds-radius-pill);
+  cursor: pointer;
+  transition: background-color var(--ds-motion-duration-fast) var(--ds-motion-ease-standard);
+}
+.ds-modal__close:hover {
+  background-color: var(--ds-color-bw-1);
+  color: var(--ds-color-font-0);
+}
+.ds-modal__close:focus-visible {
+  outline: 2px solid var(--ds-color-focus-ring);
+  outline-offset: 2px;
+}
+.ds-modal__body {
+  padding: var(--ds-space-5);
+}
+@keyframes ds-modal-fade {
+  from {
+    opacity: 0;
+  }
+}
+@keyframes ds-modal-rise {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+}
+@media (prefers-reduced-motion: reduce) {
+  .ds-modal__backdrop,
+  .ds-modal__panel {
+    animation: none;
+  }
+}
+/*# sourceMappingURL=index.css.map */

package/dist/components/Modal/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Modal/Modal.css"],"sourcesContent":[".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"],"mappings":";AAAA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS,IAAI;AACb,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,WAAS,IAAI;AACf;AAEA,CAAC;AACC,YAAU;AACV,SAAO;AACP,WAAS,IAAI;AACb,oBAAkB,UAAU,GAAG,IAAI,EAAE,IAAI,iBAAiB,GAAG,EAAE;AAC/D,aAAW,cAAc,IAAI,2BAC3B,IAAI;AACR;AAEA,CAAC;AACC,YAAU;AACV,WAAS,IAAI;AACb,SAAO;AACP,cAAY,KAAK,MAAM,EAAE,EAAE,EAAE,IAAI;AACjC,cAAY;AACZ,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACX,UAAQ,IAAI,MAAM,IAAI;AACtB,iBAAe,IAAI;AACnB,cAAY,IAAI;AAChB,aAAW,cAAc,IAAI,2BAC3B,IAAI;AACR;AAEA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AACA,CAAC;AACC,aAAW;AACb;AAEA,CAzBC,eAyBe;AACd,WAAS;AACX;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,OAAK,IAAI;AACT,WAAS,IAAI,cAAc,IAAI,cAAc;AAC/C;AAEA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACnB;AAEA,CAAC;AACC,WAAS;AACT,eAAa;AACb,mBAAiB;AACjB,SAAO;AACP,UAAQ;AACR,eAAa;AACb,aAAW,IAAI;AACf,eAAa;AACb,SAAO,IAAI;AACX,cAAY;AACZ,UAAQ;AACR,iBAAe,IAAI;AACnB,UAAQ;AACR,cAAY,iBAAiB,IAAI,2BAC/B,IAAI;AACR;AAEA,CAlBC,eAkBe;AACd,oBAAkB,IAAI;AACtB,SAAO,IAAI;AACb;AAEA,CAvBC,eAuBe;AACd,WAAS,IAAI,MAAM,IAAI;AACvB,kBAAgB;AAClB;AAEA,CAAC;AACC,WAAS,IAAI;AACf;AAEA,WAjFa;AAkFX;AACE,aAAS;AACX;AACF;AAEA,WAxEa;AAyEX;AACE,aAAS;AACT,eAAW,WAAW;AACxB;AACF;AAEA,QAAO,wBAAyB;AAC9B,GApGD;AAAA,EAqGC,CA5FD;AA6FG,eAAW;AACb;AACF;","names":[]}

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from "./Modal.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.d.ts.map

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

package/dist/components/Modal/index.js

@@ -0,0 +1,7 @@
+import {
+  Modal
+} from "../../chunk-HLP2MPQ6.js";
+export {
+  Modal
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Nav/Nav.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Generic nav-links list. Generalizes 5voltfx.com's Navbar.jsx (active
+ * underline via NavLink), song-chart's SiteHeader nav, and mattwelker.com's
+ * PageNav link list into one component driven by a `links` array.
+ */
+export function Nav({ links, className }: {
+    links?: never[] | undefined;
+    className?: string | undefined;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Nav.d.ts.map

package/dist/components/Nav/Nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Nav.d.ts","sourceRoot":"","sources":["../../../src/components/Nav/Nav.jsx"],"names":[],"mappings":"AAGA;;;;GAIG;AACH;;;gCAoBC"}

package/{src/components/Nav/Nav.css → dist/components/Nav/index.css}

@@ -1,3 +1,4 @@
+/* src/components/Nav/Nav.css */
 .ds-nav__list {
   display: flex;
   align-items: center;
@@ -6,7 +7,6 @@
   margin: 0;
   padding: 0;
 }
-
 .ds-nav__link {
   position: relative;
   display: inline-block;
@@ -20,7 +20,6 @@
   text-decoration: none;
   transition: color var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
 }
-
 .ds-nav__link::after {
   content: "";
   position: absolute;
@@ -33,29 +32,24 @@
   transform-origin: left;
   transition: transform var(--ds-motion-duration-base) var(--ds-motion-ease-standard);
 }
-
 .ds-nav__link:hover {
   color: var(--ds-color-font-0);
 }
-
 .ds-nav__link:hover::after {
   transform: scaleX(1);
 }
-
 .ds-nav__link--active {
   color: var(--ds-color-font-0);
 }
-
 .ds-nav__link--active::after {
   transform: scaleX(1);
 }
-
 @media (width <= 660px) {
   .ds-nav__list {
     gap: var(--ds-space-3);
   }
-
   .ds-nav__link {
     font-size: 0.75rem;
   }
 }
+/*# sourceMappingURL=index.css.map */

package/dist/components/Nav/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Nav/Nav.css"],"sourcesContent":[".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"],"mappings":";AAAA,CAAC;AACC,WAAS;AACT,eAAa;AACb,OAAK,IAAI;AACT,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;AAEA,CAAC;AACC,YAAU;AACV,WAAS;AACT,WAAS,IAAI,cAAc;AAC3B,SAAO,IAAI;AACX,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,kBAAgB;AAChB,kBAAgB;AAChB,mBAAiB;AACjB,cAAY,MAAM,IAAI,2BAA2B,IAAI;AACvD;AAEA,CAdC,YAcY;AACX,WAAS;AACT,YAAU;AACV,QAAM;AACN,UAAQ;AACR,SAAO;AACP,UAAQ;AACR,oBAAkB,IAAI;AACtB,aAAW,OAAO;AAClB,oBAAkB;AAClB,cAAY,UAAU,IAAI,2BAA2B,IAAI;AAC3D;AAEA,CA3BC,YA2BY;AACX,SAAO,IAAI;AACb;AAEA,CA/BC,YA+BY,MAAM;AACjB,aAAW,OAAO;AACpB;AAEA,CAAC;AACC,SAAO,IAAI;AACb;AAEA,CAJC,oBAIoB;AACnB,aAAW,OAAO;AACpB;AAEA,QAAQ,SAAS;AACf,GArDD;AAsDG,SAAK,IAAI;AACX;AAEA,GAhDD;AAiDG,eAAW;AACb;AACF;","names":[]}

package/dist/components/Nav/index.d.ts

@@ -0,0 +1,2 @@
+export { Nav } from "./Nav.jsx";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Nav/index.d.ts.map

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

package/dist/components/Nav/index.js

@@ -0,0 +1,8 @@
+import "../../chunk-NE25337V.js";
+import {
+  Nav
+} from "../../chunk-TNWQQ56F.js";
+export {
+  Nav
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Nav/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/components/Radio/Radio.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Radio button with a styled indicator over a native <input type="radio">.
+ * Inside a RadioGroup it inherits `name` and selection state automatically;
+ * standalone, pass `name`/`checked`/`onChange` yourself via `...rest`.
+ *
+ * @param {object} props
+ * @param {import("react").ReactNode} [props.label] - Visible label text.
+ * @param {string} [props.value] - This option's value (used by RadioGroup).
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function Radio({ label, value, className, ...rest }: {
+    label?: import("react").ReactNode;
+    value?: string | undefined;
+    className?: string | undefined;
+}): import("react").ReactElement;
+//# sourceMappingURL=Radio.d.ts.map

package/dist/components/Radio/Radio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/Radio.jsx"],"names":[],"mappings":"AAIA;;;;;;;;;;GAUG;AACH,4DALG;IAA0C,KAAK,GAAvC,OAAO,OAAO,EAAE,SAAS;IACV,KAAK;IACL,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CA0BxC"}

package/dist/components/Radio/RadioGroup.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Groups Radios under one `name` with a single controlled selection. Provide
+ * either an `options` array or Radio children.
+ *
+ * @param {object} props
+ * @param {string} [props.name] - Shared input name. Auto-generated if omitted.
+ * @param {string} [props.value] - Currently selected value (controlled).
+ * @param {(value: string) => void} [props.onChange]
+ * @param {{ value: string, label: import("react").ReactNode }[]} [props.options]
+ * @param {import("react").ReactNode} [props.children]
+ * @param {string} [props.className]
+ * @returns {import("react").ReactElement}
+ */
+export function RadioGroup({ name, value, onChange, options, children, className, ...rest }: {
+    name?: string | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    options?: {
+        value: string;
+        label: import("react").ReactNode;
+    }[] | undefined;
+    children?: import("react").ReactNode;
+    className?: string | undefined;
+}): import("react").ReactElement;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/Radio/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroup.jsx"],"names":[],"mappings":"AAKA;;;;;;;;;;;;GAYG;AACH,6FARG;IAAuB,IAAI;IACJ,KAAK;IACY,QAAQ,YAAhC,MAAM,KAAK,IAAI;IACuC,OAAO;eAA5D,MAAM;eAAS,OAAO,OAAO,EAAE,SAAS;;IACf,QAAQ,GAA1C,OAAO,OAAO,EAAE,SAAS;IACV,SAAS;CAChC,GAAU,OAAO,OAAO,EAAE,YAAY,CAgCxC"}

package/dist/components/Radio/RadioGroupContext.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Lets a RadioGroup share its `name` and controlled value/onChange with any
+ * Radio rendered inside it, without prop-drilling. `null` when a Radio is
+ * used standalone.
+ */
+export const RadioGroupContext: import("react").Context<null>;
+//# sourceMappingURL=RadioGroupContext.d.ts.map

package/dist/components/Radio/RadioGroupContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/RadioGroupContext.js"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,8DAAqD"}