@pathscale/ui 1.1.37 → 1.1.39

package/dist/components/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/components/mask/Mask.d.ts

@@ -1,15 +0,0 @@
-import "./mask.css";
-import { type JSX, type Component } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type MaskProps = JSX.ImgHTMLAttributes<HTMLImageElement> & IComponentBaseProps & {
-    variant?: "squircle" | "heart" | "hexagon" | "hexagon-2" | "decagon" | "pentagon" | "diamond" | "square" | "circle" | "star" | "star-2" | "triangle" | "triangle-2" | "triangle-3" | "triangle-4" | "half-1" | "half-2";
-    class?: string;
-    className?: string;
-    style?: JSX.CSSProperties;
-};
-export declare function maskClassName({ className, variant, }?: Pick<MaskProps, "className" | "variant">): string;
-type MaskComponent = Component<MaskProps> & {
-    className: typeof maskClassName;
-};
-declare const Mask: MaskComponent;
-export default Mask;

package/dist/components/mask/Mask.js

@@ -1,62 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./mask.css";
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<img>");
-function maskClassName({ className, variant } = {}) {
-    return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mask", className, (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-        "mask-squircle": "squircle" === variant,
-        "mask-heart": "heart" === variant,
-        "mask-hexagon": "hexagon" === variant,
-        "mask-hexagon-2": "hexagon-2" === variant,
-        "mask-decagon": "decagon" === variant,
-        "mask-pentagon": "pentagon" === variant,
-        "mask-diamond": "diamond" === variant,
-        "mask-square": "square" === variant,
-        "mask-circle": "circle" === variant,
-        "mask-star": "star" === variant,
-        "mask-star-2": "star-2" === variant,
-        "mask-triangle": "triangle" === variant,
-        "mask-triangle-2": "triangle-2" === variant,
-        "mask-triangle-3": "triangle-3" === variant,
-        "mask-triangle-4": "triangle-4" === variant,
-        "mask-half-1": "half-1" === variant,
-        "mask-half-2": "half-2" === variant
-    }));
-}
-const Mask_Mask = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "src",
-        "variant",
-        "dataTheme",
-        "class",
-        "className",
-        "style"
-    ]);
-    const classes = ()=>maskClassName({
-            className: local.class ?? local.className,
-            variant: local.variant
-        });
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
-            get src () {
-                return local.src;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            },
-            get ["class"] () {
-                return classes();
-            },
-            get style () {
-                return local.style;
-            }
-        }), false, false);
-        return _el$;
-    })();
-};
-Mask_Mask.className = maskClassName;
-const Mask = Mask_Mask;
-export { Mask as default, maskClassName };

package/dist/components/mask/index.d.ts

@@ -1,3 +0,0 @@
-import Mask from "./Mask";
-export type { MaskProps } from "./Mask";
-export default Mask;

package/dist/components/mask/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Mask_js_a7b405d3__ from "./Mask.js";
-const mask = __WEBPACK_EXTERNAL_MODULE__Mask_js_a7b405d3__["default"];
-export { mask as default };

package/dist/components/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;
-    }
-}

package/dist/components/modal/ModalActions.d.ts

@@ -1,3 +0,0 @@
-import type { JSX } from "solid-js";
-export type ModalActionsProps = JSX.HTMLAttributes<HTMLDivElement>;
-export default function ModalActions(props: ModalActionsProps): JSX.Element;

package/dist/components/modal/ModalActions.js

@@ -1,14 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalActions(props) {
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-            get ["class"] () {
-                return props.class;
-            }
-        }), false, false);
-        return _el$;
-    })();
-}
-export { ModalActions as default };

package/dist/components/modal/ModalBody.d.ts

@@ -1,3 +0,0 @@
-import type { JSX } from "solid-js";
-export type ModalBodyProps = JSX.HTMLAttributes<HTMLDivElement>;
-export default function ModalBody(props: ModalBodyProps): JSX.Element;

package/dist/components/modal/ModalBody.js

@@ -1,14 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalBody(props) {
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-            get ["class"] () {
-                return props.class;
-            }
-        }), false, false);
-        return _el$;
-    })();
-}
-export { ModalBody as default };

package/dist/components/modal/ModalHeader.d.ts

@@ -1,3 +0,0 @@
-import type { JSX } from "solid-js";
-export type ModalHeaderProps = JSX.HTMLAttributes<HTMLDivElement>;
-export default function ModalHeader(props: ModalHeaderProps): JSX.Element;

package/dist/components/modal/ModalHeader.js

@@ -1,15 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-function ModalHeader(props) {
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(props, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("w-full mb-8 text-xl", props.class);
-            }
-        }), false, false);
-        return _el$;
-    })();
-}
-export { ModalHeader as default };

package/dist/components/modal/ModalLegacy.d.ts

@@ -1,8 +0,0 @@
-import type { JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export type ModalLegacyProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
-    open?: boolean;
-    responsive?: boolean;
-    onClickBackdrop?: () => void;
-};
-export default function ModalLegacy(props: ModalLegacyProps): JSX.Element;

package/dist/components/modal/ModalLegacy.js

@@ -1,36 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div aria-label=Modal><div>");
-function ModalLegacy(props) {
-    const { children, open, responsive, onClickBackdrop, dataTheme, class: classProp, className, ...rest } = props;
-    const containerClasses = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("modal", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
-        "modal-open": open,
-        "modal-bottom modal-responsive-middle": responsive
-    }));
-    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("modal-box", classProp, className);
-    return (()=>{
-        var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-        _el$.$$click = (e)=>{
-            e.stopPropagation();
-            if (e.target === e.currentTarget) {
-                e.stopPropagation();
-                onClickBackdrop?.();
-            }
-        };
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-hidden", !open);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "aria-modal", open);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", dataTheme);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, containerClasses);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            "data-theme": dataTheme,
-            class: bodyClasses
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, children);
-        return _el$;
-    })();
-}
-(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.delegateEvents)([
-    "click"
-]);
-export { ModalLegacy as default };

package/dist/components/modal/modal.css

@@ -1,170 +0,0 @@
-@layer components {
-  .modal {
-      pointer-events: none;
-      visibility: hidden;
-      position: fixed;
-      inset: calc(0.25rem * 0);
-      margin: calc(0.25rem * 0);
-      display: grid;
-      height: 100%;
-      max-height: none;
-      width: 100%;
-      max-width: none;
-      align-items: center;
-      justify-items: center;
-      background-color: transparent;
-      padding: calc(0.25rem * 0);
-      color: inherit;
-      transition: visibility 0.3s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
-      overflow: clip;
-      overscroll-behavior: contain;
-      z-index: 999;
-      scrollbar-gutter: auto;
-    }
-
-  .modal::backdrop {
-      display: none;
-    }
-
-  .modal.modal-open,
-    .modal[open],
-    .modal:target,
-    .modal-toggle:checked + .modal {
-      pointer-events: auto;
-      visibility: visible;
-      opacity: 100%;
-      transition: visibility 0s allow-discrete, background-color 0.3s ease-out, opacity 0.1s ease-out;
-      background-color: oklch(0% 0 0/ 0.4);
-    }
-
-  .modal.modal-open .modal-box,
-    .modal[open] .modal-box,
-    .modal:target .modal-box,
-    .modal-toggle:checked + .modal .modal-box {
-      translate: 0 0;
-      scale: 1;
-      opacity: 1;
-    }
-
-  :root:has(.modal.modal-open),
-    :root:has(.modal[open]),
-    :root:has(.modal:target),
-    :root:has(.modal-toggle:checked + .modal) {
-      --page-has-backdrop: 1;
-      --page-overflow: hidden;
-      --page-scroll-bg: var(--page-scroll-bg-on);
-      --page-scroll-gutter: stable;
-      --page-scroll-transition: var(--page-scroll-transition-on);
-      animation: set-page-has-scroll forwards;
-      animation-timeline: scroll();
-    }
-
-  @starting-style {
-    .modal.modal-open,
-    .modal[open],
-    .modal:target,
-    .modal-toggle:checked + .modal {
-      opacity: 0%;
-    }
-    }
-
-  .modal-toggle {
-      position: fixed;
-      height: calc(0.25rem * 0);
-      width: calc(0.25rem * 0);
-      appearance: none;
-      opacity: 0%;
-    }
-
-  .modal-backdrop {
-      grid-column-start: 1;
-      grid-row-start: 1;
-      display: grid;
-      align-self: stretch;
-      justify-self: stretch;
-      color: transparent;
-      z-index: -1;
-    }
-
-  .modal-backdrop button {
-      cursor: pointer;
-    }
-
-  .modal-box {
-      grid-column-start: 1;
-      grid-row-start: 1;
-      max-height: 100vh;
-      width: calc(11/12 * 100%);
-      max-width: 32rem;
-      background-color: var(--color-base-100);
-      padding: calc(0.25rem * 6);
-      transition: translate 0.3s ease-out, scale 0.3s ease-out, opacity 0.2s ease-out 0.05s, box-shadow 0.3s ease-out;
-      border-top-left-radius: var(--modal-tl, var(--radius-box));
-      border-top-right-radius: var(--modal-tr, var(--radius-box));
-      border-bottom-left-radius: var(--modal-bl, var(--radius-box));
-      border-bottom-right-radius: var(--modal-br, var(--radius-box));
-      scale: 95%;
-      opacity: 0;
-      box-shadow: oklch(0% 0 0/ 0.25) 0px 25px 50px -12px;
-      overflow-y: auto;
-      overscroll-behavior: contain;
-    }
-
-  .modal-action {
-      margin-top: calc(0.25rem * 6);
-      display: flex;
-      justify-content: flex-end;
-      gap: calc(0.25rem * 2);
-    }
-
-  .modal-bottom {
-      place-items: end;
-    }
-
-  .modal-bottom .modal-box {
-      height: auto;
-      width: 100%;
-      max-width: none;
-      max-height: calc(100vh - 5em);
-      translate: 0 100%;
-      scale: 1;
-      --modal-tl: var(--radius-box);
-      --modal-tr: var(--radius-box);
-      --modal-bl: 0;
-      --modal-br: 0;
-    }
-
-  .modal-middle {
-      place-items: center;
-    }
-
-  .modal-middle .modal-box {
-      height: auto;
-      width: calc(11/12 * 100%);
-      max-width: 32rem;
-      max-height: calc(100vh - 5em);
-      translate: 0 2%;
-      scale: 98%;
-      --modal-tl: var(--radius-box);
-      --modal-tr: var(--radius-box);
-      --modal-bl: var(--radius-box);
-      --modal-br: var(--radius-box);
-    }
-
-  .modal-top {
-      place-items: start;
-    }
-
-  .modal-top .modal-box {
-      height: auto;
-      width: 100%;
-      max-width: none;
-      max-height: calc(100vh - 5em);
-      translate: 0 -100%;
-      scale: 1;
-      --modal-tl: 0;
-      --modal-tr: 0;
-      --modal-bl: var(--radius-box);
-      --modal-br: var(--radius-box);
-    }
-}

package/dist/components/navbar/navbar.css

@@ -1,33 +0,0 @@
-@layer components {
-  .navbar {
-      display: flex;
-      width: 100%;
-      align-items: center;
-      padding: 0.5rem;
-      min-height: 4rem;
-    }
-
-  :where(.navbar) {
-      position: relative;
-    }
-
-  .navbar-end {
-      display: inline-flex;
-      align-items: center;
-      width: 50%;
-      justify-content: flex-end;
-    }
-
-  .navbar-start {
-      display: inline-flex;
-      align-items: center;
-      width: 50%;
-      justify-content: flex-start;
-    }
-
-  .navbar-center {
-      display: inline-flex;
-      align-items: center;
-      flex-shrink: 0;
-    }
-}

package/dist/components/phonemockup/PhoneMockup.d.ts

@@ -1,8 +0,0 @@
-import { type ParentComponent, type JSX } from "solid-js";
-import type { IComponentBaseProps, ComponentColor } from "../types";
-export type PhoneMockupProps = JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps & {
-    color?: Exclude<ComponentColor, "ghost">;
-    innerProps?: JSX.HTMLAttributes<HTMLDivElement> & IComponentBaseProps;
-};
-declare const PhoneMockup: ParentComponent<PhoneMockupProps>;
-export default PhoneMockup;