@pathscale/ui 1.1.56 → 1.1.58

package/dist/components/rating/Rating.js

@@ -1,54 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import "./rating.css";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-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__RatingHidden_js_00e702d1__ from "./RatingHidden.js";
-import * as __WEBPACK_EXTERNAL_MODULE__RatingItem_js_04f8998c__ from "./RatingItem.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const RatingContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)({});
-const Rating_Rating = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "children",
-        "name",
-        "value",
-        "onChange",
-        "size",
-        "half",
-        "readonly"
-    ]);
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("rating", local.class, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
-        "rating-xs": "xs" === local.size,
-        "rating-sm": "sm" === local.size,
-        "rating-md": "md" === local.size,
-        "rating-lg": "lg" === local.size,
-        "rating-xl": "xl" === local.size,
-        "rating-half": local.half
-    }));
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(RatingContext.Provider, {
-        get value () {
-            return {
-                name: local.name,
-                value: local.value,
-                onChange: local.onChange,
-                half: local.half,
-                readonly: local.readonly
-            };
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-                class: classes
-            }), false, true);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
-            return _el$;
-        }
-    });
-};
-const useRatingContext = ()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(RatingContext);
-const Rating = Object.assign(Rating_Rating, {
-    Item: __WEBPACK_EXTERNAL_MODULE__RatingItem_js_04f8998c__["default"],
-    Hidden: __WEBPACK_EXTERNAL_MODULE__RatingHidden_js_00e702d1__["default"]
-});
-export { Rating as default, useRatingContext };

package/dist/components/rating/RatingHidden.d.ts

@@ -1,4 +0,0 @@
-import { type JSX } from "solid-js";
-export type RatingHiddenProps = JSX.InputHTMLAttributes<HTMLInputElement>;
-declare const RatingHidden: (props: RatingHiddenProps) => JSX.Element;
-export default RatingHidden;

package/dist/components/rating/RatingHidden.js

@@ -1,29 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-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__Rating_js_1000f3ff__ from "./Rating.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>");
-const RatingHidden = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class"
-    ]);
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__.useRatingContext)();
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("rating-hidden", local.class);
-    return (()=>{
-        var _el$ = _tmpl$();
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-            type: "radio",
-            get name () {
-                return context.name;
-            },
-            class: classes,
-            get checked () {
-                return 0 === context.value;
-            },
-            onChange: ()=>context.onChange?.(0)
-        }), false, false);
-        return _el$;
-    })();
-};
-const rating_RatingHidden = RatingHidden;
-export { rating_RatingHidden as default };

package/dist/components/rating/RatingItem.d.ts

@@ -1,9 +0,0 @@
-import { type JSX } from "solid-js";
-export type RatingItemProps = Omit<JSX.InputHTMLAttributes<HTMLInputElement>, "value" | "type"> & {
-    value: number;
-    mask?: "star" | "star-2" | "heart" | "circle" | "diamond" | "square";
-    halfPosition?: 1 | 2;
-    color?: string;
-};
-declare const RatingItem: (props: RatingItemProps) => JSX.Element;
-export default RatingItem;

package/dist/components/rating/RatingItem.js

@@ -1,62 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
-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__Rating_js_1000f3ff__ from "./Rating.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<input>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
-const RatingItem = (props)=>{
-    const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "class",
-        "value",
-        "mask",
-        "halfPosition",
-        "color",
-        "aria-label"
-    ]);
-    const context = (0, __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__.useRatingContext)();
-    const classes = (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("mask", local.class, (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
-        [`mask-${local.mask || "star"}`]: true,
-        [`mask-half-${local.halfPosition}`]: context.half && local.halfPosition
-    }), local.color);
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-        get when () {
-            return !context.readonly;
-        },
-        get fallback () {
-            return (()=>{
-                var _el$2 = _tmpl$2();
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$2, classes);
-                (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
-                    var _v$ = local["aria-label"], _v$2 = void 0 !== context.value && local.value <= context.value ? 1 : 0.2;
-                    _v$ !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$2, "aria-label", _p$.e = _v$);
-                    _v$2 !== _p$.t && (null != (_p$.t = _v$2) ? _el$2.style.setProperty("opacity", _v$2) : _el$2.style.removeProperty("opacity"));
-                    return _p$;
-                }, {
-                    e: void 0,
-                    t: void 0
-                });
-                return _el$2;
-            })();
-        },
-        get children () {
-            var _el$ = _tmpl$();
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
-                type: "radio",
-                get name () {
-                    return context.name;
-                },
-                class: classes,
-                get checked () {
-                    return context.value === local.value;
-                },
-                onChange: ()=>context.onChange?.(local.value),
-                get ["aria-label"] () {
-                    return local["aria-label"];
-                }
-            }), false, false);
-            return _el$;
-        }
-    });
-};
-const rating_RatingItem = RatingItem;
-export { rating_RatingItem as default };

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

@@ -1,4 +0,0 @@
-export { default as Rating } from "./Rating";
-export type { RatingProps } from "./Rating";
-export type { RatingHiddenProps } from "./RatingHidden";
-export type { RatingItemProps } from "./RatingItem";

package/dist/components/rating/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__ from "./Rating.js";
-var __webpack_exports__Rating = __WEBPACK_EXTERNAL_MODULE__Rating_js_1000f3ff__["default"];
-export { __webpack_exports__Rating as Rating };

package/dist/components/rating/rating.css

@@ -1,106 +0,0 @@
-@layer components {
-  .rating {
-      position: relative;
-      display: inline-flex;
-      vertical-align: middle;
-    }
-
-  .rating input {
-      border: none;
-      appearance: none;
-    }
-
-  .rating :where(*) {
-      height: calc(0.25rem * 6);
-      width: calc(0.25rem * 6);
-      border-radius: 0;
-      background-color: var(--color-base-content);
-      opacity: 20%;
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .rating :where(*) {
-      animation: rating 0.25s ease-out;
-    }
-    }
-
-  .rating :where(*):is(input) {
-      cursor: pointer;
-    }
-
-  .rating .rating-hidden {
-      width: calc(0.25rem * 2);
-      background-color: transparent;
-    }
-
-  .rating input[type="radio"]:checked {
-      background-image: none;
-    }
-
-  .rating *:checked,
-    .rating *[aria-checked="true"],
-    .rating *[aria-current="true"],
-    .rating *:has(~ *:checked, ~ *[aria-checked="true"], ~ *[aria-current="true"]) {
-      opacity: 100%;
-    }
-
-  .rating *:focus-visible {
-      scale: 1.1;
-    }
-
-  @media (prefers-reduced-motion: no-preference) {
-    .rating *:focus-visible {
-      transition: scale 0.2s ease-out;
-    }
-    }
-
-  .rating *:active:focus {
-      animation: none;
-      scale: 1.1;
-    }
-
-  .rating.rating-xs :where(*:not(.rating-hidden)) {
-      width: calc(0.25rem * 4);
-      height: calc(0.25rem * 4);
-    }
-
-  .rating.rating-sm :where(*:not(.rating-hidden)) {
-      width: calc(0.25rem * 5);
-      height: calc(0.25rem * 5);
-    }
-
-  .rating.rating-md :where(*:not(.rating-hidden)) {
-      width: calc(0.25rem * 6);
-      height: calc(0.25rem * 6);
-    }
-
-  .rating.rating-lg :where(*:not(.rating-hidden)) {
-      width: calc(0.25rem * 7);
-      height: calc(0.25rem * 7);
-    }
-
-  .rating.rating-xl :where(*:not(.rating-hidden)) {
-      width: calc(0.25rem * 8);
-      height: calc(0.25rem * 8);
-    }
-
-  .rating-half.rating-xs *:not(.rating-hidden) {
-      width: calc(0.25rem * 2);
-    }
-
-  .rating-half.rating-sm *:not(.rating-hidden) {
-      width: calc(0.25rem * 2.5);
-    }
-
-  .rating-half.rating-md *:not(.rating-hidden) {
-      width: calc(0.25rem * 3);
-    }
-
-  .rating-half.rating-lg *:not(.rating-hidden) {
-      width: .875rem;
-    }
-
-  .rating-half.rating-xl *:not(.rating-hidden) {
-      width: calc(0.25rem * 4);
-    }
-}

package/dist/components/showcase/ShowcaseBlock.d.ts

@@ -1,10 +0,0 @@
-import { type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export interface ShowcaseBlockProps extends IComponentBaseProps {
-    title: string;
-    description?: string;
-    code?: string;
-    preview?: boolean;
-}
-declare const ShowcaseBlock: ParentComponent<ShowcaseBlockProps>;
-export default ShowcaseBlock;

package/dist/components/showcase/ShowcaseBlock.js

@@ -1,48 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-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__flex_index_js_d26fd801__ from "../flex/index.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<p class="text-base-content/70 mb-4">'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div class="bg-base-200 shadow-sm p-6 rounded-lg"><h3 class="text-lg font-semibold mb-2 text-base-content"></h3><div>');
-const ShowcaseBlock = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "title",
-        "description",
-        "code",
-        "preview",
-        "children",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    const previewClass = local.preview ? "border bg-base-100 border-base-content/15 p-8 rounded-lg" : "";
-    return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-        direction: "col",
-        gap: "md"
-    }, others, {
-        get ["data-theme"] () {
-            return local.dataTheme;
-        },
-        get ["class"] () {
-            return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(local.class, local.className);
-        },
-        get children () {
-            var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.title);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
-                get when () {
-                    return local.description;
-                },
-                get children () {
-                    var _el$3 = _tmpl$();
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.description);
-                    return _el$3;
-                }
-            }), _el$4);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$4, previewClass);
-            (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
-            return _el$;
-        }
-    }));
-};
-const showcase_ShowcaseBlock = ShowcaseBlock;
-export { showcase_ShowcaseBlock as default };

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

@@ -1,2 +0,0 @@
-export { default } from "./ShowcaseBlock";
-export type { ShowcaseBlockProps } from "./ShowcaseBlock";

package/dist/components/showcase/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ShowcaseBlock_js_f1670608__ from "./ShowcaseBlock.js";
-var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__ShowcaseBlock_js_f1670608__["default"];
-export { __webpack_exports__default as default };

package/dist/components/showcase-section/ShowcaseSection.d.ts

@@ -1,8 +0,0 @@
-import { type ParentComponent } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-export interface ShowcaseSectionProps extends IComponentBaseProps {
-    id: string;
-    title: string;
-}
-declare const ShowcaseSection: ParentComponent<ShowcaseSectionProps>;
-export default ShowcaseSection;

package/dist/components/showcase-section/ShowcaseSection.js

@@ -1,73 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
-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__copy_button_index_js_612cbdbf__ from "../copy-button/index.js";
-import * as __WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__ from "../flex/index.js";
-var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="opacity-0 group-hover/title:opacity-100 text-base-content/70 transition-opacity">#'), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<h2 class="text-xl font-semibold group/title">'), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div class=space-y-3>");
-const ShowcaseSection = (props)=>{
-    const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
-        "id",
-        "title",
-        "children",
-        "class",
-        "className",
-        "dataTheme"
-    ]);
-    const getSectionUrl = ()=>{
-        const url = new URL(window.location.href);
-        url.hash = local.id;
-        return url.toString();
-    };
-    return (()=>{
-        var _el$ = _tmpl$3(), _el$4 = _el$.firstChild;
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
-            get id () {
-                return local.id;
-            },
-            get ["data-theme"] () {
-                return local.dataTheme;
-            }
-        }, others, {
-            get ["class"] () {
-                return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("p-3 bg-base-100 rounded-lg shadow-sm scroll-mt-6", local.class, local.className);
-            }
-        }), false, true);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__["default"], {
-            align: "center",
-            justify: "between",
-            gap: "sm",
-            class: "mb-2",
-            get children () {
-                return [
-                    (()=>{
-                        var _el$2 = _tmpl$2();
-                        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__flex_index_js_d26fd801__["default"], {
-                            as: "a",
-                            align: "center",
-                            gap: "sm",
-                            class: "text-inherit hover:text-base-content",
-                            get children () {
-                                return [
-                                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.memo)(()=>local.title),
-                                    _tmpl$()
-                                ];
-                            }
-                        }));
-                        return _el$2;
-                    })(),
-                    (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__copy_button_index_js_612cbdbf__["default"], {
-                        get text () {
-                            return getSectionUrl();
-                        },
-                        title: "Copy link to section",
-                        class: "opacity-0 group-hover:opacity-100 focus:opacity-100"
-                    })
-                ];
-            }
-        }), _el$4);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
-        return _el$;
-    })();
-};
-const showcase_section_ShowcaseSection = ShowcaseSection;
-export { showcase_section_ShowcaseSection as default };

package/dist/components/showcase-section/index.d.ts

@@ -1,2 +0,0 @@
-export { default as ShowcaseSection } from "./ShowcaseSection";
-export type { ShowcaseSectionProps } from "./ShowcaseSection";

package/dist/components/showcase-section/index.js

@@ -1,3 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE__ShowcaseSection_js_a82decf5__ from "./ShowcaseSection.js";
-var __webpack_exports__ShowcaseSection = __WEBPACK_EXTERNAL_MODULE__ShowcaseSection_js_a82decf5__["default"];
-export { __webpack_exports__ShowcaseSection as ShowcaseSection };

package/dist/components/sidenav/Sidenav.css

@@ -1,176 +0,0 @@
-.sidenav {
-  @apply h-screen bg-base-200 border-r border-base-300 flex flex-col transition-all duration-300 ease-in-out sticky top-0;
-  width: 16rem;
-}
-
-.sidenav-closed {
-  @apply -translate-x-full;
-}
-
-.sidenav-open {
-  @apply translate-x-0;
-}
-
-.sidenav-desktop {
-  @apply relative transform-none shadow-none;
-}
-
-.sidenav-collapsed {
-  width: 4rem;
-  @apply flex flex-col items-center py-8;
-}
-
-.sidenav-header {
-  @apply p-4 border-b border-base-300 flex items-center justify-between flex-shrink-0;
-}
-
-.sidenav-collapsed .sidenav-header {
-  @apply p-0 border-none;
-}
-
-.sidenav-title {
-  @apply text-lg font-semibold text-base-content truncate;
-}
-
-.sidenav-close {
-  align-items: center;
-  background: transparent;
-  border: 1px solid transparent;
-  border-radius: var(--radius-field, 0.5rem);
-  color: var(--color-base-content);
-  cursor: pointer;
-  display: inline-flex;
-  font-size: 0.8125rem;
-  font-weight: 600;
-  justify-content: center;
-  min-height: 2rem;
-  padding: 0.25rem;
-  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
-}
-
-.sidenav-close:hover {
-  background-color: var(--color-base-300);
-}
-
-.sidenav-close:focus-visible {
-  outline: 2px solid color-mix(in oklch, var(--color-primary) 55%, transparent);
-  outline-offset: 2px;
-}
-
-.sidenav-close:disabled {
-  cursor: not-allowed;
-  opacity: 0.45;
-}
-
-.sidenav-content {
-  @apply flex-1 overflow-y-auto;
-}
-
-.sidenav-menu {
-  @apply flex flex-col flex-1 p-4 space-y-4;
-}
-
-.sidenav-collapsed .sidenav-menu {
-  @apply p-0 items-center space-y-6;
-}
-
-.sidenav-item {
-  @apply w-full;
-}
-
-.sidenav-collapsed .sidenav-item {
-  @apply w-auto;
-}
-
-.sidenav-item-link,
-.sidenav-item-button {
-  @apply flex items-center px-3 py-2 text-base-content transition-colors duration-300 transform rounded-lg hover:bg-base-300 gap-3;
-}
-
-.sidenav-collapsed .sidenav-item-link,
-.sidenav-collapsed .sidenav-item-button {
-  @apply w-10 h-10 p-1.5 justify-center;
-}
-
-.sidenav-item-active .sidenav-item-link,
-.sidenav-item-active .sidenav-item-button {
-  @apply bg-primary text-primary-content hover:bg-primary/90;
-}
-
-.sidenav-children {
-  @apply p-4 text-base-content;
-}
-
-.sidenav-footer {
-  @apply mt-auto p-4 border-t border-base-300 flex-shrink-0 text-base-content/70;
-}
-
-.sidenav-collapsed .sidenav-footer {
-  @apply p-0 border-none flex flex-col items-center space-y-6;
-}
-
-.sidenav-group {
-  @apply space-y-2 mb-4 w-full;
-}
-
-.sidenav-collapsed .sidenav-group {
-  @apply mb-0 space-y-2;
-}
-
-.sidenav-group-label {
-  @apply px-3 py-2 text-xs font-semibold text-base-content/70 uppercase tracking-wider;
-}
-
-.sidenav-group-items {
-  @apply space-y-1 w-full pl-3;
-}
-
-.sidenav-collapsed .sidenav-group-items {
-  @apply pl-0 space-y-2;
-}
-
-.sidenav-collapsed .sidenav-group-label {
-  @apply hidden;
-}
-
-.sidenav-collapsed .sidenav-item-label {
-  @apply hidden;
-}
-
-.sidenav-item-link svg,
-.sidenav-item-button svg {
-  @apply w-5 h-5 flex-shrink-0;
-}
-
-.sidenav-collapsed .sidenav-item-link,
-.sidenav-collapsed .sidenav-item-button {
-  @apply relative;
-}
-
-.sidenav-collapsed .sidenav-item-link:hover::after,
-.sidenav-collapsed .sidenav-item-button:hover::after {
-  content: attr(title);
-  @apply absolute left-full ml-2 px-2 py-1 bg-base-300 text-base-content rounded text-sm whitespace-nowrap z-50;
-}
-
-.sidenav-overlay {
-  @apply fixed inset-0 bg-base-content/50 z-40 transition-opacity duration-300;
-}
-
-.sidenav-overlay-hidden {
-  @apply opacity-0 pointer-events-none;
-}
-
-.sidenav-overlay-visible {
-  @apply opacity-100;
-}
-
-@media (min-width: 768px) {
-  .sidenav-desktop {
-    @apply relative transform-none shadow-none;
-  }
-
-  .sidenav-overlay {
-    @apply hidden;
-  }
-}

package/dist/components/sidenav/Sidenav.d.ts

@@ -1,14 +0,0 @@
-import { type JSX } from "solid-js";
-import type { IComponentBaseProps } from "../types";
-type SidenavBaseProps = {
-    title?: string;
-    isOpen?: boolean;
-    onClose?: () => void;
-    collapsed?: boolean;
-    children?: JSX.Element;
-    footer?: JSX.Element;
-    desktopBreakpoint?: number;
-};
-export type SidenavProps = JSX.HTMLAttributes<HTMLElement> & SidenavBaseProps & IComponentBaseProps;
-declare const Sidenav: (props: SidenavProps) => JSX.Element;
-export default Sidenav;