@sigx/zero-daisyui 0.2.0-beta.1

package/dist/lynx/components/radio-group.css

@@ -0,0 +1,149 @@
+.zx-radio-group__root {
+    --radio-pad: 0.25rem;
+    --radio-accent: var(--color-primary);
+}
+
+.zx-radio-group__root {
+    display: flex;
+    flex-direction: column;
+    gap: 0.625rem;
+}
+
+.zx-radio-group__label {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+}
+
+.zx-radio-group__label.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-radio-group__item {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.625rem;
+    cursor: pointer;
+}
+
+.zx-radio-group__item.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-radio-group__item-control {
+    display: inline-block;
+    position: relative;
+    vertical-align: middle;
+    flex-shrink: 0;
+    box-sizing: border-box;
+    width: var(--radio-size);
+    height: var(--radio-size);
+    padding: var(--radio-pad);
+    border-radius: 9999px;
+    color: var(--radio-accent);
+    background-color: var(--color-base-100);
+    box-shadow: 0 1px var(--depth-shade) inset;
+    transition: border-color var(--duration-normal) var(--ease-standard), box-shadow var(--duration-normal) var(--ease-standard);
+}
+
+.zx-radio-group__item-control.zx-s-checked {
+    border-color: currentColor;
+    animation: var(--duration-fast) var(--ease-standard) zero-daisy-radio;
+}
+
+.zx-radio-group__item-control.zx-f-focus-visible {
+    outline: 2px solid var(--radio-accent);
+    outline-offset: 2px;
+}
+
+.zx-radio-group__item-indicator {
+    display: block;
+    width: 100%;
+    height: 100%;
+    border-radius: 9999px;
+    background-color: transparent;
+    background-image: none, var(--fx-noise);
+    transition: background-color var(--duration-instant) var(--ease-standard);
+}
+
+.zx-radio-group__item-indicator.zx-s-checked {
+    background-color: currentColor;
+    box-shadow: 0 -1px var(--depth-shade) inset, 0 8px 0 -4px var(--depth-sheen) inset, 0 1px var(--depth-shade);
+}
+
+.zx-radio-group__item-label {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-medium);
+}
+
+.zx-radio-group__root.zx-a-color-primary {
+    --radio-accent: var(--color-primary);
+}
+
+.zx-radio-group__root.zx-a-color-secondary {
+    --radio-accent: var(--color-secondary);
+}
+
+.zx-radio-group__root.zx-a-color-accent {
+    --radio-accent: var(--color-accent);
+}
+
+.zx-radio-group__root.zx-a-color-neutral {
+    --radio-accent: var(--color-neutral);
+}
+
+.zx-radio-group__root.zx-a-color-info {
+    --radio-accent: var(--color-info);
+}
+
+.zx-radio-group__root.zx-a-color-success {
+    --radio-accent: var(--color-success);
+}
+
+.zx-radio-group__root.zx-a-color-warning {
+    --radio-accent: var(--color-warning);
+}
+
+.zx-radio-group__root.zx-a-color-error {
+    --radio-accent: var(--color-error);
+}
+
+.zx-radio-group__root.zx-a-size-xs {
+    --radio-pad: 0.125rem;
+}
+
+.zx-radio-group__item-label.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-radio-group__root.zx-a-size-sm {
+    --radio-pad: 0.1875rem;
+}
+
+.zx-radio-group__item-label.zx-a-size-sm {
+    font-size: var(--text-sm);
+}
+
+.zx-radio-group__root.zx-a-size-md {
+    --radio-pad: 0.25rem;
+}
+
+.zx-radio-group__item-label.zx-a-size-md {
+    font-size: var(--text-sm);
+}
+
+.zx-radio-group__root.zx-a-size-lg {
+    --radio-pad: 0.3125rem;
+}
+
+.zx-radio-group__item-label.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-radio-group__root.zx-a-size-xl {
+    --radio-pad: 0.375rem;
+}
+
+.zx-radio-group__item-label.zx-a-size-xl {
+    font-size: var(--text-lg);
+}

package/dist/lynx/components/rating-group.css

@@ -0,0 +1,69 @@
+.zx-rating-group__root {
+    display: inline-flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+}
+
+.zx-rating-group__label {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+}
+
+.zx-rating-group__label.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-rating-group__control {
+    display: inline-flex;
+    gap: var(--space-2xs);
+}
+
+.zx-rating-group__control.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-rating-group__control.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+    border-radius: var(--radius-selector);
+}
+
+.zx-rating-group__item {
+    font-size: var(--rating-size);
+    line-height: var(--leading-none);
+    cursor: pointer;
+    user-select: none;
+    mask-image: linear-gradient(black 0 0), linear-gradient(rgb(0 0 0 / 0.25) 0 0);
+    mask-repeat: no-repeat;
+    mask-position: 0 0, 0 0;
+    mask-size: 100% 100%, 100% 100%;
+    transition: color var(--duration-fast) var(--ease-standard), mask-size var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), filter var(--duration-fast) var(--ease-standard);
+}
+
+.zx-rating-group__item.zx-s-full {
+    color: var(--rating-fill);
+}
+
+.zx-rating-group__item.zx-s-half {
+    color: var(--rating-fill);
+    mask-size: 50% 100%, 100% 100%;
+}
+
+.zx-rating-group__item.zx-f-highlighted {
+    transform: scale(1.15);
+    filter: brightness(1.1);
+}
+
+.zx-rating-group__item.zx-f-disabled {
+    cursor: not-allowed;
+}
+
+.zx-rating-group__item.zx-f-readonly {
+    cursor: default;
+}
+
+.zx-rating-group__item.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 1px;
+    border-radius: var(--radius-selector);
+}

package/dist/lynx/components/select.css

@@ -0,0 +1,163 @@
+.zx-select__root {
+    --select-accent: var(--color-primary);
+}
+
+.zx-select__root {
+    display: inline-flex;
+    flex-direction: column;
+}
+
+.zx-select__trigger {
+    appearance: none;
+    display: inline-flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: var(--space-lg);
+    font-size: var(--text-sm);
+    font-weight: var(--weight-medium);
+    color: var(--color-base-content);
+    background: var(--color-base-100);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-field);
+    box-shadow: var(--shadow-xs);
+    cursor: pointer;
+    transition: background var(--duration-normal) var(--ease-standard);
+    box-sizing: border-box;
+    min-width: 13rem;
+}
+
+.zx-select__trigger.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-select__trigger.zx-s-open {
+    border-color: var(--select-accent);
+}
+
+.zx-select__trigger.zx-f-invalid {
+    border-color: var(--color-error);
+}
+
+.zx-select__trigger.zx-f-focus-visible {
+    outline: 2px solid var(--color-base-content);
+    outline-offset: 2px;
+}
+
+.zx-select__indicator {
+    opacity: 0.6;
+    transition: transform var(--duration-normal) var(--ease-standard);
+}
+
+.zx-select__indicator.zx-s-open {
+    transform: rotate(180deg);
+}
+
+.zx-select__popup {
+    opacity: 0;
+    transform: translateY(-4px);
+    transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete;
+    background: var(--color-base-100);
+    color: var(--color-base-content);
+    border: var(--border) solid var(--color-base-300);
+    border-radius: var(--radius-box);
+    box-shadow: var(--shadow-lg);
+    padding: var(--space-md);
+    min-width: 13rem;
+}
+
+.zx-select__popup.zx-s-open {
+    opacity: 1;
+    transform: none;
+}
+
+.zx-select__group-label {
+    padding: var(--space-md) var(--space-lg) var(--space-xs);
+    font-size: var(--text-xs);
+    font-weight: var(--weight-bold);
+    opacity: 0.6;
+}
+
+.zx-select__item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0.625rem;
+    padding: var(--space-md) var(--space-lg);
+    font-size: var(--text-sm);
+    font-weight: var(--weight-medium);
+    border-radius: var(--radius-field);
+    cursor: pointer;
+    transition: background var(--duration-fast) var(--ease-standard);
+}
+
+.zx-select__item.zx-f-highlighted {
+    background: var(--color-base-200);
+}
+
+.zx-select__item.zx-f-selected {
+    color: var(--select-accent);
+    font-weight: var(--weight-bold);
+}
+
+.zx-select__item.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+    cursor: not-allowed;
+}
+
+.zx-select__item-indicator {
+    font-size: var(--text-xs);
+    color: var(--select-accent);
+}
+
+.zx-select__root.zx-a-color-primary {
+    --select-accent: var(--color-primary);
+}
+
+.zx-select__root.zx-a-color-secondary {
+    --select-accent: var(--color-secondary);
+}
+
+.zx-select__root.zx-a-color-accent {
+    --select-accent: var(--color-accent);
+}
+
+.zx-select__root.zx-a-color-neutral {
+    --select-accent: var(--color-neutral);
+}
+
+.zx-select__root.zx-a-color-info {
+    --select-accent: var(--color-info);
+}
+
+.zx-select__root.zx-a-color-success {
+    --select-accent: var(--color-success);
+}
+
+.zx-select__root.zx-a-color-warning {
+    --select-accent: var(--color-warning);
+}
+
+.zx-select__root.zx-a-color-error {
+    --select-accent: var(--color-error);
+}
+
+.zx-select__trigger.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-select__trigger.zx-a-size-sm {
+    font-size: var(--text-sm);
+}
+
+.zx-select__trigger.zx-a-size-md {
+    font-size: var(--text-sm);
+}
+
+.zx-select__trigger.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-select__trigger.zx-a-size-xl {
+    font-size: var(--text-lg);
+}

package/dist/lynx/components/skeleton.css

@@ -0,0 +1,34 @@
+.zx-skeleton__root {
+    --skeleton-fill: var(--color-base-300);
+}
+
+.zx-skeleton__root {
+    border-radius: var(--radius-box);
+}
+
+.zx-skeleton__root.zx-s-loading {
+    color: transparent;
+    background: var(--skeleton-fill);
+    animation: zero-daisyui-skeleton 1.6s ease-in-out infinite;
+    user-select: none;
+    pointer-events: none;
+}
+
+.zx-skeleton__root.zx-a-size-xs {
+    border-radius: var(--radius-selector);
+}
+
+.zx-skeleton__root.zx-a-size-sm {
+    border-radius: var(--radius-selector);
+}
+
+.zx-skeleton__root.zx-a-size-lg {
+    border-radius: var(--radius-box);
+}
+
+.zx-skeleton__root.zx-a-size-xl {
+    border-radius: var(--radius-box);
+}
+@keyframes zero-daisyui-skeleton {
+    from, to { opacity: 1; } 50% { opacity: 0.55; }
+}

package/dist/lynx/components/slider.css

@@ -0,0 +1,136 @@
+.zx-slider__root {
+    --slider-accent: var(--color-primary);
+}
+
+.zx-slider__root {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-sm);
+    width: 100%;
+}
+
+.zx-slider__root.zx-f-disabled {
+    opacity: var(--disabled-opacity);
+}
+
+.zx-slider__label {
+    font-size: var(--text-sm);
+    font-weight: var(--weight-semibold);
+}
+
+.zx-slider__control {
+    width: 100%;
+    accent-color: var(--slider-accent);
+    cursor: pointer;
+}
+
+.zx-slider__control.zx-f-disabled {
+    cursor: not-allowed;
+}
+
+.zx-slider__control.zx-f-focus-visible {
+    outline: 2px solid var(--slider-accent);
+    outline-offset: 2px;
+}
+
+.zx-slider__control.zx-f-invalid {
+    accent-color: var(--color-error);
+}
+
+.zx-slider__track {
+    border-radius: 9999px;
+    background: var(--color-base-300);
+    cursor: pointer;
+}
+
+.zx-slider__track.zx-f-disabled {
+    cursor: not-allowed;
+}
+
+.zx-slider__range {
+    height: 100%;
+    border-radius: 9999px;
+}
+
+.zx-slider__thumb {
+    box-sizing: border-box;
+    inset-block-start: 50%;
+    translate: 0 -50%;
+    border-radius: 9999px;
+    cursor: pointer;
+    outline: none;
+    touch-action: none;
+}
+
+.zx-slider__thumb.zx-f-focus-visible {
+    outline: 2px solid var(--slider-accent);
+    outline-offset: 2px;
+}
+
+.zx-slider__thumb.zx-f-disabled {
+    cursor: not-allowed;
+}
+
+.zx-slider__mark {
+    font-size: var(--text-xs);
+    line-height: 1;
+    white-space: nowrap;
+    opacity: 0.6;
+}
+
+.zx-slider__value-text {
+    font-size: var(--text-xs);
+    opacity: 0.6;
+}
+
+.zx-slider__root.zx-a-color-primary {
+    --slider-accent: var(--color-primary);
+}
+
+.zx-slider__root.zx-a-color-secondary {
+    --slider-accent: var(--color-secondary);
+}
+
+.zx-slider__root.zx-a-color-accent {
+    --slider-accent: var(--color-accent);
+}
+
+.zx-slider__root.zx-a-color-neutral {
+    --slider-accent: var(--color-neutral);
+}
+
+.zx-slider__root.zx-a-color-info {
+    --slider-accent: var(--color-info);
+}
+
+.zx-slider__root.zx-a-color-success {
+    --slider-accent: var(--color-success);
+}
+
+.zx-slider__root.zx-a-color-warning {
+    --slider-accent: var(--color-warning);
+}
+
+.zx-slider__root.zx-a-color-error {
+    --slider-accent: var(--color-error);
+}
+
+.zx-slider__label.zx-a-size-xs {
+    font-size: var(--text-xs);
+}
+
+.zx-slider__label.zx-a-size-sm {
+    font-size: var(--text-sm);
+}
+
+.zx-slider__label.zx-a-size-md {
+    font-size: var(--text-sm);
+}
+
+.zx-slider__label.zx-a-size-lg {
+    font-size: var(--text-md);
+}
+
+.zx-slider__label.zx-a-size-xl {
+    font-size: var(--text-lg);
+}

package/dist/lynx/components/spinner.css

@@ -0,0 +1,49 @@
+.zx-spinner__root {
+    --spinner-ink: var(--color-primary);
+    --spinner-track: var(--color-base-300);
+}
+
+.zx-spinner__root {
+    display: inline-block;
+    inline-size: var(--spinner-size);
+    block-size: var(--spinner-size);
+    box-sizing: border-box;
+    border-radius: 50%;
+    border-block-start-color: var(--spinner-ink);
+    animation: zero-daisyui-spin 0.7s linear infinite;
+}
+
+.zx-spinner__root.zx-a-color-primary {
+    --spinner-ink: var(--color-primary);
+}
+
+.zx-spinner__root.zx-a-color-secondary {
+    --spinner-ink: var(--color-secondary);
+}
+
+.zx-spinner__root.zx-a-color-accent {
+    --spinner-ink: var(--color-accent);
+}
+
+.zx-spinner__root.zx-a-color-neutral {
+    --spinner-ink: var(--color-neutral);
+}
+
+.zx-spinner__root.zx-a-color-info {
+    --spinner-ink: var(--color-info);
+}
+
+.zx-spinner__root.zx-a-color-success {
+    --spinner-ink: var(--color-success);
+}
+
+.zx-spinner__root.zx-a-color-warning {
+    --spinner-ink: var(--color-warning);
+}
+
+.zx-spinner__root.zx-a-color-error {
+    --spinner-ink: var(--color-error);
+}
+@keyframes zero-daisyui-spin {
+    to { transform: rotate(360deg); }
+}

package/dist/lynx/components/stats.css

@@ -0,0 +1,95 @@
+.zx-stats__root {
+    --stats-accent: var(--color-base-content);
+}
+
+.zx-stats__root {
+    display: flex;
+    border: var(--border) solid var(--color-base-200);
+    border-radius: var(--radius-box);
+    background: var(--color-base-100);
+}
+
+.zx-stats__root.zx-o-vertical {
+    flex-direction: column;
+}
+
+.zx-stats__item {
+    display: grid;
+    grid-template-columns: 1fr auto;
+    column-gap: var(--space-md);
+    align-content: center;
+    flex: 1 1 0%;
+    padding: var(--space-lg) var(--space-xl);
+}
+
+.zx-stats__title {
+    grid-column: 1;
+    font-size: var(--text-xs);
+}
+
+.zx-stats__value {
+    grid-column: 1;
+    font-size: var(--text-2xl);
+    font-weight: var(--weight-bold);
+    font-variant-numeric: tabular-nums;
+    color: var(--stats-accent);
+}
+
+.zx-stats__desc {
+    grid-column: 1;
+    font-size: var(--text-xs);
+}
+
+.zx-stats__figure {
+    grid-column: 2;
+    grid-row: 1 / span 3;
+    align-self: center;
+}
+
+.zx-stats__root.zx-a-color-primary {
+    --stats-accent: var(--color-primary);
+}
+
+.zx-stats__root.zx-a-color-secondary {
+    --stats-accent: var(--color-secondary);
+}
+
+.zx-stats__root.zx-a-color-accent {
+    --stats-accent: var(--color-accent);
+}
+
+.zx-stats__root.zx-a-color-neutral {
+    --stats-accent: var(--color-neutral);
+}
+
+.zx-stats__root.zx-a-color-info {
+    --stats-accent: var(--color-info);
+}
+
+.zx-stats__root.zx-a-color-success {
+    --stats-accent: var(--color-success);
+}
+
+.zx-stats__root.zx-a-color-warning {
+    --stats-accent: var(--color-warning);
+}
+
+.zx-stats__root.zx-a-color-error {
+    --stats-accent: var(--color-error);
+}
+
+.zx-stats__value.zx-a-size-xs {
+    font-size: var(--text-lg);
+}
+
+.zx-stats__value.zx-a-size-sm {
+    font-size: var(--text-xl);
+}
+
+.zx-stats__value.zx-a-size-lg {
+    font-size: var(--text-3xl);
+}
+
+.zx-stats__value.zx-a-size-xl {
+    font-size: var(--text-3xl);
+}