@pathscale/ui 0.0.163 → 0.0.164

package/dist/kbd/kbd.css

@@ -1,55 +0,0 @@
-@layer components {
-  .kbd {
-      box-shadow: none;
-      display: inline-flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: var(--radius-field);
-      background-color: var(--color-base-200);
-      vertical-align: middle;
-      padding-inline: 0.5em;
-      border: var(--border) solid var(--color-base-content);
-      border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
-      --size: calc(var(--size-selector, 0.25rem) * 6);
-      font-size: 0.875rem;
-      height: var(--size);
-      min-width: var(--size);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .kbd {
-      border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
-    }
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .kbd {
-      border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
-    }
-    }
-
-  .kbd-lg {
-      --size: calc(var(--size-selector, 0.25rem) * 7);
-      font-size: 1rem;
-    }
-
-  .kbd-md {
-      --size: calc(var(--size-selector, 0.25rem) * 6);
-      font-size: 0.875rem;
-    }
-
-  .kbd-sm {
-      --size: calc(var(--size-selector, 0.25rem) * 5);
-      font-size: 0.75rem;
-    }
-
-  .kbd-xl {
-      --size: calc(var(--size-selector, 0.25rem) * 8);
-      font-size: 1.125rem;
-    }
-
-  .kbd-xs {
-      --size: calc(var(--size-selector, 0.25rem) * 4);
-      font-size: 0.625rem;
-    }
-}

package/dist/lib/iterable.js

@@ -1,6 +0,0 @@
-function chain(callbacks) {
-    return (...args)=>{
-        for (const callback of callbacks)callback?.(...args);
-    };
-}
-export { chain };

package/dist/lib/refs/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__mergeRefs_js_61a73eaa__ from "./mergeRefs.js";
-var __webpack_exports__mergeRefs = __WEBPACK_EXTERNAL_MODULE__mergeRefs_js_61a73eaa__.mergeRefs;
-export { __webpack_exports__mergeRefs as mergeRefs };

package/dist/lib/refs/mergeRefs.js

@@ -1,5 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__iterable_js_5f52c29a__ from "../iterable.js";
-function mergeRefs(...refs) {
-    return (0, __WEBPACK_EXTERNAL_MODULE__iterable_js_5f52c29a__.chain)(refs);
-}
-export { mergeRefs };

package/dist/lib/style/classes.js

@@ -1,40 +0,0 @@
-function classes(...args) {
-    return args.flat().filter(Boolean).join(" ");
-}
-function falsyToString(value) {
-    return "boolean" == typeof value ? `${value}` : 0 === value ? "0" : value;
-}
-function cva(base, config) {
-    const fn = (props)=>{
-        if (config?.variants == null) return classes(base, props?.class);
-        const { variants, defaultVariants } = config;
-        const getVariantClassNames = Object.keys(variants).map((variant)=>{
-            const variantProp = props?.[variant];
-            const defaultVariantProp = defaultVariants?.[variant];
-            if (null === variantProp) return null;
-            const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);
-            return variants[variant]?.[variantKey];
-        });
-        const propsWithoutUndefined = Object.entries(props || {}).reduce((acc, [key, value])=>{
-            if (void 0 !== value) acc[key] = value;
-            return acc;
-        }, {});
-        const getCompoundVariantClassNames = config?.compoundVariants?.reduce((acc, { class: cvClass, ...compoundVariantOptions })=>{
-            const isMatch = Object.entries(compoundVariantOptions).every(([key, value])=>{
-                const currentValue = {
-                    ...defaultVariants,
-                    ...propsWithoutUndefined
-                }[key];
-                return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
-            });
-            return isMatch ? [
-                ...acc,
-                cvClass
-            ] : acc;
-        }, []);
-        return classes(base, getVariantClassNames, getCompoundVariantClassNames, props?.class);
-    };
-    fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
-    return fn;
-}
-export { classes, cva, falsyToString };

package/dist/lib/style/index.js

@@ -1,4 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__ from "./classes.js";
-var __webpack_exports__classes = __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__.classes;
-var __webpack_exports__cva = __WEBPACK_EXTERNAL_MODULE__classes_js_a779350e__.cva;
-export { __webpack_exports__classes as classes, __webpack_exports__cva as cva };

package/dist/lib/tag/createIsButton.js

@@ -1,23 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__ from "./createTagName.js";
-const BUTTON_INPUT_TYPES = [
-    "button",
-    "color",
-    "file",
-    "image",
-    "reset",
-    "submit"
-];
-function isButton(tagName, type) {
-    if ("button" === tagName) return true;
-    if ("input" === tagName && void 0 !== type) return -1 !== BUTTON_INPUT_TYPES.indexOf(type);
-    return false;
-}
-function createIsButton(props) {
-    const tagName = (0, __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__.createTagName)({
-        element: props.element,
-        fallback: "button"
-    });
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>isButton(tagName(), props.type));
-}
-export { BUTTON_INPUT_TYPES, createIsButton, isButton };

package/dist/lib/tag/createTagName.js

@@ -1,5 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-function createTagName(props) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>props.element()?.tagName.toLowerCase() ?? props.fallback);
-}
-export { createTagName };

package/dist/lib/tag/index.js

@@ -1,7 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__ from "./createIsButton.js";
-import * as __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__ from "./createTagName.js";
-var __webpack_exports__BUTTON_INPUT_TYPES = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.BUTTON_INPUT_TYPES;
-var __webpack_exports__createIsButton = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.createIsButton;
-var __webpack_exports__createTagName = __WEBPACK_EXTERNAL_MODULE__createTagName_js_d66e5740__.createTagName;
-var __webpack_exports__isButton = __WEBPACK_EXTERNAL_MODULE__createIsButton_js_781d6faa__.isButton;
-export { __webpack_exports__BUTTON_INPUT_TYPES as BUTTON_INPUT_TYPES, __webpack_exports__createIsButton as createIsButton, __webpack_exports__createTagName as createTagName, __webpack_exports__isButton as isButton };

package/dist/link/link.css

@@ -1,153 +0,0 @@
-@layer components {
-  .link {
-      cursor: pointer;
-      text-decoration-line: underline;
-    }
-
-  .link:focus {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @media (forced-colors: active) {
-    .link:focus {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .link:focus-visible {
-      outline: 2px solid currentColor;
-      outline-offset: 2px;
-    }
-
-  .link-accent {
-      color: var(--color-accent);
-    }
-
-  @media (hover: hover) {
-    .link-accent:hover {
-      color: var(--color-accent);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-accent:hover {
-      color: color-mix(in oklab, var(--color-accent) 80%, #000);
-    }
-    }
-    }
-
-  .link-error {
-      color: var(--color-error);
-    }
-
-  @media (hover: hover) {
-    .link-error:hover {
-      color: var(--color-error);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-error:hover {
-      color: color-mix(in oklab, var(--color-error) 80%, #000);
-    }
-    }
-    }
-
-  .link-info {
-      color: var(--color-info);
-    }
-
-  @media (hover: hover) {
-    .link-info:hover {
-      color: var(--color-info);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-info:hover {
-      color: color-mix(in oklab, var(--color-info) 80%, #000);
-    }
-    }
-    }
-
-  .link-neutral {
-      color: var(--color-neutral);
-    }
-
-  @media (hover: hover) {
-    .link-neutral:hover {
-      color: var(--color-neutral);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-neutral:hover {
-      color: color-mix(in oklab, var(--color-neutral) 80%, #000);
-    }
-    }
-    }
-
-  .link-primary {
-      color: var(--color-primary);
-    }
-
-  @media (hover: hover) {
-    .link-primary:hover {
-      color: var(--color-primary);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-primary:hover {
-      color: color-mix(in oklab, var(--color-primary) 80%, #000);
-    }
-    }
-    }
-
-  .link-secondary {
-      color: var(--color-secondary);
-    }
-
-  @media (hover: hover) {
-    .link-secondary:hover {
-      color: var(--color-secondary);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-secondary:hover {
-      color: color-mix(in oklab, var(--color-secondary) 80%, #000);
-    }
-    }
-    }
-
-  .link-success {
-      color: var(--color-success);
-    }
-
-  @media (hover: hover) {
-    .link-success:hover {
-      color: var(--color-success);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-success:hover {
-      color: color-mix(in oklab, var(--color-success) 80%, #000);
-    }
-    }
-    }
-
-  .link-warning {
-      color: var(--color-warning);
-    }
-
-  @media (hover: hover) {
-    .link-warning:hover {
-      color: var(--color-warning);
-    }
-    @supports (color: color-mix(in lab, red, red)) {
-    .link-warning:hover {
-      color: color-mix(in oklab, var(--color-warning) 80%, #000);
-    }
-    }
-    }
-
-  .link-hover {
-      text-decoration-line: none;
-    }
-
-  @media (hover: hover) {
-    .link-hover:hover {
-      text-decoration-line: underline;
-    }
-    }
-}

package/dist/loading/loading.css

@@ -1,58 +0,0 @@
-@layer components {
-  .loading {
-      pointer-events: none;
-      display: inline-block;
-      aspect-ratio: 1 / 1;
-      background-color: currentcolor;
-      vertical-align: middle;
-      width: calc(var(--size-selector, 0.25rem) * 6);
-      mask-size: 100%;
-      mask-repeat: no-repeat;
-      mask-position: center;
-      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
-    }
-
-  .loading-lg {
-      width: calc(var(--size-selector, 0.25rem) * 7);
-    }
-
-  .loading-md {
-      width: calc(var(--size-selector, 0.25rem) * 6);
-    }
-
-  .loading-sm {
-      width: calc(var(--size-selector, 0.25rem) * 5);
-    }
-
-  .loading-xl {
-      width: calc(var(--size-selector, 0.25rem) * 8);
-    }
-
-  .loading-xs {
-      width: calc(var(--size-selector, 0.25rem) * 4);
-    }
-
-  .loading-ball {
-      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%3Cellipse cx='12' cy='5' rx='4' ry='4'%3E%3Canimate attributeName='cy' values='5;20;20.5;20;5' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3Canimate attributeName='rx' values='4;4;4.8;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='ry' values='4;4;3;4;4' keyTimes='0;0.469;0.5;0.531;1' dur='.8s' repeatCount='indefinite'/%3E%3C/ellipse%3E%3C/svg%3E");
-    }
-
-  .loading-bars {
-      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%3Crect x='1' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.65s'/%3E%3C/rect%3E%3Crect x='17' y='1' width='6' height='22'%3E%3Canimate attributeName='y' values='1;5;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='height' values='22;14;22' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3Canimate attributeName='opacity' values='1;0.2;1' keyTimes='0;0.938;1' dur='.8s' repeatCount='indefinite' begin='-0.5s'/%3E%3C/rect%3E%3C/svg%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%3Ccircle cx='4' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1'/%3E%3C/circle%3E%3Ccircle cx='12' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.1s'/%3E%3C/circle%3E%3Ccircle cx='20' cy='12' r='3'%3E%3Canimate attributeName='cy' values='12;6;12;12' keyTimes='0;0.286;0.571;1' dur='1.05s' repeatCount='indefinite' keySplines='.33,0,.66,.33;.33,.66,.66,1' begin='0.2s'/%3E%3C/circle%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='black' stroke-width='10' stroke-dasharray='205.271 51.318' d='M24.3 30C11.4 30 5 43.3 5 50s6.4 20 19.3 20c19.3 0 32.1-40 51.4-40C88.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.589'/%3E%3C/path%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='white'%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-spinner {
-      mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
-    }
-}

package/dist/mask/mask.css

@@ -1,89 +0,0 @@
-@layer components {
-  .mask {
-      display: inline-block;
-      vertical-align: middle;
-      mask-size: contain;
-      mask-repeat: no-repeat;
-      mask-position: center;
-    }
-
-  .mask-circle {
-      mask-image: 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-decagon {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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-pentagon {
-      mask-image: 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-squircle {
-      mask-image: 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-star {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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 {
-      mask-image: 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");
-    }
-
-  .mask-circle {
-      --tw-mask-radial-shape: circle;
-    }
-
-  .mask-half-1 {
-      mask-size: 200%;
-      mask-position: left;
-      mask-position: left;
-    }
-
-  .mask-half-1:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-      mask-position: right;
-    }
-
-  .mask-half-2 {
-      mask-size: 200%;
-      mask-position: right;
-      mask-position: right;
-    }
-
-  .mask-half-2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
-      mask-position: left;
-    }
-}