@pathscale/ui 0.0.9 → 0.0.11

package/dist/chunk/P653OZ5D.js

@@ -0,0 +1,224 @@
+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/{TFLJI242.js → PF47YREI.js}

@@ -1,4 +1,7 @@
+import { PolymorphicButton_default } from './SPEY5RMB.js';
 import { cva } from './HKS7ET6T.js';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps, splitProps, createMemo } from 'solid-js';
 
 // src/components/button/Button.styles.ts
 var buttonVariants = cva(
@@ -187,4 +190,25 @@ var buttonVariants = cva(
   }
 );
 
-export { buttonVariants };
+// src/components/button/Button.tsx
+var Button = (props) => {
+  const defaultedProps = mergeProps({
+    color: "primary"
+  }, props);
+  const [variantProps, otherProps] = splitProps(defaultedProps, ["class", ...buttonVariants.variantKeys]);
+  const classes = createMemo(() => buttonVariants(variantProps));
+  return createComponent(PolymorphicButton_default, mergeProps$1({
+    get ["class"]() {
+      return classes();
+    },
+    get ["aria-busy"]() {
+      return variantProps.loading ? "true" : void 0;
+    }
+  }, otherProps));
+};
+var Button_default = Button;
+
+// src/components/button/index.ts
+var button_default = Button_default;
+
+export { button_default };

package/dist/chunk/{YM2NLFQE.jsx → R6COBCN7.jsx}

@@ -42,7 +42,7 @@ var tooltipVariants = cva(
       },
       multilined: {
         true: "whitespace-pre-wrap",
-        false: "whitespace-nowrap"
+        false: "whitespace-nowrap overflow-hidden text-ellipsis"
       },
       animated: {
         true: "transition-opacity duration-300 ease-in-out",

package/dist/chunk/{G6RG4LR7.js → SPEY5RMB.js}

@@ -63,10 +63,10 @@ function createIsButton(props) {
 }
 var PolymorphicButton = (props) => {
   const [ref, setRef] = createSignal(null);
-  const [localProps, otherProps] = splitProps(props, ["ref", "type"]);
+  const [localProps, otherProps] = splitProps(props, ["ref"]);
   const isButton2 = createIsButton({
     element: ref,
-    type: localProps.type
+    type: props.type
   });
   return createComponent(Polymorphic_default, mergeProps({
     as: "button",
@@ -74,9 +74,6 @@ var PolymorphicButton = (props) => {
       var _ref$ = mergeRefs(setRef, localProps.ref);
       typeof _ref$ === "function" && _ref$(r$);
     },
-    get type() {
-      return isButton2() ? "button" : void 0;
-    },
     get role() {
       return !isButton2() ? "button" : void 0;
     }

package/dist/chunk/{KACNXPUM.jsx → T2LDLYWV.jsx}

@@ -80,17 +80,15 @@ import {
 var PolymorphicButton = (props) => {
   const [ref, setRef] = createSignal(null);
   const [localProps, otherProps] = splitProps2(props, [
-    "ref",
-    "type"
+    "ref"
   ]);
   const isButton2 = createIsButton({
     element: ref,
-    type: localProps.type
+    type: props.type
   });
   return <Polymorphic_default
     as="button"
     ref={mergeRefs(setRef, localProps.ref)}
-    type={isButton2() ? "button" : void 0}
     role={!isButton2() ? "button" : void 0}
     {...otherProps}
   />;

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

@@ -1,5 +1,5 @@
-import { A as Accordion } from '../../Accordion-JZGWxBMK.js';
-export { a as AccordionProps } from '../../Accordion-JZGWxBMK.js';
+import { A as Accordion } from '../../Accordion-nwuRbRRw.js';
+export { a as AccordionProps } from '../../Accordion-nwuRbRRw.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

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

@@ -1,5 +1,5 @@
-import { A as Autocomplete } from '../../Autocomplete-gLkjMHrc.js';
-export { a as AutocompleteProps } from '../../Autocomplete-gLkjMHrc.js';
+import { A as Autocomplete } from '../../Autocomplete-BLKN_nG8.js';
+export { a as AutocompleteProps } from '../../Autocomplete-BLKN_nG8.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

package/dist/components/button/index.js

@@ -1 +1 @@
-export { button_default as default } from '../../chunk/YMO6RPS6.js';
+export { button_default as default } from '../../chunk/PF47YREI.js';

package/dist/components/button/index.jsx

@@ -1,8 +1,7 @@
 import {
   button_default
-} from "../../chunk/SCJSBRV2.jsx";
-import "../../chunk/YAQK2KFY.jsx";
-import "../../chunk/KACNXPUM.jsx";
+} from "../../chunk/LMPV5G35.jsx";
+import "../../chunk/T2LDLYWV.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   button_default as default

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

@@ -1,43 +1,27 @@
-import { Component, JSX, ComponentProps } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
-
-declare const dropdownVariants: {
-    (props?: (ConfigVariants<{
-        position: {
-            "bottom-left": string;
-            "bottom-right": string;
-            "top-left": string;
-            "top-right": string;
-        };
-        open: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("open" | "position")[];
-};
+import { Component, JSX } from 'solid-js';
 
 type DropdownProps = {
-    label?: string | JSX.Element;
-    disabledLabel?: string | JSX.Element;
-    trigger?: "click" | "hover";
     children: JSX.Element;
-    color?: "primary" | "secondary" | "default";
+    hoverable?: boolean;
     disabled?: boolean;
-    className?: string;
-} & VariantProps<typeof dropdownVariants> & ClassProps & ComponentProps<"div">;
+    position?: "left" | "right" | "top-left" | "top-right";
+};
 declare const Dropdown: Component<DropdownProps>;
 
-interface DropdownItemProps {
-    hasLink?: boolean;
+declare const DropdownTrigger: Component<{
     children: JSX.Element;
-}
-declare const DropdownItem: Component<DropdownItemProps>;
+}>;
 
-interface DropdownMenuProps extends VariantProps<typeof dropdownVariants>, // open + position only
-JSX.HTMLAttributes<HTMLDivElement> {
+declare const DropdownMenu: Component<{
     children: JSX.Element;
-}
-declare const DropdownMenu: Component<DropdownMenuProps>;
+}>;
+
+type DropdownItemProps = {
+    children: JSX.Element;
+    onClick?: () => void;
+    value?: string;
+    disabled?: boolean;
+};
+declare const DropdownItem: Component<DropdownItemProps>;
 
-export { Dropdown, DropdownItem, DropdownMenu };
+export { Dropdown, DropdownItem, DropdownMenu, DropdownTrigger };

package/dist/components/dropdown/index.js

@@ -1 +1 @@
-export { Dropdown_default as Dropdown, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu } from '../../chunk/7ROVLN3J.js';
+export { Dropdown_default as Dropdown, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu, DropdownTrigger_default as DropdownTrigger } from '../../chunk/3FBDYV4P.js';

package/dist/components/dropdown/index.jsx

@@ -1,12 +1,13 @@
 import {
   DropdownItem_default,
   DropdownMenu_default,
+  DropdownTrigger_default,
   Dropdown_default
-} from "../../chunk/D2BEL4SM.jsx";
-import "../../chunk/YAQK2KFY.jsx";
+} from "../../chunk/OJRG4ZAB.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   Dropdown_default as Dropdown,
   DropdownItem_default as DropdownItem,
-  DropdownMenu_default as DropdownMenu
+  DropdownMenu_default as DropdownMenu,
+  DropdownTrigger_default as DropdownTrigger
 };

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

@@ -1,5 +1,5 @@
-import { I as Input } from '../../Input-BGHHmBBR.js';
-export { a as InputProps } from '../../Input-BGHHmBBR.js';
+import { I as Input } from '../../Input-X4gwIB-F.js';
+export { a as InputProps } from '../../Input-X4gwIB-F.js';
 import { Component } from 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

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

@@ -34,7 +34,7 @@ declare const itemVariants: {
             false: string;
         };
     }> & ClassProps) | undefined): string;
-    variantKeys: ("expanded" | "disabled" | "active")[];
+    variantKeys: ("disabled" | "expanded" | "active")[];
 };
 
 type MenuProps = {

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

@@ -1,74 +1,36 @@
 import { Component, JSX } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
-
-declare const navbarStyles: {
-    (props?: (ConfigVariants<{
-        color: {
-            info: string;
-            primary: string;
-            success: string;
-            light: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: "color"[];
-};
-declare const navbarItemStyles: {
-    (props?: (ConfigVariants<{
-        active: {
-            true: string;
-            false: string;
-        };
-        tag: {
-            div: string;
-            a: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("active" | "tag")[];
-};
-declare const navbarDropdownStyles: {
-    (props?: (ConfigVariants<{
-        hoverable: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: "hoverable"[];
-};
-declare const dropdownMenuStyles: {
-    (props?: (ConfigVariants<{
-        align: {
-            left: string;
-            right: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: "align"[];
-};
+import { a as ClassProps } from '../../classes-B_S9K-9I.js';
 
 type NavbarProps = {
-    brand?: JSX.Element;
-    start?: JSX.Element;
-    end?: JSX.Element;
-    className?: string;
-} & VariantProps<typeof navbarStyles> & ClassProps & JSX.HTMLAttributes<HTMLElement>;
+    color?: "primary" | "info" | "success" | "danger" | "warning" | "light";
+    modelValue?: string;
+    spaced?: boolean;
+    shadow?: boolean;
+    transparent?: boolean;
+    fixedTop?: boolean;
+    fixedBottom?: boolean;
+    children?: JSX.Element;
+    onChange?: (val: string) => void;
+};
 declare const Navbar: Component<NavbarProps>;
 
+type NavbarColor = "primary" | "info" | "success" | "danger" | "warning" | "light";
 type NavbarItemProps = {
-    active?: boolean;
-    href?: string;
+    label: string;
     tag?: "a" | "div";
-    to?: string;
-    className?: string;
+    href?: string;
     children: JSX.Element;
-} & VariantProps<typeof navbarItemStyles> & ClassProps & Omit<JSX.HTMLAttributes<HTMLElement>, "children">;
+    color?: NavbarColor;
+} & ClassProps;
 declare const NavbarItem: Component<NavbarItemProps>;
 
 type NavbarDropdownProps = {
     label: string;
     hoverable?: boolean;
     align?: "left" | "right";
-    className?: string;
+    class?: string;
     children: JSX.Element;
-} & VariantProps<typeof navbarDropdownStyles> & VariantProps<typeof dropdownMenuStyles> & ClassProps;
+};
 declare const NavbarDropdown: Component<NavbarDropdownProps>;
 
 export { Navbar, NavbarDropdown, NavbarItem };

package/dist/components/navbar/index.js

@@ -1 +1 @@
-export { Navbar_default as Navbar, NavbarDropdown_default as NavbarDropdown, NavbarItem_default as NavbarItem } from '../../chunk/OSJ3P7PI.js';
+export { Navbar_default as Navbar, NavbarDropdown_default as NavbarDropdown, NavbarItem_default as NavbarItem } from '../../chunk/P653OZ5D.js';

package/dist/components/navbar/index.jsx

@@ -2,7 +2,7 @@ import {
   NavbarDropdown_default,
   NavbarItem_default,
   Navbar_default
-} from "../../chunk/BBDVIXAH.jsx";
+} from "../../chunk/55B7Q4NT.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   Navbar_default as Navbar,

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

@@ -20,7 +20,6 @@ type ElementOf<T> = T extends keyof HTMLElementTagNameMap ? HTMLElementTagNameMa
 
 type PolymorphicButtonSharedProps<T extends ValidComponent = "button"> = {
     ref: Ref<ElementOf<T>>;
-    type: string | undefined;
 };
 type PolymorphicButtonElementProps = PolymorphicButtonSharedProps & {
     role: "button" | undefined;

package/dist/components/polymorphic/index.js

@@ -1 +1 @@
-export { Polymorphic_default as Polymorphic, PolymorphicButton_default as PolymorphicButton } from '../../chunk/G6RG4LR7.js';
+export { Polymorphic_default as Polymorphic, PolymorphicButton_default as PolymorphicButton } from '../../chunk/SPEY5RMB.js';

package/dist/components/polymorphic/index.jsx

@@ -1,7 +1,7 @@
 import {
   PolymorphicButton_default,
   Polymorphic_default
-} from "../../chunk/KACNXPUM.jsx";
+} from "../../chunk/T2LDLYWV.jsx";
 export {
   Polymorphic_default as Polymorphic,
   PolymorphicButton_default as PolymorphicButton

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

@@ -1,5 +1,5 @@
-import { S as Select } from '../../Select-CWCDBvec.js';
-export { a as SelectProps } from '../../Select-CWCDBvec.js';
+import { S as Select } from '../../Select-CP-TUHJv.js';
+export { a as SelectProps } from '../../Select-CP-TUHJv.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

package/dist/components/switch/index.js

@@ -1 +1 @@
-export { switch_default as default } from '../../chunk/6B7HOWQD.js';
+export { switch_default as default } from '../../chunk/EE4HXMKA.js';

package/dist/components/switch/index.jsx

@@ -1,6 +1,6 @@
 import {
   switch_default
-} from "../../chunk/5R7S7TXL.jsx";
+} from "../../chunk/GWFGP2JQ.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   switch_default as default

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

@@ -1,5 +1,5 @@
-import { T as Tabs } from '../../Tabs-BEnRV6GG.js';
-export { a as TabsProps } from '../../Tabs-BEnRV6GG.js';
+import { T as Tabs } from '../../Tabs-BNR3p92D.js';
+export { a as TabsProps } from '../../Tabs-BNR3p92D.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-export { tooltip_default as default } from '../../chunk/5KABSQPM.js';
+export { tooltip_default as default } from '../../chunk/OYAKKETQ.js';

package/dist/components/tooltip/index.jsx

@@ -1,6 +1,6 @@
 import {
   tooltip_default
-} from "../../chunk/YM2NLFQE.jsx";
+} from "../../chunk/R6COBCN7.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
   tooltip_default as default

package/dist/index.d.ts

@@ -1,20 +1,20 @@
 export { A as Avatar } from './Avatar-CzIirpVq.js';
 export { B as Button } from './Button-B50OLXuV.js';
-export { I as Input } from './Input-BGHHmBBR.js';
+export { I as Input } from './Input-X4gwIB-F.js';
 export { T as Textarea } from './Textarea-Cpdk7m6S.js';
 export { P as Progress } from './Progress-gN0xqhAF.js';
 export { U as Upload } from './Upload-CRljD5jf.js';
-export { A as Accordion } from './Accordion-JZGWxBMK.js';
+export { A as Accordion } from './Accordion-nwuRbRRw.js';
 export { P as Pagination } from './Pagination-CJtlFMHy.js';
-export { T as Tabs } from './Tabs-BEnRV6GG.js';
+export { T as Tabs } from './Tabs-BNR3p92D.js';
 export { T as Tooltip } from './Tooltip-BfPongoz.js';
 export { T as Tag } from './Tag-BPrhn-Ne.js';
-export { S as Select } from './Select-CWCDBvec.js';
+export { S as Select } from './Select-CP-TUHJv.js';
 export { S as Switch } from './Switch-CW6QtO1Y.js';
 export { C as Checkbox } from './Checkbox-CzeDsQLA.js';
 export { Breadcrumb, BreadcrumbItem } from './components/breadcrumb/index.js';
-export { A as Autocomplete } from './Autocomplete-gLkjMHrc.js';
-export { Dropdown, DropdownItem, DropdownMenu } from './components/dropdown/index.js';
+export { A as Autocomplete } from './Autocomplete-BLKN_nG8.js';
+export { Dropdown, DropdownItem, DropdownMenu, DropdownTrigger } from './components/dropdown/index.js';
 export { F as Field } from './Field-DfUn85_1.js';
 export { Menu, MenuItem, MenuList } from './components/menu/index.js';
 export { Navbar, NavbarDropdown, NavbarItem } from './components/navbar/index.js';