daisyui 5.0.0-alpha.2 → 5.0.0-alpha.21

package/components/button.css

@@ -1,293 +1 @@
-.btn {
-    display: inline-flex;
-    height: var(--spacing-10, 2.5rem);
-    flex-shrink: 0;
-    cursor: pointer;
-    flex-wrap: wrap;
-    align-items: center;
-    justify-content: center;
-    gap: var(--spacing-2, 0.5rem);
-    border-radius: var(--radius-btn);
-    padding-left: var(--spacing-4, 1rem);
-    padding-right: var(--spacing-4, 1rem);
-    text-align: center;
-    vertical-align: middle;
-    font-size: var(--font-size-sm, 0.875rem);
-    line-height: var(--line-height-none, 1);
-    --tw-font-weight: 600;
-    font-weight: 600;
-    color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-    text-decoration-line: none;
-    outline-offset: 2px;
-    outline-color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-    --tw-duration: 200ms;
-    transition-duration: 200ms;
-    --tw-ease: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-    transition-timing-function: var(--transition-timing-function-out, cubic-bezier(0, 0, 0.2, 1));
-    -webkit-user-select: none;
-    user-select: none;
-    transition-property: color, background-color, border-color, opacity, box-shadow, transform;
-    background-color: var(--btn-bg, var(--color-base-200));
-    border-width: var(--spacing-button-border);
-    border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 2%);
-    border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 4%);
-    box-shadow: 0 1px 0 0 color-mix(in oklch, white 3%, transparent) inset, 0 1px 1px 0 oklch(0% 0 0/0.07);
-    &:hover {
-      border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%);
-      border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%);
-      background-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%);
-    }
-    &.btn-active {
-      border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%);
-      border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%);
-      background-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%);
-    }
-    &:focus-visible {
-      outline-style: var(--tw-outline-style);
-      outline-width: 1px;
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-    }
-    &:active {
-      &:focus {
-        transform: scale(var(--btn-focus-scale, 0.98));
-        animation: button-pop 0s ease-out;
-        border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 5%);
-        border-bottom-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)), black 7%);
-        box-shadow: 0 1px 0 0 oklch(0% 0 0/0.07) inset, 0 0 0 0 oklch(0% 0 0/0.1);
-      }
-      &:hover {
-        transform: scale(var(--btn-focus-scale, 0.97));
-        animation: button-pop 0s ease-out;
-      }
-    }
-  }
-  .btn-primary {
-    --btn-bg: var(--color-primary);
-    color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
-    outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-  }
-  .btn-secondary {
-    --btn-bg: var(--color-secondary);
-    color: var(--color-secondary-content, oklch(98.71% 0.0106 342.55));
-    outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-  }
-  .btn-accent {
-    --btn-bg: var(--color-accent);
-    color: var(--color-accent-content, oklch(15.352% 0.0368 183.61));
-    outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
-  }
-  .btn-neutral {
-    --btn-bg: var(--color-neutral);
-    color: var(--color-neutral-content, oklch(89.4994% 0.011585 252.096176));
-    outline-color: var(--color-neutral, oklch(32.1785% 0.02476 255.701624));
-  }
-  .btn-info {
-    --btn-bg: var(--color-info);
-    color: var(--color-info-content, oklch(0% 0 0));
-    outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
-  }
-  .btn-success {
-    --btn-bg: var(--color-success);
-    color: var(--color-success-content, oklch(0% 0 0));
-    outline-color: var(--color-success, oklch(64.8% 0.15 160));
-  }
-  .btn-warning {
-    --btn-bg: var(--color-warning);
-    color: var(--color-warning-content, oklch(0% 0 0));
-    outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
-  }
-  .btn-error {
-    --btn-bg: var(--color-error);
-    color: var(--color-error-content, oklch(0% 0 0));
-    outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
-  }
-  .btn.glass {
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    outline-color: currentColor;
-    &:hover {
-      @media (hover: hover) {
-        --glass-border-opacity: 15%;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        --glass-opacity: 25%;
-      }
-    }
-    &.btn-active {
-      --glass-border-opacity: 15%;
-      --glass-opacity: 25%;
-    }
-  }
-  .btn-ghost {
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: transparent;
-    background-color: transparent;
-    color: currentColor;
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    outline-color: currentColor;
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        background-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      }
-    }
-    &.btn-active {
-      border-color: transparent;
-      background-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-    }
-  }
-  .btn-link {
-    border-color: transparent;
-    background-color: transparent;
-    color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-    text-decoration-line: underline;
-    --tw-shadow: 0 0 #0000;
-    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    outline-color: currentColor;
-    &:hover {
-      @media (hover: hover) {
-        border-color: transparent;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        background-color: transparent;
-      }
-    }
-    &:hover {
-      @media (hover: hover) {
-        text-decoration-line: underline;
-      }
-    }
-    &.btn-active {
-      border-color: transparent;
-      background-color: transparent;
-      text-decoration-line: underline;
-    }
-  }
-  .btn-outline {
-    &:not(.btn-active):not(:hover) {
-      background-color: transparent;
-      color: var(--btn-bg);
-      --tw-shadow: 0 0 #0000;
-      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
-    }
-    &.btn-active {
-      border-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black);
-      background-color: color-mix(in oklab, var(--btn-bg, var(--color-base-200)) 90%, black);
-    }
-  }
-  .btn {
-    &:is(:disabled, [disabled], .btn-disabled) {
-      pointer-events: none;
-      border-color: transparent;
-      background-color: color-mix(in srgb, var(--color-neutral, oklch(32.1785% 0.02476 255.701624)) 20%, transparent);
-      color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      &:hover {
-        pointer-events: none;
-        border-color: transparent;
-        background-color: color-mix(in srgb, var(--color-neutral, oklch(32.1785% 0.02476 255.701624)) 20%, transparent);
-        color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      }
-    }
-  }
-  .btn {
-    &:is(input[type=checkbox]), &:is(input[type=radio]) {
-      width: auto;
-      appearance: none;
-      &::after {
-        --tw-content: attr(aria-label);
-        content: var(--tw-content);
-      }
-      &:checked {
-        border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        background-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        color: var(--color-primary-content, oklch(89.824% 0.06192 275.75));
-        &:focus-visible {
-          outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        }
-        &:hover {
-          background-color: color-mix(in oklab, var(--color-primary) 90%, black);
-          border-color: color-mix(in oklab, var(--color-primary) 90%, black);
-        }
-      }
-    }
-  }
-  .btn-xs {
-    height: var(--spacing-6, 1.5rem);
-    padding-left: var(--spacing-2, 0.5rem);
-    padding-right: var(--spacing-2, 0.5rem);
-    font-size: var(--font-size-xs);
-  }
-  .btn-sm {
-    height: var(--spacing-8, 2rem);
-    padding-left: var(--spacing-3, 0.75rem);
-    padding-right: var(--spacing-3, 0.75rem);
-    font-size: var(--font-size-sm);
-  }
-  .btn-md {
-    height: var(--spacing-10, 2.5rem);
-    padding-left: var(--spacing-4, 1rem);
-    padding-right: var(--spacing-4, 1rem);
-    font-size: var(--font-size-sm);
-  }
-  .btn-lg {
-    height: var(--spacing-14, 3.5rem);
-    padding-left: var(--spacing-6, 1.5rem);
-    padding-right: var(--spacing-6, 1.5rem);
-    font-size: var(--font-size-lg);
-  }
-  .btn-square {
-    width: var(--spacing-12, 3rem);
-    height: var(--spacing-12, 3rem);
-    padding-left: var(--spacing-0, 0px);
-    padding-right: var(--spacing-0, 0px);
-    &.btn-xs {
-      width: var(--spacing-6, 1.5rem);
-      height: var(--spacing-6, 1.5rem);
-    }
-    &.btn-sm {
-      width: var(--spacing-8, 2rem);
-      height: var(--spacing-8, 2rem);
-    }
-    &.btn-md {
-      width: var(--spacing-12, 3rem);
-      height: var(--spacing-12, 3rem);
-    }
-    &.btn-lg {
-      width: var(--spacing-16, 4rem);
-      height: var(--spacing-16, 4rem);
-    }
-  }
-  .btn-circle {
-    aspect-ratio: 1 / 1;
-    border-radius: calc(infinity * 1px);
-    padding-left: var(--spacing-0, 0px);
-    padding-right: var(--spacing-0, 0px);
-  }
-  .btn-wide {
-    width: var(--spacing-64, 16rem);
-  }
-  .btn-block {
-    width: 100%;
-  }
-  @keyframes button-pop {
-    0% {
-      transform: scale(var(--btn-focus-scale, 0.98));
-    }
-    40% {
-      transform: scale(1.02);
-    }
-    100% {
-      transform: scale(1);
-    }
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .btn{height:var(--spacing-10,2.5rem);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);text-align:center;vertical-align:middle;font-size:var(--font-size-sm,.875rem);line-height:var(--line-height-none,1);--tw-font-weight:600;color:var(--color-base-content,var(--color-base-content));outline-offset:2px;outline-color:var(--color-base-content,var(--color-base-content));-webkit-user-select:none;user-select:none;--btn-color:var(--btn-bg,var(--color-base-200));background-color:var(--btn-color);border-width:var(--spacing-button-border,1px);border-color:color-mix(in oklab,var(--btn-color),black 2%);box-shadow:0 0 0 .5px oklch(1 0 0/.01)inset,var(--btn-shadow);background-origin:border-box;background-image:var(--btn-flare);--btn-shadow:0 1px 1px 0 oklch(0% 0 0/.07);--btn-flare:linear-gradient(50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(-50deg,transparent 85%,color-mix(in oklab,var(--btn-color),white 5%)),linear-gradient(0,transparent,var(--btn-color)5% 95%,transparent),repeating-conic-gradient(oklch(100% 0 0/.4),transparent 20% 30%,oklch(100% 0 0/.4) 50%);border-start-start-radius:var(--radius-join-start-start,var(--radius-btn));border-start-end-radius:var(--radius-join-start-end,var(--radius-btn));border-end-end-radius:var(--radius-join-end-end,var(--radius-btn));border-end-start-radius:var(--radius-join-end-start,var(--radius-btn));flex-wrap:wrap;flex-shrink:0;font-weight:600;text-decoration-line:none;transition-property:color,background-color,background-image,border-color,opacity,box-shadow,scale;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex;&:hover{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%)}&.btn-active{--btn-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07)}&:focus-visible{outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-width:2px}&:active{&:focus{scale:var(--btn-focus-scale,.98);background-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 5%);border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-200)),black 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/.07);animation:ease-out button-pop}&:hover{scale:var(--btn-focus-scale,.97);animation:ease-out button-pop}}}.btn-primary{--btn-bg:var(--color-primary);color:var(--color-primary-content,var(--color-primary-content));outline-color:var(--color-primary,var(--color-primary))}.btn-secondary{--btn-bg:var(--color-secondary);color:var(--color-secondary-content,var(--color-secondary-content));outline-color:var(--color-secondary,var(--color-secondary))}.btn-accent{--btn-bg:var(--color-accent);color:var(--color-accent-content,var(--color-accent-content));outline-color:var(--color-accent,var(--color-accent))}.btn-neutral{--btn-bg:var(--color-neutral);color:var(--color-neutral-content,var(--color-neutral-content));outline-color:var(--color-neutral,var(--color-neutral))}.btn-info{--btn-bg:var(--color-info);color:var(--color-info-content,var(--color-info-content));outline-color:var(--color-info,var(--color-info))}.btn-success{--btn-bg:var(--color-success);color:var(--color-success-content,var(--color-success-content));outline-color:var(--color-success,var(--color-success))}.btn-warning{--btn-bg:var(--color-warning);color:var(--color-warning-content,var(--color-warning-content));outline-color:var(--color-warning,var(--color-warning))}.btn-error{--btn-bg:var(--color-error);color:var(--color-error-content,var(--color-error-content));outline-color:var(--color-error,var(--color-error))}.btn.glass{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline-color:currentColor;&:hover{@media (hover:hover){&{--glass-border-opacity:15%}}}&:hover{@media (hover:hover){&{--glass-opacity:25%}}}&.btn-active{--glass-border-opacity:15%;--glass-opacity:25%}}.btn-ghost{border-style:var(--tw-border-style);color:currentColor;--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-width:1px;border-color:#0000;outline-color:currentColor}.btn-link{color:var(--color-primary,var(--color-primary));--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-color:#0000;outline-color:currentColor;text-decoration-line:underline;&:hover{@media (hover:hover){&{border-color:#0000}}}&:hover{@media (hover:hover){&{background-color:#0000}}}&:hover{@media (hover:hover){&{text-decoration-line:underline}}}&.btn-active{background-color:#0000;border-color:#0000;text-decoration-line:underline}}.btn-outline{&:not(.btn-active,:hover,:focus-visible){color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000}}.btn-dash{&:not(.btn-active,:hover,:focus-visible){--tw-border-style:dashed;color:var(--btn-bg);--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--btn-flare:unset;background-color:#0000;border-style:dashed}}.btn-soft{&:not(.btn-active,:hover,:focus-visible){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);color:var(--btn-bg,var(--color-base-content));background:color-mix(in oklab,var(--btn-bg,var(--color-base-content))8%,var(--color-base-200));border-color:color-mix(in oklab,var(--btn-bg,var(--color-base-content))10%,var(--color-base-200));--btn-flare:unset}}.btn{&:is(:disabled,[disabled],.btn-disabled){pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,var(--color-neutral))20%,transparent);color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);--btn-flare:unset;border-color:#0000;&:hover{pointer-events:none;background-color:color-mix(in srgb,var(--color-neutral,var(--color-neutral))20%,transparent);color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);border-color:#0000}}}.btn{&:is(input[type=checkbox]),&:is(input[type=radio]){appearance:none;&:not(.btn-square,.btn-circle){width:auto}&:after{--tw-content:attr(aria-label);content:var(--tw-content)}&:checked{--btn-bg:var(--color-primary);border-color:var(--color-primary,var(--color-primary));background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content));&:focus-visible{outline-color:var(--color-primary,var(--color-primary))}&:hover{background-color:color-mix(in oklab,var(--color-primary)90%,black);border-color:color-mix(in oklab,var(--color-primary)90%,black)}}}}.btn-xs{height:var(--spacing-6,1.5rem);padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-xs)}.btn-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm)}.btn-md{height:var(--spacing-10,2.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-sm)}.btn-lg{height:var(--spacing-14,3.5rem);padding-left:var(--spacing-6,1.5rem);padding-right:var(--spacing-6,1.5rem);font-size:var(--font-size-lg)}.btn-square{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem);padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);&.btn-xs{width:var(--spacing-6,1.5rem);height:var(--spacing-6,1.5rem)}&.btn-sm{width:var(--spacing-8,2rem);height:var(--spacing-8,2rem)}&.btn-md{width:var(--spacing-12,3rem);height:var(--spacing-12,3rem)}&.btn-lg{width:var(--spacing-16,4rem);height:var(--spacing-16,4rem)}}.btn-circle{aspect-ratio:1;padding-left:var(--spacing-0,0px);padding-right:var(--spacing-0,0px);border-radius:3.40282e38px}.btn-wide{width:var(--spacing-64,16rem)}.btn-block{width:100%}@keyframes button-pop{0%{scale:var(--btn-focus-scale,.98)}40%{scale:1.02}to{scale:1}}

package/components/card/class.json

@@ -0,0 +1,13 @@
+[
+  "card",
+  "card-border",
+  "image-full",
+  "card-body",
+  "card-title",
+  "card-actions",
+  "card-xs",
+  "card-sm",
+  "card-md",
+  "card-lg",
+  "card-side"
+]

package/components/card/index.js

@@ -0,0 +1,4 @@
+import card from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...card})
+}

package/components/card/object.js

@@ -0,0 +1 @@
+export default {".card":{"@apply relative flex flex-col rounded-box":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"},":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"inherit"},"&.card-border":{"@apply border-base-200 border":{}},"&.image-full":{"@apply grid":{},"&:before":{"@apply relative bg-neutral rounded-box z-10 opacity-75 col-start-1 row-start-1":{},"content":"\"\""},">*":{"@apply col-start-1 row-start-1":{}},">.card-body":{"@apply relative text-neutral-content z-20":{}},":where(figure)":{"@apply overflow-hidden":{},"borderRadius":"inherit"},">figure img":{"@apply h-full object-cover":{}}},"figure":{"@apply flex items-center justify-center":{}}},".card-title":{"@apply flex items-center gap-2 text-xl font-semibold":{}},".card-body":{"@apply flex flex-auto flex-col gap-2 p-8":{},":where(p)":{"@apply grow":{}}},".card-actions":{"@apply flex flex-wrap items-start gap-2":{}},".card-xs":{".card-body":{"@apply p-2 text-xs":{}},".card-title":{"@apply mb-1":{}}},".card-sm":{".card-body":{"@apply p-4 text-sm":{}},".card-title":{"@apply mb-1":{}}},".card-md":{".card-body":{"@apply text-base p-8":{}},".card-title":{"@apply mb-3":{}}},".card-lg":{".card-body":{"@apply text-base p-10":{}},".card-title":{"@apply mb-4":{}}},".card-side":{"alignItems":"stretch","flexDirection":"row",":where(figure:first-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"inherit","borderStartEndRadius":"unset","borderEndStartRadius":"inherit","borderEndEndRadius":"unset"},":where(figure:last-child)":{"@apply overflow-hidden":{},"borderStartStartRadius":"unset","borderStartEndRadius":"inherit","borderEndStartRadius":"unset","borderEndEndRadius":"inherit"},"figure>*":{"maxWidth":"unset"},":where(figure>*)":{"width":"100%","height":"100%","objectFit":"cover"}}};

package/components/card.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .card{border-radius:var(--radius-box,var(--radius-box));flex-direction:column;display:flex;position:relative;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-end-radius:unset;border-end-start-radius:unset;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:unset;border-end-end-radius:inherit;border-end-start-radius:inherit;overflow:hidden}&.card-border{border-style:var(--tw-border-style);border-width:1px;border-color:var(--color-base-200,var(--color-base-200))}&.image-full{display:grid;&:before{z-index:10;border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-neutral,var(--color-neutral));opacity:.75;content:"";grid-row-start:1;grid-column-start:1;position:relative}&>*{grid-row-start:1;grid-column-start:1}&>.card-body{z-index:20;color:var(--color-neutral-content,var(--color-neutral-content));position:relative}& :where(figure){border-radius:inherit;overflow:hidden}&>figure img{object-fit:cover;height:100%}}& figure{justify-content:center;align-items:center;display:flex}}.card-title{align-items:center;gap:var(--spacing-2,.5rem);font-size:var(--font-size-xl,1.25rem);line-height:var(--tw-leading,var(--font-size-xl--line-height,1.75rem));--tw-font-weight:600;font-weight:600;display:flex}.card-body{gap:var(--spacing-2,.5rem);padding:var(--spacing-8,2rem);flex-direction:column;flex:auto;display:flex;& :where(p){flex-grow:1}}.card-actions{align-items:flex-start;gap:var(--spacing-2,.5rem);flex-wrap:wrap;display:flex}.card-xs{& .card-body{padding:var(--spacing-2,.5rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-sm{& .card-body{padding:var(--spacing-4,1rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem))}& .card-title{margin-bottom:var(--spacing-1,.25rem)}}.card-md{& .card-body{padding:var(--spacing-8,2rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-3,.75rem)}}.card-lg{& .card-body{padding:var(--spacing-10,2.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem))}& .card-title{margin-bottom:var(--spacing-4,1rem)}}.card-side{flex-direction:row;align-items:stretch;& :where(figure:first-child){border-start-start-radius:inherit;border-start-end-radius:unset;border-end-end-radius:unset;border-end-start-radius:inherit;overflow:hidden}& :where(figure:last-child){border-start-start-radius:unset;border-start-end-radius:inherit;border-end-end-radius:inherit;border-end-start-radius:unset;overflow:hidden}& figure>*{max-width:unset}& :where(figure>*){object-fit:cover;width:100%;height:100%}}

package/components/chat/class.json

@@ -0,0 +1,17 @@
+[
+  "chat",
+  "chat-primary",
+  "chat-secondary",
+  "chat-accent",
+  "chat-neutral",
+  "chat-info",
+  "chat-success",
+  "chat-warning",
+  "chat-error",
+  "chat-image",
+  "chat-header",
+  "chat-footer",
+  "chat-bubble",
+  "chat-start",
+  "chat-end"
+]

package/components/chat/index.js

@@ -0,0 +1,4 @@
+import chat from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...chat})
+}

package/components/chat/object.js

@@ -0,0 +1 @@
+export default {".chat":{"@apply grid gap-x-3 py-1":{}},".chat-primary":{"@apply bg-primary text-primary-content":{}},".chat-secondary":{"@apply bg-secondary text-secondary-content":{}},".chat-accent":{"@apply bg-accent text-accent-content":{}},".chat-neutral":{"@apply bg-neutral text-neutral-content":{}},".chat-info":{"@apply bg-info text-info-content":{}},".chat-success":{"@apply bg-success text-success-content":{}},".chat-warning":{"@apply bg-warning text-warning-content":{}},".chat-error":{"@apply bg-error text-error-content":{}},".chat-image":{"@apply row-span-2 self-end":{}},".chat-header":{"@apply row-start-1 text-xs":{}},".chat-footer":{"@apply row-start-3 text-xs":{}},".chat-bubble":{"@apply relative block w-fit px-4 py-2 rounded-box bg-base-200 text-base-content":{},"minHeight":"2.5rem","minWidth":"2.5rem","maxWidth":"90%","&:before":{"@apply absolute bottom-0 h-3 w-3":{},"backgroundColor":"inherit","content":"\"\"","maskSize":"contain","maskRepeat":"no-repeat","maskPosition":"center"}},".chat-start":{"@apply place-items-start":{},"gridTemplateColumns":"auto 1fr",".chat-header":{"@apply col-start-2":{}},".chat-footer":{"@apply col-start-2":{}},".chat-image":{"@apply col-start-1":{}},".chat-bubble":{"@apply col-start-2 rounded-es-none":{},"&:before":{"insetInlineStart":"-0.749rem","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")"}}}},".chat-end":{"@apply place-items-end":{},"gridTemplateColumns":"1fr auto",".chat-header":{"@apply col-start-1":{}},".chat-footer":{"@apply col-start-1":{}},".chat-image":{"@apply col-start-2":{}},".chat-bubble":{"@apply col-start-1 rounded-ee-none":{},"&:before":{"insetInlineStart":"99.9%","maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e\")","[dir=\"rtl\"] &":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e\")"}}}}};

package/components/chat.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .chat{column-gap:var(--spacing-3,.75rem);padding-top:var(--spacing-1,.25rem);padding-bottom:var(--spacing-1,.25rem);display:grid}.chat-primary{background-color:var(--color-primary,var(--color-primary));color:var(--color-primary-content,var(--color-primary-content))}.chat-secondary{background-color:var(--color-secondary,var(--color-secondary));color:var(--color-secondary-content,var(--color-secondary-content))}.chat-accent{background-color:var(--color-accent,var(--color-accent));color:var(--color-accent-content,var(--color-accent-content))}.chat-neutral{background-color:var(--color-neutral,var(--color-neutral));color:var(--color-neutral-content,var(--color-neutral-content))}.chat-info{background-color:var(--color-info,var(--color-info));color:var(--color-info-content,var(--color-info-content))}.chat-success{background-color:var(--color-success,var(--color-success));color:var(--color-success-content,var(--color-success-content))}.chat-warning{background-color:var(--color-warning,var(--color-warning));color:var(--color-warning-content,var(--color-warning-content))}.chat-error{background-color:var(--color-error,var(--color-error));color:var(--color-error-content,var(--color-error-content))}.chat-image{grid-row:span 2/span 2;align-self:flex-end}.chat-header{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:1}.chat-footer{font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));grid-row-start:3}.chat-bubble{border-radius:var(--radius-box,var(--radius-box));background-color:var(--color-base-200,var(--color-base-200));padding-top:var(--spacing-2,.5rem);padding-bottom:var(--spacing-2,.5rem);padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);color:var(--color-base-content,var(--color-base-content));width:fit-content;min-width:2.5rem;max-width:90%;min-height:2.5rem;display:block;position:relative;&:before{bottom:var(--spacing-0,0px);height:var(--spacing-3,.75rem);width:var(--spacing-3,.75rem);background-color:inherit;content:"";position:absolute;mask-position:50%;mask-size:contain;mask-repeat:no-repeat}}.chat-start{grid-template-columns:auto 1fr;place-items:start;& .chat-header,& .chat-footer{grid-column-start:2}& .chat-image{grid-column-start:1}& .chat-bubble{border-end-start-radius:0;grid-column-start:2;&:before{inset-inline-start:-.749rem;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e")}}}}.chat-end{grid-template-columns:1fr auto;place-items:end;& .chat-header,& .chat-footer{grid-column-start:1}& .chat-image{grid-column-start:2}& .chat-bubble{border-end-end-radius:0;grid-column-start:1;&:before{inset-inline-start:99.9%;mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");[dir=rtl] &{mask-image:url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e")}}}}

package/components/checkbox/class.json

@@ -0,0 +1,17 @@
+[
+  "checkbox",
+  "2s",
+  "3s",
+  "1s",
+  "checkbox-primary",
+  "checkbox-secondary",
+  "checkbox-accent",
+  "checkbox-success",
+  "checkbox-warning",
+  "checkbox-info",
+  "checkbox-error",
+  "checkbox-xs",
+  "checkbox-sm",
+  "checkbox-md",
+  "checkbox-lg"
+]

package/components/checkbox/index.js

@@ -1,108 +1,4 @@
-export default {
-  ".checkbox": {
-    "@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-[var(--radius-btn)] border p-1 align-middle": {},
-    "boxShadow": "0 1px oklch(0% 0 0 / 0.1) inset",
-    "transition": "background-color 0.2s,\n    box-shadow 0.2s",
-    "&:before": {
-      "@apply block size-full rotate-45 bg-current opacity-0 content-['']": {},
-      "transition": "clip-path 0.3s,\n      opacity 0.1s,\n      rotate 0.3s,\n      translate 0.3s",
-      "transitionDelay": "0.1s",
-      "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)",
-      "boxShadow": "0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"
-    },
-    "&:focus-visible": {
-      "@apply outline-2 outline-offset-2 outline-current": {}
-    },
-    "&:checked,\n  &[aria-checked=\"true\"]": {
-      "boxShadow": "0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n      0 1px oklch(0% 0 0 / 0.1)",
-      "&:before": {
-        "@apply opacity-100": {},
-        "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"
-      }
-    },
-    "&:indeterminate": {
-      "&:before": {
-        "@apply translate-y-[-35%] rotate-0 opacity-100": {},
-        "clipPath": "polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"
-      }
-    }
-  },
-  ".checkbox-primary": {
-    "@apply border-primary text-primary-content": {},
-    "&:focus-visible": {
-      "@apply outline-primary": {}
-    },
-    "&:checked": {
-      "@apply bg-primary": {}
-    }
-  },
-  ".checkbox-secondary": {
-    "@apply border-secondary text-secondary-content": {},
-    "&:focus-visible": {
-      "@apply outline-secondary": {}
-    },
-    "&:checked": {
-      "@apply bg-secondary": {}
-    }
-  },
-  ".checkbox-accent": {
-    "@apply border-accent text-accent-content": {},
-    "&:focus-visible": {
-      "@apply outline-accent": {}
-    },
-    "&:checked": {
-      "@apply bg-accent": {}
-    }
-  },
-  ".checkbox-success": {
-    "@apply border-success text-success-content": {},
-    "&:focus-visible": {
-      "@apply outline-success": {}
-    },
-    "&:checked": {
-      "@apply bg-success": {}
-    }
-  },
-  ".checkbox-warning": {
-    "@apply border-warning text-warning-content": {},
-    "&:focus-visible": {
-      "@apply outline-warning": {}
-    },
-    "&:checked": {
-      "@apply bg-warning": {}
-    }
-  },
-  ".checkbox-info": {
-    "@apply border-info text-info-content": {},
-    "&:focus-visible": {
-      "@apply outline-info": {}
-    },
-    "&:checked": {
-      "@apply bg-info": {}
-    }
-  },
-  ".checkbox-error": {
-    "@apply border-error text-error-content": {},
-    "&:focus-visible": {
-      "@apply outline-error": {}
-    },
-    "&:checked": {
-      "@apply bg-error": {}
-    }
-  },
-  ".checkbox:disabled": {
-    "@apply cursor-not-allowed opacity-20": {}
-  },
-  ".checkbox-xs": {
-    "@apply size-4 p-0.5": {}
-  },
-  ".checkbox-sm": {
-    "@apply size-5": {}
-  },
-  ".checkbox-md": {
-    "@apply size-6": {}
-  },
-  ".checkbox-lg": {
-    "@apply size-8": {}
-  }
-};
+import checkbox from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...checkbox})
+}

package/components/checkbox/object.js

@@ -0,0 +1 @@
+export default {".checkbox":{"@apply border-base-content/20 text-base-content relative shrink-0 size-6 cursor-pointer appearance-none rounded-[var(--radius-btn)] border p-1 align-middle":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.1) inset","transition":"background-color 0.2s,\n    box-shadow 0.2s","&:before":{"@apply block size-full rotate-45 bg-current opacity-0 content-['']":{},"transition":"clip-path 0.3s,\n      opacity 0.1s,\n      rotate 0.3s,\n      translate 0.3s","transitionDelay":"0.1s","clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%)","boxShadow":"0px 3px 0 0px oklch(100% 0 0 / 0.1) inset"},"&:focus-visible":{"@apply outline-2 outline-offset-2 outline-current":{}},"&:checked,\n  &[aria-checked=\"true\"]":{"boxShadow":"0 8px 0 -4px oklch(100% 0 0 / 0.1) inset,\n      0 1px oklch(0% 0 0 / 0.1)","&:before":{"@apply opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%)"}},"&:indeterminate":{"&:before":{"@apply translate-y-[-35%] rotate-0 opacity-100":{},"clipPath":"polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%)"}}},".checkbox-primary":{"@apply border-primary text-primary-content":{},"&:focus-visible":{"@apply outline-primary":{}},"&:checked":{"@apply bg-primary":{}}},".checkbox-secondary":{"@apply border-secondary text-secondary-content":{},"&:focus-visible":{"@apply outline-secondary":{}},"&:checked":{"@apply bg-secondary":{}}},".checkbox-accent":{"@apply border-accent text-accent-content":{},"&:focus-visible":{"@apply outline-accent":{}},"&:checked":{"@apply bg-accent":{}}},".checkbox-success":{"@apply border-success text-success-content":{},"&:focus-visible":{"@apply outline-success":{}},"&:checked":{"@apply bg-success":{}}},".checkbox-warning":{"@apply border-warning text-warning-content":{},"&:focus-visible":{"@apply outline-warning":{}},"&:checked":{"@apply bg-warning":{}}},".checkbox-info":{"@apply border-info text-info-content":{},"&:focus-visible":{"@apply outline-info":{}},"&:checked":{"@apply bg-info":{}}},".checkbox-error":{"@apply border-error text-error-content":{},"&:focus-visible":{"@apply outline-error":{}},"&:checked":{"@apply bg-error":{}}},".checkbox:disabled":{"@apply cursor-not-allowed opacity-20":{}},".checkbox-xs":{"@apply size-4 p-0.5":{}},".checkbox-sm":{"@apply size-5":{}},".checkbox-md":{"@apply size-6":{}},".checkbox-lg":{"@apply size-8":{}}};