@pathscale/ui 0.0.147 → 0.0.148

package/dist/components/glass-panel/GlassPanel.d.ts

@@ -1,6 +1,8 @@
 import { type JSX } from "solid-js";
 import type { IComponentBaseProps, ComponentSize, ComponentColor } from "../types";
+export type GlassPanelBlur = "none" | "sm" | "md" | "lg" | "xl" | "2xl";
 export type GlassPanelProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    blur?: GlassPanelBlur;
     collapsible?: boolean;
     open?: boolean;
     defaultOpen?: boolean;

package/dist/components/glass-panel/index.d.ts

@@ -1 +1 @@
-export { default, type GlassPanelProps } from "./GlassPanel";
+export { default, type GlassPanelProps, type GlassPanelBlur } from "./GlassPanel";

package/dist/index.d.ts

@@ -38,7 +38,7 @@ export type { FloatingDockProps, FloatingDockItem, FloatingDockDirection } from
 export { default as Flex } from "./components/flex";
 export { default as GlassPanel } from "./components/glass-panel";
 export { GlowCard, type GlowCardProps } from "./components/glow-card";
-export type { GlassPanelProps } from "./components/glass-panel";
+export type { GlassPanelProps, GlassPanelBlur } from "./components/glass-panel";
 export { default as Footer } from "./components/footer";
 export type { FooterProps, FooterTitleProps } from "./components/footer";
 export { FormActions, type FormActionsProps } from "./components/form-actions";

package/dist/index.js

@@ -10485,7 +10485,11 @@ const FloatingDock_DockItem = (props)=>{
         rafId = requestAnimationFrame(tick);
     };
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
-        startLoop();
+        if (!cfg.magnify) return;
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
+            props.mousePos();
+            startLoop();
+        });
     });
     (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
         stopLoop();
@@ -10838,6 +10842,14 @@ const floating_dock_FloatingDock = FloatingDock;
     "mousemove"
 ]);
 var GlassPanel_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<button type=button class="flex w-full items-center justify-between gap-2 px-4 py-3 text-sm font-medium cursor-pointer select-none transition-colors duration-150 text-base-content/50 hover:text-base-content/80 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary"><span class="flex items-center gap-2"></span><svg fill=none viewBox="0 0 24 24"stroke=currentColor stroke-width=1.5><path stroke-linecap=round stroke-linejoin=round d="M19 9l-7 7-7-7">'), GlassPanel_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<div><div class="grid transition-[grid-template-rows] duration-200 ease-in-out"><div>');
+const BLUR_MAP = {
+    none: "",
+    sm: "backdrop-blur-sm",
+    md: "backdrop-blur-md",
+    lg: "backdrop-blur-lg",
+    xl: "backdrop-blur-xl",
+    "2xl": "backdrop-blur-2xl"
+};
 const SIZE_PADDING = {
     xs: "p-2",
     sm: "p-3",
@@ -10858,6 +10870,7 @@ const ACCENT_BORDER = {
 };
 const GlassPanel = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
+        "blur",
         "collapsible",
         "open",
         "defaultOpen",
@@ -10875,6 +10888,7 @@ const GlassPanel = (props)=>{
         "style"
     ]);
     const contentId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
+    const blur = ()=>local.blur ?? "none";
     const size = ()=>local.size ?? "md";
     const isControlled = ()=>void 0 !== local.open;
     const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(local.defaultOpen ?? true);
@@ -10884,7 +10898,9 @@ const GlassPanel = (props)=>{
         if (!isControlled()) setInternalOpen(next);
         local.onToggle?.(next);
     };
-    const containerClasses = ()=>twMerge("glass-panel", "rounded-xl", "backdrop-blur-sm", "transition-all duration-200 ease-in-out", clsx({
+    const containerClasses = ()=>twMerge("glass-panel", "rounded-xl", "transition-all duration-200 ease-in-out", clsx({
+            "bg-transparent": local.transparent,
+            [BLUR_MAP[blur()]]: !local.transparent && "none" !== blur(),
             "border-l-2": !!local.accent,
             [ACCENT_BORDER[local.accent ?? ""]]: !!local.accent
         }), local.class, local.className);
@@ -10893,7 +10909,7 @@ const GlassPanel = (props)=>{
             ...local.style || {}
         };
         if (!local.transparent) {
-            base.background = "color-mix(in srgb, var(--color-base-200) 80%, transparent)";
+            base.background = "color-mix(in srgb, var(--color-base-200) 85%, transparent)";
             base.border = "1px solid color-mix(in srgb, var(--color-base-content) 8%, transparent)";
         }
         if (local.glow) base["box-shadow"] = "inset 0 1px 0 color-mix(in srgb, var(--color-base-content) 5%, transparent)";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.147",
+  "version": "0.0.148",
   "author": "pathscale",
   "repository": {
     "type": "git",