@dev-dga/css 0.11.0 → 0.12.1

package/dist/components/progress-indicator.css

@@ -0,0 +1,2 @@
+@layer ddga-components{.ddga-progress-indicator{--pi-size:32px;margin:0;padding:0;font-family:inherit;list-style:none;display:flex}.ddga-progress-indicator--dot{--pi-size:16px}.ddga-progress-indicator--horizontal{flex-direction:row;align-items:flex-start}.ddga-progress-indicator--vertical{--pi-v-gap:var(--ddga-space-8);gap:var(--pi-v-gap);flex-direction:column}.ddga-progress-indicator__step{gap:var(--ddga-space-2);min-inline-size:0;display:flex;position:relative}.ddga-progress-indicator--horizontal .ddga-progress-indicator__step{flex-direction:column;flex:1;align-items:flex-start}.ddga-progress-indicator--vertical .ddga-progress-indicator__step{flex-direction:row;align-items:flex-start}.ddga-progress-indicator--horizontal .ddga-progress-indicator__step:not(:last-child):before{content:"";block-size:2px;position:absolute;inset-block-start:calc(var(--pi-size) / 2 - 1px);inset-inline-start:var(--pi-size);inset-inline-end:0}.ddga-progress-indicator--vertical .ddga-progress-indicator__step:not(:last-child):before{content:"";inline-size:2px;position:absolute;inset-block-start:var(--pi-size);inset-block-end:calc(-1 * var(--pi-v-gap));inset-inline-start:calc(var(--pi-size) / 2 - 1px)}.ddga-progress-indicator__step:not(:last-child):before{background-color:var(--ddga-color-input)}.ddga-progress-indicator__step--completed:not(:last-child):before{background-color:var(--ddga-color-primary)}.ddga-progress-indicator__indicator{z-index:1;inline-size:var(--pi-size);block-size:var(--pi-size);border-radius:var(--ddga-radius-full);border:2px solid var(--ddga-color-input);background-color:var(--ddga-color-background);color:var(--ddga-color-input);font-size:var(--ddga-font-size-base);flex-shrink:0;justify-content:center;align-items:center;font-weight:500;line-height:1;transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-flex;position:relative}.ddga-progress-indicator__indicator-check{block-size:16px;inline-size:16px;display:none}.ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator{background-color:var(--ddga-color-primary);border-color:var(--ddga-color-primary);color:var(--ddga-color-primary-foreground)}.ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator-check{display:inline-block}.ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator-number{display:none}.ddga-progress-indicator__step--current .ddga-progress-indicator__indicator{border-color:var(--ddga-color-primary);color:var(--ddga-color-primary)}.ddga-progress-indicator__step--completed:hover .ddga-progress-indicator__indicator{background-color:var(--ddga-color-primary-hover);border-color:var(--ddga-color-primary-hover)}.ddga-progress-indicator__step--current:hover .ddga-progress-indicator__indicator{border-color:var(--ddga-color-primary-hover);color:var(--ddga-color-primary-hover)}.ddga-progress-indicator__step--upcoming:hover .ddga-progress-indicator__indicator{border-color:var(--ddga-gray-400);color:var(--ddga-gray-400)}.ddga-progress-indicator__content{gap:var(--ddga-space-1);min-inline-size:0;flex-direction:column;padding-inline-end:var(--ddga-space-4);display:flex}.ddga-progress-indicator--vertical .ddga-progress-indicator__content{justify-content:center}.ddga-progress-indicator__title{color:var(--ddga-gray-800);font-size:var(--ddga-font-size-base);font-weight:400;line-height:1.5rem;display:block}.ddga-progress-indicator__step--current .ddga-progress-indicator__title{font-weight:500}.ddga-progress-indicator__description{color:var(--ddga-gray-700);font-size:var(--ddga-font-size-sm);font-weight:400;line-height:1.25rem;display:block}.ddga-progress-indicator__step--upcoming .ddga-progress-indicator__title,.ddga-progress-indicator__step--upcoming .ddga-progress-indicator__description{color:var(--ddga-gray-500)}.ddga-progress-indicator__content a{color:inherit;text-decoration:none}.ddga-progress-indicator__step:has(a,button){cursor:pointer}.ddga-progress-indicator__step:has(:focus-visible) .ddga-progress-indicator__indicator{box-shadow:inset 0 0 0 1px var(--ddga-color-background), 0 0 0 2px var(--ddga-text-primary)}.ddga-progress-indicator__step:has(:focus-visible) .ddga-progress-indicator__content{padding-inline:var(--ddga-space-1);outline:2px solid var(--ddga-text-primary);outline-offset:-2px}.ddga-progress-indicator--dot .ddga-progress-indicator__indicator-number,.ddga-progress-indicator--dot .ddga-progress-indicator__indicator-check{display:none}.ddga-progress-indicator--dot .ddga-progress-indicator__step--completed:not(:hover) .ddga-progress-indicator__indicator{background-color:var(--ddga-color-primary);border-color:var(--ddga-color-primary)}[data-theme=dark] .ddga-progress-indicator__title{color:var(--ddga-text-primary)}[data-theme=dark] .ddga-progress-indicator__description{color:var(--ddga-text-secondary)}[data-theme=dark] .ddga-progress-indicator__step--upcoming .ddga-progress-indicator__title,[data-theme=dark] .ddga-progress-indicator__step--upcoming .ddga-progress-indicator__description{color:var(--ddga-text-tertiary)}@media (prefers-reduced-motion:reduce){.ddga-progress-indicator__indicator{transition:none}}@media (forced-colors:active){.ddga-progress-indicator__indicator{color:canvastext;border-color:canvastext}.ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator,.ddga-progress-indicator__step--current .ddga-progress-indicator__indicator{color:highlight;border-color:highlight}.ddga-progress-indicator__step:not(:last-child):before{background-color:canvastext}.ddga-progress-indicator__step--completed:not(:last-child):before{background-color:highlight}}}
+/*# sourceMappingURL=progress-indicator.css.map */

package/dist/components/progress-indicator.css.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,uBAME,4GASA,6CAIA,+EAIA,4GAQA,wGAMA,wHAKA,4GAKA,8OAQA,qQASA,gGAGA,6GAKA,6eAuBA,wFAMA,2MAKA,yGAGA,kGAIA,mJAOA,kLAIA,qKAIA,gJAKA,sJAOA,4FAIA,iJAOA,wFAIA,sJAQA,mLAOA,uEASA,4DAGA,mLAKA,uLAOA,8JAIA,0MAQA,iFAGA,yFAGA,4NAOA,uCACE,qDAKF,8BACE,6EAIA,iMAKA,mFAGA","sources":["src/components/progress-indicator.css"],"sourcesContent":["@layer ddga-components {\n  /* SDGA \"Progress indicator\". Indicator size (circles 32 / dot 16) is driven by\n     `--pi-size`; the connector is CSS-drawn via `::before` on every step except\n     the last, running from this step's indicator to the next, coloured by THIS\n     step's state. Logical properties handle the RTL flip. */\n\n  .ddga-progress-indicator {\n    --pi-size: 32px;\n    display: flex;\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    font-family: inherit;\n  }\n\n  .ddga-progress-indicator--dot {\n    --pi-size: 16px;\n  }\n\n  .ddga-progress-indicator--horizontal {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n  .ddga-progress-indicator--vertical {\n    /* Inter-step gap = the connector's run between circles; generous so the line\n       reads long even when a step has only a title (step height = circle height). */\n    --pi-v-gap: var(--ddga-space-8);\n    flex-direction: column;\n    gap: var(--pi-v-gap);\n  }\n\n  .ddga-progress-indicator__step {\n    position: relative;\n    display: flex;\n    min-inline-size: 0;\n    gap: var(--ddga-space-2);\n  }\n  .ddga-progress-indicator--horizontal .ddga-progress-indicator__step {\n    flex: 1;\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .ddga-progress-indicator--vertical .ddga-progress-indicator__step {\n    flex-direction: row;\n    align-items: flex-start;\n  }\n\n  .ddga-progress-indicator--horizontal .ddga-progress-indicator__step:not(:last-child)::before {\n    content: '';\n    position: absolute;\n    block-size: 2px;\n    inset-block-start: calc(var(--pi-size) / 2 - 1px);\n    inset-inline-start: var(--pi-size);\n    inset-inline-end: 0;\n  }\n  .ddga-progress-indicator--vertical .ddga-progress-indicator__step:not(:last-child)::before {\n    content: '';\n    position: absolute;\n    inline-size: 2px;\n    inset-inline-start: calc(var(--pi-size) / 2 - 1px);\n    inset-block-start: var(--pi-size);\n    inset-block-end: calc(-1 * var(--pi-v-gap));\n  }\n  /* Colour kept orientation-agnostic so `--completed` (equal specificity, later) wins. */\n  .ddga-progress-indicator__step:not(:last-child)::before {\n    background-color: var(--ddga-color-input);\n  }\n  .ddga-progress-indicator__step--completed:not(:last-child)::before {\n    background-color: var(--ddga-color-primary);\n  }\n\n  /* Base indicator = the Upcoming state (gray-300 ring + gray-300 number). */\n  .ddga-progress-indicator__indicator {\n    position: relative;\n    z-index: 1;\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: var(--pi-size);\n    block-size: var(--pi-size);\n    border-radius: var(--ddga-radius-full);\n    border: 2px solid var(--ddga-color-input);\n    background-color: var(--ddga-color-background);\n    color: var(--ddga-color-input);\n    font-size: var(--ddga-font-size-base);\n    font-weight: 500;\n    line-height: 1;\n    transition:\n      background-color 150ms ease,\n      border-color 150ms ease,\n      color 150ms ease,\n      box-shadow 150ms ease;\n  }\n\n  .ddga-progress-indicator__indicator-check {\n    display: none;\n    inline-size: 16px;\n    block-size: 16px;\n  }\n\n  .ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator {\n    background-color: var(--ddga-color-primary);\n    border-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary-foreground);\n  }\n  .ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator-check {\n    display: inline-block;\n  }\n  .ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator-number {\n    display: none;\n  }\n\n  .ddga-progress-indicator__step--current .ddga-progress-indicator__indicator {\n    border-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary);\n  }\n\n  /* Hover darkens the indicator one step per SDGA `…-hovered`: green → SA-700,\n     gray → gray-400 (circles + dot; connector + text unchanged). */\n  .ddga-progress-indicator__step--completed:hover .ddga-progress-indicator__indicator {\n    background-color: var(--ddga-color-primary-hover);\n    border-color: var(--ddga-color-primary-hover);\n  }\n  .ddga-progress-indicator__step--current:hover .ddga-progress-indicator__indicator {\n    border-color: var(--ddga-color-primary-hover);\n    color: var(--ddga-color-primary-hover);\n  }\n  .ddga-progress-indicator__step--upcoming:hover .ddga-progress-indicator__indicator {\n    border-color: var(--ddga-gray-400);\n    color: var(--ddga-gray-400);\n  }\n\n  .ddga-progress-indicator__content {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-1);\n    min-inline-size: 0;\n    padding-inline-end: var(--ddga-space-4);\n  }\n  .ddga-progress-indicator--vertical .ddga-progress-indicator__content {\n    justify-content: center;\n  }\n\n  .ddga-progress-indicator__title {\n    display: block;\n    color: var(--ddga-gray-800);\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.5rem;\n    font-weight: 400;\n  }\n  .ddga-progress-indicator__step--current .ddga-progress-indicator__title {\n    font-weight: 500;\n  }\n\n  .ddga-progress-indicator__description {\n    display: block;\n    color: var(--ddga-gray-700);\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.25rem;\n    font-weight: 400;\n  }\n\n  .ddga-progress-indicator__step--upcoming .ddga-progress-indicator__title,\n  .ddga-progress-indicator__step--upcoming .ddga-progress-indicator__description {\n    color: var(--ddga-gray-500);\n  }\n\n  /* A consumer link makes a step navigable; SDGA never hyperlink-styles the text,\n     so links read as plain step text (the focus box is the only nav affordance). */\n  .ddga-progress-indicator__content a {\n    color: inherit;\n    text-decoration: none;\n  }\n\n  /* A step with an interactive child is navigable (SDGA hover = cursor only, no\n     colour delta). Focus (keyboard) fires the SDGA treatment: a 1px white ring\n     *inside* the circle + a 2px ink ring *outside* it, and a tight 2px ink box\n     around the text (4px inline pad, outline inset -2px). */\n  .ddga-progress-indicator__step:has(a, button) {\n    cursor: pointer;\n  }\n  .ddga-progress-indicator__step:has(:focus-visible) .ddga-progress-indicator__indicator {\n    box-shadow:\n      inset 0 0 0 1px var(--ddga-color-background),\n      0 0 0 2px var(--ddga-text-primary);\n  }\n  .ddga-progress-indicator__step:has(:focus-visible) .ddga-progress-indicator__content {\n    padding-inline: var(--ddga-space-1);\n    outline: 2px solid var(--ddga-text-primary);\n    outline-offset: -2px;\n  }\n\n  /* Dot appearance: 16px solid (completed) / ring (current·upcoming), no glyph. */\n  .ddga-progress-indicator--dot .ddga-progress-indicator__indicator-number,\n  .ddga-progress-indicator--dot .ddga-progress-indicator__indicator-check {\n    display: none;\n  }\n  .ddga-progress-indicator--dot\n    .ddga-progress-indicator__step--completed:not(:hover)\n    .ddga-progress-indicator__indicator {\n    background-color: var(--ddga-color-primary);\n    border-color: var(--ddga-color-primary);\n  }\n\n  /* Exact light greys are raw tokens; remap to adaptive text roles in dark. */\n  [data-theme='dark'] .ddga-progress-indicator__title {\n    color: var(--ddga-text-primary);\n  }\n  [data-theme='dark'] .ddga-progress-indicator__description {\n    color: var(--ddga-text-secondary);\n  }\n  [data-theme='dark'] .ddga-progress-indicator__step--upcoming .ddga-progress-indicator__title,\n  [data-theme='dark']\n    .ddga-progress-indicator__step--upcoming\n    .ddga-progress-indicator__description {\n    color: var(--ddga-text-tertiary);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-progress-indicator__indicator {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .ddga-progress-indicator__indicator {\n      border-color: CanvasText;\n      color: CanvasText;\n    }\n    .ddga-progress-indicator__step--completed .ddga-progress-indicator__indicator,\n    .ddga-progress-indicator__step--current .ddga-progress-indicator__indicator {\n      border-color: Highlight;\n      color: Highlight;\n    }\n    .ddga-progress-indicator__step:not(:last-child)::before {\n      background-color: CanvasText;\n    }\n    .ddga-progress-indicator__step--completed:not(:last-child)::before {\n      background-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/progress.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-progress{background-color:var(--ddga-gray-200);border-radius:var(--ddga-radius-full);inline-size:100%;position:relative;overflow:hidden}.ddga-progress--sm{block-size:4px}.ddga-progress--md{block-size:8px}.ddga-progress--lg{block-size:12px}.ddga-progress--primary{--ddga-progress-color:var(--ddga-color-primary)}.ddga-progress--success{--ddga-progress-color:var(--ddga-color-success)}.ddga-progress--warning{--ddga-progress-color:var(--ddga-color-warning)}.ddga-progress--destructive{--ddga-progress-color:var(--ddga-color-destructive)}.ddga-progress__indicator{background-color:var(--ddga-progress-color,var(--ddga-color-primary));border-radius:inherit;block-size:100%;inline-size:100%;transition:inline-size .2s ease-out}.ddga-progress[data-state=indeterminate] .ddga-progress__indicator{inline-size:40%;transition:none;animation:1.4s cubic-bezier(.65,.05,.36,1) infinite ddga-progress-slide;transform:translate(-100%)}@keyframes ddga-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}[dir=rtl] .ddga-progress[data-state=indeterminate] .ddga-progress__indicator{animation-name:ddga-progress-slide-rtl}@keyframes ddga-progress-slide-rtl{0%{transform:translate(100%)}to{transform:translate(-350%)}}.ddga-circular-progress{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ddga-circular-progress--primary{--ddga-progress-color:var(--ddga-color-primary)}.ddga-circular-progress--success{--ddga-progress-color:var(--ddga-color-success)}.ddga-circular-progress--warning{--ddga-progress-color:var(--ddga-color-warning)}.ddga-circular-progress--destructive{--ddga-progress-color:var(--ddga-color-destructive)}.ddga-circular-progress__svg{display:block}.ddga-circular-progress__track{stroke:var(--ddga-gray-200)}.ddga-circular-progress__indicator{stroke:var(--ddga-progress-color,var(--ddga-color-primary));transition:stroke-dashoffset .2s ease-out}.ddga-circular-progress__segment{stroke:var(--ddga-gray-200);transition:stroke .2s}.ddga-circular-progress__segment--filled{stroke:var(--ddga-progress-color,var(--ddga-color-primary))}.ddga-circular-progress[data-state=indeterminate]:not([data-segmented]) .ddga-circular-progress__svg{transition:none;animation:1.4s linear infinite ddga-circular-progress-spin}@keyframes ddga-circular-progress-spin{to{transform:rotate(360deg)}}.ddga-circular-progress__label{font-size:var(--ddga-font-size-xs);font-weight:var(--ddga-font-weight-medium);color:var(--ddga-text-secondary);justify-content:center;align-items:center;line-height:1;display:flex;position:absolute;inset:0}.ddga-circular-progress--sm .ddga-circular-progress__label{font-size:.625rem}.ddga-circular-progress--lg .ddga-circular-progress__label{font-size:var(--ddga-font-size-sm)}[data-theme=dark] .ddga-progress{background-color:var(--ddga-color-border)}[data-theme=dark] .ddga-circular-progress__track,[data-theme=dark] .ddga-circular-progress__segment{stroke:var(--ddga-color-border)}@media (prefers-reduced-motion:reduce){.ddga-progress[data-state=indeterminate] .ddga-progress__indicator,.ddga-circular-progress[data-state=indeterminate] .ddga-circular-progress__svg{animation:none}.ddga-progress__indicator,.ddga-circular-progress__indicator,.ddga-circular-progress__segment{transition:none}}@media (forced-colors:active){.ddga-progress{border:1px solid canvastext}.ddga-progress__indicator{background-color:highlight}.ddga-circular-progress__track,.ddga-circular-progress__segment{stroke:graytext}.ddga-circular-progress__indicator,.ddga-circular-progress__segment--filled{stroke:highlight}}}
+@layer ddga-components{.ddga-progress{gap:var(--ddga-space-1);flex-direction:column;inline-size:100%;display:flex}.ddga-progress--primary{--ddga-progress-fill:var(--ddga-color-primary)}.ddga-progress--neutral{--ddga-progress-fill:var(--ddga-gray-700)}.ddga-progress--success{--ddga-progress-fill:var(--ddga-color-success)}.ddga-progress--error{--ddga-progress-fill:var(--ddga-color-destructive)}.ddga-progress__label{gap:var(--ddga-space-1);color:var(--ddga-text-primary);font-size:var(--ddga-font-size-base);align-items:flex-end;line-height:1.5;display:inline-flex}.ddga-progress--sm .ddga-progress__label{font-size:var(--ddga-font-size-sm)}.ddga-progress__required{color:var(--ddga-error-700)}.ddga-progress__track{background-color:var(--ddga-gray-100);border-radius:var(--ddga-radius-sm);inline-size:100%;position:relative;overflow:clip}.ddga-progress--sm .ddga-progress__track{block-size:4px}.ddga-progress--md .ddga-progress__track{block-size:8px}.ddga-progress--lg .ddga-progress__track{border-radius:var(--ddga-radius-md);block-size:16px}.ddga-progress--success .ddga-progress__track,.ddga-progress--error .ddga-progress__track{background-color:var(--ddga-gray-300)}.ddga-progress__indicator{background-color:var(--ddga-progress-fill,var(--ddga-color-primary));border-radius:inherit;block-size:100%;inline-size:100%;transition:inline-size .2s ease-out}.ddga-progress--lg .ddga-progress__indicator{padding-inline:var(--ddga-space-2);justify-content:flex-end;align-items:center;display:flex;overflow:clip}.ddga-progress__value{color:#fff;font-size:var(--ddga-font-size-xs);white-space:nowrap;line-height:1.5}.ddga-progress__track[data-state=indeterminate] .ddga-progress__indicator{inline-size:40%;transition:none;animation:1.4s cubic-bezier(.65,.05,.36,1) infinite ddga-progress-slide;transform:translate(-100%)}@keyframes ddga-progress-slide{0%{transform:translate(-100%)}to{transform:translate(350%)}}[dir=rtl] .ddga-progress__track[data-state=indeterminate] .ddga-progress__indicator{animation-name:ddga-progress-slide-rtl}@keyframes ddga-progress-slide-rtl{0%{transform:translate(100%)}to{transform:translate(-350%)}}.ddga-progress__helper{gap:var(--ddga-space-2);align-items:center;display:flex}.ddga-progress__helper-icon{block-size:16px;inline-size:16px;color:var(--ddga-gray-700);flex-shrink:0;font-size:16px;display:inline-flex}.ddga-progress__helper-icon>svg{display:block}.ddga-progress__helper-text{color:var(--ddga-gray-700);font-size:var(--ddga-font-size-sm);line-height:1.43}.ddga-progress--sm .ddga-progress__helper-text{font-size:var(--ddga-font-size-xs)}.ddga-progress--success .ddga-progress__helper-text{color:var(--ddga-success-700)}.ddga-progress--error .ddga-progress__helper-text{color:var(--ddga-error-700)}.ddga-progress__badge,.ddga-circular-progress__badge{border-radius:var(--ddga-radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ddga-progress__badge>svg,.ddga-circular-progress__badge>svg{block-size:66%;inline-size:66%}.ddga-progress__badge{block-size:16px;inline-size:16px}.ddga-circular-progress__badge{block-size:25.5%;inline-size:25.5%}.ddga-progress__badge--success,.ddga-circular-progress__badge--success{background-color:var(--ddga-success-700)}.ddga-progress__badge--error,.ddga-circular-progress__badge--error{background-color:var(--ddga-error-700)}.ddga-circular-progress{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.ddga-circular-progress--primary{--ddga-progress-fill:var(--ddga-color-primary)}.ddga-circular-progress--neutral{--ddga-progress-fill:var(--ddga-gray-700)}.ddga-circular-progress--success{--ddga-progress-fill:var(--ddga-color-success)}.ddga-circular-progress--error{--ddga-progress-fill:var(--ddga-color-destructive)}.ddga-circular-progress__svg{display:block}.ddga-circular-progress__track{stroke:var(--ddga-gray-100)}.ddga-circular-progress__indicator{stroke:var(--ddga-progress-fill,var(--ddga-color-primary));transition:stroke-dashoffset .2s ease-out}.ddga-circular-progress__segment{stroke:var(--ddga-gray-100);transition:stroke .2s}.ddga-circular-progress__segment--filled{stroke:var(--ddga-progress-fill,var(--ddga-color-primary))}.ddga-circular-progress[data-state=indeterminate]:not([data-segmented]) .ddga-circular-progress__svg{transition:none;animation:1.4s linear infinite ddga-circular-progress-spin}@keyframes ddga-circular-progress-spin{to{transform:rotate(360deg)}}.ddga-circular-progress__label{text-align:center;color:var(--ddga-gray-700);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.ddga-circular-progress--success .ddga-circular-progress__label{color:var(--ddga-success-700)}.ddga-circular-progress--error .ddga-circular-progress__label{color:var(--ddga-error-700)}.ddga-circular-progress__value{font-weight:var(--ddga-font-weight-bold);white-space:nowrap;line-height:1.2}.ddga-circular-progress__text{font-weight:var(--ddga-font-weight-regular);line-height:1.4}.ddga-circular-progress--sm .ddga-circular-progress__value{font-size:var(--ddga-font-size-sm)}.ddga-circular-progress--md .ddga-circular-progress__value{font-size:var(--ddga-font-size-lg)}.ddga-circular-progress--lg .ddga-circular-progress__value{font-size:var(--ddga-font-size-2xl)}.ddga-circular-progress--xl .ddga-circular-progress__value{font-size:1.875rem}.ddga-circular-progress--2xl .ddga-circular-progress__value{letter-spacing:-.02em;font-size:2.25rem}.ddga-circular-progress--sm .ddga-circular-progress__text,.ddga-circular-progress--md .ddga-circular-progress__text,.ddga-circular-progress--lg .ddga-circular-progress__text{font-size:var(--ddga-font-size-sm)}.ddga-circular-progress--xl .ddga-circular-progress__text{font-size:var(--ddga-font-size-base)}.ddga-circular-progress--2xl .ddga-circular-progress__text{font-size:var(--ddga-font-size-xl)}[data-theme=dark] .ddga-progress__track,[data-theme=dark] .ddga-progress--success .ddga-progress__track,[data-theme=dark] .ddga-progress--error .ddga-progress__track{background-color:var(--ddga-color-border)}[data-theme=dark] .ddga-circular-progress__track,[data-theme=dark] .ddga-circular-progress__segment{stroke:var(--ddga-color-border)}[data-theme=dark] .ddga-progress__helper-icon,[data-theme=dark] .ddga-progress__helper-text,[data-theme=dark] .ddga-circular-progress__label{color:var(--ddga-text-secondary)}[data-theme=dark] .ddga-progress--success .ddga-progress__helper-text{color:var(--ddga-success-700)}[data-theme=dark] .ddga-progress--error .ddga-progress__helper-text{color:var(--ddga-error-700)}[data-theme=dark] .ddga-circular-progress--success .ddga-circular-progress__label{color:var(--ddga-success-700)}[data-theme=dark] .ddga-circular-progress--error .ddga-circular-progress__label{color:var(--ddga-error-700)}[data-theme=dark] .ddga-progress--neutral,[data-theme=dark] .ddga-circular-progress--neutral{--ddga-progress-fill:var(--ddga-text-secondary)}@media (prefers-reduced-motion:reduce){.ddga-progress__track[data-state=indeterminate] .ddga-progress__indicator,.ddga-circular-progress[data-state=indeterminate] .ddga-circular-progress__svg{animation:none}.ddga-progress__indicator,.ddga-circular-progress__indicator,.ddga-circular-progress__segment{transition:none}}@media (forced-colors:active){.ddga-progress__track{border:1px solid canvastext}.ddga-progress__indicator{background-color:highlight}.ddga-circular-progress__track,.ddga-circular-progress__segment{stroke:graytext}.ddga-circular-progress__indicator,.ddga-circular-progress__segment--filled{stroke:highlight}}}
 /*# sourceMappingURL=progress.css.map */

package/dist/components/progress.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBAGE,8IAQA,kCAGA,kCAGA,mCAIA,wEAGA,wEAGA,wEAGA,gFAIA,2LAcA,sMAOA,2FAUA,oHAIA,+FAWA,sHAQA,iFAGA,iFAGA,iFAGA,yFAIA,2CAIA,2DAIA,yIAMA,mFAIA,qGAMA,gLAMA,oEAMA,6OAYA,6EAGA,8FAUA,2EAGA,oIAMA,uCACE,iKAIA,+GAWF,8BACE,2CAGA,qDAGA,gFAIA","sources":["src/components/progress.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Linear (Radix Progress) ─── */\n\n  .ddga-progress {\n    position: relative;\n    overflow: hidden;\n    inline-size: 100%;\n    background-color: var(--ddga-gray-200);\n    border-radius: var(--ddga-radius-full);\n  }\n\n  .ddga-progress--sm {\n    block-size: 4px;\n  }\n  .ddga-progress--md {\n    block-size: 8px;\n  }\n  .ddga-progress--lg {\n    block-size: 12px;\n  }\n\n  .ddga-progress--primary {\n    --ddga-progress-color: var(--ddga-color-primary);\n  }\n  .ddga-progress--success {\n    --ddga-progress-color: var(--ddga-color-success);\n  }\n  .ddga-progress--warning {\n    --ddga-progress-color: var(--ddga-color-warning);\n  }\n  .ddga-progress--destructive {\n    --ddga-progress-color: var(--ddga-color-destructive);\n  }\n\n  .ddga-progress__indicator {\n    block-size: 100%;\n    /* Determinate fill: the component sets `inline-size: <pct>%` inline. Anchored\n       to the track's inline-start, it mirrors for free in RTL (logical, no JS\n       direction read). `100%` here is the no-JS/SSR fallback before the inline\n       value lands; the indeterminate rule below overrides it to 40%. */\n    inline-size: 100%;\n    background-color: var(--ddga-progress-color, var(--ddga-color-primary));\n    transition: inline-size 200ms ease-out;\n    border-radius: inherit;\n  }\n\n  /* Indeterminate: slide a 40%-wide pill across the track. The track has\n     overflow:hidden so the off-track portions get clipped. */\n  .ddga-progress[data-state='indeterminate'] .ddga-progress__indicator {\n    inline-size: 40%;\n    transform: translateX(-100%);\n    animation: ddga-progress-slide 1.4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;\n    transition: none;\n  }\n\n  @keyframes ddga-progress-slide {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(350%);\n    }\n  }\n\n  /* RTL: reverse the slide so motion still tracks reading direction. */\n  [dir='rtl'] .ddga-progress[data-state='indeterminate'] .ddga-progress__indicator {\n    animation-name: ddga-progress-slide-rtl;\n  }\n\n  @keyframes ddga-progress-slide-rtl {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(-350%);\n    }\n  }\n\n  /* ─── Circular (custom SVG) ─── */\n\n  .ddga-circular-progress {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n\n  .ddga-circular-progress--primary {\n    --ddga-progress-color: var(--ddga-color-primary);\n  }\n  .ddga-circular-progress--success {\n    --ddga-progress-color: var(--ddga-color-success);\n  }\n  .ddga-circular-progress--warning {\n    --ddga-progress-color: var(--ddga-color-warning);\n  }\n  .ddga-circular-progress--destructive {\n    --ddga-progress-color: var(--ddga-color-destructive);\n  }\n\n  .ddga-circular-progress__svg {\n    display: block;\n  }\n\n  .ddga-circular-progress__track {\n    stroke: var(--ddga-gray-200);\n  }\n\n  .ddga-circular-progress__indicator {\n    stroke: var(--ddga-progress-color, var(--ddga-color-primary));\n    transition: stroke-dashoffset 200ms ease-out;\n  }\n\n  /* Segmented (radial stepper): each arc is track-colored until filled. */\n  .ddga-circular-progress__segment {\n    stroke: var(--ddga-gray-200);\n    transition: stroke 200ms ease;\n  }\n  .ddga-circular-progress__segment--filled {\n    stroke: var(--ddga-progress-color, var(--ddga-color-primary));\n  }\n\n  /* Only the continuous (non-segmented) ring spins when indeterminate — a\n     segmented ring is determinate, so don't rotate its empty arcs. */\n  .ddga-circular-progress[data-state='indeterminate']:not([data-segmented])\n    .ddga-circular-progress__svg {\n    animation: ddga-circular-progress-spin 1.4s linear infinite;\n    transition: none;\n  }\n\n  @keyframes ddga-circular-progress-spin {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .ddga-circular-progress__label {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--ddga-font-size-xs);\n    font-weight: var(--ddga-font-weight-medium);\n    color: var(--ddga-text-secondary);\n    line-height: 1;\n  }\n\n  .ddga-circular-progress--sm .ddga-circular-progress__label {\n    font-size: 0.625rem;\n  }\n  .ddga-circular-progress--lg .ddga-circular-progress__label {\n    font-size: var(--ddga-font-size-sm);\n  }\n\n  /* ─── Dark mode ─── */\n  /* The unfilled track is built from the raw `--ddga-gray-200` tint, which the\n     dark theme does NOT remap (only semantic `--ddga-color-*` tokens adapt).\n     Left alone it renders as a bright light band on dark surfaces, so map the\n     track to the semantic border gray. The indicator stays `--ddga-color-*`\n     (already dark-aware). */\n  [data-theme='dark'] .ddga-progress {\n    background-color: var(--ddga-color-border);\n  }\n  [data-theme='dark'] .ddga-circular-progress__track,\n  [data-theme='dark'] .ddga-circular-progress__segment {\n    stroke: var(--ddga-color-border);\n  }\n\n  /* Reduced motion: drop indeterminate animations, keep static state visible. */\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-progress[data-state='indeterminate'] .ddga-progress__indicator,\n    .ddga-circular-progress[data-state='indeterminate'] .ddga-circular-progress__svg {\n      animation: none;\n    }\n    .ddga-progress__indicator,\n    .ddga-circular-progress__indicator,\n    .ddga-circular-progress__segment {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n  /* background/stroke colors are overridden by the system, which would make the\n     fill indistinguishable from the track. Pin the fill to Highlight and the\n     track to a dim system color so progress stays readable. */\n  @media (forced-colors: active) {\n    .ddga-progress {\n      border: 1px solid CanvasText;\n    }\n    .ddga-progress__indicator {\n      background-color: Highlight;\n    }\n    .ddga-circular-progress__track,\n    .ddga-circular-progress__segment {\n      stroke: GrayText;\n    }\n    .ddga-circular-progress__indicator,\n    .ddga-circular-progress__segment--filled {\n      stroke: Highlight;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBAGE,2FAOA,uEAGA,kEAGA,uEAGA,yEAIA,2KAQA,4EAGA,qDAIA,iJAOA,wDAGA,wDAGA,6FAKA,gIAKA,0LAOA,uJAOA,uGAOA,6MAMA,2FAQA,2HAGA,+FASA,+EAKA,yIAQA,8CAGA,2GAKA,kFAGA,kFAGA,8EAKA,kLAUA,4FAKA,uDAKA,kEAIA,gHAIA,0GAOA,sHAOA,gFAGA,2EAGA,gFAGA,kFAIA,2CAGA,2DAGA,wIAIA,mFAIA,oGAKA,gLAKA,oEAMA,2LAYA,8FAGA,0FAGA,2GAKA,0FAMA,8FAGA,8FAGA,+FAIA,8EAGA,oGAIA,iNAKA,+FAGA,8FAQA,gNAOA,oIAIA,8KAOA,oGAGA,gGAGA,gHAGA,4GAIA,6IAMA,uCACE,wKAIA,+GAQF,8BACE,kDAGA,qDAGA,gFAIA","sources":["src/components/progress.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Linear (Radix Progress) ─── */\n\n  .ddga-progress {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-1);\n    inline-size: 100%;\n  }\n\n  .ddga-progress--primary {\n    --ddga-progress-fill: var(--ddga-color-primary);\n  }\n  .ddga-progress--neutral {\n    --ddga-progress-fill: var(--ddga-gray-700);\n  }\n  .ddga-progress--success {\n    --ddga-progress-fill: var(--ddga-color-success);\n  }\n  .ddga-progress--error {\n    --ddga-progress-fill: var(--ddga-color-destructive);\n  }\n\n  .ddga-progress__label {\n    display: inline-flex;\n    gap: var(--ddga-space-1);\n    align-items: flex-end;\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.5;\n  }\n  .ddga-progress--sm .ddga-progress__label {\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-progress__required {\n    color: var(--ddga-error-700);\n  }\n\n  .ddga-progress__track {\n    position: relative;\n    overflow: clip;\n    inline-size: 100%;\n    background-color: var(--ddga-gray-100);\n    border-radius: var(--ddga-radius-sm);\n  }\n  .ddga-progress--sm .ddga-progress__track {\n    block-size: 4px;\n  }\n  .ddga-progress--md .ddga-progress__track {\n    block-size: 8px;\n  }\n  .ddga-progress--lg .ddga-progress__track {\n    block-size: 16px;\n    border-radius: var(--ddga-radius-md);\n  }\n  /* Success/Error darken the track behind the full bar (SDGA gray-300). */\n  .ddga-progress--success .ddga-progress__track,\n  .ddga-progress--error .ddga-progress__track {\n    background-color: var(--ddga-gray-300);\n  }\n\n  .ddga-progress__indicator {\n    block-size: 100%;\n    inline-size: 100%;\n    background-color: var(--ddga-progress-fill, var(--ddga-color-primary));\n    border-radius: inherit;\n    transition: inline-size 200ms ease-out;\n  }\n  .ddga-progress--lg .ddga-progress__indicator {\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    padding-inline: var(--ddga-space-2);\n    overflow: clip;\n  }\n  .ddga-progress__value {\n    color: #fff;\n    font-size: var(--ddga-font-size-xs);\n    line-height: 1.5;\n    white-space: nowrap;\n  }\n\n  .ddga-progress__track[data-state='indeterminate'] .ddga-progress__indicator {\n    inline-size: 40%;\n    transform: translateX(-100%);\n    animation: ddga-progress-slide 1.4s cubic-bezier(0.65, 0.05, 0.36, 1) infinite;\n    transition: none;\n  }\n  @keyframes ddga-progress-slide {\n    0% {\n      transform: translateX(-100%);\n    }\n    100% {\n      transform: translateX(350%);\n    }\n  }\n  [dir='rtl'] .ddga-progress__track[data-state='indeterminate'] .ddga-progress__indicator {\n    animation-name: ddga-progress-slide-rtl;\n  }\n  @keyframes ddga-progress-slide-rtl {\n    0% {\n      transform: translateX(100%);\n    }\n    100% {\n      transform: translateX(-350%);\n    }\n  }\n\n  .ddga-progress__helper {\n    display: flex;\n    gap: var(--ddga-space-2);\n    align-items: center;\n  }\n  .ddga-progress__helper-icon {\n    display: inline-flex;\n    flex-shrink: 0;\n    inline-size: 16px;\n    block-size: 16px;\n    font-size: 16px;\n    color: var(--ddga-gray-700);\n  }\n  .ddga-progress__helper-icon > svg {\n    display: block;\n  }\n  .ddga-progress__helper-text {\n    color: var(--ddga-gray-700);\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.43;\n  }\n  .ddga-progress--sm .ddga-progress__helper-text {\n    font-size: var(--ddga-font-size-xs);\n  }\n  .ddga-progress--success .ddga-progress__helper-text {\n    color: var(--ddga-success-700);\n  }\n  .ddga-progress--error .ddga-progress__helper-text {\n    color: var(--ddga-error-700);\n  }\n\n  /* ─── Filled ✓/✕ status badge (linear helper + circular centre share the shape) */\n  .ddga-progress__badge,\n  .ddga-circular-progress__badge {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    border-radius: var(--ddga-radius-full);\n    color: #fff;\n  }\n  /* Glyph scales with the badge (no per-size font hacks). */\n  .ddga-progress__badge > svg,\n  .ddga-circular-progress__badge > svg {\n    inline-size: 66%;\n    block-size: 66%;\n  }\n  .ddga-progress__badge {\n    inline-size: 16px;\n    block-size: 16px;\n  }\n  /* Circular badge ≈ 25.5% of the ring diameter (measured); % keeps it exact at any size/thickness. */\n  .ddga-circular-progress__badge {\n    inline-size: 25.5%;\n    block-size: 25.5%;\n  }\n  .ddga-progress__badge--success,\n  .ddga-circular-progress__badge--success {\n    background-color: var(--ddga-success-700);\n  }\n  .ddga-progress__badge--error,\n  .ddga-circular-progress__badge--error {\n    background-color: var(--ddga-error-700);\n  }\n\n  /* ─── Circular (custom SVG) ─── */\n\n  .ddga-circular-progress {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n  }\n  .ddga-circular-progress--primary {\n    --ddga-progress-fill: var(--ddga-color-primary);\n  }\n  .ddga-circular-progress--neutral {\n    --ddga-progress-fill: var(--ddga-gray-700);\n  }\n  .ddga-circular-progress--success {\n    --ddga-progress-fill: var(--ddga-color-success);\n  }\n  .ddga-circular-progress--error {\n    --ddga-progress-fill: var(--ddga-color-destructive);\n  }\n\n  .ddga-circular-progress__svg {\n    display: block;\n  }\n  .ddga-circular-progress__track {\n    stroke: var(--ddga-gray-100);\n  }\n  .ddga-circular-progress__indicator {\n    stroke: var(--ddga-progress-fill, var(--ddga-color-primary));\n    transition: stroke-dashoffset 200ms ease-out;\n  }\n  .ddga-circular-progress__segment {\n    stroke: var(--ddga-gray-100);\n    transition: stroke 200ms ease;\n  }\n  .ddga-circular-progress__segment--filled {\n    stroke: var(--ddga-progress-fill, var(--ddga-color-primary));\n  }\n\n  /* Only the continuous ring spins when indeterminate (segmented is determinate). */\n  .ddga-circular-progress[data-state='indeterminate']:not([data-segmented])\n    .ddga-circular-progress__svg {\n    animation: ddga-circular-progress-spin 1.4s linear infinite;\n    transition: none;\n  }\n  @keyframes ddga-circular-progress-spin {\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  .ddga-circular-progress__label {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 2px;\n    text-align: center;\n    color: var(--ddga-gray-700);\n  }\n  /* Success/Error caption is the state −700 colour (matches the badge), not gray. */\n  .ddga-circular-progress--success .ddga-circular-progress__label {\n    color: var(--ddga-success-700);\n  }\n  .ddga-circular-progress--error .ddga-circular-progress__label {\n    color: var(--ddga-error-700);\n  }\n  .ddga-circular-progress__value {\n    font-weight: var(--ddga-font-weight-bold);\n    line-height: 1.2;\n    white-space: nowrap;\n  }\n  .ddga-circular-progress__text {\n    font-weight: var(--ddga-font-weight-regular);\n    line-height: 1.4;\n  }\n\n  /* Per-size centre type + badge (SDGA Display/Text ramp). */\n  .ddga-circular-progress--sm .ddga-circular-progress__value {\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-circular-progress--md .ddga-circular-progress__value {\n    font-size: var(--ddga-font-size-lg);\n  }\n  .ddga-circular-progress--lg .ddga-circular-progress__value {\n    font-size: var(--ddga-font-size-2xl);\n  }\n  /* SDGA Display sm/md (30/36) — no token yet (Foundations gap); raw rem. */\n  .ddga-circular-progress--xl .ddga-circular-progress__value {\n    font-size: 1.875rem;\n  }\n  .ddga-circular-progress--2xl .ddga-circular-progress__value {\n    font-size: 2.25rem;\n    letter-spacing: -0.02em;\n  }\n  .ddga-circular-progress--sm .ddga-circular-progress__text,\n  .ddga-circular-progress--md .ddga-circular-progress__text,\n  .ddga-circular-progress--lg .ddga-circular-progress__text {\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-circular-progress--xl .ddga-circular-progress__text {\n    font-size: var(--ddga-font-size-base);\n  }\n  .ddga-circular-progress--2xl .ddga-circular-progress__text {\n    font-size: var(--ddga-font-size-xl);\n  }\n\n  /* ─── Dark mode ─── */\n  /* The raw gray-100/300 track tints don't remap in dark (only semantic --ddga-color-* do); map the\n     track to the semantic border so it doesn't render as a bright band. Body/centre ink (raw gray-700)\n     swaps to the dark-aware text token. */\n  [data-theme='dark'] .ddga-progress__track {\n    background-color: var(--ddga-color-border);\n  }\n  [data-theme='dark'] .ddga-progress--success .ddga-progress__track,\n  [data-theme='dark'] .ddga-progress--error .ddga-progress__track {\n    background-color: var(--ddga-color-border);\n  }\n  [data-theme='dark'] .ddga-circular-progress__track,\n  [data-theme='dark'] .ddga-circular-progress__segment {\n    stroke: var(--ddga-color-border);\n  }\n  [data-theme='dark'] .ddga-progress__helper-icon,\n  [data-theme='dark'] .ddga-progress__helper-text,\n  [data-theme='dark'] .ddga-circular-progress__label {\n    color: var(--ddga-text-secondary);\n  }\n  /* State captions keep the −700 colour in dark too (match the ✓/✕ badge); the blanket rule above\n     would otherwise flatten them to gray. Higher specificity so it wins the tie. */\n  [data-theme='dark'] .ddga-progress--success .ddga-progress__helper-text {\n    color: var(--ddga-success-700);\n  }\n  [data-theme='dark'] .ddga-progress--error .ddga-progress__helper-text {\n    color: var(--ddga-error-700);\n  }\n  [data-theme='dark'] .ddga-circular-progress--success .ddga-circular-progress__label {\n    color: var(--ddga-success-700);\n  }\n  [data-theme='dark'] .ddga-circular-progress--error .ddga-circular-progress__label {\n    color: var(--ddga-error-700);\n  }\n  /* Neutral fill is raw gray-700 (no dark remap) → lighten so the arc stays visible on dark. */\n  [data-theme='dark'] .ddga-progress--neutral,\n  [data-theme='dark'] .ddga-circular-progress--neutral {\n    --ddga-progress-fill: var(--ddga-text-secondary);\n  }\n\n  /* Reduced motion: drop indeterminate animations + transitions. */\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-progress__track[data-state='indeterminate'] .ddga-progress__indicator,\n    .ddga-circular-progress[data-state='indeterminate'] .ddga-circular-progress__svg {\n      animation: none;\n    }\n    .ddga-progress__indicator,\n    .ddga-circular-progress__indicator,\n    .ddga-circular-progress__segment {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n  @media (forced-colors: active) {\n    .ddga-progress__track {\n      border: 1px solid CanvasText;\n    }\n    .ddga-progress__indicator {\n      background-color: Highlight;\n    }\n    .ddga-circular-progress__track,\n    .ddga-circular-progress__segment {\n      stroke: GrayText;\n    }\n    .ddga-circular-progress__indicator,\n    .ddga-circular-progress__segment--filled {\n      stroke: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/quote.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-quote{--ddga-quote-accent:var(--ddga-color-primary);color:var(--ddga-text-primary);margin:0;font-family:inherit;line-height:1.6;display:block}.ddga-quote__blockquote{margin:0}.ddga-quote__content{color:inherit}.ddga-quote__content p{margin-block:0}.ddga-quote__content p+p{margin-block-start:var(--ddga-space-3)}.ddga-quote__mark{block-size:2em;inline-size:2em;color:var(--ddga-quote-accent);opacity:.35;margin-block-end:var(--ddga-space-1);display:block}[dir=rtl] .ddga-quote__mark{transform:scaleX(-1)}.ddga-quote__caption{align-items:center;gap:var(--ddga-space-3);margin-block-start:var(--ddga-space-3);display:flex}.ddga-quote__avatar{flex:none;display:inline-flex}.ddga-quote__attribution{flex-direction:column;min-inline-size:0;display:flex}.ddga-quote__author{color:var(--ddga-text-primary);font-weight:var(--ddga-font-weight-semibold);font-style:normal}.ddga-quote__byline{color:var(--ddga-text-secondary);font-size:var(--ddga-font-size-sm)}.ddga-quote__source{color:var(--ddga-text-tertiary);font-size:var(--ddga-font-size-sm);font-style:italic}.ddga-quote--default{border-inline-start:3px solid var(--ddga-quote-accent);padding-inline-start:var(--ddga-space-4);padding-block:var(--ddga-space-1)}.ddga-quote--pullquote{max-inline-size:42rem;padding-block:var(--ddga-space-4);text-align:center;font-size:var(--ddga-font-size-2xl);font-weight:var(--ddga-font-weight-medium);margin-inline:auto;line-height:1.4}.ddga-quote--pullquote .ddga-quote__mark{block-size:2.5em;inline-size:2.5em;margin-inline:auto}.ddga-quote--pullquote .ddga-quote__caption{justify-content:center;margin-block-start:var(--ddga-space-4)}.ddga-quote--pullquote .ddga-quote__attribution{align-items:center}.ddga-quote--testimonial{border:1px solid var(--ddga-color-border);border-radius:var(--ddga-radius-lg);background-color:var(--ddga-color-background);box-shadow:var(--ddga-shadow-sm);padding:var(--ddga-space-6)}@media (forced-colors:active){.ddga-quote--default{border-inline-start-color:canvastext}.ddga-quote--testimonial{border-color:canvastext}.ddga-quote__mark{opacity:1}}}
+@layer ddga-components{.ddga-quote{--ddga-quote-mark:var(--ddga-sa-800);--ddga-quote-paragraph:var(--ddga-gray-700);--ddga-quote-tint:var(--ddga-gray-50);gap:var(--ddga-space-12);padding:var(--ddga-space-5);border-radius:var(--ddga-radius-xl);inline-size:100%;color:var(--ddga-text-primary);flex-direction:column;margin:0;font-family:inherit;display:flex;position:relative}.ddga-quote--lg{max-inline-size:846px}.ddga-quote--sm{max-inline-size:640px}.ddga-quote--tint{background-color:var(--ddga-quote-tint)}.ddga-quote__blockquote{margin:0}.ddga-quote__body{gap:var(--ddga-space-4);padding-inline:var(--ddga-space-16);flex-direction:column;display:flex}.ddga-quote__title{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-2xl);font-weight:var(--ddga-font-weight-medium);margin:0;line-height:2rem}.ddga-quote__content{color:var(--ddga-quote-paragraph);font-size:var(--ddga-font-size-xl);font-weight:var(--ddga-font-weight-regular);line-height:1.875rem}.ddga-quote__content p{margin-block:0}.ddga-quote__content p+p{margin-block-start:var(--ddga-space-4)}.ddga-quote__caption{align-items:center;gap:var(--ddga-space-4);margin:0;display:flex}.ddga-quote__avatar{border:2px solid var(--ddga-color-background);border-radius:var(--ddga-radius-full);flex:none;block-size:80px;inline-size:80px;display:inline-flex;overflow:hidden}.ddga-quote__avatar>*{object-fit:cover;block-size:100%;inline-size:100%}.ddga-quote__author-info{gap:var(--ddga-space-2);flex-direction:column;min-inline-size:0;display:flex}.ddga-quote__author{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-xl);font-weight:var(--ddga-font-weight-medium);line-height:1.875rem}.ddga-quote__author-title{color:var(--ddga-quote-paragraph);font-size:var(--ddga-font-size-lg);font-weight:var(--ddga-font-weight-regular);line-height:1.75rem}.ddga-quote__mark{color:var(--ddga-quote-mark);font-family:inherit;font-size:128px;font-weight:var(--ddga-font-weight-regular);pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1;position:absolute}.ddga-quote__mark--open{inset-block-start:0;inset-inline-start:0;transform:scaleX(-1)}.ddga-quote__mark--close{inset-block-end:0;inset-inline-end:0;transform:scaleX(-1)scaleY(-1)}[dir=rtl] .ddga-quote__mark--open{transform:none}[dir=rtl] .ddga-quote__mark--close{transform:scaleY(-1)}[data-theme=dark] .ddga-quote{--ddga-quote-paragraph:var(--ddga-text-secondary);--ddga-quote-tint:var(--ddga-color-muted)}@media (forced-colors:active){.ddga-quote__mark{color:canvastext}}}
 /*# sourceMappingURL=quote.css.map */

package/dist/components/quote.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBAME,oJAWA,iCAIA,mCAKA,sCAGA,gEAMA,+IAUA,iDAMA,oHAOA,kDAKA,8EAMA,kHAMA,wFAKA,yGAQA,uJAQA,mNASA,+FAKA,0GAIA,mEAMA,kNAaA,8BACE,0DAGA,iDAGA","sources":["src/components/quote.css"],"sourcesContent":["@layer ddga-components {\n  /* Visual-only quote. Root is a <figure> when attribution is present, else a\n     bare <blockquote> — both carry .ddga-quote. Accent + surfaces flow through\n     semantic tokens, so dark mode adapts with no [data-theme] overrides.\n     Logical properties keep the accent border + mark RTL-correct. */\n\n  .ddga-quote {\n    --ddga-quote-accent: var(--ddga-color-primary);\n\n    display: block;\n    margin: 0;\n    color: var(--ddga-text-primary);\n    font-family: inherit;\n    line-height: 1.6;\n  }\n\n  /* When the root is a <figure>, the inner <blockquote> resets its UA margin. */\n  .ddga-quote__blockquote {\n    margin: 0;\n  }\n\n  .ddga-quote__content {\n    /* Quote text. Inherits font-size from the variant / surrounding context. */\n    color: inherit;\n  }\n\n  .ddga-quote__content p {\n    margin-block: 0;\n  }\n  .ddga-quote__content p + p {\n    margin-block-start: var(--ddga-space-3);\n  }\n\n  /* ─── Decorative quote mark ─── */\n\n  .ddga-quote__mark {\n    display: block;\n    inline-size: 2em;\n    block-size: 2em;\n    margin-block-end: var(--ddga-space-1);\n    color: var(--ddga-quote-accent);\n    opacity: 0.35;\n  }\n\n  /* Opening mark mirrors so the curl faces the (right-aligned) text in RTL. */\n  [dir='rtl'] .ddga-quote__mark {\n    transform: scaleX(-1);\n  }\n\n  /* ─── Caption (attribution) ─── */\n\n  .ddga-quote__caption {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-3);\n    margin-block-start: var(--ddga-space-3);\n  }\n\n  .ddga-quote__avatar {\n    flex: none;\n    display: inline-flex;\n  }\n\n  .ddga-quote__attribution {\n    display: flex;\n    flex-direction: column;\n    min-inline-size: 0;\n  }\n\n  .ddga-quote__author {\n    color: var(--ddga-text-primary);\n    font-weight: var(--ddga-font-weight-semibold);\n    font-style: normal;\n  }\n\n  .ddga-quote__byline {\n    color: var(--ddga-text-secondary);\n    font-size: var(--ddga-font-size-sm);\n  }\n\n  .ddga-quote__source {\n    color: var(--ddga-text-tertiary);\n    font-size: var(--ddga-font-size-sm);\n    font-style: italic;\n  }\n\n  /* ─── Variant: default (inline-start accent border) ─── */\n\n  .ddga-quote--default {\n    border-inline-start: 3px solid var(--ddga-quote-accent);\n    padding-inline-start: var(--ddga-space-4);\n    padding-block: var(--ddga-space-1);\n  }\n\n  /* ─── Variant: pullquote (large, editorial, centered) ─── */\n\n  .ddga-quote--pullquote {\n    max-inline-size: 42rem;\n    margin-inline: auto;\n    padding-block: var(--ddga-space-4);\n    text-align: center;\n    font-size: var(--ddga-font-size-2xl);\n    font-weight: var(--ddga-font-weight-medium);\n    line-height: 1.4;\n  }\n  .ddga-quote--pullquote .ddga-quote__mark {\n    margin-inline: auto;\n    inline-size: 2.5em;\n    block-size: 2.5em;\n  }\n  .ddga-quote--pullquote .ddga-quote__caption {\n    justify-content: center;\n    margin-block-start: var(--ddga-space-4);\n  }\n  .ddga-quote--pullquote .ddga-quote__attribution {\n    align-items: center;\n  }\n\n  /* ─── Variant: testimonial (card surface) ─── */\n\n  .ddga-quote--testimonial {\n    border: 1px solid var(--ddga-color-border);\n    border-radius: var(--ddga-radius-lg);\n    background-color: var(--ddga-color-background);\n    box-shadow: var(--ddga-shadow-sm);\n    padding: var(--ddga-space-6);\n  }\n\n  /* ─── Variant: plain (bare) ───\n     No border, no surface — relies on content + caption only. */\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-quote--default {\n      border-inline-start-color: CanvasText;\n    }\n    .ddga-quote--testimonial {\n      border-color: CanvasText;\n    }\n    .ddga-quote__mark {\n      opacity: 1;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBAKE,8VAiBA,sCAGA,sCAGA,0DAIA,iCAIA,iHAOA,2JAQA,2JAMA,sCAGA,gEAMA,sFAOA,uLASA,wEAMA,sGAOA,sJAOA,+JAWA,6NAUA,sFAKA,6FAKA,iDAGA,wDAMA,0HAMA,8BACE","sources":["src/components/quote.css"],"sourcesContent":["@layer ddga-components {\n  /* SDGA Quote — card block (heading + quote + author) framed by two large SA-flag-green marks.\n     White Background=Yes → neutral-50 tint; No → transparent. Size = width only (lg 846 / sm 640).\n     Logical properties keep the body inset + marks RTL-correct; raw ramp tokens are remapped for dark. */\n\n  .ddga-quote {\n    --ddga-quote-mark: var(--ddga-sa-800);\n    --ddga-quote-paragraph: var(--ddga-gray-700);\n    --ddga-quote-tint: var(--ddga-gray-50);\n\n    position: relative;\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-12);\n    margin: 0;\n    padding: var(--ddga-space-5);\n    border-radius: var(--ddga-radius-xl);\n    inline-size: 100%;\n    color: var(--ddga-text-primary);\n    font-family: inherit;\n  }\n\n  .ddga-quote--lg {\n    max-inline-size: 846px;\n  }\n  .ddga-quote--sm {\n    max-inline-size: 640px;\n  }\n  .ddga-quote--tint {\n    background-color: var(--ddga-quote-tint);\n  }\n\n  .ddga-quote__blockquote {\n    margin: 0;\n  }\n\n  .ddga-quote__body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-4);\n    padding-inline: var(--ddga-space-16);\n  }\n\n  .ddga-quote__title {\n    margin: 0;\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-2xl);\n    font-weight: var(--ddga-font-weight-medium);\n    line-height: 2rem;\n  }\n\n  .ddga-quote__content {\n    color: var(--ddga-quote-paragraph);\n    font-size: var(--ddga-font-size-xl);\n    font-weight: var(--ddga-font-weight-regular);\n    line-height: 1.875rem;\n  }\n  .ddga-quote__content p {\n    margin-block: 0;\n  }\n  .ddga-quote__content p + p {\n    margin-block-start: var(--ddga-space-4);\n  }\n\n  /* ─── Author ─── */\n\n  .ddga-quote__caption {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-4);\n    margin: 0;\n  }\n\n  .ddga-quote__avatar {\n    flex: none;\n    display: inline-flex;\n    inline-size: 80px;\n    block-size: 80px;\n    overflow: hidden;\n    border: 2px solid var(--ddga-color-background);\n    border-radius: var(--ddga-radius-full);\n  }\n  .ddga-quote__avatar > * {\n    inline-size: 100%;\n    block-size: 100%;\n    object-fit: cover;\n  }\n\n  .ddga-quote__author-info {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-2);\n    min-inline-size: 0;\n  }\n\n  .ddga-quote__author {\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-xl);\n    font-weight: var(--ddga-font-weight-medium);\n    line-height: 1.875rem;\n  }\n\n  .ddga-quote__author-title {\n    color: var(--ddga-quote-paragraph);\n    font-size: var(--ddga-font-size-lg);\n    font-weight: var(--ddga-font-weight-regular);\n    line-height: 1.75rem;\n  }\n\n  /* ─── Marks — the literal U+201D glyph (SDGA: 128px, decorative), oriented per corner.\n     Body's 64px inline padding is their gutter; ink sits at the top of the line box, so the\n     close mark flips vertically (scaleY) to drop its ink to the bottom-trailing corner. ─── */\n\n  .ddga-quote__mark {\n    position: absolute;\n    color: var(--ddga-quote-mark);\n    font-family: inherit;\n    font-size: 128px;\n    font-weight: var(--ddga-font-weight-regular);\n    line-height: 1;\n    pointer-events: none;\n    user-select: none;\n  }\n  .ddga-quote__mark--open {\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    transform: scaleX(-1);\n  }\n  .ddga-quote__mark--close {\n    inset-block-end: 0;\n    inset-inline-end: 0;\n    transform: scaleX(-1) scaleY(-1);\n  }\n  [dir='rtl'] .ddga-quote__mark--open {\n    transform: none;\n  }\n  [dir='rtl'] .ddga-quote__mark--close {\n    transform: scaleY(-1);\n  }\n\n  /* ─── Dark — raw ramp tokens don't flip; remap to flipping semantics (exact DGA dark deferred) ─── */\n\n  [data-theme='dark'] .ddga-quote {\n    /* marks stay SA-800 (spec: dark shows only light; corner marks don't flip) */\n    --ddga-quote-paragraph: var(--ddga-text-secondary);\n    --ddga-quote-tint: var(--ddga-color-muted);\n  }\n\n  @media (forced-colors: active) {\n    .ddga-quote__mark {\n      color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/radio.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-radio-group__label{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-sm);margin-block-end:var(--ddga-space-1);font-weight:500;line-height:1.4;display:block}.ddga-radio-group__required{color:var(--ddga-color-error);margin-inline-start:.125rem}.ddga-radio-group{gap:var(--ddga-space-3);display:flex}.ddga-radio-group--vertical{flex-direction:column}.ddga-radio-group--horizontal{flex-flow:wrap}.ddga-radio-row{align-items:center;gap:var(--ddga-space-2);display:flex}.ddga-radio{border:1px solid var(--ddga-color-input);background-color:var(--ddga-color-background);cursor:pointer;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,box-shadow .15s;display:inline-flex}.ddga-radio-group--md .ddga-radio{block-size:18px;inline-size:18px}.ddga-radio-group--sm .ddga-radio{block-size:16px;inline-size:16px}.ddga-radio[data-state=checked]{border-color:var(--ddga-color-primary)}.ddga-radio:focus-visible{box-shadow:0 0 0 2px var(--ddga-color-ring);outline:none}.ddga-radio-group--error .ddga-radio{border-color:var(--ddga-color-error)}.ddga-radio-group--error .ddga-radio[data-state=checked] .ddga-radio__dot{background-color:var(--ddga-color-error)}.ddga-radio-group--error .ddga-radio:focus-visible{box-shadow:0 0 0 2px var(--ddga-color-error)}.ddga-radio:disabled{opacity:.5;cursor:not-allowed}.ddga-radio-row:has(.ddga-radio:disabled) .ddga-radio__label{cursor:not-allowed;color:var(--ddga-text-tertiary)}.ddga-radio__indicator{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:inline-flex}.ddga-radio__dot{background-color:var(--ddga-color-primary);border-radius:999px;block-size:50%;inline-size:50%}.ddga-radio__label{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-base);cursor:pointer;line-height:1.4}@media (prefers-reduced-motion:reduce){.ddga-radio{transition:none}}@media (forced-colors:active){.ddga-radio{border:1px solid canvastext}.ddga-radio[data-state=checked]{border-color:highlight}.ddga-radio__dot{background-color:canvastext}.ddga-radio:focus-visible{outline-offset:1px;outline:2px solid highlight}.ddga-radio:disabled{color:graytext;border-color:graytext}}}
+@layer ddga-components{.ddga-radio-group__label{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-sm);font-weight:var(--ddga-font-weight-medium);margin-block-end:var(--ddga-space-1);line-height:1.4;display:block}.ddga-radio-group__required{color:var(--ddga-color-error);margin-inline-start:.125rem}.ddga-radio-group{gap:var(--ddga-space-3);display:flex}.ddga-radio-group--vertical{flex-direction:column}.ddga-radio-group--horizontal{flex-flow:wrap}.ddga-radio-row{align-items:center;gap:var(--ddga-space-4);display:flex}.ddga-radio{box-sizing:border-box;cursor:pointer;background:0 0;border:2px solid #0000;flex-shrink:0;justify-content:center;align-items:center;block-size:32px;inline-size:32px;padding:0;display:inline-flex}.ddga-radio__circle{border:1px solid var(--ddga-gray-500);border-radius:var(--ddga-radius-full);background-color:var(--ddga-color-background);block-size:24px;inline-size:24px;color:var(--ddga-color-primary);justify-content:center;align-items:center;transition:border-color .15s,color .15s,background-color .15s;display:inline-flex;position:relative}.ddga-radio__circle:before{content:"";z-index:-1;border-radius:var(--ddga-radius-full);background-color:var(--ddga-gray-100);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:-12px}.ddga-radio-group:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled):hover .ddga-radio__circle:before,.ddga-radio-group:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled):active .ddga-radio__circle:before{opacity:1}.ddga-radio-group:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=unchecked]:active .ddga-radio__circle{background-color:var(--ddga-gray-300)}.ddga-radio[data-state=checked] .ddga-radio__circle{border-color:var(--ddga-color-primary);color:var(--ddga-color-primary)}.ddga-radio-group:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked]:hover .ddga-radio__circle{border-color:var(--ddga-sa-800);color:var(--ddga-sa-800)}.ddga-radio-group:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked]:active .ddga-radio__circle{border-color:var(--ddga-color-primary-active);color:var(--ddga-color-primary-active)}.ddga-radio-group--neutral .ddga-radio[data-state=checked] .ddga-radio__circle{border-color:var(--ddga-gray-950);color:var(--ddga-gray-950)}.ddga-radio-group--neutral:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked]:hover .ddga-radio__circle{border-color:var(--ddga-gray-600);color:var(--ddga-gray-600)}.ddga-radio-group--neutral:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked]:active .ddga-radio__circle{border-color:var(--ddga-gray-500);color:var(--ddga-gray-500)}.ddga-radio:focus-visible{border-color:var(--ddga-color-focus-ring);outline:none}.ddga-radio-group--readonly .ddga-radio{cursor:default}.ddga-radio-group--readonly .ddga-radio__circle{border-color:var(--ddga-gray-400)}.ddga-radio-group--readonly .ddga-radio[data-state=checked] .ddga-radio__circle{border-color:var(--ddga-gray-400);color:var(--ddga-color-primary)}.ddga-radio-group--readonly.ddga-radio-group--neutral .ddga-radio[data-state=checked] .ddga-radio__circle{color:var(--ddga-gray-400)}.ddga-radio-group--readonly .ddga-radio__label{cursor:default}.ddga-radio-group--error .ddga-radio__circle{border-color:var(--ddga-color-error)}.ddga-radio-group--error .ddga-radio[data-state=checked] .ddga-radio__circle{border-color:var(--ddga-color-error);color:var(--ddga-color-error)}.ddga-radio-group--error .ddga-radio:focus-visible{border-color:var(--ddga-color-error)}.ddga-radio:disabled{cursor:not-allowed}.ddga-radio:disabled .ddga-radio__circle{border-color:var(--ddga-gray-400)}.ddga-radio:disabled[data-state=checked] .ddga-radio__circle{border-color:var(--ddga-gray-400);color:var(--ddga-gray-400)}.ddga-radio-row:has(.ddga-radio:disabled) .ddga-radio__label{cursor:not-allowed;color:var(--ddga-text-tertiary)}.ddga-radio__indicator{justify-content:center;align-items:center;block-size:100%;inline-size:100%;display:inline-flex}.ddga-radio__dot{border-radius:var(--ddga-radius-full);background-color:currentColor;block-size:16px;inline-size:16px}.ddga-radio__label{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-base);cursor:pointer;line-height:1.4}[data-theme=dark] .ddga-radio__circle:before{background-color:var(--ddga-gray-700)}[data-theme=dark] .ddga-radio-group--neutral:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked] .ddga-radio__circle{border-color:var(--ddga-gray-100);color:var(--ddga-gray-100)}[data-theme=dark] .ddga-radio-group--neutral:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked]:hover .ddga-radio__circle{border-color:var(--ddga-gray-300);color:var(--ddga-gray-300)}[data-theme=dark] .ddga-radio-group--neutral:not(.ddga-radio-group--readonly) .ddga-radio:not(:disabled)[data-state=checked]:active .ddga-radio__circle{border-color:var(--ddga-gray-400);color:var(--ddga-gray-400)}@media (prefers-reduced-motion:reduce){.ddga-radio__circle,.ddga-radio__circle:before{transition:none}}@media (forced-colors:active){.ddga-radio__circle{border:1px solid canvastext}.ddga-radio[data-state=checked] .ddga-radio__circle{border-color:highlight}.ddga-radio__dot{background-color:highlight}.ddga-radio:focus-visible{border-color:highlight}.ddga-radio:disabled .ddga-radio__circle{border-color:graytext}}}
 /*# sourceMappingURL=radio.css.map */

package/dist/components/radio.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBAQE,8KAQA,sFAOA,uDAIA,kDAGA,6CAOA,wEAQA,yQAgBA,mEAIA,mEAOA,uEAMA,mFAOA,0EAGA,mHAGA,gGAMA,mDAIA,gHAOA,sHAOA,+GASA,sHASA,uCACE,6BAOF,8BACE,wCAGA,uDAGA,6CAGA,yEAIA","sources":["src/components/radio.css"],"sourcesContent":["@layer ddga-components {\n  /* Wrapper (.ddga-field) + helper/error (.ddga-field__message) are shared\n     , see field.css. Group label, group container, and per-item styles\n     live here. Size + error states cascade from the group via descendant\n     selectors so the source of truth stays on one element per group. */\n\n  /* ─── Group label ─── */\n\n  .ddga-radio-group__label {\n    display: block;\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-sm);\n    font-weight: 500;\n    line-height: 1.4;\n    margin-block-end: var(--ddga-space-1);\n  }\n  .ddga-radio-group__required {\n    color: var(--ddga-color-error);\n    margin-inline-start: 0.125rem;\n  }\n\n  /* ─── Group container (Radix Root, role=radiogroup) ─── */\n\n  .ddga-radio-group {\n    display: flex;\n    gap: var(--ddga-space-3);\n  }\n  .ddga-radio-group--vertical {\n    flex-direction: column;\n  }\n  .ddga-radio-group--horizontal {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  /* ─── Row (circle + label, inline) ─── */\n\n  .ddga-radio-row {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-2);\n  }\n\n  /* ─── Circle (Radix Item , reset the button, then style) ─── */\n\n  .ddga-radio {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    border: 1px solid var(--ddga-color-input);\n    border-radius: 999px;\n    background-color: var(--ddga-color-background);\n    cursor: pointer;\n    transition:\n      border-color 150ms ease,\n      box-shadow 150ms ease;\n  }\n\n  /* Sizes cascade from the group , one source of truth per group. */\n  .ddga-radio-group--md .ddga-radio {\n    block-size: 18px;\n    inline-size: 18px;\n  }\n  .ddga-radio-group--sm .ddga-radio {\n    block-size: 16px;\n    inline-size: 16px;\n  }\n\n  /* ─── Checked border ─── */\n\n  .ddga-radio[data-state='checked'] {\n    border-color: var(--ddga-color-primary);\n  }\n\n  /* ─── Focus (slightly thicker ring , small hit target) ─── */\n\n  .ddga-radio:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px var(--ddga-color-ring);\n  }\n\n  /* ─── Error (cascades from the group) ─── */\n\n  .ddga-radio-group--error .ddga-radio {\n    border-color: var(--ddga-color-error);\n  }\n  .ddga-radio-group--error .ddga-radio[data-state='checked'] .ddga-radio__dot {\n    background-color: var(--ddga-color-error);\n  }\n  .ddga-radio-group--error .ddga-radio:focus-visible {\n    box-shadow: 0 0 0 2px var(--ddga-color-error);\n  }\n\n  /* ─── Disabled (group OR per-item) ─── */\n\n  .ddga-radio:disabled {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n  .ddga-radio-row:has(.ddga-radio:disabled) .ddga-radio__label {\n    cursor: not-allowed;\n    color: var(--ddga-text-tertiary);\n  }\n\n  /* ─── Indicator + dot (only mounts when checked) ─── */\n\n  .ddga-radio__indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n  .ddga-radio__dot {\n    inline-size: 50%;\n    block-size: 50%;\n    border-radius: 999px;\n    background-color: var(--ddga-color-primary);\n  }\n\n  /* ─── Item label ─── */\n\n  .ddga-radio__label {\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.4;\n    cursor: pointer;\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-radio {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .ddga-radio {\n      border: 1px solid CanvasText;\n    }\n    .ddga-radio[data-state='checked'] {\n      border-color: Highlight;\n    }\n    .ddga-radio__dot {\n      background-color: CanvasText;\n    }\n    .ddga-radio:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 1px;\n    }\n    .ddga-radio:disabled {\n      border-color: GrayText;\n      color: GrayText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBAIE,yMAQA,sFAKA,uDAIA,kDAGA,6CAMA,wEAOA,8MAeA,6VAkBA,iNAWA,yOAUA,qKAOA,2HAKA,qLAMA,kNAQA,4IAIA,kMAMA,mMAQA,iFAMA,uDAGA,kFAGA,kJAIA,qIAKA,8DAKA,kFAGA,gJAIA,wFAKA,wCAGA,2EAGA,0HAIA,gHAMA,sHASA,sHAOA,sHAQA,mFAGA,8MAQA,oNAOA,qNAQA,uCACE,gEAMF,8BACE,gDAGA,2EAGA,4CAGA,iDAGA","sources":["src/components/radio.css"],"sourcesContent":["@layer ddga-components {\n  /* Wrapper (.ddga-field) + helper/error (.ddga-field__message) are shared — see field.css.\n     Style (variant), error, read-only cascade from the group; disabled is per-item (Radix native). */\n\n  .ddga-radio-group__label {\n    display: block;\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-sm);\n    font-weight: var(--ddga-font-weight-medium);\n    line-height: 1.4;\n    margin-block-end: var(--ddga-space-1);\n  }\n  .ddga-radio-group__required {\n    color: var(--ddga-color-error);\n    margin-inline-start: 0.125rem;\n  }\n\n  .ddga-radio-group {\n    display: flex;\n    gap: var(--ddga-space-3);\n  }\n  .ddga-radio-group--vertical {\n    flex-direction: column;\n  }\n  .ddga-radio-group--horizontal {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  /* Row: 32px touch frame + label, SDGA spacing-xl gap. */\n  .ddga-radio-row {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-4);\n  }\n\n  /* Item = 32px SDGA touch frame; the transparent 2px border is the focus frame (becomes ink on focus). */\n  .ddga-radio {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    box-sizing: border-box;\n    inline-size: 32px;\n    block-size: 32px;\n    padding: 0;\n    border: 2px solid transparent;\n    background: none;\n    cursor: pointer;\n  }\n\n  /* Visible 24px ring. currentColor drives the dot; border + color move together per state. */\n  .ddga-radio__circle {\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 24px;\n    block-size: 24px;\n    border: 1px solid var(--ddga-gray-500);\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-color-background);\n    color: var(--ddga-color-primary);\n    transition:\n      border-color 150ms ease,\n      color 150ms ease,\n      background-color 150ms ease;\n  }\n\n  /* Ripple halo (48px), behind the ring; hover + pressed only. */\n  .ddga-radio__circle::before {\n    content: '';\n    position: absolute;\n    inset: -12px;\n    z-index: -1;\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-gray-100);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 150ms ease;\n  }\n  .ddga-radio-group:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled):hover\n    .ddga-radio__circle::before,\n  .ddga-radio-group:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled):active\n    .ddga-radio__circle::before {\n    opacity: 1;\n  }\n\n  /* Unselected pressed fill. */\n  .ddga-radio-group:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='unchecked']:active\n    .ddga-radio__circle {\n    background-color: var(--ddga-gray-300);\n  }\n\n  /* Selected — Primary: border + dot follow the brand ramp. */\n  .ddga-radio[data-state='checked'] .ddga-radio__circle {\n    border-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary);\n  }\n  /* SDGA selected-hover = SA800 (one step darker than SA600 primary). */\n  .ddga-radio-group:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']:hover\n    .ddga-radio__circle {\n    border-color: var(--ddga-sa-800);\n    color: var(--ddga-sa-800);\n  }\n  .ddga-radio-group:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']:active\n    .ddga-radio__circle {\n    border-color: var(--ddga-color-primary-active);\n    color: var(--ddga-color-primary-active);\n  }\n\n  /* Selected — Neutral: gray-950 base, gray-600 hover, gray-500 pressed. */\n  .ddga-radio-group--neutral .ddga-radio[data-state='checked'] .ddga-radio__circle {\n    border-color: var(--ddga-gray-950);\n    color: var(--ddga-gray-950);\n  }\n  .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']:hover\n    .ddga-radio__circle {\n    border-color: var(--ddga-gray-600);\n    color: var(--ddga-gray-600);\n  }\n  .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']:active\n    .ddga-radio__circle {\n    border-color: var(--ddga-gray-500);\n    color: var(--ddga-gray-500);\n  }\n\n  /* Focus: square 2px SDGA border-black frame at the 32px envelope. */\n  .ddga-radio:focus-visible {\n    outline: none;\n    border-color: var(--ddga-color-focus-ring);\n  }\n\n  /* Read-only: gray-400 ring; Primary keeps its green dot, Neutral goes gray-400. */\n  .ddga-radio-group--readonly .ddga-radio {\n    cursor: default;\n  }\n  .ddga-radio-group--readonly .ddga-radio__circle {\n    border-color: var(--ddga-gray-400);\n  }\n  .ddga-radio-group--readonly .ddga-radio[data-state='checked'] .ddga-radio__circle {\n    border-color: var(--ddga-gray-400);\n    color: var(--ddga-color-primary);\n  }\n  .ddga-radio-group--readonly.ddga-radio-group--neutral\n    .ddga-radio[data-state='checked']\n    .ddga-radio__circle {\n    color: var(--ddga-gray-400);\n  }\n  .ddga-radio-group--readonly .ddga-radio__label {\n    cursor: default;\n  }\n\n  /* Error (off-spec; SDGA uses the Label alert slot). */\n  .ddga-radio-group--error .ddga-radio__circle {\n    border-color: var(--ddga-color-error);\n  }\n  .ddga-radio-group--error .ddga-radio[data-state='checked'] .ddga-radio__circle {\n    border-color: var(--ddga-color-error);\n    color: var(--ddga-color-error);\n  }\n  .ddga-radio-group--error .ddga-radio:focus-visible {\n    border-color: var(--ddga-color-error);\n  }\n\n  /* Disabled (SDGA recolors to gray-400, no opacity). */\n  .ddga-radio:disabled {\n    cursor: not-allowed;\n  }\n  .ddga-radio:disabled .ddga-radio__circle {\n    border-color: var(--ddga-gray-400);\n  }\n  .ddga-radio:disabled[data-state='checked'] .ddga-radio__circle {\n    border-color: var(--ddga-gray-400);\n    color: var(--ddga-gray-400);\n  }\n  .ddga-radio-row:has(.ddga-radio:disabled) .ddga-radio__label {\n    cursor: not-allowed;\n    color: var(--ddga-text-tertiary);\n  }\n\n  /* Indicator + dot (dot only mounts when checked). */\n  .ddga-radio__indicator {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 100%;\n    block-size: 100%;\n  }\n  /* 16px = SDGA dot (Figma inset 18.75%−0.63px ≈ 3.87px → 16.26px). Even size centers on integer px in the\n     22px content box (3px each side) so it stays crisp + exactly centered at DPR 1. */\n  .ddga-radio__dot {\n    inline-size: 16px;\n    block-size: 16px;\n    border-radius: var(--ddga-radius-full);\n    background-color: currentColor;\n  }\n\n  .ddga-radio__label {\n    color: var(--ddga-text-primary);\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.4;\n    cursor: pointer;\n  }\n\n  /* Dark mode: interactive Neutral flips light so it stays legible (read-only/disabled keep gray-400). */\n  [data-theme='dark'] .ddga-radio__circle::before {\n    background-color: var(--ddga-gray-700);\n  }\n  [data-theme='dark']\n    .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']\n    .ddga-radio__circle {\n    border-color: var(--ddga-gray-100);\n    color: var(--ddga-gray-100);\n  }\n  /* Hover/pressed must out-specify the resting rule above (equal-specificity tie → later wins). */\n  [data-theme='dark']\n    .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']:hover\n    .ddga-radio__circle {\n    border-color: var(--ddga-gray-300);\n    color: var(--ddga-gray-300);\n  }\n  [data-theme='dark']\n    .ddga-radio-group--neutral:not(.ddga-radio-group--readonly)\n    .ddga-radio:not(:disabled)[data-state='checked']:active\n    .ddga-radio__circle {\n    border-color: var(--ddga-gray-400);\n    color: var(--ddga-gray-400);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-radio__circle,\n    .ddga-radio__circle::before {\n      transition: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .ddga-radio__circle {\n      border: 1px solid CanvasText;\n    }\n    .ddga-radio[data-state='checked'] .ddga-radio__circle {\n      border-color: Highlight;\n    }\n    .ddga-radio__dot {\n      background-color: Highlight;\n    }\n    .ddga-radio:focus-visible {\n      border-color: Highlight;\n    }\n    .ddga-radio:disabled .ddga-radio__circle {\n      border-color: GrayText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/rating.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-rating__label{color:var(--ddga-text-primary);font-weight:var(--ddga-font-weight-medium);font-size:var(--ddga-font-size-sm);line-height:1.4;display:block}.ddga-rating{--ddga-rating-color:var(--ddga-gold-500);--ddga-rating-empty:var(--ddga-color-border);align-items:center;gap:var(--ddga-space-1);color:var(--ddga-rating-empty);inline-size:fit-content;display:inline-flex}.ddga-rating--sm{font-size:1rem}.ddga-rating--md{font-size:1.5rem}.ddga-rating--lg{font-size:2rem}.ddga-rating[role=slider]:focus-visible{outline:2px solid var(--ddga-color-ring);outline-offset:2px;border-radius:var(--ddga-radius-sm)}.ddga-rating[data-disabled]{opacity:.5}.ddga-rating--error{--ddga-rating-empty:var(--ddga-color-error)}.ddga-rating[role=slider]:not([data-disabled]){cursor:pointer}.ddga-rating__star{line-height:0;display:inline-flex;position:relative}.ddga-rating__star-bg{color:var(--ddga-rating-empty);display:block}.ddga-rating__star-fill{inline-size:0;color:var(--ddga-rating-color);line-height:0;position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}.ddga-rating__star[data-fill=half] .ddga-rating__star-fill{inline-size:50%}.ddga-rating__star[data-fill=full] .ddga-rating__star-fill{inline-size:100%}.ddga-rating__star-fg{display:block}@media (forced-colors:active){.ddga-rating__star-bg{color:canvastext}.ddga-rating__star-fill{color:highlight}.ddga-rating[role=slider]:focus-visible{outline:2px solid highlight}}}
+@layer ddga-components{.ddga-rating__label{color:var(--ddga-text-primary);font-weight:var(--ddga-font-weight-medium);font-size:var(--ddga-font-size-sm);line-height:1.4;display:block}.ddga-rating{--ddga-rating-color:var(--ddga-gold-600);--ddga-rating-empty:var(--ddga-color-border);--ddga-rating-disc:46px;align-items:center;gap:var(--ddga-space-1);color:var(--ddga-rating-empty);inline-size:fit-content;display:inline-flex}.ddga-rating--brand{--ddga-rating-color:var(--ddga-color-primary)}.ddga-rating--sm{--ddga-rating-disc:38px;font-size:1.5rem}.ddga-rating--md{--ddga-rating-disc:46px;font-size:2rem}.ddga-rating--lg{--ddga-rating-disc:54px;font-size:3rem}.ddga-rating[role=slider]:focus-visible{outline:2px solid var(--ddga-color-ring);outline-offset:2px;border-radius:var(--ddga-radius-sm)}.ddga-rating[data-disabled]{opacity:.5}.ddga-rating--error{--ddga-rating-empty:var(--ddga-color-error)}.ddga-rating[role=slider]:not([data-disabled]){cursor:pointer}.ddga-rating__star{isolation:isolate;line-height:0;display:inline-flex;position:relative}.ddga-rating__star:before{content:"";inline-size:var(--ddga-rating-disc);block-size:var(--ddga-rating-disc);border-radius:var(--ddga-radius-full);background:var(--ddga-color-muted);opacity:0;z-index:-1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ddga-rating[role=slider]:not([data-disabled]) .ddga-rating__star:active:before{opacity:1}.ddga-rating__star-bg{color:var(--ddga-rating-empty);line-height:0;display:block}.ddga-rating__star-fill{inline-size:0;color:var(--ddga-rating-color);line-height:0;position:absolute;inset-block:0;inset-inline-start:0;overflow:hidden}.ddga-rating__star[data-fill=half] .ddga-rating__star-fill{inline-size:50%}.ddga-rating__star[data-fill=full] .ddga-rating__star-fill{inline-size:100%}.ddga-rating__star-fg{line-height:0;display:block}.ddga-rating__star :where(svg){block-size:1em;inline-size:1em;display:block}@media (forced-colors:active){.ddga-rating__star-bg{color:canvastext}.ddga-rating__star-fill{color:highlight}.ddga-rating[role=slider]:focus-visible{outline:2px solid highlight}}}
 /*# sourceMappingURL=rating.css.map */

package/dist/components/rating.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBAQE,+JAUA,yNAYA,gCAGA,kCAGA,gCAKA,wIAMA,uCAKA,gEAIA,8DAMA,uEAMA,mEAOA,wJAUA,2EAGA,4EAIA,oCAMA,8BACE,uCAGA,wCAGA","sources":["src/components/rating.css"],"sourcesContent":["@layer ddga-components {\n  /* Wrapper (.ddga-field) + helper/error (.ddga-field__message) are shared\n     , see field.css. Only Rating-specific styles live here. Each star stacks\n     an empty base star and a clipped filled overlay; the overlay width drives\n     full / half / empty. Logical inset keeps the half-fill correct in RTL. */\n\n  /* ─── Label ─── */\n\n  .ddga-rating__label {\n    display: block;\n    color: var(--ddga-text-primary);\n    font-weight: var(--ddga-font-weight-medium);\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.4;\n  }\n\n  /* ─── Root ─── */\n\n  .ddga-rating {\n    /* Consumers can recolor the filled stars by overriding this var. */\n    --ddga-rating-color: var(--ddga-gold-500);\n    --ddga-rating-empty: var(--ddga-color-border);\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--ddga-space-1);\n    color: var(--ddga-rating-empty);\n    inline-size: fit-content;\n  }\n\n  .ddga-rating--sm {\n    font-size: 1rem;\n  }\n  .ddga-rating--md {\n    font-size: 1.5rem;\n  }\n  .ddga-rating--lg {\n    font-size: 2rem;\n  }\n\n  /* Focus ring on the slider root. */\n  .ddga-rating[role='slider']:focus-visible {\n    outline: 2px solid var(--ddga-color-ring);\n    outline-offset: 2px;\n    border-radius: var(--ddga-radius-sm);\n  }\n\n  .ddga-rating[data-disabled] {\n    opacity: 0.5;\n  }\n\n  /* Error: tint the empty stars so an unrated required field reads as invalid. */\n  .ddga-rating--error {\n    --ddga-rating-empty: var(--ddga-color-error);\n  }\n\n  .ddga-rating[role='slider']:not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  /* ─── Star (base = empty, overlay = filled) ─── */\n\n  .ddga-rating__star {\n    position: relative;\n    display: inline-flex;\n    line-height: 0;\n  }\n\n  .ddga-rating__star-bg {\n    display: block;\n    color: var(--ddga-rating-empty);\n  }\n\n  /* Clipped overlay pinned to the logical start so it reveals the leading\n     portion of the star (flips automatically in RTL via inset-inline-start). */\n  .ddga-rating__star-fill {\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: 0;\n    inline-size: 0;\n    overflow: hidden;\n    line-height: 0;\n    color: var(--ddga-rating-color);\n  }\n\n  .ddga-rating__star[data-fill='half'] .ddga-rating__star-fill {\n    inline-size: 50%;\n  }\n  .ddga-rating__star[data-fill='full'] .ddga-rating__star-fill {\n    inline-size: 100%;\n  }\n\n  .ddga-rating__star-fg {\n    display: block;\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .ddga-rating__star-bg {\n      color: CanvasText;\n    }\n    .ddga-rating__star-fill {\n      color: Highlight;\n    }\n    .ddga-rating[role='slider']:focus-visible {\n      outline: 2px solid Highlight;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBAIE,+JAQA,iPAaA,kEAMA,0DAIA,wDAIA,wDAKA,wIAMA,uCAKA,gEAIA,8DAMA,yFASA,4QAaA,0FAKA,iFAOA,wJAUA,2EAGA,4EAIA,kDAOA,4EAQA,8BACE,uCAGA,wCAGA","sources":["src/components/rating.css"],"sourcesContent":["@layer ddga-components {\n  /* Each star stacks an empty base + a clipped filled overlay; the overlay\n     inline-size drives full/half/empty. Logical inset keeps half-fill RTL-correct. */\n\n  .ddga-rating__label {\n    display: block;\n    color: var(--ddga-text-primary);\n    font-weight: var(--ddga-font-weight-medium);\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.4;\n  }\n\n  .ddga-rating {\n    --ddga-rating-color: var(--ddga-gold-600);\n    --ddga-rating-empty: var(--ddga-color-border);\n    --ddga-rating-disc: 46px;\n\n    display: inline-flex;\n    align-items: center;\n    gap: var(--ddga-space-1);\n    color: var(--ddga-rating-empty);\n    inline-size: fit-content;\n  }\n\n  /* SDGA Style=Brand → green fill. */\n  .ddga-rating--brand {\n    --ddga-rating-color: var(--ddga-color-primary);\n  }\n\n  /* SDGA box sizes Small 24 / Medium 32 / Large 48 (star = 1em); pressed disc\n     38 / 46 / 54 (its own scale, not box-proportional). */\n  .ddga-rating--sm {\n    font-size: 1.5rem;\n    --ddga-rating-disc: 38px;\n  }\n  .ddga-rating--md {\n    font-size: 2rem;\n    --ddga-rating-disc: 46px;\n  }\n  .ddga-rating--lg {\n    font-size: 3rem;\n    --ddga-rating-disc: 54px;\n  }\n\n  .ddga-rating[role='slider']:focus-visible {\n    outline: 2px solid var(--ddga-color-ring);\n    outline-offset: 2px;\n    border-radius: var(--ddga-radius-sm);\n  }\n\n  .ddga-rating[data-disabled] {\n    opacity: 0.5;\n  }\n\n  /* Error: tint the empty stars so an unrated required field reads as invalid. */\n  .ddga-rating--error {\n    --ddga-rating-empty: var(--ddga-color-error);\n  }\n\n  .ddga-rating[role='slider']:not([data-disabled]) {\n    cursor: pointer;\n  }\n\n  /* ─── Star (base = empty, overlay = filled) ─── */\n\n  .ddga-rating__star {\n    position: relative;\n    display: inline-flex;\n    line-height: 0;\n    isolation: isolate;\n  }\n\n  /* SDGA Pressed: a gray-100 disc (38/46/54 per size) behind the glyph while an\n     interactive star is active. Centered → physical props (no RTL flip). */\n  .ddga-rating__star::before {\n    content: '';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    inline-size: var(--ddga-rating-disc);\n    block-size: var(--ddga-rating-disc);\n    transform: translate(-50%, -50%);\n    border-radius: var(--ddga-radius-full);\n    background: var(--ddga-color-muted);\n    opacity: 0;\n    z-index: -1;\n  }\n  .ddga-rating[role='slider']:not([data-disabled]) .ddga-rating__star:active::before {\n    opacity: 1;\n  }\n\n  /* Empty (base) layer; color set here so any currentColor icon inherits it. */\n  .ddga-rating__star-bg {\n    display: block;\n    line-height: 0;\n    color: var(--ddga-rating-empty);\n  }\n\n  /* Clipped overlay pinned to the logical start (flips in RTL via inset-inline-start). */\n  .ddga-rating__star-fill {\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: 0;\n    inline-size: 0;\n    overflow: hidden;\n    line-height: 0;\n    color: var(--ddga-rating-color);\n  }\n\n  .ddga-rating__star[data-fill='half'] .ddga-rating__star-fill {\n    inline-size: 50%;\n  }\n  .ddga-rating__star[data-fill='full'] .ddga-rating__star-fill {\n    inline-size: 100%;\n  }\n\n  .ddga-rating__star-fg {\n    display: block;\n    line-height: 0;\n  }\n\n  /* Any glyph (default star or a custom `icon`) scales to the box + keeps its\n     intrinsic width so the clip reveals the leading half. */\n  .ddga-rating__star :where(svg) {\n    display: block;\n    inline-size: 1em;\n    block-size: 1em;\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .ddga-rating__star-bg {\n      color: CanvasText;\n    }\n    .ddga-rating__star-fill {\n      color: Highlight;\n    }\n    .ddga-rating[role='slider']:focus-visible {\n      outline: 2px solid Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/saudi-riyal.css

@@ -0,0 +1,2 @@
+@layer ddga-components{.ddga-riyal-symbol{vertical-align:-.125em;block-size:1em;inline-size:auto;color:inherit;display:inline-block}.ddga-riyal-symbol--2xs{font-size:var(--ddga-font-size-2xs)}.ddga-riyal-symbol--xs{font-size:var(--ddga-font-size-xs)}.ddga-riyal-symbol--sm{font-size:var(--ddga-font-size-sm)}.ddga-riyal-symbol--base{font-size:var(--ddga-font-size-base)}.ddga-riyal-symbol--lg{font-size:var(--ddga-font-size-lg)}.ddga-riyal-symbol--xl{font-size:var(--ddga-font-size-xl)}.ddga-riyal-symbol--2xl{font-size:var(--ddga-font-size-2xl)}.ddga-riyal-symbol--3xl{font-size:var(--ddga-font-size-3xl)}.ddga-riyal-symbol--muted{color:var(--ddga-text-secondary)}.ddga-riyal-symbol--brand{color:var(--ddga-color-primary)}.ddga-riyal-symbol--success{color:var(--ddga-color-success)}.ddga-riyal-symbol--error{color:var(--ddga-color-error)}.ddga-riyal-symbol--inverted{color:var(--ddga-alpha-white-90)}.ddga-riyal-symbol--coin{box-sizing:content-box;vertical-align:middle;background-color:var(--ddga-color-primary);block-size:1em;inline-size:1em;color:var(--ddga-color-primary-foreground);border-radius:50%;padding:.334em}.ddga-riyal-symbol--coin.ddga-riyal-symbol--muted{background-color:var(--ddga-text-secondary);color:var(--ddga-color-background)}.ddga-riyal-symbol--coin.ddga-riyal-symbol--brand{background-color:var(--ddga-color-primary);color:var(--ddga-color-primary-foreground)}.ddga-riyal-symbol--coin.ddga-riyal-symbol--success{background-color:var(--ddga-color-success);color:var(--ddga-color-success-foreground)}.ddga-riyal-symbol--coin.ddga-riyal-symbol--error{background-color:var(--ddga-color-error);color:var(--ddga-color-error-foreground)}.ddga-riyal-symbol--coin.ddga-riyal-symbol--inverted{background-color:var(--ddga-alpha-white-90);color:var(--ddga-color-primary)}.ddga-riyal{color:inherit;align-items:center;gap:.25em;display:inline-flex}.ddga-riyal__value{font-variant-numeric:tabular-nums}.ddga-riyal--2xs{font-size:var(--ddga-font-size-2xs)}.ddga-riyal--xs{font-size:var(--ddga-font-size-xs)}.ddga-riyal--sm{font-size:var(--ddga-font-size-sm)}.ddga-riyal--base{font-size:var(--ddga-font-size-base)}.ddga-riyal--lg{font-size:var(--ddga-font-size-lg)}.ddga-riyal--xl{font-size:var(--ddga-font-size-xl)}.ddga-riyal--2xl{font-size:var(--ddga-font-size-2xl)}.ddga-riyal--3xl{font-size:var(--ddga-font-size-3xl)}.ddga-riyal--muted{color:var(--ddga-text-secondary)}.ddga-riyal--brand{color:var(--ddga-color-primary)}.ddga-riyal--success{color:var(--ddga-color-success)}.ddga-riyal--error{color:var(--ddga-color-error)}.ddga-riyal--inverted{color:var(--ddga-alpha-white-90)}@media (forced-colors:active){.ddga-riyal-symbol--coin{outline:1px solid}}}
+/*# sourceMappingURL=saudi-riyal.css.map */

package/dist/components/saudi-riyal.css.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,uBAGE,6GAQA,4DAGA,0DAGA,0DAGA,8DAGA,0DAGA,0DAGA,4DAGA,4DAIA,2DAGA,0DAGA,4DAGA,wDAGA,8DAKA,4NAUA,iIAIA,wIAIA,0IAIA,oIAIA,iIAOA,2EAOA,qDAIA,qDAGA,mDAGA,mDAGA,uDAGA,mDAGA,mDAGA,qDAGA,qDAIA,oDAGA,mDAGA,qDAGA,iDAGA,uDAKA,8BACE","sources":["src/components/saudi-riyal.css"],"sourcesContent":["@layer ddga-components {\n  /* ─ Symbol (glyph) ─ */\n\n  .ddga-riyal-symbol {\n    display: inline-block;\n    block-size: 1em;\n    inline-size: auto;\n    vertical-align: -0.125em;\n    color: inherit;\n  }\n\n  .ddga-riyal-symbol--2xs {\n    font-size: var(--ddga-font-size-2xs);\n  }\n  .ddga-riyal-symbol--xs {\n    font-size: var(--ddga-font-size-xs);\n  }\n  .ddga-riyal-symbol--sm {\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-riyal-symbol--base {\n    font-size: var(--ddga-font-size-base);\n  }\n  .ddga-riyal-symbol--lg {\n    font-size: var(--ddga-font-size-lg);\n  }\n  .ddga-riyal-symbol--xl {\n    font-size: var(--ddga-font-size-xl);\n  }\n  .ddga-riyal-symbol--2xl {\n    font-size: var(--ddga-font-size-2xl);\n  }\n  .ddga-riyal-symbol--3xl {\n    font-size: var(--ddga-font-size-3xl);\n  }\n\n  .ddga-riyal-symbol--muted {\n    color: var(--ddga-text-secondary);\n  }\n  .ddga-riyal-symbol--brand {\n    color: var(--ddga-color-primary);\n  }\n  .ddga-riyal-symbol--success {\n    color: var(--ddga-color-success);\n  }\n  .ddga-riyal-symbol--error {\n    color: var(--ddga-color-error);\n  }\n  .ddga-riyal-symbol--inverted {\n    color: var(--ddga-alpha-white-90);\n  }\n\n  /* Coin: symbol centered in a filled disc with ⅓-height clear space (SDGA rules 9–10). */\n  .ddga-riyal-symbol--coin {\n    box-sizing: content-box;\n    inline-size: 1em;\n    block-size: 1em;\n    padding: 0.334em;\n    border-radius: 50%;\n    vertical-align: middle;\n    background-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary-foreground);\n  }\n  .ddga-riyal-symbol--coin.ddga-riyal-symbol--muted {\n    background-color: var(--ddga-text-secondary);\n    color: var(--ddga-color-background);\n  }\n  .ddga-riyal-symbol--coin.ddga-riyal-symbol--brand {\n    background-color: var(--ddga-color-primary);\n    color: var(--ddga-color-primary-foreground);\n  }\n  .ddga-riyal-symbol--coin.ddga-riyal-symbol--success {\n    background-color: var(--ddga-color-success);\n    color: var(--ddga-color-success-foreground);\n  }\n  .ddga-riyal-symbol--coin.ddga-riyal-symbol--error {\n    background-color: var(--ddga-color-error);\n    color: var(--ddga-color-error-foreground);\n  }\n  .ddga-riyal-symbol--coin.ddga-riyal-symbol--inverted {\n    background-color: var(--ddga-alpha-white-90);\n    color: var(--ddga-color-primary);\n  }\n\n  /* ─ Amount (symbol + number) ─ */\n\n  .ddga-riyal {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n    color: inherit;\n  }\n\n  .ddga-riyal__value {\n    font-variant-numeric: tabular-nums;\n  }\n\n  .ddga-riyal--2xs {\n    font-size: var(--ddga-font-size-2xs);\n  }\n  .ddga-riyal--xs {\n    font-size: var(--ddga-font-size-xs);\n  }\n  .ddga-riyal--sm {\n    font-size: var(--ddga-font-size-sm);\n  }\n  .ddga-riyal--base {\n    font-size: var(--ddga-font-size-base);\n  }\n  .ddga-riyal--lg {\n    font-size: var(--ddga-font-size-lg);\n  }\n  .ddga-riyal--xl {\n    font-size: var(--ddga-font-size-xl);\n  }\n  .ddga-riyal--2xl {\n    font-size: var(--ddga-font-size-2xl);\n  }\n  .ddga-riyal--3xl {\n    font-size: var(--ddga-font-size-3xl);\n  }\n\n  .ddga-riyal--muted {\n    color: var(--ddga-text-secondary);\n  }\n  .ddga-riyal--brand {\n    color: var(--ddga-color-primary);\n  }\n  .ddga-riyal--success {\n    color: var(--ddga-color-success);\n  }\n  .ddga-riyal--error {\n    color: var(--ddga-color-error);\n  }\n  .ddga-riyal--inverted {\n    color: var(--ddga-alpha-white-90);\n  }\n\n  /* Keep the filled coin discs visible in Windows High Contrast (backgrounds are dropped). */\n  @media (forced-colors: active) {\n    .ddga-riyal-symbol--coin {\n      outline: 1px solid;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/search-box.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-search-box .ddga-input__field::-webkit-search-cancel-button{appearance:none;display:none}.ddga-search-box .ddga-input__field::-webkit-search-decoration{appearance:none;display:none}.ddga-search-box .ddga-input__field::-webkit-search-results-button{appearance:none;display:none}.ddga-search-box .ddga-input__field::-webkit-search-results-decoration{appearance:none;display:none}}
+@layer ddga-components{.ddga-search-box.ddga-text-input--md{block-size:40px;font-size:var(--ddga-font-size-base)}.ddga-search-box.ddga-text-input--lg{block-size:48px}.ddga-search-box .ddga-text-input__adornment--start{color:var(--ddga-gray-700)}[data-theme=dark] .ddga-search-box .ddga-text-input__adornment--start{color:var(--ddga-text-tertiary)}.ddga-search-box .ddga-text-input__adornment--start svg{block-size:20px;inline-size:20px;transform:scaleX(-1)}[dir=rtl] .ddga-search-box .ddga-text-input__adornment--start svg{transform:none}.ddga-search-box .ddga-text-input__adornment--end svg{block-size:20px;inline-size:20px}.ddga-search-box .ddga-text-input__field::-webkit-search-cancel-button{appearance:none;display:none}.ddga-search-box .ddga-text-input__field::-webkit-search-decoration{appearance:none;display:none}.ddga-search-box .ddga-text-input__field::-webkit-search-results-button{appearance:none;display:none}.ddga-search-box .ddga-text-input__field::-webkit-search-results-decoration{appearance:none;display:none}}
 /*# sourceMappingURL=search-box.css.map */

package/dist/components/search-box.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBASE,+FAAA,4FAAA,gGAAA","sources":["src/components/search-box.css"],"sourcesContent":["@layer ddga-components {\n  /* SearchBox is the Input control with `type=\"search\"`; it reuses input.css\n     for the box, sizing, focus ring, adornments and the clear button. The\n     `.ddga-search-box` class lands on the Input control element, so the inner\n     field is a descendant. Only the search-specific overrides live here. */\n\n  /* Suppress the browser's native search affordances — we render our own\n     magnifier (leading) and clear button (trailing). Without this, WebKit\n     paints a second × inside the field. */\n  .ddga-search-box .ddga-input__field::-webkit-search-cancel-button,\n  .ddga-search-box .ddga-input__field::-webkit-search-decoration,\n  .ddga-search-box .ddga-input__field::-webkit-search-results-button,\n  .ddga-search-box .ddga-input__field::-webkit-search-results-decoration {\n    appearance: none;\n    display: none;\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBACE,0FAIA,qDAIA,+EAIA,sGAGA,8GAKA,iFAIA,uFAKA,oGAAA,iGAAA,qGAAA","sources":["src/components/search-box.css"],"sourcesContent":["@layer ddga-components {\n  .ddga-search-box.ddga-text-input--md {\n    block-size: 40px;\n    font-size: var(--ddga-font-size-base);\n  }\n  .ddga-search-box.ddga-text-input--lg {\n    block-size: 48px;\n  }\n\n  .ddga-search-box .ddga-text-input__adornment--start {\n    color: var(--ddga-gray-700);\n  }\n  /* gray-700 is a fixed raw step — flip to the dark-aware tertiary so the magnifier stays legible. */\n  [data-theme='dark'] .ddga-search-box .ddga-text-input__adornment--start {\n    color: var(--ddga-text-tertiary);\n  }\n  .ddga-search-box .ddga-text-input__adornment--start svg {\n    inline-size: 20px;\n    block-size: 20px;\n    transform: scaleX(-1);\n  }\n  [dir='rtl'] .ddga-search-box .ddga-text-input__adornment--start svg {\n    transform: none;\n  }\n  /* SDGA trailing icon = 20px; the mic/clear glyphs default to 1em (14px inside icon-sm button). */\n  .ddga-search-box .ddga-text-input__adornment--end svg {\n    inline-size: 20px;\n    block-size: 20px;\n  }\n\n  .ddga-search-box .ddga-text-input__field::-webkit-search-cancel-button,\n  .ddga-search-box .ddga-text-input__field::-webkit-search-decoration,\n  .ddga-search-box .ddga-text-input__field::-webkit-search-results-button,\n  .ddga-search-box .ddga-text-input__field::-webkit-search-results-decoration {\n    appearance: none;\n    display: none;\n  }\n}\n"],"names":[]}

package/dist/components/skeleton.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-skeleton{background-color:var(--ddga-gray-200);border-radius:var(--ddga-radius-md);display:block;position:relative;overflow:hidden}.ddga-skeleton--text{border-radius:var(--ddga-radius-sm);width:100%;height:1em}.ddga-skeleton--rectangle{width:100%;height:40px}.ddga-skeleton--circle{aspect-ratio:1;border-radius:var(--ddga-radius-full);width:40px}.ddga-skeleton--pulse{animation:1.5s ease-in-out infinite ddga-skeleton-pulse}@keyframes ddga-skeleton-pulse{0%,to{opacity:1}50%{opacity:.55}}.ddga-skeleton--wave:after{content:"";background-image:linear-gradient(90deg, transparent, color-mix(in srgb, var(--ddga-color-background) 60%, transparent), transparent);animation:1.6s linear infinite ddga-skeleton-wave;position:absolute;inset:0;transform:translate(-100%)}@keyframes ddga-skeleton-wave{to{transform:translate(100%)}}[dir=rtl] .ddga-skeleton--wave:after{animation-name:ddga-skeleton-wave-rtl;transform:translate(100%)}@keyframes ddga-skeleton-wave-rtl{to{transform:translate(-100%)}}.ddga-skeleton--none{animation:none}.ddga-skeleton--none:after{display:none}[data-theme=dark] .ddga-skeleton{background-color:var(--ddga-color-border)}@media (prefers-reduced-motion:reduce){.ddga-skeleton--pulse,.ddga-skeleton--wave:after{animation:none}}@media (forced-colors:active){.ddga-skeleton{border:1px solid graytext}}}
+@layer ddga-components{.ddga-skeleton{border-radius:var(--ddga-radius-sm);background-image:linear-gradient(to right, color-mix(in srgb, var(--ddga-gray-200) 20%, transparent), color-mix(in srgb, var(--ddga-gray-300) 20%, transparent) 25%, color-mix(in srgb, var(--ddga-gray-400) 20%, transparent) 50%, color-mix(in srgb, var(--ddga-gray-300) 20%, transparent) 75%, color-mix(in srgb, var(--ddga-gray-200) 20%, transparent));background-position:0 0;background-size:200% 100%;display:block;position:relative;overflow:hidden}.ddga-skeleton--text{border-radius:var(--ddga-radius-md);width:100%;height:1em}.ddga-skeleton--rectangle{border-radius:var(--ddga-radius-sm);width:100%;height:40px}.ddga-skeleton--circle{aspect-ratio:1;border-radius:var(--ddga-radius-full);width:40px}.ddga-skeleton--square{aspect-ratio:1;border-radius:var(--ddga-radius-xl);width:40px}.ddga-skeleton--shimmer{animation:1.6s ease-in-out infinite alternate ddga-skeleton-shimmer}@keyframes ddga-skeleton-shimmer{0%{background-position:0 0}to{background-position:100% 0}}[dir=rtl] .ddga-skeleton--shimmer{animation-name:ddga-skeleton-shimmer-rtl}@keyframes ddga-skeleton-shimmer-rtl{0%{background-position:100% 0}to{background-position:0 0}}.ddga-skeleton--none{animation:none}@media (prefers-reduced-motion:reduce){.ddga-skeleton--shimmer{animation:none}}@media (forced-colors:active){.ddga-skeleton{border:1px solid graytext}}}
 /*# sourceMappingURL=skeleton.css.map */

package/dist/components/skeleton.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBACE,yIAUA,+EAMA,iDAKA,uFAWA,8EAIA,gEAYA,kRAcA,4DAOA,qGAKA,iEAMA,oCAIA,wCASA,2EAIA,uCACE,iEASF,8BACE","sources":["src/components/skeleton.css"],"sourcesContent":["@layer ddga-components {\n  .ddga-skeleton {\n    display: block;\n    background-color: var(--ddga-gray-200);\n    border-radius: var(--ddga-radius-md);\n    position: relative;\n    overflow: hidden;\n  }\n\n  /* ─── Shapes ─── */\n\n  .ddga-skeleton--text {\n    width: 100%;\n    height: 1em;\n    border-radius: var(--ddga-radius-sm);\n  }\n\n  .ddga-skeleton--rectangle {\n    width: 100%;\n    height: 40px;\n  }\n\n  .ddga-skeleton--circle {\n    /* Sized by `width` alone — `aspect-ratio:1` keeps it round, so passing only\n       `width` (the natural way to size a circle) no longer produces an oval. An\n       explicit `height` (inline style) still overrides aspect-ratio. */\n    width: 40px;\n    aspect-ratio: 1;\n    border-radius: var(--ddga-radius-full);\n  }\n\n  /* ─── Animations ─── */\n\n  .ddga-skeleton--pulse {\n    animation: ddga-skeleton-pulse 1.5s ease-in-out infinite;\n  }\n\n  @keyframes ddga-skeleton-pulse {\n    0%,\n    100% {\n      opacity: 1;\n    }\n    50% {\n      opacity: 0.55;\n    }\n  }\n\n  /* Wave: a translucent gradient sweeps across the surface using a\n     pseudo-element so it doesn't interfere with the consumer's content. */\n  .ddga-skeleton--wave::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      transparent,\n      color-mix(in srgb, var(--ddga-color-background) 60%, transparent),\n      transparent\n    );\n    animation: ddga-skeleton-wave 1.6s linear infinite;\n  }\n\n  @keyframes ddga-skeleton-wave {\n    100% {\n      transform: translateX(100%);\n    }\n  }\n\n  /* RTL: sweep direction follows reading direction so the shimmer feels native. */\n  [dir='rtl'] .ddga-skeleton--wave::after {\n    transform: translateX(100%);\n    animation-name: ddga-skeleton-wave-rtl;\n  }\n\n  @keyframes ddga-skeleton-wave-rtl {\n    100% {\n      transform: translateX(-100%);\n    }\n  }\n\n  .ddga-skeleton--none {\n    animation: none;\n  }\n\n  .ddga-skeleton--none::after {\n    display: none;\n  }\n\n  /* ─── Dark mode ─── */\n  /* The fill is the raw `--ddga-gray-200` tint, which the dark theme does NOT\n     remap (only semantic `--ddga-color-*` adapt). Left alone it renders as a\n     bright light box on dark surfaces, so map it to the semantic border gray.\n     The wave shimmer already uses `--ddga-color-background` and is fine. */\n  [data-theme='dark'] .ddga-skeleton {\n    background-color: var(--ddga-color-border);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-skeleton--pulse,\n    .ddga-skeleton--wave::after {\n      animation: none;\n    }\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n  /* The fill conveys \"content loading here\", but `background-color` is forced\n     away in HC. Outline the placeholder so it stays perceivable. */\n  @media (forced-colors: active) {\n    .ddga-skeleton {\n      border: 1px solid GrayText;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBACE,mfAiBA,+EAMA,qFAMA,uFAMA,qFAMA,4FAIA,2FASA,2EAIA,+FASA,oCAIA,uCACE,wCAKF,8BACE","sources":["src/components/skeleton.css"],"sourcesContent":["@layer ddga-components {\n  .ddga-skeleton {\n    display: block;\n    position: relative;\n    overflow: hidden;\n    border-radius: var(--ddga-radius-sm);\n    background-image: linear-gradient(\n      to right,\n      color-mix(in srgb, var(--ddga-gray-200) 20%, transparent),\n      color-mix(in srgb, var(--ddga-gray-300) 20%, transparent) 25%,\n      color-mix(in srgb, var(--ddga-gray-400) 20%, transparent) 50%,\n      color-mix(in srgb, var(--ddga-gray-300) 20%, transparent) 75%,\n      color-mix(in srgb, var(--ddga-gray-200) 20%, transparent)\n    );\n    background-size: 200% 100%;\n    background-position: 0% 0;\n  }\n\n  .ddga-skeleton--text {\n    width: 100%;\n    height: 1em;\n    border-radius: var(--ddga-radius-md);\n  }\n\n  .ddga-skeleton--rectangle {\n    width: 100%;\n    height: 40px;\n    border-radius: var(--ddga-radius-sm);\n  }\n\n  .ddga-skeleton--circle {\n    width: 40px;\n    aspect-ratio: 1;\n    border-radius: var(--ddga-radius-full);\n  }\n\n  .ddga-skeleton--square {\n    width: 40px;\n    aspect-ratio: 1;\n    border-radius: var(--ddga-radius-xl);\n  }\n\n  .ddga-skeleton--shimmer {\n    animation: ddga-skeleton-shimmer 1.6s ease-in-out infinite alternate;\n  }\n\n  @keyframes ddga-skeleton-shimmer {\n    from {\n      background-position: 0% 0;\n    }\n    to {\n      background-position: 100% 0;\n    }\n  }\n\n  [dir='rtl'] .ddga-skeleton--shimmer {\n    animation-name: ddga-skeleton-shimmer-rtl;\n  }\n\n  @keyframes ddga-skeleton-shimmer-rtl {\n    from {\n      background-position: 100% 0;\n    }\n    to {\n      background-position: 0% 0;\n    }\n  }\n\n  .ddga-skeleton--none {\n    animation: none;\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-skeleton--shimmer {\n      animation: none;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .ddga-skeleton {\n      border: 1px solid GrayText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/slideout-menu.css

@@ -0,0 +1,2 @@
+@layer ddga-components{.ddga-slideout-menu__overlay{z-index:60;background-color:#00000080;animation-duration:.15s;animation-timing-function:ease;position:fixed;inset:0}.ddga-slideout-menu__overlay[data-state=open]{animation-name:ddga-slideout-menu-overlay-in}.ddga-slideout-menu__overlay[data-state=closed]{animation-name:ddga-slideout-menu-overlay-out}@keyframes ddga-slideout-menu-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes ddga-slideout-menu-overlay-out{0%{opacity:1}to{opacity:0}}.ddga-slideout-menu{z-index:61;inline-size:min(346px,100vw);color:var(--ddga-text-primary);flex-direction:column;animation-duration:.22s;animation-timing-function:cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset-block:0;overflow:hidden}.ddga-slideout-menu--gray{background-color:var(--ddga-color-muted)}.ddga-slideout-menu--white{background-color:var(--ddga-color-background)}.ddga-slideout-menu--start{border-inline-end:1px solid var(--ddga-color-input);inset-inline-start:0}.ddga-slideout-menu--end{border-inline-start:1px solid var(--ddga-color-input);inset-inline-end:0}.ddga-slideout-menu--start[data-state=open]{animation-name:ddga-slideout-menu-in-start}.ddga-slideout-menu--start[data-state=closed]{animation-name:ddga-slideout-menu-out-start}.ddga-slideout-menu--end[data-state=open]{animation-name:ddga-slideout-menu-in-end}.ddga-slideout-menu--end[data-state=closed]{animation-name:ddga-slideout-menu-out-end}@keyframes ddga-slideout-menu-in-start{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes ddga-slideout-menu-out-start{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes ddga-slideout-menu-in-end{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes ddga-slideout-menu-out-end{0%{transform:translate(0)}to{transform:translate(100%)}}[dir=rtl] .ddga-slideout-menu--start[data-state=open]{animation-name:ddga-slideout-menu-in-end}[dir=rtl] .ddga-slideout-menu--start[data-state=closed]{animation-name:ddga-slideout-menu-out-end}[dir=rtl] .ddga-slideout-menu--end[data-state=open]{animation-name:ddga-slideout-menu-in-start}[dir=rtl] .ddga-slideout-menu--end[data-state=closed]{animation-name:ddga-slideout-menu-out-start}.ddga-slideout-menu__header{justify-content:space-between;align-items:flex-start;gap:var(--ddga-space-2);padding:var(--ddga-space-4);background-color:var(--ddga-gray-50);flex-shrink:0;display:flex}.ddga-slideout-menu__header-content{align-items:center;gap:var(--ddga-space-2);flex:auto;min-inline-size:0;display:flex}.ddga-slideout-menu__header-text{gap:var(--ddga-space-1);flex-direction:column;flex:auto;min-inline-size:0;display:flex}.ddga-slideout-menu__featured-icon{border-radius:var(--ddga-radius-full);background-color:var(--ddga-sa-50);block-size:32px;inline-size:32px;color:var(--ddga-color-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ddga-slideout-menu__featured-icon>svg{block-size:1rem;inline-size:1rem}.ddga-slideout-menu__title{font-size:var(--ddga-font-size-base);line-height:1.5;font-weight:var(--ddga-font-weight-semibold);color:var(--ddga-text-primary);margin:0}.ddga-slideout-menu__description{font-size:var(--ddga-font-size-xs);line-height:1.5;font-weight:var(--ddga-font-weight-regular);color:var(--ddga-text-tertiary);margin:0}.ddga-slideout-menu__close{border-radius:var(--ddga-radius-sm);block-size:20px;inline-size:20px;color:var(--ddga-text-primary);cursor:pointer;font:inherit;background-color:#0000;border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ddga-slideout-menu__close:hover{background-color:var(--ddga-color-muted)}.ddga-slideout-menu__close:focus-visible{outline:2px solid var(--ddga-text-primary);outline-offset:2px}.ddga-slideout-menu__close>svg{block-size:1rem;inline-size:1rem}.ddga-slideout-menu__body{gap:var(--ddga-space-4);min-block-size:0;padding-block:var(--ddga-space-4) 5rem;padding-inline:var(--ddga-space-4);scrollbar-width:thin;scrollbar-color:var(--ddga-gray-300) transparent;flex-direction:column;flex:auto;display:flex;overflow-y:auto}.ddga-slideout-menu__body::-webkit-scrollbar{inline-size:8px}.ddga-slideout-menu__body::-webkit-scrollbar-thumb{background-color:var(--ddga-gray-300);border-radius:var(--ddga-radius-full)}.ddga-slideout-menu__group{gap:var(--ddga-space-3);flex-direction:column;display:flex}.ddga-slideout-menu__group-label{font-size:var(--ddga-font-size-xs);line-height:1.5;font-weight:var(--ddga-font-weight-bold);color:var(--ddga-gray-800)}.ddga-slideout-menu__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ddga-slideout-menu__item-wrapper{display:block}.ddga-slideout-menu__item{align-items:center;gap:var(--ddga-space-2);inline-size:100%;padding:var(--ddga-space-2);border-radius:var(--ddga-radius-sm);color:var(--ddga-text-primary);font:inherit;text-align:start;cursor:pointer;-webkit-tap-highlight-color:transparent;background-color:#0000;border:0;text-decoration:none;display:flex}.ddga-slideout-menu__item:hover{background-color:var(--ddga-gray-100)}.ddga-slideout-menu__item:active{background-color:var(--ddga-gray-200)}.ddga-slideout-menu__item:focus-visible{outline:2px solid var(--ddga-text-primary);outline-offset:-2px}.ddga-slideout-menu__item[data-active]{background-color:var(--ddga-sa-50);color:var(--ddga-color-primary)}.ddga-slideout-menu__item-icon{block-size:24px;inline-size:24px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ddga-slideout-menu__item-icon>svg{block-size:24px;inline-size:24px}.ddga-slideout-menu__item-label{min-inline-size:0;font-size:var(--ddga-font-size-base);line-height:1.5;font-weight:var(--ddga-font-weight-regular);white-space:nowrap;text-overflow:ellipsis;flex:auto;overflow:hidden}.ddga-slideout-menu__item-trailing{min-block-size:24px;font-size:var(--ddga-font-size-base);color:var(--ddga-text-tertiary);flex-shrink:0;align-items:center;margin-inline-start:auto;line-height:1.5;display:inline-flex}.ddga-slideout-menu__item-trailing>svg{block-size:24px;inline-size:24px}.ddga-slideout-menu__item[data-active] .ddga-slideout-menu__item-trailing{color:inherit}.ddga-slideout-menu__separator{background-color:var(--ddga-color-input);flex-shrink:0;block-size:1px}.ddga-slideout-menu__footer{align-items:center;gap:var(--ddga-space-4);padding:var(--ddga-space-4);border-block-start:1px solid var(--ddga-color-input);flex-wrap:wrap;flex-shrink:0;display:flex}[data-theme=dark] .ddga-slideout-menu__header{background-color:var(--ddga-gray-800)}[data-theme=dark] .ddga-slideout-menu__group-label{color:var(--ddga-gray-200)}[data-theme=dark] .ddga-slideout-menu__featured-icon{background-color:var(--ddga-alpha-white-10);color:var(--ddga-sa-400)}[data-theme=dark] .ddga-slideout-menu__item:hover{background-color:var(--ddga-gray-800)}[data-theme=dark] .ddga-slideout-menu__item:active{background-color:var(--ddga-gray-700)}[data-theme=dark] .ddga-slideout-menu__item[data-active]{color:var(--ddga-sa-400);background-color:#1b83542e}@media (prefers-reduced-motion:reduce){.ddga-slideout-menu,.ddga-slideout-menu__overlay{animation:none}}@media (forced-colors:active){.ddga-slideout-menu{border:1px solid canvastext}.ddga-slideout-menu__separator{background-color:canvastext}.ddga-slideout-menu__footer{border-block-start-color:canvastext}.ddga-slideout-menu__item:hover,.ddga-slideout-menu__item[data-active]{color:highlighttext;background-color:highlight}.ddga-slideout-menu__item:focus-visible,.ddga-slideout-menu__close:focus-visible{outline-color:highlight}}}
+/*# sourceMappingURL=slideout-menu.css.map */

package/dist/components/slideout-menu.css.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,uBAGE,iJASA,2FAGA,8FAGA,oEAQA,qEAWA,sPAaA,mEAGA,yEAKA,oGAIA,kGAKA,uFAGA,0FAGA,mFAGA,sFAGA,gGAQA,iGAQA,6FAQA,8FASA,+FAGA,kGAGA,+FAGA,kGAMA,qMASA,wHAOA,wHAOA,yPAWA,wEAIA,qKAOA,yKAQA,iRAeA,0EAGA,uGAIA,gEAOA,gRAaA,6DAGA,+HAOA,sFAKA,wJAMA,gGAOA,gDAMA,4UAgBA,sEAGA,uEAGA,uGAKA,0GAIA,0JASA,oEAIA,uNAYA,0NAUA,wEAIA,wFAMA,qGAQA,kMAYA,oFAGA,8EAGA,0HAIA,wFAGA,yFAGA,6GAOA,uCACE,iEAQF,8BACE,gDAGA,2DAGA,gEAGA,sHAKA","sources":["src/components/slideout-menu.css"],"sourcesContent":["@layer ddga-components {\n  /* SDGA \"Slideout Menu\" — slide-in nav panel on Radix Dialog; overlay/animation mirror Drawer, rows mirror DropdownMenu. */\n\n  .ddga-slideout-menu__overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgb(0 0 0 / 0.5);\n    /* Same z-stack as Modal/Drawer (60 overlay / 61 panel). */\n    z-index: 60;\n    animation-duration: 150ms;\n    animation-timing-function: ease;\n  }\n  .ddga-slideout-menu__overlay[data-state='open'] {\n    animation-name: ddga-slideout-menu-overlay-in;\n  }\n  .ddga-slideout-menu__overlay[data-state='closed'] {\n    animation-name: ddga-slideout-menu-overlay-out;\n  }\n  @keyframes ddga-slideout-menu-overlay-in {\n    from {\n      opacity: 0;\n    }\n    to {\n      opacity: 1;\n    }\n  }\n  @keyframes ddga-slideout-menu-overlay-out {\n    from {\n      opacity: 1;\n    }\n    to {\n      opacity: 0;\n    }\n  }\n\n  /* ─ Panel ─ */\n\n  .ddga-slideout-menu {\n    position: fixed;\n    inset-block: 0;\n    z-index: 61;\n    display: flex;\n    flex-direction: column;\n    inline-size: min(346px, 100vw);\n    color: var(--ddga-text-primary);\n    overflow: hidden;\n    animation-duration: 220ms;\n    animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  .ddga-slideout-menu--gray {\n    background-color: var(--ddga-color-muted);\n  }\n  .ddga-slideout-menu--white {\n    background-color: var(--ddga-color-background);\n  }\n\n  /* Logical side — start/end flip with `dir`. */\n  .ddga-slideout-menu--start {\n    inset-inline-start: 0;\n    border-inline-end: 1px solid var(--ddga-color-input);\n  }\n  .ddga-slideout-menu--end {\n    inset-inline-end: 0;\n    border-inline-start: 1px solid var(--ddga-color-input);\n  }\n\n  .ddga-slideout-menu--start[data-state='open'] {\n    animation-name: ddga-slideout-menu-in-start;\n  }\n  .ddga-slideout-menu--start[data-state='closed'] {\n    animation-name: ddga-slideout-menu-out-start;\n  }\n  .ddga-slideout-menu--end[data-state='open'] {\n    animation-name: ddga-slideout-menu-in-end;\n  }\n  .ddga-slideout-menu--end[data-state='closed'] {\n    animation-name: ddga-slideout-menu-out-end;\n  }\n  @keyframes ddga-slideout-menu-in-start {\n    from {\n      transform: translateX(-100%);\n    }\n    to {\n      transform: translateX(0);\n    }\n  }\n  @keyframes ddga-slideout-menu-out-start {\n    from {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(-100%);\n    }\n  }\n  @keyframes ddga-slideout-menu-in-end {\n    from {\n      transform: translateX(100%);\n    }\n    to {\n      transform: translateX(0);\n    }\n  }\n  @keyframes ddga-slideout-menu-out-end {\n    from {\n      transform: translateX(0);\n    }\n    to {\n      transform: translateX(100%);\n    }\n  }\n  /* RTL flips the physical translate so each logical side emerges correctly. */\n  [dir='rtl'] .ddga-slideout-menu--start[data-state='open'] {\n    animation-name: ddga-slideout-menu-in-end;\n  }\n  [dir='rtl'] .ddga-slideout-menu--start[data-state='closed'] {\n    animation-name: ddga-slideout-menu-out-end;\n  }\n  [dir='rtl'] .ddga-slideout-menu--end[data-state='open'] {\n    animation-name: ddga-slideout-menu-in-start;\n  }\n  [dir='rtl'] .ddga-slideout-menu--end[data-state='closed'] {\n    animation-name: ddga-slideout-menu-out-start;\n  }\n\n  /* ─ Header (pinned strip) ─ */\n\n  .ddga-slideout-menu__header {\n    flex-shrink: 0;\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n    gap: var(--ddga-space-2);\n    padding: var(--ddga-space-4);\n    background-color: var(--ddga-gray-50);\n  }\n  .ddga-slideout-menu__header-content {\n    display: flex;\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    align-items: center;\n    gap: var(--ddga-space-2);\n  }\n  .ddga-slideout-menu__header-text {\n    display: flex;\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    flex-direction: column;\n    gap: var(--ddga-space-1);\n  }\n  .ddga-slideout-menu__featured-icon {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 32px;\n    block-size: 32px;\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-sa-50);\n    color: var(--ddga-color-primary);\n  }\n  .ddga-slideout-menu__featured-icon > svg {\n    inline-size: 1rem;\n    block-size: 1rem;\n  }\n  .ddga-slideout-menu__title {\n    margin: 0;\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.5;\n    font-weight: var(--ddga-font-weight-semibold);\n    color: var(--ddga-text-primary);\n  }\n  .ddga-slideout-menu__description {\n    margin: 0;\n    font-size: var(--ddga-font-size-xs);\n    line-height: 1.5;\n    font-weight: var(--ddga-font-weight-regular);\n    color: var(--ddga-text-tertiary);\n  }\n\n  .ddga-slideout-menu__close {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 20px;\n    block-size: 20px;\n    padding: 0;\n    border: 0;\n    border-radius: var(--ddga-radius-sm);\n    background-color: transparent;\n    color: var(--ddga-text-primary);\n    cursor: pointer;\n    font: inherit;\n  }\n  .ddga-slideout-menu__close:hover {\n    background-color: var(--ddga-color-muted);\n  }\n  .ddga-slideout-menu__close:focus-visible {\n    outline: 2px solid var(--ddga-text-primary);\n    outline-offset: 2px;\n  }\n  .ddga-slideout-menu__close > svg {\n    inline-size: 1rem;\n    block-size: 1rem;\n  }\n\n  /* ─ Body (scroll region) ─ */\n\n  .ddga-slideout-menu__body {\n    flex: 1 1 auto;\n    min-block-size: 0;\n    overflow-y: auto;\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-4);\n    /* 80px bottom — SDGA `spacing-8xl`; no token (scale stops at 64px). */\n    padding-block: var(--ddga-space-4) 5rem;\n    padding-inline: var(--ddga-space-4);\n    scrollbar-width: thin;\n    scrollbar-color: var(--ddga-gray-300) transparent;\n  }\n  .ddga-slideout-menu__body::-webkit-scrollbar {\n    inline-size: 8px;\n  }\n  .ddga-slideout-menu__body::-webkit-scrollbar-thumb {\n    background-color: var(--ddga-gray-300);\n    border-radius: var(--ddga-radius-full);\n  }\n\n  /* ─ Group + label + list ─ */\n\n  .ddga-slideout-menu__group {\n    display: flex;\n    flex-direction: column;\n    gap: var(--ddga-space-3);\n  }\n  .ddga-slideout-menu__group-label {\n    font-size: var(--ddga-font-size-xs);\n    line-height: 1.5;\n    font-weight: var(--ddga-font-weight-bold);\n    color: var(--ddga-gray-800);\n  }\n  .ddga-slideout-menu__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n  }\n  .ddga-slideout-menu__item-wrapper {\n    display: block;\n  }\n\n  /* ─ Item (button / link row) ─ */\n\n  .ddga-slideout-menu__item {\n    display: flex;\n    inline-size: 100%;\n    align-items: center;\n    gap: var(--ddga-space-2);\n    padding: var(--ddga-space-2);\n    border: 0;\n    border-radius: var(--ddga-radius-sm);\n    background-color: transparent;\n    color: var(--ddga-text-primary);\n    font: inherit;\n    text-align: start;\n    text-decoration: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n  .ddga-slideout-menu__item:hover {\n    background-color: var(--ddga-gray-100);\n  }\n  .ddga-slideout-menu__item:active {\n    background-color: var(--ddga-gray-200);\n  }\n  .ddga-slideout-menu__item:focus-visible {\n    outline: 2px solid var(--ddga-text-primary);\n    outline-offset: -2px;\n  }\n  /* Current page (SDGA selected row): SA-50 tint + brand-green label/icons. */\n  .ddga-slideout-menu__item[data-active] {\n    background-color: var(--ddga-sa-50);\n    color: var(--ddga-color-primary);\n  }\n  .ddga-slideout-menu__item-icon {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    inline-size: 24px;\n    block-size: 24px;\n    color: inherit;\n  }\n  .ddga-slideout-menu__item-icon > svg {\n    inline-size: 24px;\n    block-size: 24px;\n  }\n  .ddga-slideout-menu__item-label {\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.5;\n    font-weight: var(--ddga-font-weight-regular);\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n  /* Trailing slot — the SDGA \"+99\" counter (gray-500); icon/check trailings\n     recolour with the row when it is the current page. */\n  .ddga-slideout-menu__item-trailing {\n    flex-shrink: 0;\n    display: inline-flex;\n    align-items: center;\n    margin-inline-start: auto;\n    min-block-size: 24px;\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.5;\n    color: var(--ddga-text-tertiary);\n  }\n  .ddga-slideout-menu__item-trailing > svg {\n    inline-size: 24px;\n    block-size: 24px;\n  }\n  .ddga-slideout-menu__item[data-active] .ddga-slideout-menu__item-trailing {\n    color: inherit;\n  }\n\n  /* ─ Separator (between groups) ─ */\n\n  .ddga-slideout-menu__separator {\n    flex-shrink: 0;\n    block-size: 1px;\n    background-color: var(--ddga-color-input);\n  }\n\n  /* ─ Footer (actions) — transparent, top divider, leading-aligned ─ */\n\n  .ddga-slideout-menu__footer {\n    flex-shrink: 0;\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: var(--ddga-space-4);\n    padding: var(--ddga-space-4);\n    border-block-start: 1px solid var(--ddga-color-input);\n  }\n\n  /* ─ Dark mode (raw light-ramp values → flipping tokens; semantic tokens self-adapt) ─ */\n\n  [data-theme='dark'] .ddga-slideout-menu__header {\n    background-color: var(--ddga-gray-800);\n  }\n  [data-theme='dark'] .ddga-slideout-menu__group-label {\n    color: var(--ddga-gray-200);\n  }\n  [data-theme='dark'] .ddga-slideout-menu__featured-icon {\n    background-color: var(--ddga-alpha-white-10);\n    color: var(--ddga-sa-400);\n  }\n  [data-theme='dark'] .ddga-slideout-menu__item:hover {\n    background-color: var(--ddga-gray-800);\n  }\n  [data-theme='dark'] .ddga-slideout-menu__item:active {\n    background-color: var(--ddga-gray-700);\n  }\n  [data-theme='dark'] .ddga-slideout-menu__item[data-active] {\n    background-color: rgb(27 131 84 / 0.18);\n    color: var(--ddga-sa-400);\n  }\n\n  /* ─ Reduced motion ─ */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-slideout-menu,\n    .ddga-slideout-menu__overlay {\n      animation: none;\n    }\n  }\n\n  /* ─ Forced colors ─ */\n\n  @media (forced-colors: active) {\n    .ddga-slideout-menu {\n      border: 1px solid CanvasText;\n    }\n    .ddga-slideout-menu__separator {\n      background-color: CanvasText;\n    }\n    .ddga-slideout-menu__footer {\n      border-block-start-color: CanvasText;\n    }\n    .ddga-slideout-menu__item:hover,\n    .ddga-slideout-menu__item[data-active] {\n      background-color: Highlight;\n      color: HighlightText;\n    }\n    .ddga-slideout-menu__item:focus-visible,\n    .ddga-slideout-menu__close:focus-visible {\n      outline-color: Highlight;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/slider.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-slider__header{justify-content:space-between;align-items:baseline;gap:var(--ddga-space-3);display:flex}.ddga-slider__label{color:var(--ddga-text-primary);font-weight:var(--ddga-font-weight-medium);font-size:var(--ddga-font-size-sm);line-height:1.4}.ddga-slider__value{color:var(--ddga-text-secondary);font-size:var(--ddga-font-size-sm);font-variant-numeric:tabular-nums}.ddga-slider{touch-action:none;-webkit-user-select:none;user-select:none;align-items:center;inline-size:100%;display:flex;position:relative}.ddga-slider--md{--ddga-slider-rail:6px;--ddga-slider-thumb:18px;block-size:var(--ddga-slider-thumb)}.ddga-slider--sm{--ddga-slider-rail:4px;--ddga-slider-thumb:14px;block-size:var(--ddga-slider-thumb)}.ddga-slider__track{block-size:var(--ddga-slider-rail);background-color:var(--ddga-color-input);border-radius:999px;flex-grow:1;position:relative}.ddga-slider__range{background-color:var(--ddga-color-primary);border-radius:999px;block-size:100%;position:absolute}.ddga-slider__thumb{inline-size:var(--ddga-slider-thumb);block-size:var(--ddga-slider-thumb);border:2px solid var(--ddga-color-primary);background-color:var(--ddga-color-background);cursor:grab;border-radius:999px;transition:border-color .15s,box-shadow .15s;display:block;box-shadow:0 1px 2px #00000026}.ddga-slider__thumb:active{cursor:grabbing}.ddga-slider__thumb:focus-visible{box-shadow:0 0 0 3px var(--ddga-color-ring);outline:none}.ddga-slider--error .ddga-slider__thumb{border-color:var(--ddga-color-error)}.ddga-slider--error .ddga-slider__range{background-color:var(--ddga-color-error)}.ddga-slider--error .ddga-slider__thumb:focus-visible{box-shadow:0 0 0 3px var(--ddga-color-error)}.ddga-slider[data-disabled]{opacity:.5}.ddga-slider[data-disabled] .ddga-slider__thumb{cursor:not-allowed}[data-theme=dark] .ddga-slider__thumb{background-color:var(--ddga-gray-100);box-shadow:0 1px 2px #0006}@media (prefers-reduced-motion:reduce){.ddga-slider__thumb{transition:none}}@media (forced-colors:active){.ddga-slider__track{background-color:canvas;border:1px solid canvastext}.ddga-slider__range{background-color:highlight}.ddga-slider__thumb{background-color:buttonface;border-color:canvastext}.ddga-slider__thumb:focus-visible{outline-offset:1px;outline:2px solid highlight}}}
+@layer ddga-components{.ddga-slider-field--md{--ddga-slider-rail:var(--ddga-space-2);--ddga-slider-thumb:var(--ddga-space-4)}.ddga-slider-field--sm{--ddga-slider-rail:var(--ddga-space-1);--ddga-slider-thumb:var(--ddga-space-3)}.ddga-slider__label{color:var(--ddga-text-primary);font-weight:var(--ddga-font-weight-regular)}.ddga-slider-field--md .ddga-slider__label{font-size:var(--ddga-font-size-base);line-height:1.5}.ddga-slider-field--sm .ddga-slider__label{font-size:var(--ddga-font-size-sm);line-height:1.43}.ddga-slider__control{align-items:center;gap:.375rem;display:flex}.ddga-slider__value{color:var(--ddga-gray-700);font-size:var(--ddga-font-size-xs);font-variant-numeric:tabular-nums;flex-shrink:0;line-height:1.5}.ddga-slider-field--sm .ddga-field__message{font-size:var(--ddga-font-size-xs)}.ddga-slider{min-inline-size:0;block-size:var(--ddga-slider-thumb);touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;align-items:center;display:flex;position:relative}.ddga-slider__track{block-size:var(--ddga-slider-rail);border-radius:var(--ddga-radius-sm);background-color:var(--ddga-color-muted);flex-grow:1;position:relative}.ddga-slider__range{border-radius:var(--ddga-radius-sm);background-color:var(--ddga-color-primary);block-size:100%;position:absolute}.ddga-slider__thumb{inline-size:var(--ddga-slider-thumb);block-size:var(--ddga-slider-thumb);border-radius:var(--ddga-radius-full);background-color:var(--ddga-color-primary);cursor:grab;transition:box-shadow .15s;display:block}.ddga-slider__thumb:active{cursor:grabbing}.ddga-slider__thumb:focus-visible{box-shadow:0 0 0 2px var(--ddga-color-background), 0 0 0 4px var(--ddga-color-ring);outline:none}.ddga-slider--error .ddga-slider__range,.ddga-slider--error .ddga-slider__thumb{background-color:var(--ddga-color-error)}.ddga-slider--error .ddga-slider__thumb:focus-visible{box-shadow:0 0 0 2px var(--ddga-color-background), 0 0 0 4px var(--ddga-color-error)}.ddga-slider[data-disabled]{opacity:.5}.ddga-slider[data-disabled] .ddga-slider__thumb{cursor:not-allowed}@media (prefers-reduced-motion:reduce){.ddga-slider__thumb{transition:none}}@media (forced-colors:active){.ddga-slider__track{background-color:canvas;border:1px solid canvastext}.ddga-slider__range{background-color:highlight}.ddga-slider__thumb{background-color:highlight;border:1px solid canvastext}.ddga-slider__thumb:focus-visible{outline-offset:1px;outline:2px solid highlight}}}
 /*# sourceMappingURL=slider.css.map */

package/dist/components/slider.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBAQE,6GAOA,iJAOA,0HAQA,4IAWA,qGAKA,qGAQA,kJAQA,qHASA,gTAcA,2CAIA,2FAOA,6EAGA,iFAGA,mGAMA,uCAGA,mEAMA,uGAOA,uCACE,qCAOF,8BACE,wEAIA,+CAGA,wEAIA","sources":["src/components/slider.css"],"sourcesContent":["@layer ddga-components {\n  /* Wrapper (.ddga-field) + helper/error (.ddga-field__message) are shared\n     , see field.css. Only Slider-specific styles live here. Radix Slider\n     handles RTL positioning natively via the inherited `dir` (DgaProvider\n     wraps Direction.Provider), so no manual flipping is needed here. */\n\n  /* ─── Header (label + value readout) ─── */\n\n  .ddga-slider__header {\n    display: flex;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: var(--ddga-space-3);\n  }\n\n  .ddga-slider__label {\n    color: var(--ddga-text-primary);\n    font-weight: var(--ddga-font-weight-medium);\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.4;\n  }\n\n  .ddga-slider__value {\n    color: var(--ddga-text-secondary);\n    font-size: var(--ddga-font-size-sm);\n    font-variant-numeric: tabular-nums;\n  }\n\n  /* ─── Root ─── */\n\n  .ddga-slider {\n    position: relative;\n    display: flex;\n    align-items: center;\n    inline-size: 100%;\n    touch-action: none;\n    user-select: none;\n  }\n\n  /* Per-size rail thickness + thumb diameter, encoded as custom properties so\n     the track/thumb rules below stay size-agnostic. */\n  .ddga-slider--md {\n    --ddga-slider-rail: 6px;\n    --ddga-slider-thumb: 18px;\n    block-size: var(--ddga-slider-thumb);\n  }\n  .ddga-slider--sm {\n    --ddga-slider-rail: 4px;\n    --ddga-slider-thumb: 14px;\n    block-size: var(--ddga-slider-thumb);\n  }\n\n  /* ─── Track + filled range ─── */\n\n  .ddga-slider__track {\n    position: relative;\n    flex-grow: 1;\n    block-size: var(--ddga-slider-rail);\n    border-radius: 999px;\n    background-color: var(--ddga-color-input);\n  }\n\n  .ddga-slider__range {\n    position: absolute;\n    block-size: 100%;\n    border-radius: 999px;\n    background-color: var(--ddga-color-primary);\n  }\n\n  /* ─── Thumb ─── */\n\n  .ddga-slider__thumb {\n    display: block;\n    inline-size: var(--ddga-slider-thumb);\n    block-size: var(--ddga-slider-thumb);\n    border: 2px solid var(--ddga-color-primary);\n    border-radius: 999px;\n    background-color: var(--ddga-color-background);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);\n    cursor: grab;\n    transition:\n      border-color 150ms ease,\n      box-shadow 150ms ease;\n  }\n\n  .ddga-slider__thumb:active {\n    cursor: grabbing;\n  }\n\n  .ddga-slider__thumb:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 3px var(--ddga-color-ring);\n  }\n\n  /* ─── Error ─── */\n\n  .ddga-slider--error .ddga-slider__thumb {\n    border-color: var(--ddga-color-error);\n  }\n  .ddga-slider--error .ddga-slider__range {\n    background-color: var(--ddga-color-error);\n  }\n  .ddga-slider--error .ddga-slider__thumb:focus-visible {\n    box-shadow: 0 0 0 3px var(--ddga-color-error);\n  }\n\n  /* ─── Disabled (Radix sets data-disabled on the Root) ─── */\n\n  .ddga-slider[data-disabled] {\n    opacity: 0.5;\n  }\n  .ddga-slider[data-disabled] .ddga-slider__thumb {\n    cursor: not-allowed;\n  }\n\n  /* ─── Dark mode: keep the thumb a raised light surface ─── */\n\n  [data-theme='dark'] .ddga-slider__thumb {\n    background-color: var(--ddga-gray-100);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-slider__thumb {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors (Windows High Contrast) ─── */\n\n  @media (forced-colors: active) {\n    .ddga-slider__track {\n      background-color: Canvas;\n      border: 1px solid CanvasText;\n    }\n    .ddga-slider__range {\n      background-color: Highlight;\n    }\n    .ddga-slider__thumb {\n      background-color: ButtonFace;\n      border-color: CanvasText;\n    }\n    .ddga-slider__thumb:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 1px;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBAME,sGAIA,sGAOA,+FAIA,gGAIA,+FAOA,kEAMA,kJAOA,+EAMA,2LAaA,kKAQA,qIASA,mOAUA,2CAKA,mIASA,yHAIA,2IAQA,uCAGA,mEAMA,uCACE,qCAOF,8BACE,wEAIA,+CAGA,2EAIA","sources":["src/components/slider.css"],"sourcesContent":["@layer ddga-components {\n  /* Wrapper (.ddga-field) + message (.ddga-field__message) are shared (field.css). Size\n     lives on the field wrapper so it scales the label/helper type as well as rail/thumb. */\n\n  /* ─── Size ─── */\n\n  .ddga-slider-field--md {\n    --ddga-slider-rail: var(--ddga-space-2);\n    --ddga-slider-thumb: var(--ddga-space-4);\n  }\n  .ddga-slider-field--sm {\n    --ddga-slider-rail: var(--ddga-space-1);\n    --ddga-slider-thumb: var(--ddga-space-3);\n  }\n\n  /* ─── Label ─── */\n\n  .ddga-slider__label {\n    color: var(--ddga-text-primary);\n    font-weight: var(--ddga-font-weight-regular);\n  }\n  .ddga-slider-field--md .ddga-slider__label {\n    font-size: var(--ddga-font-size-base);\n    line-height: 1.5;\n  }\n  .ddga-slider-field--sm .ddga-slider__label {\n    font-size: var(--ddga-font-size-sm);\n    line-height: 1.43;\n  }\n\n  /* ─── Control row (track + value) ─── */\n\n  .ddga-slider__control {\n    display: flex;\n    align-items: center;\n    gap: 0.375rem; /* SDGA 6px — no space token */\n  }\n\n  .ddga-slider__value {\n    flex-shrink: 0;\n    color: var(--ddga-gray-700);\n    font-size: var(--ddga-font-size-xs);\n    line-height: 1.5; /* SDGA Text xs 12/18 — else inherits body 1.6 → 19.2px */\n    font-variant-numeric: tabular-nums;\n  }\n  .ddga-slider-field--sm .ddga-field__message {\n    font-size: var(--ddga-font-size-xs);\n  }\n\n  /* ─── Root ─── */\n\n  .ddga-slider {\n    position: relative;\n    display: flex;\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    align-items: center;\n    block-size: var(--ddga-slider-thumb);\n    touch-action: none;\n    user-select: none;\n  }\n\n  /* ─── Track + range ─── */\n\n  .ddga-slider__track {\n    position: relative;\n    flex-grow: 1;\n    block-size: var(--ddga-slider-rail);\n    border-radius: var(--ddga-radius-sm);\n    background-color: var(--ddga-color-muted);\n  }\n\n  .ddga-slider__range {\n    position: absolute;\n    block-size: 100%;\n    border-radius: var(--ddga-radius-sm);\n    background-color: var(--ddga-color-primary);\n  }\n\n  /* ─── Thumb ─── */\n\n  .ddga-slider__thumb {\n    display: block;\n    inline-size: var(--ddga-slider-thumb);\n    block-size: var(--ddga-slider-thumb);\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-color-primary);\n    cursor: grab;\n    transition: box-shadow 150ms ease;\n  }\n\n  .ddga-slider__thumb:active {\n    cursor: grabbing;\n  }\n\n  /* Two-layer ring so focus stays visible on the same-green thumb. */\n  .ddga-slider__thumb:focus-visible {\n    outline: none;\n    box-shadow:\n      0 0 0 2px var(--ddga-color-background),\n      0 0 0 4px var(--ddga-color-ring);\n  }\n\n  /* ─── Error ─── */\n\n  .ddga-slider--error .ddga-slider__range,\n  .ddga-slider--error .ddga-slider__thumb {\n    background-color: var(--ddga-color-error);\n  }\n  .ddga-slider--error .ddga-slider__thumb:focus-visible {\n    box-shadow:\n      0 0 0 2px var(--ddga-color-background),\n      0 0 0 4px var(--ddga-color-error);\n  }\n\n  /* ─── Disabled ─── */\n\n  .ddga-slider[data-disabled] {\n    opacity: 0.5;\n  }\n  .ddga-slider[data-disabled] .ddga-slider__thumb {\n    cursor: not-allowed;\n  }\n\n  /* ─── Reduced motion ─── */\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-slider__thumb {\n      transition: none;\n    }\n  }\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-slider__track {\n      background-color: Canvas;\n      border: 1px solid CanvasText;\n    }\n    .ddga-slider__range {\n      background-color: Highlight;\n    }\n    .ddga-slider__thumb {\n      background-color: Highlight;\n      border: 1px solid CanvasText;\n    }\n    .ddga-slider__thumb:focus-visible {\n      outline: 2px solid Highlight;\n      outline-offset: 1px;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/spinner.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-spinner{color:currentColor;flex-shrink:0;animation:.6s linear infinite ddga-spin;display:inline-block}.ddga-spinner--sm{font-size:1rem}.ddga-spinner--md{font-size:1.5rem}.ddga-spinner--lg{font-size:2rem}@keyframes ddga-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ddga-spinner{animation-duration:1.5s}}}
+@layer ddga-components{.ddga-spinner{color:currentColor;flex-shrink:0;animation:.6s linear infinite ddga-spin;display:inline-block}.ddga-spinner__arc{stroke:currentColor}.ddga-spinner__track{stroke:color-mix(in srgb, currentColor 12%, transparent)}.ddga-spinner--neutral .ddga-spinner__arc{stroke:var(--ddga-text-primary)}.ddga-spinner--primary .ddga-spinner__arc{stroke:var(--ddga-color-primary)}.ddga-spinner--neutral .ddga-spinner__track,.ddga-spinner--primary .ddga-spinner__track{stroke:var(--ddga-color-muted)}.ddga-spinner--on-color .ddga-spinner__arc{stroke:#fff}.ddga-spinner--on-color .ddga-spinner__track{stroke:var(--ddga-alpha-white-30)}.ddga-spinner--sm{font-size:1rem}.ddga-spinner--md{font-size:1.5rem}.ddga-spinner--lg{font-size:2rem}.ddga-spinner--xl{font-size:2.5rem}@keyframes ddga-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ddga-spinner{animation-duration:1.5s}}@media (forced-colors:active){.ddga-spinner__arc{stroke:canvastext}.ddga-spinner__track{stroke:#0000}}}
 /*# sourceMappingURL=spinner.css.map */

package/dist/components/spinner.css.map

@@ -1 +1 @@
-{"version":3,"mappings":"AAAA,uBACE,4GAOA,iCAGA,mCAGA,iCAIA,yEASA,uCACE","sources":["src/components/spinner.css"],"sourcesContent":["@layer ddga-components {\n  .ddga-spinner {\n    display: inline-block;\n    flex-shrink: 0;\n    color: currentColor;\n    animation: ddga-spin 600ms linear infinite;\n  }\n\n  .ddga-spinner--sm {\n    font-size: 1rem;\n  }\n  .ddga-spinner--md {\n    font-size: 1.5rem;\n  }\n  .ddga-spinner--lg {\n    font-size: 2rem;\n  }\n\n  @keyframes ddga-spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-spinner {\n      animation-duration: 1.5s;\n    }\n  }\n}\n"],"names":[]}
+{"version":3,"mappings":"AAAA,uBACE,4GAOA,uCAGA,8EAIA,0EAGA,2EAGA,uHAKA,uDAIA,+EAIA,iCAGA,mCAGA,iCAGA,mCAIA,yEASA,uCACE,uCAKF,8BACE,qCAGA","sources":["src/components/spinner.css"],"sourcesContent":["@layer ddga-components {\n  .ddga-spinner {\n    display: inline-block;\n    flex-shrink: 0;\n    color: currentColor;\n    animation: ddga-spin 600ms linear infinite;\n  }\n\n  .ddga-spinner__arc {\n    stroke: currentColor;\n  }\n  .ddga-spinner__track {\n    stroke: color-mix(in srgb, currentColor 12%, transparent);\n  }\n\n  .ddga-spinner--neutral .ddga-spinner__arc {\n    stroke: var(--ddga-text-primary);\n  }\n  .ddga-spinner--primary .ddga-spinner__arc {\n    stroke: var(--ddga-color-primary);\n  }\n  .ddga-spinner--neutral .ddga-spinner__track,\n  .ddga-spinner--primary .ddga-spinner__track {\n    stroke: var(--ddga-color-muted);\n  }\n\n  .ddga-spinner--on-color .ddga-spinner__arc {\n    /* DGA surface-oncolor is a fixed white; must not theme-flip like primary-foreground does */\n    stroke: #ffffff;\n  }\n  .ddga-spinner--on-color .ddga-spinner__track {\n    stroke: var(--ddga-alpha-white-30);\n  }\n\n  .ddga-spinner--sm {\n    font-size: 1rem;\n  }\n  .ddga-spinner--md {\n    font-size: 1.5rem;\n  }\n  .ddga-spinner--lg {\n    font-size: 2rem;\n  }\n  .ddga-spinner--xl {\n    font-size: 2.5rem;\n  }\n\n  @keyframes ddga-spin {\n    from {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(360deg);\n    }\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    .ddga-spinner {\n      animation-duration: 1.5s;\n    }\n  }\n\n  @media (forced-colors: active) {\n    .ddga-spinner__arc {\n      stroke: CanvasText;\n    }\n    .ddga-spinner__track {\n      stroke: transparent;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/status-tag.css

@@ -0,0 +1,2 @@
+@layer ddga-components{.ddga-status-tag{align-items:center;gap:var(--ddga-space-2);border-radius:var(--ddga-radius-full);font-family:inherit;font-weight:var(--ddga-font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;display:inline-flex}.ddga-status-tag--sm{height:20px;padding-inline:var(--ddga-space-2);font-size:var(--ddga-font-size-2xs);font-weight:var(--ddga-font-weight-semibold)}.ddga-status-tag--md{height:24px;padding-inline:var(--ddga-space-2);font-size:var(--ddga-font-size-xs)}.ddga-status-tag--lg{height:32px;padding-inline:var(--ddga-space-4);font-size:var(--ddga-font-size-base)}.ddga-status-tag__dot{border-radius:var(--ddga-radius-full);background-color:var(--ddga-status-tag-dot,currentColor);flex-shrink:0;block-size:10px;inline-size:10px}.ddga-status-tag--neutral{--ddga-status-tag-dot:var(--ddga-gray-800)}.ddga-status-tag--info{--ddga-status-tag-dot:var(--ddga-info-800)}.ddga-status-tag--success{--ddga-status-tag-dot:var(--ddga-success-800)}.ddga-status-tag--error{--ddga-status-tag-dot:var(--ddga-error-800)}.ddga-status-tag--warning{--ddga-status-tag-dot:var(--ddga-warning-800)}.ddga-status-tag--subtle.ddga-status-tag--neutral{background-color:var(--ddga-gray-50);color:var(--ddga-gray-800)}.ddga-status-tag--subtle.ddga-status-tag--info{background-color:var(--ddga-info-50);color:var(--ddga-info-800)}.ddga-status-tag--subtle.ddga-status-tag--success{background-color:var(--ddga-success-50);color:var(--ddga-success-800)}.ddga-status-tag--subtle.ddga-status-tag--error{background-color:var(--ddga-error-50);color:var(--ddga-error-800)}.ddga-status-tag--subtle.ddga-status-tag--warning{background-color:var(--ddga-warning-50);color:var(--ddga-warning-800)}.ddga-status-tag--ghost{color:var(--ddga-gray-800);background-color:#0000}.ddga-status-tag--inverted{color:#fff}.ddga-status-tag--inverted.ddga-status-tag--neutral{background-color:var(--ddga-gray-600)}.ddga-status-tag--inverted.ddga-status-tag--info{background-color:var(--ddga-info-600)}.ddga-status-tag--inverted.ddga-status-tag--success{background-color:var(--ddga-success-700)}.ddga-status-tag--inverted.ddga-status-tag--error{background-color:var(--ddga-error-600)}.ddga-status-tag--inverted.ddga-status-tag--warning{background-color:var(--ddga-warning-700)}.ddga-status-tag--inverted .ddga-status-tag__dot{background-color:var(--ddga-alpha-white-60)}[data-theme=dark] .ddga-status-tag--subtle.ddga-status-tag--neutral{background-color:var(--ddga-alpha-white-10);color:var(--ddga-gray-200)}[data-theme=dark] .ddga-status-tag--subtle.ddga-status-tag--info{color:var(--ddga-info-200,#b2ddff);background-color:#1570ef29}[data-theme=dark] .ddga-status-tag--subtle.ddga-status-tag--success{color:var(--ddga-success-200,#abefc6);background-color:#0794552e}[data-theme=dark] .ddga-status-tag--subtle.ddga-status-tag--error{color:var(--ddga-error-200,#fecdca);background-color:#d92d202e}[data-theme=dark] .ddga-status-tag--subtle.ddga-status-tag--warning{color:var(--ddga-warning-200,#fedf89);background-color:#dc68032e}[data-theme=dark] .ddga-status-tag--ghost{color:var(--ddga-gray-200)}[data-theme=dark] .ddga-status-tag--subtle,[data-theme=dark] .ddga-status-tag--ghost{--ddga-status-tag-dot:currentColor}@media (forced-colors:active){.ddga-status-tag{border:1px solid canvastext}}}
+/*# sourceMappingURL=status-tag.css.map */

package/dist/components/status-tag.css.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,uBAGE,kPAaA,qJAOA,uGAMA,yGAQA,oKASA,qEAGA,kEAGA,wEAGA,oEAGA,wEAMA,kHAIA,+GAIA,wHAIA,kHAIA,wHAOA,0EASA,sCAGA,0FAGA,uFAGA,6FAGA,yFAGA,6FAGA,6FAMA,2IAIA,+HAIA,qIAIA,iIAIA,qIAIA,qEAIA,wHAOA,8BACE","sources":["src/components/status-tag.css"],"sourcesContent":["@layer ddga-components {\n  /* ─── Base ─── */\n\n  .ddga-status-tag {\n    display: inline-flex;\n    align-items: center;\n    gap: var(--ddga-space-2);\n    border-radius: var(--ddga-radius-full);\n    font-family: inherit;\n    font-weight: var(--ddga-font-weight-medium);\n    white-space: nowrap;\n    user-select: none;\n  }\n\n  /* ─── Sizes (SDGA x Small / Small / Medium = 10 / 12 / 16px) ─── */\n\n  .ddga-status-tag--sm {\n    height: 20px;\n    padding-inline: var(--ddga-space-2);\n    font-size: var(--ddga-font-size-2xs); /* SDGA x-Small = Text-2xs 10px */\n    font-weight: var(--ddga-font-weight-semibold); /* SDGA x-Small = SemiBold 600 */\n  }\n\n  .ddga-status-tag--md {\n    height: 24px;\n    padding-inline: var(--ddga-space-2);\n    font-size: var(--ddga-font-size-xs);\n  }\n\n  .ddga-status-tag--lg {\n    height: 32px;\n    padding-inline: var(--ddga-space-4);\n    font-size: var(--ddga-font-size-base);\n  }\n\n  /* ─── Dot (10px constant; color set per tone/status) ─── */\n\n  .ddga-status-tag__dot {\n    inline-size: 10px;\n    block-size: 10px;\n    border-radius: var(--ddga-radius-full);\n    background-color: var(--ddga-status-tag-dot, currentColor);\n    flex-shrink: 0;\n  }\n\n  /* Subtle + Ghost dot = the tone's −800 (`tag-icon`). Inverted overrides below. */\n  .ddga-status-tag--neutral {\n    --ddga-status-tag-dot: var(--ddga-gray-800);\n  }\n  .ddga-status-tag--info {\n    --ddga-status-tag-dot: var(--ddga-info-800);\n  }\n  .ddga-status-tag--success {\n    --ddga-status-tag-dot: var(--ddga-success-800);\n  }\n  .ddga-status-tag--error {\n    --ddga-status-tag-dot: var(--ddga-error-800);\n  }\n  .ddga-status-tag--warning {\n    --ddga-status-tag-dot: var(--ddga-warning-800);\n  }\n\n  /* ─── Subtle: −50 bg + −800 text ─── */\n\n  .ddga-status-tag--subtle.ddga-status-tag--neutral {\n    background-color: var(--ddga-gray-50);\n    color: var(--ddga-gray-800);\n  }\n  .ddga-status-tag--subtle.ddga-status-tag--info {\n    background-color: var(--ddga-info-50);\n    color: var(--ddga-info-800);\n  }\n  .ddga-status-tag--subtle.ddga-status-tag--success {\n    background-color: var(--ddga-success-50);\n    color: var(--ddga-success-800);\n  }\n  .ddga-status-tag--subtle.ddga-status-tag--error {\n    background-color: var(--ddga-error-50);\n    color: var(--ddga-error-800);\n  }\n  .ddga-status-tag--subtle.ddga-status-tag--warning {\n    background-color: var(--ddga-warning-50);\n    color: var(--ddga-warning-800);\n  }\n\n  /* ─── Ghost: transparent + neutral text (the dot keeps the tone) ─── */\n\n  .ddga-status-tag--ghost {\n    background-color: transparent;\n    color: var(--ddga-gray-800);\n  }\n\n  /* ─── Inverted: tone \"strong\" bg + white text + alpha-white-60 dot ─── */\n  /* The strong step is per-tone — Success/Warning use −700 (the −600 is too light for\n     white text), the others −600, Neutral gray-600. */\n\n  .ddga-status-tag--inverted {\n    color: #ffffff;\n  }\n  .ddga-status-tag--inverted.ddga-status-tag--neutral {\n    background-color: var(--ddga-gray-600);\n  }\n  .ddga-status-tag--inverted.ddga-status-tag--info {\n    background-color: var(--ddga-info-600);\n  }\n  .ddga-status-tag--inverted.ddga-status-tag--success {\n    background-color: var(--ddga-success-700);\n  }\n  .ddga-status-tag--inverted.ddga-status-tag--error {\n    background-color: var(--ddga-error-600);\n  }\n  .ddga-status-tag--inverted.ddga-status-tag--warning {\n    background-color: var(--ddga-warning-700);\n  }\n  .ddga-status-tag--inverted .ddga-status-tag__dot {\n    background-color: var(--ddga-alpha-white-60);\n  }\n\n  /* ─── Dark mode (SDGA is light-only; the −50 tints don't theme-flip) ─── */\n\n  [data-theme='dark'] .ddga-status-tag--subtle.ddga-status-tag--neutral {\n    background-color: var(--ddga-alpha-white-10);\n    color: var(--ddga-gray-200);\n  }\n  [data-theme='dark'] .ddga-status-tag--subtle.ddga-status-tag--info {\n    background-color: rgb(21 112 239 / 0.16);\n    color: var(--ddga-info-200, #b2ddff);\n  }\n  [data-theme='dark'] .ddga-status-tag--subtle.ddga-status-tag--success {\n    background-color: rgb(7 148 85 / 0.18);\n    color: var(--ddga-success-200, #abefc6);\n  }\n  [data-theme='dark'] .ddga-status-tag--subtle.ddga-status-tag--error {\n    background-color: rgb(217 45 32 / 0.18);\n    color: var(--ddga-error-200, #fecdca);\n  }\n  [data-theme='dark'] .ddga-status-tag--subtle.ddga-status-tag--warning {\n    background-color: rgb(220 104 3 / 0.18);\n    color: var(--ddga-warning-200, #fedf89);\n  }\n  [data-theme='dark'] .ddga-status-tag--ghost {\n    color: var(--ddga-gray-200);\n  }\n  /* Lighten the dot to the (now light) text on dark subtle/ghost chips. */\n  [data-theme='dark'] .ddga-status-tag--subtle,\n  [data-theme='dark'] .ddga-status-tag--ghost {\n    --ddga-status-tag-dot: currentColor;\n  }\n\n  /* ─── Forced colors ─── */\n\n  @media (forced-colors: active) {\n    .ddga-status-tag {\n      border: 1px solid CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/structured-list.css

@@ -0,0 +1,2 @@
+@layer ddga-components{.ddga-structured-list{--ddga-sl-divider:var(--ddga-color-input);border-collapse:separate;border-spacing:0;inline-size:100%;color:var(--ddga-text-primary);text-align:start}.ddga-structured-list__cell-content{align-items:center;gap:var(--ddga-space-2);word-break:break-word;min-inline-size:0;display:flex}.ddga-structured-list__head{block-size:48px;padding-inline:var(--ddga-space-4);color:var(--ddga-gray-700);font-size:var(--ddga-font-size-xs);font-weight:var(--ddga-font-weight-medium);text-align:start;vertical-align:middle;border-block-end:1px solid var(--ddga-sl-divider);line-height:1.5}.ddga-structured-list__cell{block-size:64px;padding-inline:var(--ddga-space-4);padding-block:var(--ddga-space-2);font-size:var(--ddga-font-size-base);font-weight:var(--ddga-font-weight-regular);text-align:start;vertical-align:middle;line-height:1.5}.ddga-structured-list__head--align-center .ddga-structured-list__cell-content,.ddga-structured-list__cell--align-center .ddga-structured-list__cell-content{justify-content:center}.ddga-structured-list__head--align-end .ddga-structured-list__cell-content,.ddga-structured-list__cell--align-end .ddga-structured-list__cell-content{justify-content:flex-end}.ddga-structured-list--compact .ddga-structured-list__cell{block-size:48px}.ddga-structured-list--row-divider .ddga-structured-list__body .ddga-structured-list__row:not(:last-child) .ddga-structured-list__cell{border-block-end:1px solid var(--ddga-sl-divider)}.ddga-structured-list--col-divider .ddga-structured-list__head:not(:last-child),.ddga-structured-list--col-divider .ddga-structured-list__cell:not(:last-child){border-inline-end:1px solid var(--ddga-sl-divider)}.ddga-structured-list--contained{background-color:var(--ddga-color-card);border:1px solid var(--ddga-sl-divider);border-radius:var(--ddga-radius-md);overflow:clip}.ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row{transition:background-color .12s;position:relative}.ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row:not([data-disabled]){cursor:pointer}.ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row:not([data-disabled]):hover{background-color:var(--ddga-gray-50)}.ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row:has(:focus-visible):after{content:"";border:2px solid var(--ddga-text-primary);pointer-events:none;position:absolute;inset:0}.ddga-structured-list--selectable .ddga-checkbox:focus-visible{outline:none}.ddga-structured-list__row[data-disabled]{background-color:var(--ddga-gray-200);color:var(--ddga-gray-400);cursor:not-allowed}[data-theme=dark] .ddga-structured-list__head{color:var(--ddga-text-secondary)}[data-theme=dark] .ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row:not([data-disabled]):hover{background-color:color-mix(in srgb, var(--ddga-color-card) 90%, white)}[data-theme=dark] .ddga-structured-list__row[data-disabled]{background-color:color-mix(in srgb, var(--ddga-color-card) 70%, var(--ddga-color-background));color:var(--ddga-color-muted-foreground)}@media (forced-colors:active){.ddga-structured-list__head,.ddga-structured-list--row-divider .ddga-structured-list__body .ddga-structured-list__row:not(:last-child) .ddga-structured-list__cell,.ddga-structured-list--col-divider .ddga-structured-list__head:not(:last-child),.ddga-structured-list--col-divider .ddga-structured-list__cell:not(:last-child),.ddga-structured-list--contained{border-color:canvastext}.ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row:has(:focus-visible):after{border-color:canvastext}}}
+/*# sourceMappingURL=structured-list.css.map */

package/dist/components/structured-list.css.map

@@ -0,0 +1 @@
+{"version":3,"mappings":"AAAA,uBACE,2KAUA,oIAQA,iSAYA,yPAWA,mLAIA,+KAKA,2EAIA,yLAOA,mNAKA,mKAOA,4IAIA,6HAKA,yJAMA,sNAUA,4EAIA,8HAMA,+EAGA,6MAMA,mMAKA,8BACE,4XAUA","sources":["src/components/structured-list.css"],"sourcesContent":["@layer ddga-components {\n  .ddga-structured-list {\n    --ddga-sl-divider: var(--ddga-color-input);\n\n    inline-size: 100%;\n    border-collapse: separate;\n    border-spacing: 0;\n    color: var(--ddga-text-primary);\n    text-align: start;\n  }\n\n  .ddga-structured-list__cell-content {\n    display: flex;\n    align-items: center;\n    gap: var(--ddga-space-2);\n    min-inline-size: 0;\n    word-break: break-word;\n  }\n\n  .ddga-structured-list__head {\n    block-size: 48px;\n    padding-inline: var(--ddga-space-4);\n    color: var(--ddga-gray-700);\n    font-size: var(--ddga-font-size-xs);\n    font-weight: var(--ddga-font-weight-medium);\n    line-height: 1.5;\n    text-align: start;\n    vertical-align: middle;\n    border-block-end: 1px solid var(--ddga-sl-divider);\n  }\n\n  .ddga-structured-list__cell {\n    block-size: 64px;\n    padding-inline: var(--ddga-space-4);\n    padding-block: var(--ddga-space-2);\n    font-size: var(--ddga-font-size-base);\n    font-weight: var(--ddga-font-weight-regular);\n    line-height: 1.5;\n    text-align: start;\n    vertical-align: middle;\n  }\n\n  .ddga-structured-list__head--align-center .ddga-structured-list__cell-content,\n  .ddga-structured-list__cell--align-center .ddga-structured-list__cell-content {\n    justify-content: center;\n  }\n  .ddga-structured-list__head--align-end .ddga-structured-list__cell-content,\n  .ddga-structured-list__cell--align-end .ddga-structured-list__cell-content {\n    justify-content: flex-end;\n  }\n\n  .ddga-structured-list--compact .ddga-structured-list__cell {\n    block-size: 48px;\n  }\n\n  .ddga-structured-list--row-divider\n    .ddga-structured-list__body\n    .ddga-structured-list__row:not(:last-child)\n    .ddga-structured-list__cell {\n    border-block-end: 1px solid var(--ddga-sl-divider);\n  }\n\n  .ddga-structured-list--col-divider .ddga-structured-list__head:not(:last-child),\n  .ddga-structured-list--col-divider .ddga-structured-list__cell:not(:last-child) {\n    border-inline-end: 1px solid var(--ddga-sl-divider);\n  }\n\n  .ddga-structured-list--contained {\n    background-color: var(--ddga-color-card);\n    border: 1px solid var(--ddga-sl-divider);\n    border-radius: var(--ddga-radius-md);\n    overflow: clip;\n  }\n\n  .ddga-structured-list--selectable .ddga-structured-list__body .ddga-structured-list__row {\n    position: relative;\n    transition: background-color 120ms ease;\n  }\n  .ddga-structured-list--selectable\n    .ddga-structured-list__body\n    .ddga-structured-list__row:not([data-disabled]) {\n    cursor: pointer;\n  }\n  .ddga-structured-list--selectable\n    .ddga-structured-list__body\n    .ddga-structured-list__row:not([data-disabled]):hover {\n    background-color: var(--ddga-gray-50);\n  }\n\n  .ddga-structured-list--selectable\n    .ddga-structured-list__body\n    .ddga-structured-list__row:has(:focus-visible)::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    border: 2px solid var(--ddga-text-primary);\n    pointer-events: none;\n  }\n\n  .ddga-structured-list--selectable .ddga-checkbox:focus-visible {\n    outline: none;\n  }\n\n  .ddga-structured-list__row[data-disabled] {\n    background-color: var(--ddga-gray-200);\n    color: var(--ddga-gray-400);\n    cursor: not-allowed;\n  }\n\n  [data-theme='dark'] .ddga-structured-list__head {\n    color: var(--ddga-text-secondary);\n  }\n  [data-theme='dark']\n    .ddga-structured-list--selectable\n    .ddga-structured-list__body\n    .ddga-structured-list__row:not([data-disabled]):hover {\n    background-color: color-mix(in srgb, var(--ddga-color-card) 90%, white);\n  }\n  [data-theme='dark'] .ddga-structured-list__row[data-disabled] {\n    background-color: color-mix(in srgb, var(--ddga-color-card) 70%, var(--ddga-color-background));\n    color: var(--ddga-color-muted-foreground);\n  }\n\n  @media (forced-colors: active) {\n    .ddga-structured-list__head,\n    .ddga-structured-list--row-divider\n      .ddga-structured-list__body\n      .ddga-structured-list__row:not(:last-child)\n      .ddga-structured-list__cell,\n    .ddga-structured-list--col-divider .ddga-structured-list__head:not(:last-child),\n    .ddga-structured-list--col-divider .ddga-structured-list__cell:not(:last-child),\n    .ddga-structured-list--contained {\n      border-color: CanvasText;\n    }\n    .ddga-structured-list--selectable\n      .ddga-structured-list__body\n      .ddga-structured-list__row:has(:focus-visible)::after {\n      border-color: CanvasText;\n    }\n  }\n}\n"],"names":[]}

package/dist/components/switch.css

@@ -1,2 +1,2 @@
-@layer ddga-components{.ddga-switch-row{align-items:center;gap:var(--ddga-space-2);display:flex}.ddga-switch{background-color:var(--ddga-color-input);cursor:pointer;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;padding:0;transition:background-color .15s,border-color .15s,box-shadow .15s;display:inline-flex;position:relative}.ddga-switch--md{--ddga-switch-thumb-travel:16px;block-size:22px;inline-size:38px}.ddga-switch--sm{--ddga-switch-thumb-travel:12px;block-size:18px;inline-size:30px}.ddga-switch[data-state=checked]{background-color:var(--ddga-color-primary)}.ddga-switch:focus-visible{box-shadow:0 0 0 2px var(--ddga-color-ring);outline:none}.ddga-switch--error{background-color:var(--ddga-color-background);border-color:var(--ddga-color-error)}.ddga-switch--error[data-state=checked]{background-color:var(--ddga-color-error);border-color:var(--ddga-color-error)}.ddga-switch--error:focus-visible{box-shadow:0 0 0 2px var(--ddga-color-error)}.ddga-switch:disabled{opacity:.5;cursor:not-allowed}.ddga-switch-row:has(.ddga-switch:disabled) .ddga-switch__label{cursor:not-allowed;color:var(--ddga-text-tertiary)}.ddga-switch__thumb{aspect-ratio:1;background-color:var(--ddga-color-background);will-change:translate;border-radius:999px;block-size:calc(100% - 4px);margin-inline-start:2px;transition:translate .15s;display:block;translate:0;box-shadow:0 1px 2px #00000026}.ddga-switch[data-state=checked] .ddga-switch__thumb{translate:var(--ddga-switch-thumb-travel) 0}[dir=rtl] .ddga-switch[data-state=checked] .ddga-switch__thumb{translate:calc(var(--ddga-switch-thumb-travel) * -1) 0}[data-theme=dark] .ddga-switch__thumb{background-color:var(--ddga-gray-100);box-shadow:0 1px 2px #0006}.ddga-switch__label{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-base);cursor:pointer;line-height:1.4}.ddga-switch__required{color:var(--ddga-color-error);margin-inline-start:.125rem}@media (prefers-reduced-motion:reduce){.ddga-switch,.ddga-switch__thumb{transition:none}}@media (forced-colors:active){.ddga-switch{background-color:canvas;border:1px solid canvastext}.ddga-switch[data-state=checked]{background-color:highlight}.ddga-switch__thumb{box-shadow:none;background-color:canvastext}.ddga-switch[data-state=checked] .ddga-switch__thumb{background-color:highlighttext}.ddga-switch:focus-visible{outline-offset:1px;outline:2px solid highlight}.ddga-switch:disabled{border-color:graytext}}}
+@layer ddga-components{.ddga-switch-row{align-items:center;gap:var(--ddga-space-2);display:flex}.ddga-switch{--ddga-switch-off:var(--ddga-gray-950);--ddga-switch-on:var(--ddga-color-primary);--ddga-switch-ring:var(--ddga-color-foreground);box-sizing:border-box;border-radius:var(--ddga-radius-full);cursor:pointer;background-color:#0000;border:none;flex-shrink:0;block-size:24px;inline-size:48px;padding:0;transition:background-color .15s,box-shadow .15s;display:inline-block;position:relative}.ddga-switch[data-state=unchecked]{box-shadow:inset 0 0 0 1px var(--ddga-switch-off)}.ddga-switch[data-state=checked]{background-color:var(--ddga-switch-on)}.ddga-switch:hover:not(:disabled){--ddga-switch-off:var(--ddga-gray-600);--ddga-switch-on:var(--ddga-sa-800)}.ddga-switch:active:not(:disabled){--ddga-switch-off:var(--ddga-gray-500);--ddga-switch-on:var(--ddga-color-primary-active)}.ddga-switch[data-state=checked]{--ddga-switch-ring:var(--ddga-text-primary)}.ddga-switch:before{content:"";border:4px solid var(--ddga-color-muted);border-radius:var(--ddga-radius-full);opacity:0;pointer-events:none;transition:opacity .15s;position:absolute;inset:-4px}.ddga-switch:hover:not(:disabled):before,.ddga-switch:active:not(:disabled):before{opacity:1}.ddga-switch:after{content:"";border:2px solid var(--ddga-switch-ring);border-radius:var(--ddga-radius-xs);opacity:0;pointer-events:none;position:absolute;inset:-4px}.ddga-switch:focus-visible{outline:none}.ddga-switch:focus-visible:before{opacity:0}.ddga-switch:focus-visible:after{opacity:1}.ddga-switch__thumb{border-radius:var(--ddga-radius-full);background-color:var(--ddga-switch-off);will-change:translate;block-size:16px;inline-size:16px;transition:translate .15s,background-color .15s;position:absolute;inset-block-start:4px;inset-inline-start:4px;translate:0}.ddga-switch[data-state=checked] .ddga-switch__thumb{background-color:var(--ddga-color-background);box-shadow:var(--ddga-shadow-sm);translate:24px}[dir=rtl] .ddga-switch[data-state=checked] .ddga-switch__thumb{translate:-24px}.ddga-switch--error{--ddga-switch-off:var(--ddga-color-error);--ddga-switch-on:var(--ddga-color-error);--ddga-switch-ring:var(--ddga-color-error)}.ddga-switch:disabled{cursor:not-allowed}.ddga-switch[data-state=unchecked]:disabled{box-shadow:inset 0 0 0 1px var(--ddga-gray-400)}.ddga-switch[data-state=unchecked]:disabled .ddga-switch__thumb,.ddga-switch[data-state=checked]:disabled{background-color:var(--ddga-gray-300)}.ddga-switch[data-state=checked]:disabled .ddga-switch__thumb{box-shadow:none}.ddga-switch-row:has(.ddga-switch:disabled) .ddga-switch__label{cursor:not-allowed;color:var(--ddga-text-tertiary)}.ddga-switch__label{color:var(--ddga-text-primary);font-size:var(--ddga-font-size-base);cursor:pointer;line-height:1.4}.ddga-switch__required{color:var(--ddga-color-error);margin-inline-start:.125rem}[data-theme=dark] .ddga-switch{--ddga-switch-off:var(--ddga-gray-300);--ddga-switch-ring:var(--ddga-gray-100)}[data-theme=dark] .ddga-switch:hover:not(:disabled){--ddga-switch-off:var(--ddga-gray-200)}[data-theme=dark] .ddga-switch:before{border-color:var(--ddga-gray-700)}@media (prefers-reduced-motion:reduce){.ddga-switch,.ddga-switch:before,.ddga-switch__thumb{transition:none}}@media (forced-colors:active){.ddga-switch[data-state=unchecked]{box-shadow:inset 0 0 0 1px canvastext}.ddga-switch[data-state=checked]{background-color:highlight}.ddga-switch__thumb{background-color:canvastext}.ddga-switch[data-state=checked] .ddga-switch__thumb{background-color:highlighttext}.ddga-switch:focus-visible:after{border-color:highlight}.ddga-switch:disabled[data-state=unchecked]{box-shadow:inset 0 0 0 1px graytext}}}
 /*# sourceMappingURL=switch.css.map */