@pathscale/ui 0.0.12 → 0.0.14

package/dist/chunk/MZWBWFDD.js

@@ -1,151 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { createComponent, Dynamic, mergeProps, memo, template, spread } from 'solid-js/web';
-import { splitProps, Show } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var Loading = (props) => {
-  const [local, others] = splitProps(props, ["size", "variant", "color", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("loading", local.class, local.className, clsx({
-    "loading-xl": local.size === "xl",
-    "loading-lg": local.size === "lg",
-    "loading-md": local.size === "md",
-    "loading-sm": local.size === "sm",
-    "loading-xs": local.size === "xs",
-    "loading-spinner": local.variant === "spinner",
-    "loading-dots": local.variant === "dots",
-    "loading-ring": local.variant === "ring",
-    "loading-ball": local.variant === "ball",
-    "loading-bars": local.variant === "bars",
-    "loading-infinity": local.variant === "infinity",
-    "text-primary": local.color === "primary",
-    "text-secondary": local.color === "secondary",
-    "text-accent": local.color === "accent",
-    "text-info": local.color === "info",
-    "text-success": local.color === "success",
-    "text-warning": local.color === "warning",
-    "text-error": local.color === "error",
-    "text-ghost": local.color === "ghost"
-  }));
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }), false, false);
-    return _el$;
-  })();
-};
-var Loading_default = Loading;
-
-// src/components/button/Button.tsx
-var VoidElementList = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "keygen", "meta", "param", "source", "track", "wbr"];
-var Button = (props) => {
-  const [local, others] = splitProps(props, ["children", "shape", "size", "variant", "color", "glass", "startIcon", "endIcon", "wide", "fullWidth", "responsive", "animation", "loading", "active", "disabled", "dataTheme", "class", "className", "style", "as"]);
-  const classes = () => twMerge("btn", local.class, local.className, clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
-    "btn-xl": local.size === "xl",
-    "btn-lg": local.size === "lg",
-    "btn-md": local.size === "md",
-    "btn-sm": local.size === "sm",
-    "btn-xs": local.size === "xs",
-    "btn-circle": local.shape === "circle",
-    "btn-square": local.shape === "square",
-    "btn-soft": local.variant === "soft",
-    "btn-dash": local.variant === "dash",
-    "btn-outline": local.variant === "outline",
-    "btn-link": local.variant === "link",
-    "btn-neutral": local.color === "neutral",
-    "btn-primary": local.color === "primary",
-    "btn-secondary": local.color === "secondary",
-    "btn-accent": local.color === "accent",
-    "btn-info": local.color === "info",
-    "btn-success": local.color === "success",
-    "btn-warning": local.color === "warning",
-    "btn-error": local.color === "error",
-    "btn-ghost": local.color === "ghost",
-    glass: local.glass,
-    "btn-wide": local.wide,
-    "btn-block": local.fullWidth,
-    "btn-xs sm:btn-sm md:btn-md lg:btn-lg": local.responsive,
-    "no-animation": !local.animation,
-    "btn-active": local.active,
-    "btn-disabled": local.disabled
-  }));
-  const Tag = local.as || "button";
-  if (VoidElementList.includes(Tag)) {
-    return createComponent(Dynamic, mergeProps({
-      component: Tag
-    }, others, {
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      },
-      get disabled() {
-        return local.disabled;
-      }
-    }));
-  }
-  return createComponent(Dynamic, mergeProps({
-    component: Tag
-  }, others, {
-    get ["data-theme"]() {
-      return local.dataTheme;
-    },
-    get ["class"]() {
-      return classes();
-    },
-    get style() {
-      return local.style;
-    },
-    get disabled() {
-      return local.disabled;
-    },
-    get children() {
-      return [createComponent(Show, {
-        get when() {
-          return local.loading;
-        },
-        get children() {
-          return createComponent(Loading_default, {
-            get size() {
-              return local.size;
-            },
-            get color() {
-              return local.color;
-            },
-            variant: "spinner"
-          });
-        }
-      }), createComponent(Show, {
-        get when() {
-          return local.startIcon && !local.loading;
-        },
-        get children() {
-          return local.startIcon;
-        }
-      }), memo(() => local.children), createComponent(Show, {
-        get when() {
-          return local.endIcon;
-        },
-        get children() {
-          return local.endIcon;
-        }
-      })];
-    }
-  }));
-};
-var Button_default = Button;
-
-export { Button_default };

package/dist/chunk/O7LDJCQS.jsx

@@ -1,18 +0,0 @@
-// node_modules/clsx/dist/clsx.mjs
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e) n += e;
-  else if ("object" == typeof e) if (Array.isArray(e)) {
-    var o = e.length;
-    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-  } else for (f in e) e[f] && (n && (n += " "), n += f);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
-}
-
-export {
-  clsx
-};

package/dist/chunk/OJRG4ZAB.jsx

@@ -1,143 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/dropdown/Dropdown.tsx
-import { createSignal } from "solid-js";
-
-// src/components/dropdown/DropdownContext.ts
-import { createContext } 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 Dropdown = (props) => {
-  const [open, setOpen] = createSignal(false);
-  const context = {
-    open,
-    setOpen,
-    disabled: props.disabled,
-    hoverable: props.hoverable,
-    position: props.position ?? "left"
-  };
-  return <DropdownContext.Provider value={context}>
-      <div
-    class={dropdownRootClass()}
-    onMouseEnter={props.hoverable ? () => setOpen(true) : void 0}
-    onMouseLeave={props.hoverable ? () => setOpen(false) : void 0}
-  >
-        {props.children}
-      </div>
-    </DropdownContext.Provider>;
-};
-var Dropdown_default = Dropdown;
-
-// src/components/dropdown/DropdownTrigger.tsx
-import { useContext } from "solid-js";
-var DropdownTrigger = (props) => {
-  const context = useContext(DropdownContext);
-  const handleClick = () => {
-    if (!context?.hoverable && !context?.disabled) {
-      context?.setOpen(!context.open());
-    }
-  };
-  return <div
-    onClick={handleClick}
-    class={dropdownTriggerClass({
-      disabled: context?.disabled,
-      hoverable: context?.hoverable
-    })}
-  >
-      {props.children}
-    </div>;
-};
-var DropdownTrigger_default = DropdownTrigger;
-
-// src/components/dropdown/DropdownMenu.tsx
-import { Show, useContext as useContext2 } from "solid-js";
-var DropdownMenu = (props) => {
-  const context = useContext2(DropdownContext);
-  return <Show when={context?.open?.()}>
-      <div class={dropdownMenuClass({ position: context?.position })}>
-        {props.children}
-      </div>
-    </Show>;
-};
-var DropdownMenu_default = DropdownMenu;
-
-// src/components/dropdown/DropdownItem.tsx
-import { useContext as useContext3 } from "solid-js";
-var DropdownItem = (props) => {
-  const context = useContext3(DropdownContext);
-  const handleClick = () => {
-    if (!props.disabled) {
-      props.onClick?.();
-      context?.setOpen(false);
-    }
-  };
-  return <div
-    role="menuitem"
-    onClick={handleClick}
-    class={dropdownItemClass({ disabled: props.disabled })}
-  >
-      {props.children}
-    </div>;
-};
-var DropdownItem_default = DropdownItem;
-
-export {
-  Dropdown_default,
-  DropdownTrigger_default,
-  DropdownMenu_default,
-  DropdownItem_default
-};

package/dist/chunk/P653OZ5D.js

@@ -1,224 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { createComponent, template, insert, effect, className, Dynamic, mergeProps, spread } from 'solid-js/web';
-import { createContext, splitProps, createSignal, createEffect, useContext, Show } 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 _tmpl$ = /* @__PURE__ */ template(`<nav>`);
-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 createComponent(NavbarContext.Provider, {
-    get value() {
-      return {
-        color: local.color ?? "primary",
-        selected,
-        setSelected: (val) => {
-          props.onChange?.(val);
-          setSelected(val);
-        }
-      };
-    },
-    get children() {
-      var _el$ = _tmpl$();
-      insert(_el$, () => local.children);
-      effect(() => className(_el$, navbarClass({
-        color: local.color,
-        spaced: local.spaced,
-        shadow: local.shadow,
-        transparent: local.transparent,
-        fixedTop: local.fixedTop,
-        fixedBottom: local.fixedBottom
-      })));
-      return _el$;
-    }
-  });
-};
-var Navbar_default = Navbar;
-var allowedColors = ["primary", "info", "success", "danger", "warning", "light"];
-var NavbarItem = (props) => {
-  const context = useContext(NavbarContext);
-  const [local, rest] = splitProps(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 createComponent(Dynamic, mergeProps({
-    component: Tag,
-    get href() {
-      return local.href;
-    },
-    onClick: () => context?.setSelected?.(local.label),
-    get ["class"]() {
-      return classes(navbarItemClass({
-        active: isActive(),
-        color: resolveColor(local.color ?? context?.color)
-      }), local.class);
-    }
-  }, rest, {
-    get children() {
-      return local.children;
-    }
-  }));
-};
-var NavbarItem_default = NavbarItem;
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<div><div class="cursor-pointer px-4 py-2 rounded hover:bg-white/10">`);
-var NavbarDropdown = (props) => {
-  const [local, rest] = splitProps(props, ["label", "hoverable", "align", "class", "children"]);
-  return (() => {
-    var _el$ = _tmpl$22(), _el$2 = _el$.firstChild;
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classes(navbarDropdownClass({
-          hoverable: local.hoverable
-        }), local.class);
-      }
-    }, rest), false, true);
-    insert(_el$2, () => local.label);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return local.hoverable;
-      },
-      get children() {
-        var _el$3 = _tmpl$2();
-        insert(_el$3, () => local.children);
-        effect(() => className(_el$3, dropdownMenuClass({
-          align: local.align
-        })));
-        return _el$3;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var NavbarDropdown_default = NavbarDropdown;
-
-export { NavbarDropdown_default, NavbarItem_default, Navbar_default };

package/dist/chunk/P7WPLZNA.jsx

@@ -1,59 +0,0 @@
-// src/lib/style/classes.ts
-function classes(...args) {
-  return args.flat().filter(Boolean).join(" ");
-}
-function falsyToString(value) {
-  return typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-}
-function cva(base, config) {
-  const fn = (props) => {
-    if (config?.variants == null) return classes(base, props?.class);
-    const { variants, defaultVariants } = config;
-    const getVariantClassNames = Object.keys(variants).map((variant) => {
-      const variantProp = props?.[variant];
-      const defaultVariantProp = defaultVariants?.[variant];
-      if (variantProp === null) return null;
-      const variantKey = falsyToString(variantProp) || falsyToString(
-        defaultVariantProp
-      );
-      return variants[variant]?.[variantKey];
-    });
-    const propsWithoutUndefined = Object.entries(props || {}).reduce(
-      (acc, [key, value]) => {
-        if (value !== void 0) {
-          acc[key] = value;
-        }
-        return acc;
-      },
-      {}
-    );
-    const getCompoundVariantClassNames = config?.compoundVariants?.reduce(
-      (acc, { class: cvClass, ...compoundVariantOptions }) => {
-        const isMatch = Object.entries(compoundVariantOptions).every(
-          ([key, value]) => {
-            const currentValue = {
-              ...defaultVariants,
-              ...propsWithoutUndefined
-            }[key];
-            return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
-          }
-        );
-        return isMatch ? [...acc, cvClass] : acc;
-      },
-      []
-    );
-    return classes(
-      base,
-      getVariantClassNames,
-      getCompoundVariantClassNames,
-      props?.class
-    );
-  };
-  fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
-  return fn;
-}
-
-export {
-  classes,
-  cva
-};

package/dist/chunk/Q4442PU4.js

@@ -1,42 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { template, spread, mergeProps } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<textarea>`);
-var Textarea = (props) => {
-  const [local, others] = splitProps(props, ["color", "size", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("textarea", local.class, local.className, clsx({
-    "textarea-xl": local.size === "xl",
-    "textarea-lg": local.size === "lg",
-    "textarea-md": local.size === "md",
-    "textarea-sm": local.size === "sm",
-    "textarea-xs": local.size === "xs",
-    "textarea-primary": local.color === "primary",
-    "textarea-secondary": local.color === "secondary",
-    "textarea-accent": local.color === "accent",
-    "textarea-ghost": local.color === "ghost",
-    "textarea-info": local.color === "info",
-    "textarea-success": local.color === "success",
-    "textarea-warning": local.color === "warning",
-    "textarea-error": local.color === "error"
-  }));
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }), false, false);
-    return _el$;
-  })();
-};
-var Textarea_default = Textarea;
-
-export { Textarea_default };