@pathscale/ui 0.0.12 → 0.0.14

package/dist/chunk/2XPPNBYK.js

@@ -1,164 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { createComponent, Dynamic, mergeProps, template, effect, className, style, setAttribute, insert } from 'solid-js/web';
-import { splitProps, children } from 'solid-js';
-
-var VoidElementList = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "keygen", "meta", "param", "source", "track", "wbr"];
-var AvatarGroup = (props) => {
-  const [local, others] = splitProps(props, ["as", "class", "className", "children"]);
-  const Tag = local.as || "div";
-  const classes = () => twMerge("avatar-group -space-x-6", local.class, local.className);
-  const ariaLabel = `Group of ${local.children.length} avatar photos`;
-  if (VoidElementList.includes(Tag)) {
-    return createComponent(Dynamic, mergeProps({
-      component: Tag
-    }, others, {
-      "aria-label": ariaLabel,
-      get ["class"]() {
-        return classes();
-      }
-    }));
-  }
-  return createComponent(Dynamic, mergeProps({
-    component: Tag
-  }, others, {
-    "aria-label": ariaLabel,
-    get ["class"]() {
-      return classes();
-    },
-    get children() {
-      return local.children;
-    }
-  }));
-};
-var AvatarGroup_default = AvatarGroup;
-
-// src/components/avatar/Avatar.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><img>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><span>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var VoidElementList2 = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "keygen", "meta", "param", "source", "track", "wbr"];
-var Avatar = (props) => {
-  const [local, others] = splitProps(props, ["src", "letters", "size", "shape", "color", "border", "borderColor", "online", "offline", "innerClass", "as", "class", "className", "style", "children"]);
-  const Tag = local.as || "div";
-  const containerClass = () => twMerge("avatar", local.class, local.className, clsx({
-    "avatar-online": local.online,
-    "avatar-offline": local.offline,
-    "avatar-placeholder": !local.src
-  }));
-  const customSizeStyle = typeof local.size === "number" ? {
-    width: `${local.size}px`,
-    height: `${local.size}px`
-  } : void 0;
-  const baseInner = () => twMerge(local.innerClass);
-  const imgClasses = () => clsx(baseInner(), {
-    ring: local.border,
-    "ring-offset-base-100 ring-offset-2": local.border,
-    [`ring-${local.borderColor}`]: local.border && local.borderColor,
-    "rounded-full": local.shape === "circle",
-    "rounded-btn": local.shape === "square",
-    "w-32 h-32": local.size === "lg",
-    "w-24 h-24": local.size === "md",
-    "w-14 h-14": local.size === "sm",
-    "w-10 h-10": local.size === "xs"
-  });
-  const placeholderClasses = () => clsx(baseInner(), {
-    "bg-neutral-focus": !local.color,
-    "text-neutral-content": !local.color || local.color === "neutral",
-    [`bg-${local.color}`]: !!local.color,
-    [`text-${local.color}-content`]: !!local.color,
-    ring: local.border,
-    "ring-offset-base-100 ring-offset-2": local.border,
-    [`ring-${local.borderColor}`]: local.border && local.borderColor,
-    "rounded-full": local.shape === "circle",
-    "rounded-btn": local.shape === "square",
-    "w-32 h-32 text-3xl": local.size === "lg",
-    "w-24 h-24 text-xl": local.size === "md",
-    "w-14 h-14": local.size === "sm",
-    "w-10 h-10": local.size === "xs"
-  });
-  const resolved = children(() => local.children)();
-  const isStringChild = typeof resolved === "string";
-  const renderContents = () => {
-    return local.src ? (() => {
-      var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-      effect((_p$) => {
-        var _v$ = imgClasses(), _v$2 = customSizeStyle, _v$3 = local.src;
-        _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-        _p$.t = style(_el$, _v$2, _p$.t);
-        _v$3 !== _p$.a && setAttribute(_el$2, "src", _p$.a = _v$3);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0
-      });
-      return _el$;
-    })() : local.letters || isStringChild ? (() => {
-      var _el$3 = _tmpl$2(), _el$4 = _el$3.firstChild;
-      insert(_el$4, () => local.letters ?? resolved);
-      effect((_p$) => {
-        var _v$4 = placeholderClasses(), _v$5 = customSizeStyle;
-        _v$4 !== _p$.e && className(_el$3, _p$.e = _v$4);
-        _p$.t = style(_el$3, _v$5, _p$.t);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
-      });
-      return _el$3;
-    })() : (() => {
-      var _el$5 = _tmpl$3();
-      insert(_el$5, () => local.children);
-      effect((_p$) => {
-        var _v$6 = imgClasses(), _v$7 = customSizeStyle;
-        _v$6 !== _p$.e && className(_el$5, _p$.e = _v$6);
-        _p$.t = style(_el$5, _v$7, _p$.t);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0
-      });
-      return _el$5;
-    })();
-  };
-  if (VoidElementList2.includes(Tag)) {
-    return createComponent(Dynamic, mergeProps({
-      component: Tag
-    }, others, {
-      get ["data-theme"]() {
-        return others["dataTheme"];
-      },
-      get ["class"]() {
-        return containerClass();
-      },
-      get style() {
-        return local.style;
-      }
-    }));
-  }
-  return createComponent(Dynamic, mergeProps({
-    component: Tag
-  }, others, {
-    get ["data-theme"]() {
-      return others["dataTheme"];
-    },
-    get ["class"]() {
-      return containerClass();
-    },
-    get style() {
-      return local.style;
-    },
-    get children() {
-      return renderContents();
-    }
-  }));
-};
-var Avatar_default = Object.assign(Avatar, {
-  Group: AvatarGroup_default
-});
-
-// src/components/avatar/index.ts
-var avatar_default = Avatar_default;
-
-export { avatar_default };

package/dist/chunk/3FBDYV4P.js

@@ -1,143 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, createComponent, template, addEventListener, insert, effect, className } from 'solid-js/web';
-import { createContext, createSignal, useContext, Show } from 'solid-js';
-
-var DropdownContext = createContext();
-
-// src/components/dropdown/Dropdown.styles.ts
-var dropdownMenuClass = cva(
-  "absolute z-10 w-max bg-white rounded shadow border border-gray-200 flex flex-col",
-  {
-    variants: {
-      position: {
-        "top-left": "bottom-full left-0 mb-2",
-        "top-right": "bottom-full right-0 mb-2",
-        left: "right-full top-0 mr-2",
-        right: "left-full top-0 ml-2",
-        "bottom-left": "top-full left-0 mt-2",
-        "bottom-right": "top-full right-0 mt-2"
-      }
-    },
-    defaultVariants: {
-      position: "bottom-left"
-    }
-  }
-);
-var dropdownItemClass = cva(
-  "px-4 py-2 text-sm cursor-pointer transition-colors",
-  {
-    variants: {
-      disabled: {
-        true: "text-gray-400 cursor-not-allowed",
-        false: "hover:bg-gray-100 text-gray-800"
-      }
-    },
-    defaultVariants: {
-      disabled: false
-    }
-  }
-);
-var dropdownRootClass = cva("relative inline-block");
-var dropdownTriggerClass = cva("cursor-pointer w-fit", {
-  variants: {
-    disabled: {
-      true: "pointer-events-none opacity-50",
-      false: ""
-    },
-    hoverable: {
-      true: "",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    disabled: false,
-    hoverable: false
-  }
-});
-
-// src/components/dropdown/Dropdown.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var Dropdown = (props) => {
-  const [open, setOpen] = createSignal(false);
-  const context = {
-    open,
-    setOpen,
-    disabled: props.disabled,
-    hoverable: props.hoverable,
-    position: props.position ?? "left"
-  };
-  return createComponent(DropdownContext.Provider, {
-    value: context,
-    get children() {
-      var _el$ = _tmpl$();
-      addEventListener(_el$, "mouseleave", props.hoverable ? () => setOpen(false) : void 0);
-      addEventListener(_el$, "mouseenter", props.hoverable ? () => setOpen(true) : void 0);
-      insert(_el$, () => props.children);
-      effect(() => className(_el$, dropdownRootClass()));
-      return _el$;
-    }
-  });
-};
-var Dropdown_default = Dropdown;
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
-var DropdownTrigger = (props) => {
-  const context = useContext(DropdownContext);
-  const handleClick = () => {
-    if (!context?.hoverable && !context?.disabled) {
-      context?.setOpen(!context.open());
-    }
-  };
-  return (() => {
-    var _el$ = _tmpl$2();
-    _el$.$$click = handleClick;
-    insert(_el$, () => props.children);
-    effect(() => className(_el$, dropdownTriggerClass({
-      disabled: context?.disabled,
-      hoverable: context?.hoverable
-    })));
-    return _el$;
-  })();
-};
-var DropdownTrigger_default = DropdownTrigger;
-delegateEvents(["click"]);
-var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var DropdownMenu = (props) => {
-  const context = useContext(DropdownContext);
-  return createComponent(Show, {
-    get when() {
-      return context?.open?.();
-    },
-    get children() {
-      var _el$ = _tmpl$3();
-      insert(_el$, () => props.children);
-      effect(() => className(_el$, dropdownMenuClass({
-        position: context?.position
-      })));
-      return _el$;
-    }
-  });
-};
-var DropdownMenu_default = DropdownMenu;
-var _tmpl$4 = /* @__PURE__ */ template(`<div role=menuitem>`);
-var DropdownItem = (props) => {
-  const context = useContext(DropdownContext);
-  const handleClick = () => {
-    if (!props.disabled) {
-      props.onClick?.();
-      context?.setOpen(false);
-    }
-  };
-  return (() => {
-    var _el$ = _tmpl$4();
-    _el$.$$click = handleClick;
-    insert(_el$, () => props.children);
-    effect(() => className(_el$, dropdownItemClass({
-      disabled: props.disabled
-    })));
-    return _el$;
-  })();
-};
-var DropdownItem_default = DropdownItem;
-delegateEvents(["click"]);
-
-export { DropdownItem_default, DropdownMenu_default, DropdownTrigger_default, Dropdown_default };

package/dist/chunk/3I23P4TJ.js

@@ -1,33 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { template, spread, mergeProps, insert } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var Join = (props) => {
-  const [local, others] = splitProps(props, ["responsive", "vertical", "horizontal", "class", "className", "dataTheme", "style"]);
-  const classes = () => twMerge("join", clsx({
-    "join-vertical": !local.responsive && local.vertical,
-    "join-horizontal": !local.responsive && local.horizontal,
-    "join-vertical lg:join-horizontal": local.responsive
-  }), local.class, local.className);
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      get ["class"]() {
-        return classes();
-      },
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get style() {
-        return local.style;
-      }
-    }), false, true);
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-};
-var Join_default = Join;
-
-export { Join_default };

package/dist/chunk/55B7Q4NT.jsx

@@ -1,258 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/navbar/Navbar.tsx
-import {
-  createSignal,
-  splitProps,
-  createEffect
-} from "solid-js";
-
-// src/components/navbar/NavbarContext.ts
-import { createContext } from "solid-js";
-var NavbarContext = createContext();
-
-// src/components/navbar/Navbar.styles.ts
-var navbarClass = cva("flex items-center px-4", {
-  variants: {
-    color: {
-      primary: "bg-indigo-600 text-white",
-      info: "bg-blue-500 text-white",
-      success: "bg-green-500 text-white",
-      danger: "bg-red-600 text-white",
-      warning: "bg-yellow-500 text-white",
-      light: "bg-white text-gray-800"
-    },
-    spaced: {
-      true: "py-4",
-      false: ""
-    },
-    shadow: {
-      true: "shadow-md",
-      false: ""
-    },
-    transparent: {
-      true: "bg-transparent",
-      false: ""
-    },
-    fixedTop: {
-      true: "fixed top-0 left-0 right-0 z-50",
-      false: ""
-    },
-    fixedBottom: {
-      true: "fixed bottom-0 left-0 right-0 z-50",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    spaced: false,
-    shadow: false,
-    transparent: false,
-    fixedTop: false,
-    fixedBottom: false
-  }
-});
-var navbarItemClass = cva(
-  "px-4 py-2 rounded transition-colors cursor-pointer",
-  {
-    variants: {
-      active: {
-        true: "",
-        false: ""
-      },
-      color: {
-        primary: "",
-        success: "",
-        info: "",
-        danger: "",
-        warning: "",
-        light: ""
-      }
-    },
-    defaultVariants: {
-      active: false,
-      color: "primary"
-    },
-    compoundVariants: [
-      { color: "primary", active: true, class: "bg-white/20 text-white" },
-      {
-        color: "primary",
-        active: false,
-        class: "hover:bg-white/10 text-white"
-      },
-      { color: "success", active: true, class: "bg-white/20 text-white" },
-      {
-        color: "success",
-        active: false,
-        class: "hover:bg-white/10 text-white"
-      },
-      { color: "info", active: true, class: "bg-white/20 text-white" },
-      { color: "info", active: false, class: "hover:bg-white/10 text-white" },
-      { color: "danger", active: true, class: "bg-white/20 text-white" },
-      { color: "danger", active: false, class: "hover:bg-white/10 text-white" },
-      { color: "warning", active: true, class: "bg-white/20 text-white" },
-      {
-        color: "warning",
-        active: false,
-        class: "hover:bg-white/10 text-white"
-      },
-      { color: "light", active: true, class: "bg-gray-300 text-gray-900" },
-      {
-        color: "light",
-        active: false,
-        class: "hover:bg-gray-100 text-gray-800"
-      }
-    ]
-  }
-);
-var navbarDropdownClass = cva("relative", {
-  variants: {
-    hoverable: {
-      true: "group",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    hoverable: true
-  }
-});
-var dropdownMenuClass = cva(
-  "absolute mt-2 bg-white text-gray-800 rounded shadow-lg hidden group-hover:block",
-  {
-    variants: {
-      align: {
-        left: "left-0",
-        right: "right-0"
-      }
-    },
-    defaultVariants: {
-      align: "left"
-    }
-  }
-);
-
-// src/components/navbar/Navbar.tsx
-var Navbar = (props) => {
-  const [local] = splitProps(props, [
-    "color",
-    "modelValue",
-    "children",
-    "spaced",
-    "shadow",
-    "transparent",
-    "fixedTop",
-    "fixedBottom"
-  ]);
-  const [selected, setSelected] = createSignal(props.modelValue);
-  createEffect(() => {
-    if (props.modelValue !== void 0) {
-      setSelected(props.modelValue);
-    }
-  });
-  return <NavbarContext.Provider
-    value={{
-      color: local.color ?? "primary",
-      selected,
-      setSelected: (val) => {
-        props.onChange?.(val);
-        setSelected(val);
-      }
-    }}
-  >
-      <nav
-    class={navbarClass({
-      color: local.color,
-      spaced: local.spaced,
-      shadow: local.shadow,
-      transparent: local.transparent,
-      fixedTop: local.fixedTop,
-      fixedBottom: local.fixedBottom
-    })}
-  >
-        {local.children}
-      </nav>
-    </NavbarContext.Provider>;
-};
-var Navbar_default = Navbar;
-
-// src/components/navbar/NavbarItem.tsx
-import { splitProps as splitProps2, useContext } from "solid-js";
-import { Dynamic } from "solid-js/web";
-var allowedColors = [
-  "primary",
-  "info",
-  "success",
-  "danger",
-  "warning",
-  "light"
-];
-var NavbarItem = (props) => {
-  const context = useContext(NavbarContext);
-  const [local, rest] = splitProps2(props, [
-    "tag",
-    "href",
-    "label",
-    "children",
-    "class",
-    "color"
-  ]);
-  const Tag = local.tag || (local.href ? "a" : "div");
-  const isActive = () => context?.selected?.() === local.label;
-  const resolveColor = (input) => {
-    return allowedColors.includes(input) ? input : void 0;
-  };
-  return <Dynamic
-    component={Tag}
-    href={local.href}
-    onClick={() => context?.setSelected?.(local.label)}
-    class={classes(
-      navbarItemClass({
-        active: isActive(),
-        color: resolveColor(local.color ?? context?.color)
-      }),
-      local.class
-    )}
-    {...rest}
-  >
-      {local.children}
-    </Dynamic>;
-};
-var NavbarItem_default = NavbarItem;
-
-// src/components/navbar/NavbarDropdown.tsx
-import { splitProps as splitProps3, Show } from "solid-js";
-var NavbarDropdown = (props) => {
-  const [local, rest] = splitProps3(props, [
-    "label",
-    "hoverable",
-    "align",
-    "class",
-    "children"
-  ]);
-  return <div
-    class={classes(
-      navbarDropdownClass({ hoverable: local.hoverable }),
-      local.class
-    )}
-    {...rest}
-  >
-      <div class="cursor-pointer px-4 py-2 rounded hover:bg-white/10">
-        {local.label}
-      </div>
-      <Show when={local.hoverable}>
-        <div class={dropdownMenuClass({ align: local.align })}>
-          {local.children}
-        </div>
-      </Show>
-    </div>;
-};
-var NavbarDropdown_default = NavbarDropdown;
-
-export {
-  Navbar_default,
-  NavbarItem_default,
-  NavbarDropdown_default
-};