tyrell-components 1.0.0-RC13 → 1.0.0-RC15

package/lib/styles/modal.js

@@ -1,134 +1,97 @@
-/**
- * Modal Styles
- *
- * CSS for the modal component wrapper.
- * The modal is a pure wrapper - all content styling is user-defined.
- */
 export const modalStyles = `
-/* Modal Host Styling */
 :host {
-  display: contents;
-  /* Don't interfere with layout */
-  /* CSS variables are now auto-generated via the with-vars? option */
-}
-
-/* ===== CLOSE BUTTON STYLING ===== */
-/* This is part of the modal wrapper functionality, not user content styling */
-
+display: contents;
+}
 .close-button {
-  position: absolute;
-  top: -8px;
-  right: -8px;
-  background: transparent;
-  border: none;
-  cursor: pointer;
-  padding: 4px;
-  border-radius: 4px;
-  transition: var(--ty-transition-colors);
-  z-index: 1;
-  color: #d8d8d8;
-
-  /* Remove all default browser styling that could cause outlines/borders */
-  outline: none;
-  box-shadow: none;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
-
-  /* Remove mobile tap highlights and focus rings */
-  -webkit-tap-highlight-color: transparent;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
+position: absolute;
+top: -8px;
+right: -8px;
+background: transparent;
+border: none;
+cursor: pointer;
+padding: 4px;
+border-radius: 4px;
+transition: var(--ty-transition-colors);
+z-index: 1;
+color: #d8d8d8;
+outline: none;
+box-shadow: none;
+-webkit-appearance: none;
+-moz-appearance: none;
+appearance: none;
+-webkit-tap-highlight-color: transparent;
+-webkit-touch-callout: none;
+-webkit-user-select: none;
+-moz-user-select: none;
+-ms-user-select: none;
+user-select: none;
+}
 .close-button:hover {
-  color: white;
+color: white;
 }
-
-/* Explicitly remove focus and active states for all interaction modes */
 .close-button:focus,
 .close-button:focus-visible,
 .close-button:focus-within,
 .close-button:active {
-  outline: none !important;
-  box-shadow: none !important;
-  border: none !important;
-  background: transparent !important;
+outline: none !important;
+box-shadow: none !important;
+border: none !important;
+background: transparent !important;
 }
-
-/* Override hover color even in focus/active states */
 .close-button:hover,
 .close-button:focus:hover,
 .close-button:active:hover {
-  color: white;
+color: white;
 }
-
 .close-button.hide {
-  visibility: hidden;
+visibility: hidden;
 }
-
-/* ===== DIALOG ELEMENT - PURE WRAPPER ===== */
-/* Modal dialog - provides only essential modal functionality without styling user content */
-
 .ty-modal-dialog {
-  /* Reset default dialog styles */
-  padding: 18px;
-  border: none;
-  margin: 0;
-  background: transparent;
-
-  /* Modal positioning - centered */
-  position: fixed;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  /* Layer management */
-  z-index: 1000;
-  overflow: hidden;
-
-  /* No sizing - let user content determine size */
-  max-width: 85vw;
-  max-height: 90vh;
-
-  outline: none;
-}
-
-/* ===== BACKDROP STYLING ===== */
-/* Backdrop is part of modal functionality, not user content */
-
+padding: 18px;
+border: none;
+margin: 0;
+background: transparent;
+position: fixed;
+top: 50%;
+left: 50%;
+transform: translate(-50%, -50%);
+z-index: 1000;
+overflow: hidden;
+max-width: 85vw;
+max-height: 90vh;
+outline: none;
+}
+.ty-modal-dialog[open] {
+animation: ty-modal-enter var(--ty-modal-duration, 200ms) ease-out;
+}
+@keyframes ty-modal-enter {
+from {
+opacity: 0;
+transform: translate(-50%, -50%) scale(0.93);
+}
+to {
+opacity: 1;
+transform: translate(-50%, -50%) scale(1);
+}
+}
 .ty-modal-dialog::backdrop {
-  background: var(--ty-modal-backdrop, rgba(0, 0, 0, 0.5));
-  backdrop-filter: var(--ty-modal-backdrop-blur, blur(2px));
-  animation: ty-modal-backdrop-enter var(--ty-modal-duration, 200ms) ease-out;
+background: var(--ty-modal-backdrop, rgba(0, 0, 0, 0.5));
+backdrop-filter: var(--ty-modal-backdrop-blur, blur(2px));
+animation: ty-modal-backdrop-enter var(--ty-modal-duration, 200ms) ease-out;
 }
-
-/* When backdrop is disabled */
 .ty-modal-dialog:not([data-backdrop])::backdrop {
-  background: transparent;
-  backdrop-filter: none;
+background: transparent;
+backdrop-filter: none;
 }
-
-/* ===== MODAL CONTENT CONTAINER ===== */
-/* Minimal container - no styling imposed on user content */
-
 .modal-content {
-  color: var(--ty-text);
+color: var(--ty-text);
 }
-
-/* ===== ANIMATION KEYFRAMES ===== */
-
 @keyframes ty-modal-backdrop-enter {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
+from {
+opacity: 0;
+}
+to {
+opacity: 1;
+}
 }
 `;
-//# sourceMappingURL=modal.js.map

package/lib/styles/option.d.ts

@@ -1,6 +1,2 @@
-/**
- * Option Component Styles
- * PORTED FROM: clj/ty/components/option.css
- */
-export declare const optionStyles = "\n/* Ty Option Component Styles */\n\n.option-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--ty-spacing-2);\n  box-sizing: border-box;\n  width: 100%;\n\n  /* Ensure content is clickable */\n  cursor: pointer;\n  user-select: none;\n\n  /* Smooth transitions */\n  transition: var(--ty-transition-all);\n\n  /* Text styling \u2014 Linear-paired typography */\n  color: var(--ty-text);\n  font-family: var(--ty-font-sans);\n  font-size: var(--ty-font-sm);\n  line-height: var(--ty-leading-sm);\n  letter-spacing: var(--ty-tracking-sm);\n  padding: var(--ty-spacing-2) var(--ty-spacing-3);\n  border-radius: var(--ty-radius-md);\n}\n\n:host([cloned]) .option-content {\n  padding: 0px;\n  background: transparent;\n}\n\n.option-content:hover {\n  background: var(--ty-bg-neutral-soft);\n}\n\n.option-content[highlighted] {\n  background: var(--ty-bg-neutral-soft);\n  color: var(--ty-text-strong);\n  font-weight: var(--ty-font-semibold);\n}\n\n/* Selected: quiet \u2014 bolder text color only, no background slab, no weight change */\n.option-content[selected] {\n  background: transparent;\n  color: var(--ty-text-bold);\n}\n\n/* Lucide check \u2014 right-aligned, visible only on selected options */\n.option-check {\n  display: none;\n  flex-shrink: 0;\n  width: 14px;\n  height: 14px;\n  margin-left: auto;\n  color: var(--ty-color-primary);\n}\n\n.option-content[selected] .option-check {\n  display: block;\n}\n\n/* Never show the check on the copy cloned into the select's trigger field */\n:host([cloned]) .option-check {\n  display: none;\n}\n\n.option-content[selected]:hover {\n  background: var(--ty-bg-neutral-soft);\n}\n\n.option-content[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.option-content[hidden] {}\n\n/* Ensure nested elements inherit proper styling */\n.option-content * {\n  pointer-events: none;\n}\n";
-//# sourceMappingURL=option.d.ts.map
+/** Option Component Styles */
+export declare const optionStyles = "\n.option-content {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--ty-spacing-2);\n  box-sizing: border-box;\n  width: 100%;\n\n  cursor: pointer;\n  user-select: none;\n\n  transition: var(--ty-transition-all);\n\n  /* Linear-paired typography */\n  color: var(--ty-text);\n  font-family: inherit;\n  font-size: var(--ty-font-sm);\n  line-height: var(--ty-leading-sm);\n  letter-spacing: var(--ty-tracking-sm);\n  padding: var(--ty-spacing-2) var(--ty-spacing-3);\n  border-radius: var(--ty-radius-md);\n}\n\n/* Cloned copy (projected into the select's trigger field): host defaults to\n   inline like any unstyled custom element, which ignores width/overflow \u2014\n   force a block box so the parent's flex-basis:0 truncation (select.ts\n   .select-stub.has-clone slot[name=\"selected\"]) actually clips it, and\n   collapse the content to a single ellipsized line instead of wrapping. */\n:host([cloned]) {\n  display: block;\n  min-width: 0;\n  overflow: hidden;\n}\n\n/* The clone sits in the select's TRIGGER, so its type follows the field size\n   ladder (styles/field-size.ts) rather than the dropdown list's own scale \u2014\n   the --ty-field-* vars inherit from ty-select through the light DOM. The\n   fallbacks cover a ty-option rendered outside a select. */\n:host([cloned]) .option-content {\n  display: block;\n  padding: 0px;\n  background: transparent;\n  min-width: 0;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-size: var(--ty-field-font, var(--ty-font-sm));\n  line-height: var(--ty-field-leading, var(--ty-leading-sm));\n  letter-spacing: var(--ty-field-tracking, var(--ty-tracking-sm));\n}\n\n.option-content:hover {\n  background: var(--ty-bg-neutral-soft);\n}\n\n.option-content[highlighted] {\n  background: var(--ty-bg-neutral-soft);\n  color: var(--ty-text-strong);\n  font-weight: var(--ty-font-semibold);\n}\n\n/* Selected: quiet \u2014 bolder text color only, no background slab, no weight change */\n.option-content[selected] {\n  background: transparent;\n  color: var(--ty-text-bold);\n}\n\n/* Lucide check \u2014 right-aligned, visible only on selected options */\n.option-check {\n  display: none;\n  flex-shrink: 0;\n  width: 14px;\n  height: 14px;\n  margin-left: auto;\n  color: var(--ty-color-primary);\n}\n\n.option-content[selected] .option-check {\n  display: block;\n}\n\n/* Never show the check on the copy cloned into the select's trigger field */\n:host([cloned]) .option-check {\n  display: none;\n}\n\n.option-content[selected]:hover {\n  background: var(--ty-bg-neutral-soft);\n}\n\n.option-content[disabled] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.option-content[hidden] {}\n\n.option-content * {\n  pointer-events: none;\n}\n";

package/lib/styles/option.js

@@ -1,89 +1,74 @@
-/**
- * Option Component Styles
- * PORTED FROM: clj/ty/components/option.css
- */
 export const optionStyles = `
-/* Ty Option Component Styles */
-
 .option-content {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--ty-spacing-2);
-  box-sizing: border-box;
-  width: 100%;
-
-  /* Ensure content is clickable */
-  cursor: pointer;
-  user-select: none;
-
-  /* Smooth transitions */
-  transition: var(--ty-transition-all);
-
-  /* Text styling — Linear-paired typography */
-  color: var(--ty-text);
-  font-family: var(--ty-font-sans);
-  font-size: var(--ty-font-sm);
-  line-height: var(--ty-leading-sm);
-  letter-spacing: var(--ty-tracking-sm);
-  padding: var(--ty-spacing-2) var(--ty-spacing-3);
-  border-radius: var(--ty-radius-md);
+display: flex;
+align-items: center;
+justify-content: space-between;
+gap: var(--ty-spacing-2);
+box-sizing: border-box;
+width: 100%;
+cursor: pointer;
+user-select: none;
+transition: var(--ty-transition-all);
+color: var(--ty-text);
+font-family: inherit;
+font-size: var(--ty-font-sm);
+line-height: var(--ty-leading-sm);
+letter-spacing: var(--ty-tracking-sm);
+padding: var(--ty-spacing-2) var(--ty-spacing-3);
+border-radius: var(--ty-radius-md);
+}
+:host([cloned]) {
+display: block;
+min-width: 0;
+overflow: hidden;
 }
-
 :host([cloned]) .option-content {
-  padding: 0px;
-  background: transparent;
+display: block;
+padding: 0px;
+background: transparent;
+min-width: 0;
+overflow: hidden;
+white-space: nowrap;
+text-overflow: ellipsis;
+font-size: var(--ty-field-font, var(--ty-font-sm));
+line-height: var(--ty-field-leading, var(--ty-leading-sm));
+letter-spacing: var(--ty-field-tracking, var(--ty-tracking-sm));
 }
-
 .option-content:hover {
-  background: var(--ty-bg-neutral-soft);
+background: var(--ty-bg-neutral-soft);
 }
-
 .option-content[highlighted] {
-  background: var(--ty-bg-neutral-soft);
-  color: var(--ty-text-strong);
-  font-weight: var(--ty-font-semibold);
+background: var(--ty-bg-neutral-soft);
+color: var(--ty-text-strong);
+font-weight: var(--ty-font-semibold);
 }
-
-/* Selected: quiet — bolder text color only, no background slab, no weight change */
 .option-content[selected] {
-  background: transparent;
-  color: var(--ty-text-bold);
+background: transparent;
+color: var(--ty-text-bold);
 }
-
-/* Lucide check — right-aligned, visible only on selected options */
 .option-check {
-  display: none;
-  flex-shrink: 0;
-  width: 14px;
-  height: 14px;
-  margin-left: auto;
-  color: var(--ty-color-primary);
+display: none;
+flex-shrink: 0;
+width: 14px;
+height: 14px;
+margin-left: auto;
+color: var(--ty-color-primary);
 }
-
 .option-content[selected] .option-check {
-  display: block;
+display: block;
 }
-
-/* Never show the check on the copy cloned into the select's trigger field */
 :host([cloned]) .option-check {
-  display: none;
+display: none;
 }
-
 .option-content[selected]:hover {
-  background: var(--ty-bg-neutral-soft);
+background: var(--ty-bg-neutral-soft);
 }
-
 .option-content[disabled] {
-  opacity: 0.5;
-  cursor: not-allowed;
+opacity: 0.5;
+cursor: not-allowed;
 }
-
 .option-content[hidden] {}
-
-/* Ensure nested elements inherit proper styling */
 .option-content * {
-  pointer-events: none;
+pointer-events: none;
 }
 `;
-//# sourceMappingURL=option.js.map

package/lib/styles/popup.d.ts

@@ -4,5 +4,4 @@
  * Popup component with dropdown-like behavior and tooltip positioning.
  * Uses dialog element for top layer rendering like dropdown and date-picker.
  */
-export declare const popupStyles = "\n/* Popup component with dropdown-like behavior and tooltip positioning */\n/* Uses dialog element for top layer rendering like dropdown and date-picker */\n\n.popup-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n\n  /* Reset dialog defaults */\n  margin: 0;\n  border: none;\n  background: transparent;\n  max-width: none;\n  max-height: none;\n\n  /* Shadow infrastructure - provide space for user shadows */\n  padding: var(--popup-padding, 16px);\n\n  /* Hidden by default - even when [open] (for positioning phase) */\n  visibility: hidden;\n  opacity: 0;\n  /* NO TRANSFORM here - apply only when animating to avoid measurement errors! */\n\n  /* Smooth transitions */\n  transition:\n    opacity 150ms ease-out,\n    visibility 150ms ease-out,\n    transform 150ms ease-out;\n\n  /* Prevent interactions when hidden */\n  pointer-events: none;\n}\n\n/* Apply position variables only when position is calculated (like dropdown) */\n.popup-dialog.position-calculated {\n  top: var(--popup-y, 0px);\n  left: var(--popup-x, 0px);\n}\n\n/* Apply scale for entrance animation (right before .open) */\n.popup-dialog.preparing-animation {\n  transform: scale(0.95);\n}\n\n/* When open - smooth entrance animation */\n.popup-dialog.open {\n  visibility: visible;\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* Make dialog backdrop transparent like dropdown/date-picker */\n.popup-dialog::backdrop {\n  background: transparent;\n}\n\n/* Inner container - neutral structural container */\n.popup-container {\n  /* No default styling - just provides structure */\n  /* Users control all visual aspects via slotted content */\n  display: contents;\n}\n\n/* Content slot styling */\n#popup-content {\n  /* Allow slotted content to define its own styling */\n  display: contents;\n}\n\n/* Remove default styling from slotted content - users have full control */\n#popup-content ::slotted(*) {\n  /* Remove default styling that conflicts with user styling */\n  /* Users now have complete control over popup appearance */\n  /* background: unset; */\n  /* border: unset; */\n  /* box-shadow: unset; */\n\n  /* Only maintain essential positioning */\n  position: relative;\n\n  /* Prevent content from being too wide - still helpful */\n  max-width: min(400px, 90vw);\n  max-height: min(500px, 80vh);\n  overflow: auto;\n}\n";
-//# sourceMappingURL=popup.d.ts.map
+export declare const popupStyles = "\n.popup-dialog {\n  position: fixed;\n  top: 0;\n  left: 0;\n\n  /* Reset dialog defaults */\n  margin: 0;\n  border: none;\n  background: transparent;\n  max-width: none;\n  max-height: none;\n\n  /* Shadow infrastructure - provide space for user shadows */\n  padding: var(--popup-padding, 16px);\n\n  /* Hidden by default - even when [open] (for positioning phase) */\n  visibility: hidden;\n  opacity: 0;\n  /* NO TRANSFORM here - apply only when animating to avoid measurement errors! */\n\n  transition:\n    opacity var(--ty-popup-duration, 180ms) var(--ty-popup-ease, cubic-bezier(0.34, 1.56, 0.64, 1)),\n    visibility var(--ty-popup-duration, 180ms) var(--ty-popup-ease, cubic-bezier(0.34, 1.56, 0.64, 1)),\n    transform var(--ty-popup-duration, 180ms) var(--ty-popup-ease, cubic-bezier(0.34, 1.56, 0.64, 1));\n\n  /* Prevent interactions when hidden */\n  pointer-events: none;\n}\n\n/* Apply position variables only when position is calculated (like dropdown) */\n.popup-dialog.position-calculated {\n  top: var(--popup-y, 0px);\n  left: var(--popup-x, 0px);\n}\n\n/* Entrance prep (right before .open): scale + a short slide from the anchor\n   side. data-side is the RESOLVED side (post-flip), set by updatePosition. */\n.popup-dialog.preparing-animation {\n  transform: scale(0.96);\n}\n\n.popup-dialog[data-side=\"bottom\"].preparing-animation:not(.open) {\n  transform: translateY(-6px) scale(0.96);\n}\n\n.popup-dialog[data-side=\"top\"].preparing-animation:not(.open) {\n  transform: translateY(6px) scale(0.96);\n}\n\n.popup-dialog[data-side=\"left\"].preparing-animation:not(.open) {\n  transform: translateX(6px) scale(0.96);\n}\n\n.popup-dialog[data-side=\"right\"].preparing-animation:not(.open) {\n  transform: translateX(-6px) scale(0.96);\n}\n\n.popup-dialog.open {\n  visibility: visible;\n  opacity: 1;\n  transform: scale(1);\n  pointer-events: auto;\n}\n\n/* Make dialog backdrop transparent like dropdown/date-picker */\n.popup-dialog::backdrop {\n  background: transparent;\n}\n\n/* Neutral structural container \u2014 users control all visuals via slotted content */\n.popup-container {\n  display: contents;\n}\n\n/* Slotted content defines its own styling */\n#popup-content {\n  display: contents;\n}\n\n/* Users have complete control over the popup's appearance; only essential\n   positioning is imposed here. */\n#popup-content ::slotted(*) {\n  position: relative;\n\n  /* Prevent content from being too wide - still helpful */\n  max-width: min(400px, 90vw);\n  max-height: min(500px, 80vh);\n  overflow: auto;\n}\n";

package/lib/styles/popup.js

@@ -1,95 +1,60 @@
-/**
- * Popup Component Styles
- *
- * Popup component with dropdown-like behavior and tooltip positioning.
- * Uses dialog element for top layer rendering like dropdown and date-picker.
- */
 export const popupStyles = `
-/* Popup component with dropdown-like behavior and tooltip positioning */
-/* Uses dialog element for top layer rendering like dropdown and date-picker */
-
 .popup-dialog {
-  position: fixed;
-  top: 0;
-  left: 0;
-
-  /* Reset dialog defaults */
-  margin: 0;
-  border: none;
-  background: transparent;
-  max-width: none;
-  max-height: none;
-
-  /* Shadow infrastructure - provide space for user shadows */
-  padding: var(--popup-padding, 16px);
-
-  /* Hidden by default - even when [open] (for positioning phase) */
-  visibility: hidden;
-  opacity: 0;
-  /* NO TRANSFORM here - apply only when animating to avoid measurement errors! */
-
-  /* Smooth transitions */
-  transition:
-    opacity 150ms ease-out,
-    visibility 150ms ease-out,
-    transform 150ms ease-out;
-
-  /* Prevent interactions when hidden */
-  pointer-events: none;
+position: fixed;
+top: 0;
+left: 0;
+margin: 0;
+border: none;
+background: transparent;
+max-width: none;
+max-height: none;
+padding: var(--popup-padding, 16px);
+visibility: hidden;
+opacity: 0;
+transition:
+opacity var(--ty-popup-duration, 180ms) var(--ty-popup-ease, cubic-bezier(0.34, 1.56, 0.64, 1)),
+visibility var(--ty-popup-duration, 180ms) var(--ty-popup-ease, cubic-bezier(0.34, 1.56, 0.64, 1)),
+transform var(--ty-popup-duration, 180ms) var(--ty-popup-ease, cubic-bezier(0.34, 1.56, 0.64, 1));
+pointer-events: none;
 }
-
-/* Apply position variables only when position is calculated (like dropdown) */
 .popup-dialog.position-calculated {
-  top: var(--popup-y, 0px);
-  left: var(--popup-x, 0px);
+top: var(--popup-y, 0px);
+left: var(--popup-x, 0px);
 }
-
-/* Apply scale for entrance animation (right before .open) */
 .popup-dialog.preparing-animation {
-  transform: scale(0.95);
+transform: scale(0.96);
+}
+.popup-dialog[data-side="bottom"].preparing-animation:not(.open) {
+transform: translateY(-6px) scale(0.96);
+}
+.popup-dialog[data-side="top"].preparing-animation:not(.open) {
+transform: translateY(6px) scale(0.96);
+}
+.popup-dialog[data-side="left"].preparing-animation:not(.open) {
+transform: translateX(6px) scale(0.96);
+}
+.popup-dialog[data-side="right"].preparing-animation:not(.open) {
+transform: translateX(-6px) scale(0.96);
 }
-
-/* When open - smooth entrance animation */
 .popup-dialog.open {
-  visibility: visible;
-  opacity: 1;
-  transform: scale(1);
-  pointer-events: auto;
+visibility: visible;
+opacity: 1;
+transform: scale(1);
+pointer-events: auto;
 }
-
-/* Make dialog backdrop transparent like dropdown/date-picker */
 .popup-dialog::backdrop {
-  background: transparent;
+background: transparent;
 }
-
-/* Inner container - neutral structural container */
 .popup-container {
-  /* No default styling - just provides structure */
-  /* Users control all visual aspects via slotted content */
-  display: contents;
+display: contents;
 }
-
-/* Content slot styling */
 #popup-content {
-  /* Allow slotted content to define its own styling */
-  display: contents;
+display: contents;
 }
-
-/* Remove default styling from slotted content - users have full control */
 #popup-content ::slotted(*) {
-  /* Remove default styling that conflicts with user styling */
-  /* Users now have complete control over popup appearance */
-  /* background: unset; */
-  /* border: unset; */
-  /* box-shadow: unset; */
-
-  /* Only maintain essential positioning */
-  position: relative;
-
-  /* Prevent content from being too wide - still helpful */
-  max-width: min(400px, 90vw);
-  max-height: min(500px, 80vh);
-  overflow: auto;
+position: relative;
+max-width: min(400px, 90vw);
+max-height: min(500px, 80vh);
+overflow: auto;
 }
 `;
-//# sourceMappingURL=popup.js.map

package/lib/styles/radio.d.ts

@@ -7,4 +7,3 @@
 /** Rules for one custom (non-built-in) flavor — see utils/flavor-sheet.ts. */
 export declare const radioCustomFlavorCss: (base: string) => string;
 export declare const radioStyles: string;
-//# sourceMappingURL=radio.d.ts.map