@pathscale/ui 1.1.56 → 1.1.58

package/dist/components/menu/menu.css

@@ -1,364 +0,0 @@
-@layer components {
-  .menu {
-      display: flex;
-      width: fit-content;
-      flex-direction: column;
-      flex-wrap: wrap;
-      padding: calc(0.25rem * 2);
-      --menu-active-fg: var(--color-neutral-content);
-      --menu-active-bg: var(--color-neutral);
-      font-size: 0.875rem;
-    }
-
-  .menu :where(li ul) {
-      position: relative;
-      margin-inline-start: calc(0.25rem * 4);
-      padding-inline-start: calc(0.25rem * 2);
-      white-space: nowrap;
-    }
-
-  .menu :where(li ul):before {
-      position: absolute;
-      inset-inline-start: calc(0.25rem * 0);
-      top: calc(0.25rem * 3);
-      bottom: calc(0.25rem * 3);
-      background-color: var(--color-base-content);
-      opacity: 10%;
-      width: var(--border);
-      content: "";
-    }
-
-  .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) {
-      display: none;
-    }
-
-  .menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
-    .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      display: grid;
-      grid-auto-flow: column;
-      align-content: flex-start;
-      align-items: center;
-      gap: calc(0.25rem * 2);
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1.5);
-      text-align: start;
-      transition-property: color, background-color, box-shadow;
-      transition-duration: 0.2s;
-      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-      grid-auto-columns: minmax(auto, max-content) auto max-content;
-      text-wrap: balance;
-      user-select: none;
-    }
-
-  .menu :where(li > details > summary) {
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @media (forced-colors: active) {
-    .menu :where(li > details > summary) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where(li > details > summary)::-webkit-details-marker {
-      display: none;
-    }
-
-  .menu :where(li > details > summary):after,
-    .menu :where(li > .menu-dropdown-toggle):after {
-      justify-self: flex-end;
-      display: block;
-      height: 0.375rem;
-      width: 0.375rem;
-      rotate: -135deg;
-      translate: 0 -1px;
-      transition-property: rotate, translate;
-      transition-duration: 0.2s;
-      content: "";
-      transform-origin: 50% 50%;
-      box-shadow: 2px 2px inset;
-      pointer-events: none;
-    }
-
-  .menu details {
-      overflow: hidden;
-      interpolate-size: allow-keywords;
-    }
-
-  .menu details::details-content {
-      block-size: 0;
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .menu details::details-content {
-      transition-behavior: allow-discrete;
-      transition-property: block-size, content-visibility;
-      transition-duration: 0.2s;
-      transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
-    }
-    }
-
-  .menu details[open]::details-content {
-      block-size: auto;
-    }
-
-  .menu :where(li > details[open] > summary):after,
-    .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after {
-      rotate: 45deg;
-      translate: 0 1px;
-    }
-
-  .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn).menu-focus,
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn):focus-visible {
-      cursor: pointer;
-      background-color: var(--color-base-content);
-      color: var(--color-base-content);
-      --tw-outline-style: none;
-      outline-style: none;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn).menu-focus,
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn):focus-visible {
-      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-    }
-    }
-
-  @media (forced-colors: active) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn).menu-focus,
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title) ):not(.menu-active, :active, .btn):focus-visible {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-      cursor: pointer;
-      background-color: var(--color-base-content);
-      --tw-outline-style: none;
-      outline-style: none;
-      box-shadow: 0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-      background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent);
-    }
-    }
-
-  @media (forced-colors: active) {
-    .menu :where( li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover ) {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where(li:empty) {
-      background-color: var(--color-base-content);
-      opacity: 10%;
-      margin: 0.5rem 1rem;
-      height: 1px;
-    }
-
-  .menu :where(li) {
-      position: relative;
-      display: flex;
-      flex-shrink: 0;
-      flex-direction: column;
-      flex-wrap: wrap;
-      align-items: stretch;
-    }
-
-  .menu :where(li) .badge {
-      justify-self: flex-end;
-    }
-
-  .menu :where(li) > *:not(ul, .menu-title, details, .btn):active,
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active,
-    .menu :where(li) > details > summary:active {
-      --tw-outline-style: none;
-      outline-style: none;
-      color: var(--menu-active-fg);
-      background-color: var(--menu-active-bg);
-      background-size: auto, calc(var(--noise) * 100%);
-      background-image: none, var(--fx-noise);
-    }
-
-  @media (forced-colors: active) {
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn):active,
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active,
-    .menu :where(li) > details > summary:active {
-      outline: 2px solid transparent;
-      outline-offset: 2px;
-    }
-    }
-
-  .menu :where(li) > *:not(ul, .menu-title, details, .btn):active:not(.menu :where(li) > *:not(ul, .menu-title, details, .btn):active:active),
-    .menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active:not(.menu :where(li) > *:not(ul, .menu-title, details, .btn).menu-active:active),
-    .menu :where(li) > details > summary:active:not(.menu :where(li) > details > summary:active:active) {
-      box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg);
-    }
-
-  .menu :where(li).menu-disabled {
-      pointer-events: none;
-      color: var(--color-base-content);
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu :where(li).menu-disabled {
-      color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
-    }
-    }
-
-  .menu .dropdown:focus-within .menu-dropdown-toggle:after {
-      rotate: 45deg;
-      translate: 0 1px;
-    }
-
-  .menu .dropdown-content {
-      margin-top: calc(0.25rem * 2);
-      padding: calc(0.25rem * 2);
-    }
-
-  .menu .dropdown-content:before {
-      display: none;
-    }
-
-  .menu-horizontal {
-      display: inline-flex;
-      flex-direction: row;
-    }
-
-  .menu-horizontal > li:not(.menu-title) > details > ul {
-      position: absolute;
-      margin-inline-start: calc(0.25rem * 0);
-      margin-top: calc(0.25rem * 4);
-      transform-origin: top;
-      border-radius: var(--radius-box);
-      background-color: var(--color-base-100);
-      padding-block: calc(0.25rem * 2);
-      padding-inline-end: calc(0.25rem * 2);
-      opacity: 0%;
-      scale: 95%;
-      box-shadow: 0 1px 3px 0 oklch(0% 0 0/0.1), 0 1px 2px -1px oklch(0% 0 0/0.1);
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    @starting-style {
-    .menu-horizontal > li:not(.menu-title) > details > ul {
-      scale: 95%;
-      opacity: 0;
-    }
-    }
-    }
-
-  .menu-horizontal > li:not(.menu-title) > details[open] > ul {
-      opacity: 100%;
-      scale: 100%;
-    }
-
-  .menu-horizontal > li > details > ul:before {
-      --tw-content: none;
-      content: var(--tw-content);
-    }
-
-  .menu-vertical {
-      display: inline-flex;
-      flex-direction: column;
-    }
-
-  .menu-vertical > li:not(.menu-title) > details > ul {
-      position: relative;
-      margin-inline-start: calc(0.25rem * 4);
-      margin-top: calc(0.25rem * 0);
-      padding-block: calc(0.25rem * 0);
-      padding-inline-end: calc(0.25rem * 0);
-      background-color: revert-layer;
-      border-radius: revert-layer;
-      animation: revert-layer;
-      transition: revert-layer;
-      box-shadow: revert-layer;
-    }
-
-  .menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 4);
-      padding-block: calc(0.25rem * 1.5);
-      font-size: 1.125rem;
-    }
-
-  .menu-lg .menu-title {
-      padding-inline: calc(0.25rem * 6);
-      padding-block: calc(0.25rem * 3);
-    }
-
-  .menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 1.5);
-      font-size: 0.875rem;
-    }
-
-  .menu-md .menu-title {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 2);
-    }
-
-  .menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 2.5);
-      padding-block: calc(0.25rem * 1);
-      font-size: 0.75rem;
-    }
-
-  .menu-sm .menu-title {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 2);
-    }
-
-  .menu-xl :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-xl :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 5);
-      padding-block: calc(0.25rem * 1.5);
-      font-size: 1.375rem;
-    }
-
-  .menu-xl .menu-title {
-      padding-inline: calc(0.25rem * 6);
-      padding-block: calc(0.25rem * 3);
-    }
-
-  .menu-xs :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),
-    .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
-      border-radius: var(--radius-field);
-      padding-inline: calc(0.25rem * 2);
-      padding-block: calc(0.25rem * 1);
-      font-size: 0.6875rem;
-    }
-
-  .menu-xs .menu-title {
-      padding-inline: calc(0.25rem * 2);
-      padding-block: calc(0.25rem * 1);
-    }
-
-  .menu-title {
-      padding-inline: calc(0.25rem * 3);
-      padding-block: calc(0.25rem * 2);
-      color: var(--color-base-content);
-      font-size: 0.875rem;
-      font-weight: 600;
-    }
-
-  @supports (color: color-mix(in lab, red, red)) {
-    .menu-title {
-      color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
-    }
-    }
-}

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;