@pathscale/ui 0.0.9 → 0.0.11

package/dist/index.js

@@ -1,25 +1,25 @@
 export { Toaster_default as Toaster, toast_default as toast } from './chunk/JWRGKHDO.js';
-export { tooltip_default as Tooltip } from './chunk/5KABSQPM.js';
+export { tooltip_default as Tooltip } from './chunk/OYAKKETQ.js';
 export { upload_default as Upload } from './chunk/YDEDUOFM.js';
 export { select_default as Select } from './chunk/OMRJVDZV.js';
-export { switch_default as Switch } from './chunk/6B7HOWQD.js';
 export { steps_default as Steps } from './chunk/TT2JYGLU.js';
+export { switch_default as Switch } from './chunk/EE4HXMKA.js';
 export { table_default as Table } from './chunk/QYEMOKUG.js';
 export { tabs_default as Tabs } from './chunk/WOT36Q7O.js';
-export { tag_default as Tag } from './chunk/CJZGTNJZ.js';
 export { textarea_default as Textarea } from './chunk/EB7KXR65.js';
+export { tag_default as Tag } from './chunk/CJZGTNJZ.js';
 export { timeline_default as Timeline } from './chunk/WUZETUQR.js';
-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';
 export { field_default as Field } from './chunk/MAX47D6F.js';
 export { input_default as Input } from './chunk/O2IMHWMY.js';
 export { Menu_default as Menu, MenuItem_default as MenuItem, MenuList_default as MenuList } from './chunk/3VOILEMN.js';
+export { Navbar_default as Navbar, NavbarDropdown_default as NavbarDropdown, NavbarItem_default as NavbarItem } from './chunk/P653OZ5D.js';
 export { pagination_default as Pagination } from './chunk/DBQ7IOPU.js';
-export { Navbar_default as Navbar, NavbarDropdown_default as NavbarDropdown, NavbarItem_default as NavbarItem } from './chunk/OSJ3P7PI.js';
 export { progress_default as Progress } from './chunk/GMIXRYN3.js';
 export { accordion_default as Accordion } from './chunk/NZKPDBTE.js';
 export { autocomplete_default as Autocomplete } from './chunk/MYERRMTM.js';
 export { avatar_default as Avatar } from './chunk/MI773TMC.js';
 export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from './chunk/V6Y5E7BL.js';
-export { button_default as Button } from './chunk/YMO6RPS6.js';
-export { Polymorphic_default as Polymorphic, PolymorphicButton_default as PolymorphicButton } from './chunk/G6RG4LR7.js';
 export { checkbox_default as Checkbox } from './chunk/WYHYWDOM.js';
+export { button_default as Button } from './chunk/PF47YREI.js';
+export { Polymorphic_default as Polymorphic, PolymorphicButton_default as PolymorphicButton } from './chunk/SPEY5RMB.js';

package/dist/index.jsx

@@ -4,19 +4,19 @@ import {
 } from "./chunk/FKSQPGOD.jsx";
 import {
   tooltip_default
-} from "./chunk/YM2NLFQE.jsx";
+} from "./chunk/R6COBCN7.jsx";
 import {
   upload_default
 } from "./chunk/QHJOIUYT.jsx";
-import {
-  steps_default
-} from "./chunk/LAQPAV5I.jsx";
 import {
   select_default
 } from "./chunk/F33TSIEQ.jsx";
+import {
+  steps_default
+} from "./chunk/LAQPAV5I.jsx";
 import {
   switch_default
-} from "./chunk/5R7S7TXL.jsx";
+} from "./chunk/GWFGP2JQ.jsx";
 import {
   table_default
 } from "./chunk/HWAGW5N4.jsx";
@@ -35,8 +35,9 @@ import {
 import {
   DropdownItem_default,
   DropdownMenu_default,
+  DropdownTrigger_default,
   Dropdown_default
-} from "./chunk/D2BEL4SM.jsx";
+} from "./chunk/OJRG4ZAB.jsx";
 import {
   field_default
 } from "./chunk/VN5BKHA2.jsx";
@@ -52,7 +53,7 @@ import {
   NavbarDropdown_default,
   NavbarItem_default,
   Navbar_default
-} from "./chunk/BBDVIXAH.jsx";
+} from "./chunk/55B7Q4NT.jsx";
 import {
   pagination_default
 } from "./chunk/ELRAUORW.jsx";
@@ -62,9 +63,6 @@ import {
 import {
   accordion_default
 } from "./chunk/QONDPQ2I.jsx";
-import {
-  autocomplete_default
-} from "./chunk/C4YO33NN.jsx";
 import {
   avatar_default
 } from "./chunk/C4745OZS.jsx";
@@ -72,14 +70,16 @@ import {
   BreadcrumbItem_default,
   Breadcrumb_default
 } from "./chunk/MMTAND25.jsx";
+import {
+  autocomplete_default
+} from "./chunk/C4YO33NN.jsx";
 import {
   button_default
-} from "./chunk/SCJSBRV2.jsx";
-import "./chunk/YAQK2KFY.jsx";
+} from "./chunk/LMPV5G35.jsx";
 import {
   PolymorphicButton_default,
   Polymorphic_default
-} from "./chunk/KACNXPUM.jsx";
+} from "./chunk/T2LDLYWV.jsx";
 import {
   checkbox_default
 } from "./chunk/T7IZ26YC.jsx";
@@ -95,6 +95,7 @@ export {
   Dropdown_default as Dropdown,
   DropdownItem_default as DropdownItem,
   DropdownMenu_default as DropdownMenu,
+  DropdownTrigger_default as DropdownTrigger,
   field_default as Field,
   input_default as Input,
   Menu_default as Menu,

package/package.json

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

package/dist/chunk/7ROVLN3J.js

@@ -1,175 +0,0 @@
-import { buttonVariants } from './TFLJI242.js';
-import { cva, classes } from './HKS7ET6T.js';
-import { delegateEvents, template, spread, mergeProps, insert, addEventListener, use, createComponent, effect, className, setAttribute } from 'solid-js/web';
-import { splitProps, createMemo, Show, createSignal, onMount, onCleanup } from 'solid-js';
-
-function useDropdown(trigger, disabled = false) {
-  const [open, setOpen] = createSignal(false);
-  let ref;
-  const toggle = () => {
-    if (!disabled && trigger === "click") {
-      setOpen((v) => !v);
-    }
-  };
-  const onEnter = () => {
-    if (!disabled && trigger === "hover") setOpen(true);
-  };
-  const onLeave = () => {
-    if (!disabled && trigger === "hover") setOpen(false);
-  };
-  const onClickOutside = (e) => {
-    if (trigger === "click" && ref && !ref.contains(e.target)) {
-      setOpen(false);
-    }
-  };
-  onMount(() => {
-    document.addEventListener("click", onClickOutside);
-    onCleanup(() => document.removeEventListener("click", onClickOutside));
-  });
-  return {
-    open,
-    ref: (el) => ref = el,
-    toggle,
-    onEnter,
-    onLeave
-  };
-}
-
-// src/components/dropdown/Dropdown.styles.ts
-var dropdownVariants = cva(
-  [
-    "absolute mt-2 shadow-lg z-10",
-    "w-max rounded-md bg-white border border-gray-300",
-    "transition-all duration-150 ease-in-out",
-    "flex flex-col"
-  ],
-  {
-    variants: {
-      position: {
-        "bottom-left": "left-0 top-full text-black",
-        "bottom-right": "right-0 top-full text-black",
-        "top-left": "left-0 bottom-full text-black",
-        "top-right": "right-0 bottom-full text-black"
-      },
-      open: {
-        true: "block",
-        false: "hidden"
-      }
-    },
-    defaultVariants: {
-      position: "bottom-left",
-      open: false
-    }
-  }
-);
-var dropdownItemVariants = cva(
-  "px-4 py-2 cursor-pointer transition-colors duration-150 ease-in-out hover:bg-gray-100",
-  {
-    variants: {
-      hasLink: { true: "p-0 text-blue-600 hover:underline", false: "" }
-    },
-    defaultVariants: { hasLink: false }
-  }
-);
-
-// src/components/dropdown/DropdownMenu.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var DropdownMenu = (props) => {
-  const [local, other] = splitProps(props, ["open", "position", "children"]);
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return dropdownVariants({
-          open: local.open,
-          position: local.position
-        });
-      }
-    }, other, {
-      "id": "dropdown-menu",
-      "role": "menu"
-    }), false, true);
-    insert(_el$, () => local.children);
-    return _el$;
-  })();
-};
-var DropdownMenu_default = DropdownMenu;
-
-// src/components/dropdown/Dropdown.tsx
-var _tmpl$2 = /* @__PURE__ */ template(`<div><button type=button aria-controls=dropdown-menu>`);
-var Dropdown = (props) => {
-  const [localProps, variantProps, restProps] = splitProps(props, ["label", "disabledLabel", "trigger", "children", "disabled", "color", "class", "className"], Object.keys(dropdownVariants.variantKeys ?? {}));
-  const {
-    open,
-    ref,
-    toggle,
-    onEnter,
-    onLeave
-  } = useDropdown(localProps.trigger ?? "click", !!localProps.disabled);
-  const labelContent = createMemo(() => localProps.disabled ? localProps.disabledLabel ?? localProps.label : localProps.label ?? "Toggle");
-  const containerClass = createMemo(() => classes("relative inline-block", localProps.class, localProps.className));
-  const buttonClass = createMemo(() => buttonVariants({
-    color: "primary"
-  }));
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    addEventListener(_el$, "mouseleave", onLeave);
-    addEventListener(_el$, "mouseenter", onEnter);
-    use(ref, _el$);
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return containerClass();
-      }
-    }, restProps), false, true);
-    _el$2.$$click = (e) => {
-      e.preventDefault();
-      if (localProps.trigger === "click") toggle();
-    };
-    insert(_el$2, labelContent);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return open();
-      },
-      get children() {
-        return createComponent(DropdownMenu_default, mergeProps({
-          open: true
-        }, variantProps, {
-          get children() {
-            return localProps.children;
-          }
-        }));
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = buttonClass(), _v$2 = localProps.disabled, _v$3 = localProps.disabled;
-      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$2, "aria-disabled", _p$.t = _v$2);
-      _v$3 !== _p$.a && (_el$2.disabled = _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$;
-  })();
-};
-var Dropdown_default = Dropdown;
-delegateEvents(["click"]);
-var _tmpl$3 = /* @__PURE__ */ template(`<div>`);
-var DropdownItem = ({
-  hasLink = false,
-  children
-}) => {
-  return (() => {
-    var _el$ = _tmpl$3();
-    insert(_el$, children);
-    effect(() => className(_el$, dropdownItemVariants({
-      hasLink
-    })));
-    return _el$;
-  })();
-};
-var DropdownItem_default = DropdownItem;
-
-export { DropdownItem_default, DropdownMenu_default, Dropdown_default };

package/dist/chunk/BBDVIXAH.jsx

@@ -1,194 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/navbar/Navbar.tsx
-import {
-  splitProps,
-  Show
-} from "solid-js";
-
-// src/components/navbar/Navbar.styles.ts
-var navbarStyles = cva("flex items-center px-4", {
-  variants: {
-    color: {
-      info: "bg-blue-500 text-white",
-      primary: "bg-indigo-600 text-white",
-      success: "bg-green-500 text-white",
-      light: "bg-white text-gray-800"
-    }
-  },
-  defaultVariants: {
-    color: "info"
-  }
-});
-var navbarItemStyles = cva(
-  "px-3 py-2 rounded transition-colors",
-  {
-    variants: {
-      active: {
-        true: "font-semibold border-b-2 border-current",
-        false: "hover:bg-gray-200"
-      },
-      tag: {
-        div: "",
-        a: ""
-      }
-    },
-    defaultVariants: {
-      active: false,
-      tag: "div"
-    }
-  }
-);
-var navbarDropdownStyles = cva("relative", {
-  variants: {
-    hoverable: {
-      true: "group",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    hoverable: false
-  }
-});
-var dropdownMenuStyles = 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"
-    }
-  }
-);
-var imageStyles = cva("", {
-  variants: {
-    rounded: {
-      true: "rounded-full",
-      false: ""
-    },
-    size: {
-      sm: "w-6 h-6",
-      md: "w-8 h-8",
-      lg: "w-12 h-12"
-    },
-    bordered: {
-      true: "border border-gray-200",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    rounded: false,
-    size: "md",
-    bordered: false
-  }
-});
-
-// src/components/navbar/Navbar.tsx
-var Navbar = (props) => {
-  const [local, variantProps, other] = splitProps(
-    props,
-    ["class", "className", "brand", "start", "end"],
-    Object.keys(navbarStyles.variantKeys ?? {})
-  );
-  return <nav
-    class={classes(
-      navbarStyles({ color: variantProps.color }),
-      local.class,
-      local.className
-    )}
-    {...other}
-  >
-      <Show when={local.brand}>
-        <div class="flex-shrink-0 mr-4">{local.brand}</div>
-      </Show>
-
-      <Show when={local.start}>
-        <div class="flex-1 flex items-center space-x-2">{local.start}</div>
-      </Show>
-
-      <Show when={local.end}>
-        <div class="flex-1 flex justify-end space-x-2">{local.end}</div>
-      </Show>
-    </nav>;
-};
-var Navbar_default = Navbar;
-
-// src/components/navbar/NavbarItem.tsx
-import {
-  splitProps as splitProps2
-} from "solid-js";
-import { Dynamic } from "solid-js/web";
-var NavbarItem = (props) => {
-  const [local, variantProps, other] = splitProps2(
-    props,
-    [
-      "class",
-      "className",
-      "active",
-      "href",
-      "tag",
-      "to",
-      "children"
-    ],
-    Object.keys(navbarItemStyles.variantKeys ?? {})
-  );
-  const Tag = local.tag === "a" || local.href || local.to ? "a" : "div";
-  return <Dynamic
-    component={Tag}
-    class={classes(
-      navbarItemStyles({
-        active: !!local.active,
-        tag: local.tag ?? (Tag === "a" ? "a" : "div")
-      }),
-      local.class,
-      local.className
-    )}
-    href={local.href ?? local.to}
-    {...other}
-  >
-            {local.children}
-        </Dynamic>;
-};
-var NavbarItem_default = NavbarItem;
-
-// src/components/navbar/NavbarDropdown.tsx
-import { splitProps as splitProps3, Show as Show2 } from "solid-js";
-var NavbarDropdown = (props) => {
-  const [local, variantProps, other] = splitProps3(
-    props,
-    ["class", "className", "label", "hoverable", "children"],
-    [
-      ...Object.keys(navbarDropdownStyles.variantKeys ?? {}),
-      ...Object.keys(dropdownMenuStyles.variantKeys ?? {})
-    ]
-  );
-  return <div
-    class={classes(
-      navbarDropdownStyles({ hoverable: !!local.hoverable }),
-      local.class,
-      local.className
-    )}
-    {...other}
-  >
-      <div class="cursor-pointer">{local.label}</div>
-      <Show2 when={local.hoverable}>
-        <div class={dropdownMenuStyles({ align: variantProps.align })}>
-          {local.children}
-        </div>
-      </Show2>
-    </div>;
-};
-var NavbarDropdown_default = NavbarDropdown;
-
-export {
-  Navbar_default,
-  NavbarItem_default,
-  NavbarDropdown_default
-};

package/dist/chunk/D2BEL4SM.jsx

@@ -1,169 +0,0 @@
-import {
-  buttonVariants
-} from "./YAQK2KFY.jsx";
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/dropdown/Dropdown.tsx
-import {
-  splitProps as splitProps2,
-  createMemo,
-  Show
-} from "solid-js";
-
-// src/components/dropdown/useDropdown.ts
-import { createSignal, onMount, onCleanup } from "solid-js";
-function useDropdown(trigger, disabled = false) {
-  const [open, setOpen] = createSignal(false);
-  let ref;
-  const toggle = () => {
-    if (!disabled && trigger === "click") {
-      setOpen((v) => !v);
-    }
-  };
-  const onEnter = () => {
-    if (!disabled && trigger === "hover") setOpen(true);
-  };
-  const onLeave = () => {
-    if (!disabled && trigger === "hover") setOpen(false);
-  };
-  const onClickOutside = (e) => {
-    if (trigger === "click" && ref && !ref.contains(e.target)) {
-      setOpen(false);
-    }
-  };
-  onMount(() => {
-    document.addEventListener("click", onClickOutside);
-    onCleanup(() => document.removeEventListener("click", onClickOutside));
-  });
-  return {
-    open,
-    ref: (el) => ref = el,
-    toggle,
-    onEnter,
-    onLeave
-  };
-}
-
-// src/components/dropdown/DropdownMenu.tsx
-import { splitProps } from "solid-js";
-
-// src/components/dropdown/Dropdown.styles.ts
-var dropdownVariants = cva(
-  [
-    "absolute mt-2 shadow-lg z-10",
-    "w-max rounded-md bg-white border border-gray-300",
-    "transition-all duration-150 ease-in-out",
-    "flex flex-col"
-  ],
-  {
-    variants: {
-      position: {
-        "bottom-left": "left-0 top-full text-black",
-        "bottom-right": "right-0 top-full text-black",
-        "top-left": "left-0 bottom-full text-black",
-        "top-right": "right-0 bottom-full text-black"
-      },
-      open: {
-        true: "block",
-        false: "hidden"
-      }
-    },
-    defaultVariants: {
-      position: "bottom-left",
-      open: false
-    }
-  }
-);
-var dropdownItemVariants = cva(
-  "px-4 py-2 cursor-pointer transition-colors duration-150 ease-in-out hover:bg-gray-100",
-  {
-    variants: {
-      hasLink: { true: "p-0 text-blue-600 hover:underline", false: "" }
-    },
-    defaultVariants: { hasLink: false }
-  }
-);
-
-// src/components/dropdown/DropdownMenu.tsx
-var DropdownMenu = (props) => {
-  const [local, other] = splitProps(props, ["open", "position", "children"]);
-  return <div
-    class={dropdownVariants({ open: local.open, position: local.position })}
-    {...other}
-    id="dropdown-menu"
-    role="menu"
-  >
-      {local.children}
-    </div>;
-};
-var DropdownMenu_default = DropdownMenu;
-
-// src/components/dropdown/Dropdown.tsx
-var Dropdown = (props) => {
-  const [localProps, variantProps, restProps] = splitProps2(
-    props,
-    ["label", "disabledLabel", "trigger", "children", "disabled", "color", "class", "className"],
-    Object.keys(dropdownVariants.variantKeys ?? {})
-  );
-  const { open, ref, toggle, onEnter, onLeave } = useDropdown(
-    localProps.trigger ?? "click",
-    !!localProps.disabled
-  );
-  const labelContent = createMemo(
-    () => localProps.disabled ? localProps.disabledLabel ?? localProps.label : localProps.label ?? "Toggle"
-  );
-  const containerClass = createMemo(
-    () => classes("relative inline-block", localProps.class, localProps.className)
-  );
-  const buttonClass = createMemo(
-    () => buttonVariants({
-      color: "primary"
-    })
-  );
-  return <div
-    ref={ref}
-    onMouseEnter={onEnter}
-    onMouseLeave={onLeave}
-    class={containerClass()}
-    {...restProps}
-  >
-      <button
-    type="button"
-    onClick={(e) => {
-      e.preventDefault();
-      if (localProps.trigger === "click") toggle();
-    }}
-    class={buttonClass()}
-    aria-disabled={localProps.disabled}
-    disabled={localProps.disabled}
-    aria-controls="dropdown-menu"
-  >
-        {labelContent()}
-      </button>
-
-      <Show when={open()}>
-        <DropdownMenu_default open {...variantProps}>
-          {localProps.children}
-        </DropdownMenu_default>
-      </Show>
-    </div>;
-};
-var Dropdown_default = Dropdown;
-
-// src/components/dropdown/DropdownItem.tsx
-import "solid-js";
-var DropdownItem = ({ hasLink = false, children }) => {
-  return <div class={dropdownItemVariants({ hasLink })}>
-      {children}
-    </div>;
-};
-var DropdownItem_default = DropdownItem;
-
-export {
-  DropdownMenu_default,
-  Dropdown_default,
-  DropdownItem_default
-};