@lostgradient/cinder 0.4.0 → 0.4.1

package/dist/server/components/description-list/index.css

@@ -1,83 +0,0 @@
-/* src/components/description-list/description-list.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-description-list {
-    display: flex;
-    flex-direction: column;
-    margin: 0;
-  }
-
-  .cinder-description-list dt, .cinder-description-list dd {
-    margin: 0;
-  }
-
-  .cinder-description-list__row {
-    display: flex;
-    gap: var(--cinder-space-1);
-    padding: var(--cinder-space-2) var(--cinder-space-3);
-    flex-direction: column;
-  }
-
-  .cinder-description-list[data-cinder-variant="default"] .cinder-description-list__row:not(:first-child) {
-    border-block-start: 1px solid var(--cinder-border-muted);
-  }
-
-  .cinder-description-list dd {
-    display: flex;
-    align-items: baseline;
-    gap: var(--cinder-space-2);
-    flex-wrap: wrap;
-  }
-
-  .cinder-description-list__definition {
-    flex: auto;
-    min-width: 0;
-  }
-
-  .cinder-description-list__actions {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    flex: none;
-  }
-
-  .cinder-description-list[data-cinder-variant="striped"] .cinder-description-list__row:nth-child(odd) {
-    background: var(--cinder-surface-inset);
-  }
-
-  .cinder-description-list[data-cinder-variant="two-column"] {
-    container-type: inline-size;
-  }
-
-  .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
-    display: grid;
-    grid-template-columns: minmax(8rem, 1fr) 3fr;
-    align-items: baseline;
-    gap: var(--cinder-space-3);
-  }
-
-  @supports (grid-template-columns: subgrid) {
-    .cinder-description-list[data-cinder-variant="two-column"] {
-      display: grid;
-      grid-template-columns: minmax(8rem, 1fr) 3fr;
-    }
-
-    .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
-      grid-template-columns: subgrid;
-      grid-column: 1 / -1;
-    }
-  }
-
-  @container (width <= 28rem) {
-    .cinder-description-list[data-cinder-variant="two-column"] .cinder-description-list__row {
-      grid-template-columns: 1fr;
-    }
-  }
-
-  .cinder-description-list[data-cinder-variant="narrow"] .cinder-description-list__row {
-    align-items: baseline;
-    gap: var(--cinder-space-2);
-    flex-direction: row;
-  }
-}

package/dist/server/components/diff-statistics/index.css

@@ -1,81 +0,0 @@
-/* src/components/diff-statistics/diff-statistics.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-diff-statistics {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-3);
-    font-size: var(--cinder-text-sm);
-  }
-
-  .cinder-diff-statistics[data-cinder-variant="compact"] {
-    gap: var(--cinder-space-2);
-    font-size: var(--cinder-text-xs);
-  }
-
-  .cinder-diff-statistics__stat {
-    display: inline-flex;
-    align-items:  center;
-    gap: var(--cinder-space-1);
-    font-weight: var(--cinder-font-medium);
-    white-space: nowrap;
-  }
-
-  .cinder-diff-statistics__prefix, .cinder-diff-statistics__value {
-    font-family: var(--cinder-font-mono);
-  }
-
-  .cinder-diff-statistics__value {
-    font-variant-numeric: tabular-nums;
-  }
-
-  .cinder-diff-statistics__label {
-    color: var(--cinder-text-muted);
-    font-weight: var(--cinder-font-normal);
-  }
-
-  .cinder-diff-statistics__stat--added {
-    color: var(--cinder-success);
-  }
-
-  .cinder-diff-statistics__stat--removed {
-    color: var(--cinder-danger);
-  }
-
-  .cinder-diff-statistics__stat--modified {
-    color: var(--cinder-warning);
-  }
-
-  .cinder-diff-statistics__stat--none {
-    color: var(--cinder-text-muted);
-    font-style: italic;
-    font-weight: var(--cinder-font-normal);
-  }
-
-  .cinder-diff-statistics[data-cinder-variant="compact"] .cinder-diff-statistics__stat {
-    padding: var(--cinder-space-0-5) var(--cinder-space-1-5);
-    border-radius: var(--cinder-radius-sm);
-    background: var(--cinder-surface-inset);
-  }
-
-  .cinder-diff-statistics[data-cinder-variant="compact"] .cinder-diff-statistics__stat--added {
-    background: var(--cinder-color-success-bg);
-    color: var(--cinder-color-success-fg);
-  }
-
-  .cinder-diff-statistics[data-cinder-variant="compact"] .cinder-diff-statistics__stat--removed {
-    background: var(--cinder-color-danger-bg);
-    color: var(--cinder-color-danger-fg);
-  }
-
-  .cinder-diff-statistics[data-cinder-variant="compact"] .cinder-diff-statistics__stat--modified {
-    background: var(--cinder-color-warning-bg);
-    color: var(--cinder-color-warning-fg);
-  }
-
-  .cinder-diff-statistics[data-cinder-variant="compact"][data-cinder-density="toolbar"] .cinder-diff-statistics__stat {
-    box-sizing: border-box;
-    min-block-size: var(--cinder-control-height-sm);
-  }
-}

package/dist/server/components/divider/index.css

@@ -1,45 +0,0 @@
-/* src/components/divider/divider.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-divider {
-    display: block;
-    background-color: var(--cinder-border-muted);
-    border: none;
-    flex-shrink: 0;
-  }
-
-  .cinder-divider[data-cinder-orientation="horizontal"] {
-    width: 100%;
-    height: 1px;
-    margin-block: 0;
-  }
-
-  .cinder-divider[data-cinder-orientation="horizontal"][data-cinder-inset] {
-    margin-inline: var(--cinder-space-2);
-    width: calc(100% - 2 * var(--cinder-space-2));
-  }
-
-  .cinder-divider[data-cinder-orientation="vertical"] {
-    display: inline-block;
-    align-self: stretch;
-    width: 1px;
-    height: auto;
-    min-height: 1em;
-  }
-
-  .cinder-divider[data-cinder-orientation="vertical"][data-cinder-inset] {
-    margin-block: var(--cinder-space-2);
-  }
-
-  .cinder-divider[data-cinder-tone="strong"] {
-    background-color: var(--cinder-border-strong);
-  }
-
-  hr.cinder-divider {
-    color: inherit;
-    border: none;
-    margin: 0;
-    padding: 0;
-  }
-}

package/dist/server/components/drawer/index.css

@@ -1,191 +0,0 @@
-/* src/components/drawer/drawer.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-drawer {
-    position: fixed;
-    z-index: var(--cinder-z-modal);
-    background: none;
-    border: none;
-    width: 100vw;
-    max-width: none;
-    height: 100dvh;
-    max-height: none;
-    margin: 0;
-    padding: 0;
-    inset: 0;
-  }
-
-  .cinder-drawer::backdrop {
-    background-color: var(--cinder-overlay-backdrop);
-    backdrop-filter: blur(var(--cinder-overlay-blur));
-    transition: background-color var(--cinder-duration-normal) var(--cinder-ease-standard);
-  }
-
-  .cinder-drawer[data-cinder-closing]::backdrop {
-    background-color: #0000;
-  }
-
-  .cinder-drawer__panel {
-    position: absolute;
-    background: var(--cinder-surface-raised);
-    box-shadow: var(--cinder-shadow-lg);
-    display: flex;
-    overflow: hidden;
-    opacity: 1;
-    transition: translate var(--cinder-duration-normal) var(--cinder-ease-spring), opacity var(--cinder-duration-normal) var(--cinder-ease-standard);
-    flex-direction: column;
-    max-width: 100vw;
-    height: 100%;
-    top: 0;
-    bottom: 0;
-  }
-
-  .cinder-drawer__panel[data-cinder-side="right"] {
-    border-inline-start: 1px solid var(--cinder-border);
-    left: auto;
-    right: 0;
-  }
-
-  .cinder-drawer__panel[data-cinder-side="left"] {
-    border-inline-end: 1px solid var(--cinder-border);
-    left: 0;
-    right: auto;
-  }
-
-  .cinder-drawer__panel[data-cinder-size="sm"] {
-    width: min(20rem, 100vw);
-  }
-
-  .cinder-drawer__panel[data-cinder-size="md"] {
-    width: min(28rem, 100vw);
-  }
-
-  .cinder-drawer__panel[data-cinder-size="lg"] {
-    width: min(36rem, 100vw);
-  }
-
-  .cinder-drawer__panel[data-cinder-size="xl"] {
-    width: min(48rem, 100vw);
-  }
-
-  .cinder-drawer__header {
-    display: flex;
-    justify-content: space-between;
-    align-items:  center;
-    gap: var(--cinder-space-4);
-    padding: var(--cinder-space-5) var(--cinder-space-6);
-    border-block-end: 1px solid var(--cinder-border);
-    flex-shrink: 0;
-  }
-
-  .cinder-drawer__title {
-    font-size: var(--cinder-text-lg);
-    font-weight: var(--cinder-font-semibold);
-    line-height: var(--cinder-leading-snug);
-    color: var(--cinder-text);
-    flex: 1;
-    min-width: 0;
-    margin: 0;
-  }
-
-  .cinder-drawer__close {
-    display: inline-flex;
-    padding: var(--cinder-space-1);
-    border-radius: var(--cinder-radius-md);
-    color: var(--cinder-text-muted);
-    cursor: pointer;
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    background: none;
-    border: none;
-    flex-shrink: 0;
-    justify-content: center;
-    align-items:  center;
-    width: 2.75rem;
-    height: 2.75rem;
-  }
-
-  @media (hover: hover) {
-    .cinder-drawer__close:hover {
-      background: color-mix(in oklch, currentColor, transparent 85%);
-      color: var(--cinder-text);
-    }
-  }
-
-  .cinder-drawer__close:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--_cinder-drawer-close-ring, var(--cinder-ring-color));
-  }
-
-  @media (forced-colors: active) {
-    .cinder-drawer__close:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: calc(var(--cinder-ring-width) * -1);
-    }
-  }
-
-  .cinder-drawer__close-icon {
-    width: 1.25rem;
-    height: 1.25rem;
-  }
-
-  .cinder-drawer__body {
-    overflow-y: auto;
-    padding: var(--cinder-space-6);
-    overscroll-behavior: contain;
-    scrollbar-gutter: stable;
-    outline: none;
-    flex: 1;
-  }
-
-  .cinder-drawer__body[data-cinder-overflows] {
-    mask-image: linear-gradient(#000 calc(100% - 1.5rem), #0000);
-    mask-size: 100% 100%;
-    mask-repeat: no-repeat;
-    -webkit-mask-image: linear-gradient(#000 calc(100% - 1.5rem), #0000);
-    -webkit-mask-size: 100% 100%;
-    -webkit-mask-repeat: no-repeat;
-  }
-
-  .cinder-drawer__footer {
-    display: flex;
-    justify-content: flex-end;
-    align-items:  center;
-    gap: var(--cinder-space-3);
-    padding: var(--cinder-space-4) var(--cinder-space-6);
-    border-block-start: 1px solid var(--cinder-border);
-    flex-shrink: 0;
-  }
-
-  .cinder-drawer__panel[data-cinder-side="right"][data-cinder-closing] {
-    opacity: .85;
-    translate: 100%;
-  }
-
-  .cinder-drawer__panel[data-cinder-side="left"][data-cinder-closing] {
-    opacity: .85;
-    translate: -100%;
-  }
-
-  .cinder-drawer__panel[data-cinder-closing] {
-    pointer-events: none;
-  }
-
-  @starting-style {
-    .cinder-drawer__panel[data-cinder-side="right"] {
-      translate: 100%;
-      opacity: .85;
-    }
-
-    .cinder-drawer__panel[data-cinder-side="left"] {
-      translate: -100%;
-      opacity: .85;
-    }
-  }
-
-  @media (prefers-reduced-motion: reduce) {
-    .cinder-drawer__panel, .cinder-drawer::backdrop {
-      transition: none;
-    }
-  }
-}

package/dist/server/components/dropdown/index.css

@@ -1,265 +0,0 @@
-/* src/components/dropdown/dropdown.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-dropdown {
-    position: relative;
-    display: inline-block;
-  }
-
-  .cinder-dropdown-trigger {
-    display: inline-flex;
-    justify-content: center;
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    min-block-size: var(--cinder-button-height-md);
-    padding-block: var(--cinder-button-padding-y-md);
-    padding-inline: var(--cinder-button-padding-x-md);
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-button-radius-md);
-    background: var(--cinder-surface);
-    color: var(--cinder-text);
-    font: inherit;
-    font-size: var(--cinder-button-font-size-md);
-    cursor: pointer;
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), border-color var(--cinder-duration-fast) var(--cinder-ease-standard), box-shadow var(--cinder-duration-fast) var(--cinder-ease-standard);
-    line-height: 1;
-  }
-
-  .cinder-dropdown-trigger:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: 0 0 0 var(--cinder-ring-offset) var(--cinder-ring-offset-color), 0 0 0 calc(var(--cinder-ring-offset)  + var(--cinder-ring-width)) var(--_cinder-dropdown-trigger-ring, var(--cinder-ring-color));
-  }
-
-  .cinder-button-group > .cinder-dropdown[data-cinder-button-group-item] > .cinder-dropdown-trigger:focus-visible {
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--_cinder-dropdown-trigger-ring, var(--cinder-ring-color));
-  }
-
-  @media (forced-colors: active) {
-    .cinder-dropdown-trigger:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: 3px;
-    }
-
-    .cinder-button-group > .cinder-dropdown[data-cinder-button-group-item] > .cinder-dropdown-trigger:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: calc(var(--cinder-ring-width) * -1);
-    }
-  }
-
-  .cinder-dropdown-trigger[aria-expanded="true"] {
-    background: var(--cinder-surface-pressed);
-  }
-
-  .cinder-dropdown-trigger__caret {
-    display: block;
-    opacity: .65;
-    flex: none;
-    block-size: .75em;
-    inline-size: .75em;
-  }
-
-  .cinder-dropdown__trigger {
-    display: inline-block;
-  }
-
-  .cinder-dropdown__menu, .cinder-dropdown-menu {
-    border: 1px solid var(--cinder-border);
-    border-radius: var(--cinder-radius-md);
-    background: var(--cinder-surface-raised);
-    color: var(--cinder-text);
-    box-shadow: var(--cinder-shadow-overlay);
-  }
-
-  .cinder-dropdown__menu {
-    position: absolute;
-    z-index: var(--cinder-z-dropdown, 40);
-    padding: var(--cinder-space-1) 0;
-    overflow: hidden;
-    font-size: var(--cinder-text-sm);
-    line-height: var(--cinder-leading-normal);
-    min-width: 12rem;
-  }
-
-  .cinder-dropdown-menu {
-    position: absolute;
-    padding: var(--cinder-space-1);
-    overflow-y: auto;
-    outline: none;
-    min-width: 12rem;
-    max-width: calc(100vw - 1rem);
-    max-height: calc(100vh - 2rem);
-    margin: 0;
-    inset-block-start: calc(100% + var(--cinder-space-1));
-    inset-inline-end: 0;
-  }
-
-  .cinder-dropdown-menu[data-cinder-position-ready="false"] {
-    visibility: hidden;
-  }
-
-  .cinder-dropdown-menu[data-cinder-position-ready] {
-    inset: auto;
-  }
-
-  .cinder-dropdown-item {
-    position: relative;
-    display: flex;
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    min-height: var(--cinder-control-height-lg);
-    padding-block: var(--cinder-space-2-5);
-    padding-inline: var(--cinder-space-3);
-    border-radius: var(--cinder-radius-sm);
-    color: var(--cinder-text);
-    cursor: pointer;
-    font-size: var(--cinder-text-sm);
-    text-align: left;
-    user-select: none;
-    outline: none;
-    transition: background-color var(--cinder-duration-fast) var(--cinder-ease-standard), color var(--cinder-duration-fast) var(--cinder-ease-standard);
-    background: none;
-    border: 0;
-    width: 100%;
-  }
-
-  .cinder-dropdown__menu .cinder-dropdown-item {
-    width: calc(100% - var(--cinder-space-1) * 2);
-    margin-inline: var(--cinder-space-1);
-  }
-
-  .cinder-dropdown-item[data-disabled] {
-    pointer-events: none;
-  }
-
-  .cinder-dropdown-item[data-cinder-variant="default"]:focus-visible {
-    background: var(--cinder-surface-hover);
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--_cinder-dropdown-item-ring, var(--cinder-ring-color));
-  }
-
-  .cinder-dropdown-item[data-cinder-variant="danger"] {
-    --_cinder-dropdown-item-ring: var(--cinder-danger);
-    color: var(--cinder-danger);
-  }
-
-  .cinder-dropdown-item[data-cinder-variant="danger"]:focus-visible {
-    background: var(--cinder-color-danger-bg);
-    color: var(--cinder-color-danger-fg);
-    outline: var(--cinder-ring-width) solid transparent;
-    box-shadow: inset 0 0 0 var(--cinder-ring-width) var(--_cinder-dropdown-item-ring, var(--cinder-ring-color));
-  }
-
-  @media (hover: hover) {
-    .cinder-dropdown-trigger:hover:not([aria-expanded="true"]), .cinder-dropdown-item[data-cinder-variant="default"]:hover {
-      background: var(--cinder-surface-hover);
-    }
-
-    .cinder-dropdown-item[data-cinder-variant="danger"]:hover {
-      background: var(--cinder-color-danger-bg);
-      color: var(--cinder-color-danger-fg);
-    }
-  }
-
-  .cinder-dropdown-item[data-cinder-variant="default"]:active {
-    background: var(--cinder-surface-pressed);
-  }
-
-  .cinder-dropdown-item[data-cinder-variant="danger"]:active {
-    background: var(--cinder-color-danger-border);
-    color: var(--cinder-color-danger-fg);
-  }
-
-  @media (forced-colors: active) {
-    .cinder-dropdown-item[data-cinder-variant="default"]:focus-visible, .cinder-dropdown-item[data-cinder-variant="danger"]:focus-visible {
-      outline: var(--cinder-ring-width) solid ButtonText;
-      outline-offset: calc(var(--cinder-ring-width) * -1);
-    }
-  }
-
-  .cinder-dropdown-item--inset {
-    padding-inline-start: var(--cinder-space-8);
-  }
-
-  .cinder-dropdown-label {
-    padding-block: var(--cinder-space-2);
-    padding-inline: var(--cinder-space-3);
-    color: var(--cinder-text-muted);
-    font-size: var(--cinder-text-xs);
-    font-weight: var(--cinder-font-semibold);
-  }
-
-  .cinder-dropdown-separator {
-    margin-block: var(--cinder-space-1);
-    background: var(--cinder-border);
-    height: 1px;
-  }
-
-  @supports (anchor-name: --x) and (position-anchor: --x) and (top: anchor(bottom)) {
-    .cinder-dropdown-menu[popover] {
-      position: fixed;
-      inset: auto;
-      top: calc(anchor(bottom)  + var(--cinder-space-1));
-      left: auto;
-      right: anchor(right);
-      position-try-fallbacks: flip-block, flip-inline;
-    }
-
-    .cinder-dropdown-menu[popover][dir="rtl"] {
-      right: auto;
-      left: anchor(left);
-    }
-
-    .cinder-dropdown__menu[popover] {
-      position: fixed;
-      margin: 0;
-      inset: auto;
-      inset-block-start: calc(anchor(bottom)  + var(--cinder-space-1));
-      position-try-fallbacks: flip-block, flip-inline;
-    }
-
-    .cinder-dropdown[data-cinder-placement="bottom-start"] .cinder-dropdown__menu[popover] {
-      inset-inline-start: anchor(left);
-    }
-
-    .cinder-dropdown[data-cinder-placement="bottom-end"] .cinder-dropdown__menu[popover] {
-      inset-inline-end: anchor(right);
-      inset-inline-start: auto;
-    }
-  }
-
-  .cinder-dropdown[data-cinder-placement="bottom-start"] .cinder-dropdown__menu:not([popover]) {
-    position: absolute;
-    inset-block-start: calc(100% + var(--cinder-space-1));
-    inset-inline-start: 0;
-  }
-
-  .cinder-dropdown[data-cinder-placement="bottom-end"] .cinder-dropdown__menu:not([popover]) {
-    position: absolute;
-    inset-block-start: calc(100% + var(--cinder-space-1));
-    inset-inline-end: 0;
-  }
-
-  .cinder-dropdown__menu {
-    opacity: 1;
-  }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .cinder-dropdown__menu {
-      animation: cinder-dropdown-enter var(--cinder-duration-fast) var(--cinder-ease-standard) forwards;
-    }
-
-    @keyframes cinder-dropdown-enter {
-      from {
-        opacity: 0;
-        translate: 0 -.25rem;
-      }
-
-      to {
-        opacity: 1;
-        translate: 0;
-      }
-    }
-  }
-}

package/dist/server/components/empty-state/index.css

@@ -1,43 +0,0 @@
-/* src/components/empty-state/empty-state.css */
-@layer cinder.tokens, cinder.foundation, cinder.components, cinder.utilities;
-
-@layer cinder.components {
-  .cinder-empty-state {
-    display: flex;
-    text-align: center;
-    padding-block: var(--cinder-space-12);
-    padding-inline: var(--cinder-space-8);
-    justify-content: center;
-    align-items:  center;
-    gap: var(--cinder-space-2);
-    flex-direction: column;
-    inline-size: 100%;
-  }
-
-  .cinder-empty-state-icon {
-    display: flex;
-    color: var(--cinder-text-subtle);
-    margin-bottom: var(--cinder-space-2);
-    justify-content: center;
-    align-items:  center;
-  }
-
-  .cinder-empty-state-title {
-    font-size: var(--cinder-text-base);
-    font-weight: var(--cinder-font-medium);
-    line-height: var(--cinder-leading-snug);
-    color: var(--cinder-text-muted);
-    margin: 0;
-  }
-
-  .cinder-empty-state-description {
-    font-size: var(--cinder-text-sm);
-    line-height: var(--cinder-leading-normal);
-    color: var(--cinder-text-subtle);
-    margin: 0;
-  }
-
-  .cinder-empty-state-action {
-    margin-top: var(--cinder-space-4);
-  }
-}