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

package/components/input.css

@@ -1,204 +1 @@
-.input {
-    height: var(--spacing-10, 2.5rem);
-    flex-shrink: 1;
-    appearance: none;
-    border-radius: var(--radius-btn, 0.5rem);
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-color: transparent;
-    background-color: var(--color-base-100, oklch(100% 0 0));
-    padding-left: var(--spacing-4, 1rem);
-    padding-right: var(--spacing-4, 1rem);
-    vertical-align: middle;
-    font-size: var(--font-size-base, 1rem);
-    line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
-    font-size: var(--font-size-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-    --tw-leading: var(--line-height-loose, 2);
-    line-height: var(--line-height-loose, 2);
-    input {
-      --tw-border-style: none;
-      border-style: none;
-      background-color: transparent;
-      &:focus {
-        outline: 2px solid transparent;
-        outline-offset: 2px;
-      }
-    }
-    &:focus, &:focus-within {
-      border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      outline-style: var(--tw-outline-style);
-      outline-width: 1px;
-      outline-style: var(--tw-outline-style);
-      outline-width: 2px;
-      outline-offset: 2px;
-      outline-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-    }
-    &:has(> input[disabled]), &:is(:disabled, [disabled]) {
-      cursor: not-allowed;
-      border-color: var(--color-base-200, oklch(96.1151% 0 0));
-      background-color: var(--color-base-200, oklch(96.1151% 0 0));
-      color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 40%, transparent);
-      &::placeholder {
-        color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-      }
-      &::placeholder {
-        color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      }
-    }
-    &:has(> input[disabled])>input[disabled] {
-      cursor: not-allowed;
-    }
-    &::-webkit-date-and-time-value {
-      text-align: inherit;
-    }
-    &[type="number"] {
-      &::-webkit-inner-spin-button {
-        margin-top: calc(var(--spacing-4, 1rem) * -1);
-        margin-bottom: calc(var(--spacing-4, 1rem) * -1);
-        margin-inline-end: calc(var(--spacing-4, 1rem) * -1);
-      }
-    }
-    &[list] {
-      &::-webkit-calendar-picker-indicator {
-        line-height: 1em;
-      }
-    }
-    &.input-bordered {
-      border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-      box-shadow: 0 1px oklch(0% 0 0 / 0.1) inset, 0 -1px oklch(100% 0 0 / 0.1) inset;
-      &:focus {
-        box-shadow: 0 1px oklch(0% 0 0 / 0.1);
-      }
-    }
-    &.input-ghost {
-      background-color: color-mix(in srgb, var(--color-base-100, oklch(100% 0 0)) 5%, transparent);
-      --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);
-      &:focus, &:focus-within {
-        background-color: var(--color-base-100, oklch(100% 0 0));
-        color: var(--color-base-content, oklch(27.8078% 0.029596 256.84795));
-        box-shadow: none;
-      }
-    }
-    &.input-primary {
-      border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-      background-color: color-mix(in oklab, var(--color-primary) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-        outline-color: var(--color-primary, oklch(49.12% 0.3096 275.75));
-      }
-    }
-    &.input-secondary {
-      border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-      background-color: color-mix(in oklab, var(--color-secondary) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-        outline-color: var(--color-secondary, oklch(69.71% 0.329 342.55));
-      }
-    }
-    &.input-accent {
-      border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
-      background-color: color-mix(in oklab, var(--color-accent) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-accent, oklch(76.76% 0.184 183.61));
-        outline-color: var(--color-accent, oklch(76.76% 0.184 183.61));
-      }
-    }
-    &.input-info {
-      border-color: var(--color-info, oklch(72.06% 0.191 231.6));
-      background-color: color-mix(in oklab, var(--color-info) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-info, oklch(72.06% 0.191 231.6));
-        outline-color: var(--color-info, oklch(72.06% 0.191 231.6));
-      }
-    }
-    &.input-success {
-      border-color: var(--color-success, oklch(64.8% 0.15 160));
-      background-color: color-mix(in oklab, var(--color-success) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-success, oklch(64.8% 0.15 160));
-        outline-color: var(--color-success, oklch(64.8% 0.15 160));
-      }
-    }
-    &.input-warning {
-      border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
-      background-color: color-mix(in oklab, var(--color-warning) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-warning, oklch(84.71% 0.199 83.87));
-        outline-color: var(--color-warning, oklch(84.71% 0.199 83.87));
-      }
-    }
-    &.input-error {
-      border-color: var(--color-error, oklch(71.76% 0.221 22.18));
-      background-color: color-mix(in oklab, var(--color-error) 2%, transparent);
-      &:focus, &:focus-within {
-        border-color: var(--color-error, oklch(71.76% 0.221 22.18));
-        outline-color: var(--color-error, oklch(71.76% 0.221 22.18));
-      }
-    }
-    &.input-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, 0.75rem);
-      line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
-      --tw-leading: var(--line-height-relaxed, 1.625);
-      line-height: var(--line-height-relaxed, 1.625);
-      &[type="number"] {
-        &::-webkit-inner-spin-button {
-          margin-top: calc(var(--spacing-1, 0.25rem) * -1);
-          margin-bottom: calc(var(--spacing-1, 0.25rem) * -1);
-          margin-inline-end: calc(var(--spacing-0, 0px) * -1);
-        }
-      }
-    }
-    &.input-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, 0.875rem);
-      line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-      --tw-leading: var(--line-height-8, 2rem);
-      line-height: var(--line-height-8, 2rem);
-      &[type="number"] {
-        &::-webkit-inner-spin-button {
-          margin-top: var(--spacing-0, 0px);
-          margin-bottom: var(--spacing-0, 0px);
-          margin-inline-end: calc(var(--spacing-0, 0px) * -1);
-        }
-      }
-    }
-    &.input-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, 0.875rem);
-      line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-      --tw-leading: var(--line-height-loose, 2);
-      line-height: var(--line-height-loose, 2);
-      &[type="number"] {
-        &::-webkit-inner-spin-button {
-          margin-top: calc(var(--spacing-4, 1rem) * -1);
-          margin-bottom: calc(var(--spacing-4, 1rem) * -1);
-          margin-inline-end: calc(var(--spacing-4, 1rem) * -1);
-        }
-      }
-    }
-    &.input-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, 1.125rem);
-      line-height: var(--tw-leading, var(--font-size-lg--line-height, 1.75rem));
-      --tw-leading: var(--line-height-loose, 2);
-      line-height: var(--line-height-loose, 2);
-      &[type="number"] {
-        &::-webkit-inner-spin-button {
-          margin-top: calc(var(--spacing-6, 1.5rem) * -1);
-          margin-bottom: calc(var(--spacing-6, 1.5rem) * -1);
-          margin-inline-end: calc(var(--spacing-6, 1.5rem) * -1);
-        }
-      }
-    }
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .input{height:var(--spacing-10,2.5rem);appearance:none;border-style:var(--tw-border-style);background-color:var(--color-base-100,var(--color-base-100));padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);vertical-align:middle;font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);border-width:1px;border-color:#0000;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-shrink:1;& input{--tw-border-style:none;background-color:#0000;border-style:none;&:focus{outline-offset:2px;outline:2px solid #0000}}&:focus,&:focus-within{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);outline-style:var(--tw-outline-style);outline-width:1px;outline-style:var(--tw-outline-style);outline-offset:2px;outline-width:2px;outline-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}&:has(>input[disabled]),&:is(:disabled,[disabled]){cursor:not-allowed;border-color:var(--color-base-200,var(--color-base-200));background-color:var(--color-base-200,var(--color-base-200));color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))40%,transparent);&::placeholder{color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent)}}&:has(>input[disabled])>input[disabled]{cursor:not-allowed}&::-webkit-date-and-time-value{text-align:inherit}&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}&[list]{&::-webkit-calendar-picker-indicator{line-height:1em}}&.input-bordered{border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);box-shadow:inset 0 1px oklch(0% 0 0/.1),inset 0 -1px oklch(100% 0 0/.1);&:focus{box-shadow:0 1px oklch(0% 0 0/.1)}}&.input-ghost{background-color:color-mix(in srgb,var(--color-base-100,var(--color-base-100))5%,transparent);--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);&:focus,&:focus-within{background-color:var(--color-base-100,var(--color-base-100));color:var(--color-base-content,var(--color-base-content));box-shadow:none}}&.input-primary{border-color:var(--color-primary,var(--color-primary));background-color:color-mix(in oklab,var(--color-primary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-primary,var(--color-primary));outline-color:var(--color-primary,var(--color-primary))}}&.input-secondary{border-color:var(--color-secondary,var(--color-secondary));background-color:color-mix(in oklab,var(--color-secondary)2%,transparent);&:focus,&:focus-within{border-color:var(--color-secondary,var(--color-secondary));outline-color:var(--color-secondary,var(--color-secondary))}}&.input-accent{border-color:var(--color-accent,var(--color-accent));background-color:color-mix(in oklab,var(--color-accent)2%,transparent);&:focus,&:focus-within{border-color:var(--color-accent,var(--color-accent));outline-color:var(--color-accent,var(--color-accent))}}&.input-info{border-color:var(--color-info,var(--color-info));background-color:color-mix(in oklab,var(--color-info)2%,transparent);&:focus,&:focus-within{border-color:var(--color-info,var(--color-info));outline-color:var(--color-info,var(--color-info))}}&.input-success{border-color:var(--color-success,var(--color-success));background-color:color-mix(in oklab,var(--color-success)2%,transparent);&:focus,&:focus-within{border-color:var(--color-success,var(--color-success));outline-color:var(--color-success,var(--color-success))}}&.input-warning{border-color:var(--color-warning,var(--color-warning));background-color:color-mix(in oklab,var(--color-warning)2%,transparent);&:focus,&:focus-within{border-color:var(--color-warning,var(--color-warning));outline-color:var(--color-warning,var(--color-warning))}}&.input-error{border-color:var(--color-error,var(--color-error));background-color:color-mix(in oklab,var(--color-error)2%,transparent);&:focus,&:focus-within{border-color:var(--color-error,var(--color-error));outline-color:var(--color-error,var(--color-error))}}&.input-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,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));--tw-leading:var(--line-height-relaxed,1.625);line-height:var(--line-height-relaxed,1.625);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-1,.25rem)*-1);margin-bottom:calc(var(--spacing-1,.25rem)*-1);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-sm{height:var(--spacing-8,2rem);padding-left:var(--spacing-3,.75rem);padding-right:var(--spacing-3,.75rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-8,2rem);line-height:var(--line-height-8,2rem);&[type=number]{&::-webkit-inner-spin-button{margin-top:var(--spacing-0,0px);margin-bottom:var(--spacing-0,0px);margin-inline-end:calc(var(--spacing-0,0px)*-1)}}}&.input-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,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-4,1rem)*-1);margin-bottom:calc(var(--spacing-4,1rem)*-1);margin-inline-end:calc(var(--spacing-4,1rem)*-1)}}}&.input-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,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));--tw-leading:var(--line-height-loose,2);line-height:var(--line-height-loose,2);&[type=number]{&::-webkit-inner-spin-button{margin-top:calc(var(--spacing-6,1.5rem)*-1);margin-bottom:calc(var(--spacing-6,1.5rem)*-1);margin-inline-end:calc(var(--spacing-6,1.5rem)*-1)}}}}

package/components/kbd/class.json

@@ -0,0 +1,7 @@
+[
+  "kbd",
+  "kbd-xs",
+  "kbd-sm",
+  "kbd-md",
+  "kbd-lg"
+]

package/components/kbd/index.js

@@ -1,27 +1,4 @@
-export default {
-  ".kbd": {
-    "@apply inline-flex items-center justify-center border-base-content/20 bg-base-200 rounded-btn border px-2 border-b-2 align-middle": {},
-    "minHeight": "2.2em",
-    "minWidth": "2.2em"
-  },
-  ".kbd-xs": {
-    "@apply px-1 text-xs": {},
-    "minHeight": "1.2em",
-    "minWidth": "1.2em"
-  },
-  ".kbd-sm": {
-    "@apply px-1 text-sm": {},
-    "minHeight": "1.6em",
-    "minWidth": "1.6em"
-  },
-  ".kbd-md": {
-    "@apply px-2 text-base": {},
-    "minHeight": "2.2em",
-    "minWidth": "2.2em"
-  },
-  ".kbd-lg": {
-    "@apply px-4 text-lg": {},
-    "minHeight": "2.5em",
-    "minWidth": "2.5em"
-  }
-};
+import kbd from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...kbd})
+}

package/components/kbd/object.js

@@ -0,0 +1 @@
+export default {".kbd":{"@apply inline-flex items-center justify-center border-base-content/20 bg-base-200 rounded-btn border px-2 border-b-2 align-middle":{},"minHeight":"2.2em","minWidth":"2.2em"},".kbd-xs":{"@apply px-1 text-xs":{},"minHeight":"1.2em","minWidth":"1.2em"},".kbd-sm":{"@apply px-1 text-sm":{},"minHeight":"1.6em","minWidth":"1.6em"},".kbd-md":{"@apply px-2 text-base":{},"minHeight":"2.2em","minWidth":"2.2em"},".kbd-lg":{"@apply px-4 text-lg":{},"minHeight":"2.5em","minWidth":"2.5em"}};

package/components/kbd.css

@@ -1,49 +1 @@
-.kbd {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: var(--radius-btn, 0.5rem);
-    border-style: var(--tw-border-style);
-    border-width: 1px;
-    border-bottom-style: var(--tw-border-style);
-    border-bottom-width: 2px;
-    border-color: color-mix(in srgb, var(--color-base-content, oklch(27.8078% 0.029596 256.84795)) 20%, transparent);
-    background-color: var(--color-base-200, oklch(96.1151% 0 0));
-    padding-left: var(--spacing-2, 0.5rem);
-    padding-right: var(--spacing-2, 0.5rem);
-    vertical-align: middle;
-    min-height: 2.2em;
-    min-width: 2.2em;
-  }
-  .kbd-xs {
-    padding-left: var(--spacing-1, 0.25rem);
-    padding-right: var(--spacing-1, 0.25rem);
-    font-size: var(--font-size-xs, 0.75rem);
-    line-height: var(--tw-leading, var(--font-size-xs--line-height, 1rem));
-    min-height: 1.2em;
-    min-width: 1.2em;
-  }
-  .kbd-sm {
-    padding-left: var(--spacing-1, 0.25rem);
-    padding-right: var(--spacing-1, 0.25rem);
-    font-size: var(--font-size-sm, 0.875rem);
-    line-height: var(--tw-leading, var(--font-size-sm--line-height, 1.25rem));
-    min-height: 1.6em;
-    min-width: 1.6em;
-  }
-  .kbd-md {
-    padding-left: var(--spacing-2, 0.5rem);
-    padding-right: var(--spacing-2, 0.5rem);
-    font-size: var(--font-size-base, 1rem);
-    line-height: var(--tw-leading, var(--font-size-base--line-height, 1.5rem));
-    min-height: 2.2em;
-    min-width: 2.2em;
-  }
-  .kbd-lg {
-    padding-left: var(--spacing-4, 1rem);
-    padding-right: var(--spacing-4, 1rem);
-    font-size: var(--font-size-lg, 1.125rem);
-    line-height: var(--tw-leading, var(--font-size-lg--line-height, 1.75rem));
-    min-height: 2.5em;
-    min-width: 2.5em;
-  }
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .kbd{border-radius:var(--radius-btn,var(--radius-btn));border-style:var(--tw-border-style);border-width:1px;border-bottom-style:var(--tw-border-style);border-bottom-width:2px;border-color:color-mix(in srgb,var(--color-base-content,var(--color-base-content))20%,transparent);background-color:var(--color-base-200,var(--color-base-200));padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);vertical-align:middle;justify-content:center;align-items:center;min-width:2.2em;min-height:2.2em;display:inline-flex}.kbd-xs{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-xs,.75rem);line-height:var(--tw-leading,var(--font-size-xs--line-height,1rem));min-width:1.2em;min-height:1.2em}.kbd-sm{padding-left:var(--spacing-1,.25rem);padding-right:var(--spacing-1,.25rem);font-size:var(--font-size-sm,.875rem);line-height:var(--tw-leading,var(--font-size-sm--line-height,1.25rem));min-width:1.6em;min-height:1.6em}.kbd-md{padding-left:var(--spacing-2,.5rem);padding-right:var(--spacing-2,.5rem);font-size:var(--font-size-base,1rem);line-height:var(--tw-leading,var(--font-size-base--line-height,1.5rem));min-width:2.2em;min-height:2.2em}.kbd-lg{padding-left:var(--spacing-4,1rem);padding-right:var(--spacing-4,1rem);font-size:var(--font-size-lg,1.125rem);line-height:var(--tw-leading,var(--font-size-lg--line-height,1.75rem));min-width:2.5em;min-height:2.5em}

package/components/link/class.json

@@ -0,0 +1,12 @@
+[
+  "link",
+  "link-hover",
+  "link-primary",
+  "link-secondary",
+  "link-accent",
+  "link-neutral",
+  "link-success",
+  "link-info",
+  "link-warning",
+  "link-error"
+]

package/components/link/index.js

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

package/components/link/object.js

@@ -0,0 +1 @@
+export default {".link":{"@apply cursor-pointer underline":{},"&:focus":{"@apply outline-none":{}},"&:focus-visible":{"outline":"2px solid currentColor","outlineOffset":"2px"}},".link-hover":{"@apply no-underline hover:underline":{}},".link-primary":{"@apply text-primary":{},"&:hover":{"color":"color-mix(in oklab, var(--color-primary) 80%, black)"}},".link-secondary":{"@apply text-secondary":{},"&:hover":{"color":"color-mix(in oklab, var(--color-secondary) 80%, black)"}},".link-accent":{"@apply text-accent":{},"&:hover":{"color":"color-mix(in oklab, var(--color-accent) 80%, black)"}},".link-neutral":{"@apply text-neutral":{},"&:hover":{"color":"color-mix(in oklab, var(--color-neutral) 80%, black)"}},".link-success":{"@apply text-success":{},"&:hover":{"color":"color-mix(in oklab, var(--color-success) 80%, black)"}},".link-info":{"@apply text-info":{},"&:hover":{"color":"color-mix(in oklab, var(--color-info) 80%, black)"}},".link-warning":{"@apply text-warning":{},"&:hover":{"color":"color-mix(in oklab, var(--color-warning) 80%, black)"}},".link-error":{"@apply text-error":{},"&:hover":{"color":"color-mix(in oklab, var(--color-error) 80%, black)"}}};

package/components/link.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .link{cursor:pointer;text-decoration-line:underline;&:focus{outline-offset:2px;outline:2px solid #0000}&:focus-visible{outline-offset:2px;outline:2px solid}}.link-hover{text-decoration-line:none;&:hover{@media (hover:hover){&{text-decoration-line:underline}}}}.link-primary{color:var(--color-primary,var(--color-primary));&:hover{color:color-mix(in oklab,var(--color-primary)80%,black)}}.link-secondary{color:var(--color-secondary,var(--color-secondary));&:hover{color:color-mix(in oklab,var(--color-secondary)80%,black)}}.link-accent{color:var(--color-accent,var(--color-accent));&:hover{color:color-mix(in oklab,var(--color-accent)80%,black)}}.link-neutral{color:var(--color-neutral,var(--color-neutral));&:hover{color:color-mix(in oklab,var(--color-neutral)80%,black)}}.link-success{color:var(--color-success,var(--color-success));&:hover{color:color-mix(in oklab,var(--color-success)80%,black)}}.link-info{color:var(--color-info,var(--color-info));&:hover{color:color-mix(in oklab,var(--color-info)80%,black)}}.link-warning{color:var(--color-warning,var(--color-warning));&:hover{color:color-mix(in oklab,var(--color-warning)80%,black)}}.link-error{color:var(--color-error,var(--color-error));&:hover{color:color-mix(in oklab,var(--color-error)80%,black)}}

package/components/loading/class.json

@@ -0,0 +1,21 @@
+[
+  "loading",
+  "loading-spinner",
+  "loading-dots",
+  "33",
+  "66",
+  "loading-ring",
+  "165",
+  "84",
+  "44",
+  "3",
+  "61",
+  "355",
+  "loading-ball",
+  "loading-bars",
+  "loading-infinity",
+  "loading-xs",
+  "loading-sm",
+  "loading-md",
+  "loading-lg"
+]

package/components/loading/index.js

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

package/components/loading/object.js

@@ -0,0 +1 @@
+export default {".loading":{"@apply pointer-events-none inline-block aspect-square w-6 bg-current align-middle":{},"maskSize":"100%","maskRepeat":"no-repeat","maskPosition":"center","maskImage":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\")"},".loading-spinner":{"maskImage":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E\")"},".loading-dots":{"maskImage":"url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E\")"},".loading-ring":{"maskImage":"url(\"data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E\")"},".loading-ball":{"maskImage":"url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E\")"},".loading-bars":{"maskImage":"url(\"data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E\")"},".loading-infinity":{"maskImage":"url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E\")"},".loading-xs":{"@apply w-4":{}},".loading-sm":{"@apply w-5":{}},".loading-md":{"@apply w-6":{}},".loading-lg":{"@apply w-10":{}}};

package/components/loading.css

@@ -0,0 +1 @@
+/*! 🌼 daisyUI 5.0.0-alpha.21 – MIT License */ .loading{pointer-events:none;aspect-ratio:1;width:var(--spacing-6,1.5rem);vertical-align:middle;background-color:currentColor;display:inline-block;mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E");mask-position:50%;mask-size:100%;mask-repeat:no-repeat}.loading-spinner{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='%23000' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_V8m1%7Btransform-origin:center;animation:spinner_zKoa 2s linear infinite%7D.spinner_V8m1 circle%7Bstroke-linecap:round;animation:spinner_YpZS 1.5s ease-out infinite%7D%40keyframes spinner_zKoa%7B100%25%7Btransform:rotate(360deg)%7D%7D%40keyframes spinner_YpZS%7B0%25%7Bstroke-dasharray:0 150;stroke-dashoffset:0%7D47.5%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-16%7D95%25%2C100%25%7Bstroke-dasharray:42 150;stroke-dashoffset:-59%7D%7D%3C%2Fstyle%3E%3Cg class='spinner_V8m1'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3'%3E%3C%2Fcircle%3E%3C%2Fg%3E%3C%2Fsvg%3E")}.loading-dots{mask-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_qM83%7Banimation:spinner_8HQG 1.05s infinite%7D.spinner_oXPr%7Banimation-delay:.1s%7D.spinner_ZTLf%7Banimation-delay:.2s%7D@keyframes spinner_8HQG%7B0%25,57.14%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);transform:translate(0)%7D28.57%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);transform:translateY(-6px)%7D100%25%7Btransform:translate(0)%7D%7D%3C/style%3E%3Ccircle class='spinner_qM83' cx='4' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_oXPr' cx='12' cy='12' r='3'/%3E%3Ccircle class='spinner_qM83 spinner_ZTLf' cx='20' cy='12' r='3'/%3E%3C/svg%3E")}.loading-ring{mask-image:url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' xmlns='http://www.w3.org/2000/svg' stroke='%23fff'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3Ccircle cx='22' cy='22' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite' /%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite' /%3E%3C/circle%3E%3C/g%3E%3C/svg%3E")}.loading-ball{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_rXNP%7Banimation:spinner_YeBj .8s infinite%7D@keyframes spinner_YeBj%7B0%25%7Banimation-timing-function:cubic-bezier(0.33,0,.66,.33);cy:5px%7D46.875%25%7Bcy:20px;rx:4px;ry:4px%7D50%25%7Banimation-timing-function:cubic-bezier(0.33,.66,.66,1);cy:20.5px;rx:4.8px;ry:3px%7D53.125%25%7Brx:4px;ry:4px%7D100%25%7Bcy:5px%7D%7D%3C/style%3E%3Cellipse class='spinner_rXNP' cx='12' cy='5' rx='4' ry='4'/%3E%3C/svg%3E")}.loading-bars{mask-image:url("data:image/svg+xml,%0A%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cstyle%3E.spinner_hzlK%7Banimation:spinner_vc4H .8s linear infinite;animation-delay:-.8s%7D.spinner_koGT%7Banimation-delay:-.65s%7D.spinner_YF1u%7Banimation-delay:-.5s%7D@keyframes spinner_vc4H%7B0%25%7By:1px;height:22px%7D93.75%25%7By:5px;height:14px;opacity:.2%7D%7D%3C/style%3E%3Crect class='spinner_hzlK' x='1' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_koGT' x='9' y='1' width='6' height='22'/%3E%3Crect class='spinner_hzlK spinner_YF1u' x='17' y='1' width='6' height='22'/%3E%3C/svg%3E")}.loading-infinity{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Cpath fill='none' stroke='%230a0a0a' stroke-width='10' stroke-dasharray='205.271142578125 51.317785644531256' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40 C88.6 30 95 43.3 95 50s-6.4 20-19.3 20C56.4 70 43.6 30 24.3 30z' stroke-linecap='round' style='transform:scale(0.8);transform-origin:50px 50px'%3E%3Canimate attributeName='stroke-dashoffset' repeatCount='indefinite' dur='2s' keyTimes='0;1' values='0;256.58892822265625'%3E%3C/animate%3E%3C/path%3E%3C/svg%3E")}.loading-xs{width:var(--spacing-4,1rem)}.loading-sm{width:var(--spacing-5,1.25rem)}.loading-md{width:var(--spacing-6,1.5rem)}.loading-lg{width:var(--spacing-10,2.5rem)}

package/components/mask/class.json

@@ -0,0 +1,24 @@
+[
+  "mask",
+  "mask-half-1",
+  "mask-half-2",
+  "mask-squircle",
+  "mask-decagon",
+  "mask-diamond",
+  "mask-heart",
+  "mask-hexagon",
+  "mask-hexagon-2",
+  "mask-circle",
+  "mask-parallelogram",
+  "mask-parallelogram-2",
+  "mask-parallelogram-3",
+  "mask-parallelogram-4",
+  "mask-pentagon",
+  "mask-square",
+  "mask-star",
+  "mask-star-2",
+  "mask-triangle",
+  "mask-triangle-2",
+  "mask-triangle-3",
+  "mask-triangle-4"
+]

package/components/mask/index.js

@@ -1,74 +1,4 @@
-export default {
-  ".mask": {
-    "maskSize": "contain",
-    "maskRepeat": "no-repeat",
-    "maskPosition": "center"
-  },
-  ".mask-half-1": {
-    "maskSize": "200%",
-    "maskPosition": "left",
-    "@apply [mask-position:left] rtl:[mask-position:right]": {}
-  },
-  ".mask-half-2": {
-    "maskSize": "200%",
-    "maskPosition": "right",
-    "@apply [mask-position:right] rtl:[mask-position:left]": {}
-  },
-  ".mask-squircle": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\")"
-  },
-  ".mask-decagon": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-diamond": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-heart": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"
-  },
-  ".mask-hexagon": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"
-  },
-  ".mask-hexagon-2": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"
-  },
-  ".mask-circle": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-parallelogram": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-parallelogram-2": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-parallelogram-3": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-parallelogram-4": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-pentagon": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-square": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-star": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-star-2": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-triangle": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-triangle-2": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-triangle-3": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  },
-  ".mask-triangle-4": {
-    "maskImage": "url(\"data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e\")"
-  }
-};
+import mask from './object.js';
+export default ({ addComponents }) => {
+	addComponents({...mask})
+}

package/components/mask/object.js

@@ -0,0 +1 @@
+export default {".mask":{"@apply inline-block align-middle":{},"maskSize":"contain","maskRepeat":"no-repeat","maskPosition":"center"},".mask-half-1":{"maskSize":"200%","maskPosition":"left","@apply [mask-position:left] rtl:[mask-position:right]":{}},".mask-half-2":{"maskSize":"200%","maskPosition":"right","@apply [mask-position:right] rtl:[mask-position:left]":{}},".mask-squircle":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e\")"},".mask-decagon":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-diamond":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-heart":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"},".mask-hexagon":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"},".mask-hexagon-2":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e\")"},".mask-circle":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-parallelogram":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-parallelogram-2":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-parallelogram-3":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-parallelogram-4":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-pentagon":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-square":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-star":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-star-2":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle-2":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle-3":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e\")"},".mask-triangle-4":{"maskImage":"url(\"data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e\")"}};