@pathscale/ui 0.0.11 → 0.0.13

package/dist/chunk/3VOILEMN.js

@@ -1,187 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, createComponent, Dynamic, effect, className } from 'solid-js/web';
-import { splitProps, Show, createMemo, createSignal } from 'solid-js';
-
-// src/components/menu/Menu.styles.ts
-var menuWrapper = cva("bg-white border border-gray-200 rounded shadow", {
-  variants: {
-    inline: {
-      true: "flex space-x-4",
-      false: "block"
-    }
-  },
-  defaultVariants: {
-    inline: false
-  }
-});
-var listWrapper = cva("px-4 py-2", {
-  variants: {
-    label: {
-      true: "pt-6",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    label: false
-  }
-});
-var itemVariants = cva(
-  "px-4 py-2 cursor-pointer select-none transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-blue-100 font-semibold",
-        false: "hover:bg-blue-500"
-      },
-      expanded: {
-        true: "bg-gray-50 text-black",
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed text-gray-700",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        active: true,
-        expanded: true,
-        class: "bg-blue-200"
-      }
-    ],
-    defaultVariants: {
-      active: false,
-      expanded: false,
-      disabled: false
-    }
-  }
-);
-var itemDetailWrapper = cva(
-  "ml-4 border-l border-gray-200 mt-1 pl-2"
-);
-
-// src/components/menu/Menu.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var Menu = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["class", "className", "children", "inline"], Object.keys(menuWrapper.variantKeys ?? {}));
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classes(menuWrapper({
-          inline: !!variantProps.inline
-        }), local.class, local.className);
-      }
-    }, otherProps), false, true);
-    insert(_el$, () => local.children);
-    return _el$;
-  })();
-};
-var Menu_default = Menu;
-var _tmpl$2 = /* @__PURE__ */ template(`<div class="px-4 pb-2 font-medium text-gray-700">`);
-var _tmpl$22 = /* @__PURE__ */ template(`<div><div class="flex flex-col">`);
-var MenuList = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["class", "children", "label"], Object.keys(listWrapper.variantKeys ?? {}));
-  return (() => {
-    var _el$ = _tmpl$22(), _el$3 = _el$.firstChild;
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classes(listWrapper({
-          label: !!local.label
-        }), local.class);
-      }
-    }, otherProps), false, true);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return local.label;
-      },
-      get children() {
-        var _el$2 = _tmpl$2();
-        insert(_el$2, () => local.label);
-        return _el$2;
-      }
-    }), _el$3);
-    insert(_el$3, () => local.children);
-    return _el$;
-  })();
-};
-var MenuList_default = MenuList;
-var _tmpl$3 = /* @__PURE__ */ template(`<span class="ml-2 text-gray-500">`);
-var _tmpl$23 = /* @__PURE__ */ template(`<div><div class="flex items-center justify-between"><span>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<div>`);
-var MenuItem = (props) => {
-  const [local, variantProps, rest] = splitProps(props, ["class", "className", "label", "active", "expanded", "disabled", "tag", "to", "target", "children"], Object.keys(itemVariants.variantKeys ?? {}));
-  const hasChildren = createMemo(() => !!local.children);
-  const isControlled = createMemo(() => local.expanded !== void 0);
-  const [internalExpanded, setInternalExpanded] = createSignal(false);
-  const isExpanded = createMemo(() => isControlled() ? !!local.expanded : internalExpanded());
-  const toggleExpand = () => {
-    if (!isControlled() && hasChildren() && !local.disabled) {
-      setInternalExpanded((prev) => !prev);
-    }
-  };
-  const onKeyDown = (e) => {
-    if (local.disabled) return;
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      toggleExpand();
-    }
-  };
-  const tagName = local.to ? "a" : local.tag ?? "div";
-  const focusableProps = !local.to && !local.disabled ? {
-    tabIndex: 0
-  } : {};
-  return createComponent(Dynamic, mergeProps({
-    component: tagName,
-    get ["class"]() {
-      return classes(local.class, local.className, "w-full");
-    },
-    get href() {
-      return local.to;
-    },
-    get target() {
-      return local.target;
-    },
-    get ["aria-disabled"]() {
-      return local.disabled;
-    },
-    onClick: toggleExpand,
-    onKeyDown
-  }, focusableProps, rest, {
-    get children() {
-      return [(() => {
-        var _el$ = _tmpl$23(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-        insert(_el$3, () => local.label);
-        insert(_el$2, createComponent(Show, {
-          get when() {
-            return hasChildren();
-          },
-          get children() {
-            var _el$4 = _tmpl$3();
-            insert(_el$4, () => isExpanded() ? "\u25BE" : "\u25B8");
-            return _el$4;
-          }
-        }), null);
-        effect(() => className(_el$, itemVariants({
-          active: !!local.active,
-          expanded: isExpanded(),
-          disabled: !!local.disabled
-        })));
-        return _el$;
-      })(), createComponent(Show, {
-        get when() {
-          return isExpanded();
-        },
-        get children() {
-          var _el$5 = _tmpl$32();
-          insert(_el$5, () => local.children);
-          effect(() => className(_el$5, itemDetailWrapper()));
-          return _el$5;
-        }
-      })];
-    }
-  }));
-};
-var MenuItem_default = MenuItem;
-
-export { MenuItem_default, MenuList_default, Menu_default };

package/dist/chunk/C4745OZS.jsx

@@ -1,101 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/avatar/Avatar.tsx
-import {
-  createSignal,
-  createMemo,
-  createEffect,
-  mergeProps,
-  splitProps,
-  Show,
-  untrack
-} from "solid-js";
-
-// src/components/avatar/Avatar.styles.ts
-var avatarVariants = cva(
-  [
-    "flex items-center justify-center mx-1",
-    "font-medium outline-none select-none transition active:transition-none",
-    "not-disabled:cursor-pointer",
-    "disabled:cursor-not-allowed disabled:opacity-25",
-    "aria-busy:cursor-wait"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-8 text-sm",
-        md: "size-16 text-base",
-        lg: "size-24 text-lg"
-      },
-      shape: {
-        circle: "rounded-full overflow-hidden",
-        rounded: "rounded-lg overflow-hidden"
-      },
-      variant: {
-        filled: "bg-gray-200 text-gray-800",
-        outlined: "border-2 border-gray-300 text-gray-800",
-        ghost: "text-gray-800"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "circle",
-      variant: "filled"
-    }
-  }
-);
-
-// src/components/avatar/utils.ts
-function parseCaption(alt) {
-  if (!alt) return "";
-  const parts = alt.split(" ");
-  if (parts.length >= 2 && parts[0] && parts[1]) {
-    return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`;
-  }
-  return "";
-}
-
-// src/components/avatar/Avatar.tsx
-var Avatar = (rawProps) => {
-  const props = mergeProps({ alt: "User Avatar" }, rawProps);
-  const [variantProps, otherProps] = splitProps(props, [
-    "class",
-    ...avatarVariants.variantKeys
-  ]);
-  const [source, setSource] = createSignal(props.src || props.dataSrc);
-  createEffect(() => {
-    untrack(() => {
-      if (import.meta.env.PROD && props.dataSrc) {
-        setSource(props.dataSrc);
-      }
-    });
-  });
-  const styles = createMemo(() => ({
-    background: untrack(() => source() ? "" : props.class ?? "bg-blue-500"),
-    text: untrack(() => source() ? "" : props.text ?? "text-white")
-  }));
-  const caption = createMemo(() => parseCaption(props.alt));
-  return <figure class={avatarVariants(variantProps)}>
-      <Show
-    when={source()}
-    fallback={<figcaption class={styles().text}>{caption()}</figcaption>}
-  >
-        <img
-    src={source()}
-    data-src={props.dataSrc}
-    class="size-full object-cover"
-    {...otherProps}
-  />
-      </Show>
-    </figure>;
-};
-var Avatar_default = Avatar;
-
-// src/components/avatar/index.ts
-var avatar_default = Avatar_default;
-
-export {
-  avatar_default
-};

package/dist/chunk/CJZGTNJZ.js

@@ -1,115 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { delegateEvents, template, spread, mergeProps, insert, createComponent, effect, setAttribute, className } from 'solid-js/web';
-import { splitProps, createMemo, untrack, Show } from 'solid-js';
-
-// src/components/tag/Tag.styles.ts
-var tagVariants = cva(
-  [
-    "inline-flex items-center gap-2 px-3 py-1 text-sm rounded",
-    "transition select-none"
-  ],
-  {
-    variants: {
-      size: {
-        normal: "text-xs px-2 py-0.5",
-        medium: "text-sm px-3 py-1",
-        large: "text-base px-4 py-2"
-      },
-      type: {
-        primary: "bg-blue-500 text-white",
-        info: "bg-sky-500 text-white",
-        success: "bg-green-500 text-white",
-        warning: "bg-yellow-500 text-black",
-        danger: "bg-red-500 text-white",
-        dark: "bg-zinc-800 text-white",
-        light: "bg-gray-100 text-black"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: ""
-      },
-      closable: {
-        true: "pr-1",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "normal"
-    }
-  }
-);
-
-// src/components/tag/Tag.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<button type=button class="ml-2 text-xs text-white hover:opacity-80">`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button type=button>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div role=group><span role=status><span class=truncate>`);
-var Tag = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["closable", "attached", "onClose", "ariaCloseLabel", "closeIcon", "children", "type"], ["class", ...tagVariants.variantKeys]);
-  const isAttachedClosable = createMemo(() => untrack(() => localProps.attached && localProps.closable));
-  const isClosable = createMemo(() => untrack(() => localProps.closable && !localProps.attached));
-  const tagClasses = createMemo(() => classes(tagVariants({
-    ...variantProps,
-    closable: localProps.closable
-  }), variantProps.class));
-  const attachedButtonClasses = createMemo(() => tagVariants({
-    ...variantProps,
-    class: "ml-1 text-xs hover:opacity-80"
-  }));
-  const handleClose = (e) => {
-    untrack(() => {
-      if (typeof localProps.onClose === "function") {
-        localProps.onClose(e);
-      }
-    });
-  };
-  return (() => {
-    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-    spread(_el$2, mergeProps({
-      get ["class"]() {
-        return tagClasses();
-      }
-    }, otherProps), false, true);
-    insert(_el$3, () => localProps.children);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return isClosable();
-      },
-      get children() {
-        var _el$4 = _tmpl$();
-        _el$4.$$click = handleClose;
-        insert(_el$4, () => localProps.closeIcon ?? "\xD7");
-        effect(() => setAttribute(_el$4, "aria-label", localProps.ariaCloseLabel ?? "Remove tag"));
-        return _el$4;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isAttachedClosable();
-      },
-      get children() {
-        var _el$5 = _tmpl$2();
-        _el$5.$$click = handleClose;
-        insert(_el$5, () => localProps.closeIcon ?? "\xD7");
-        effect((_p$) => {
-          var _v$ = localProps.ariaCloseLabel ?? "Remove tag", _v$2 = attachedButtonClasses();
-          _v$ !== _p$.e && setAttribute(_el$5, "aria-label", _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$5, _p$.t = _v$2);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0
-        });
-        return _el$5;
-      }
-    }), null);
-    effect(() => className(_el$, isAttachedClosable() ? "tags has-addons" : void 0));
-    return _el$;
-  })();
-};
-var Tag_default = Tag;
-delegateEvents(["click"]);
-
-// src/components/tag/index.ts
-var tag_default = Tag_default;
-
-export { tag_default };

package/dist/chunk/DBQ7IOPU.js

@@ -1,189 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, spread, mergeProps, insert, createComponent, memo, effect, className } from 'solid-js/web';
-import { splitProps, createMemo, Show, For } from 'solid-js';
-
-// src/components/pagination/Pagination.styles.ts
-var paginationItemVariants = cva(
-  [
-    "inline-flex items-center justify-center font-medium transition-colors",
-    "select-none border border-transparent",
-    // border shown only when needed
-    "disabled:opacity-50 disabled:pointer-events-none"
-  ],
-  {
-    variants: {
-      active: {
-        true: "bg-blue-500 text-white hover:bg-blue-600",
-        false: "bg-transparent text-gray-700 hover:bg-gray-200 dark:text-gray-200 dark:hover:bg-gray-700"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: "rounded"
-      },
-      simple: {
-        true: "border-none bg-transparent hover:bg-transparent text-gray-700 dark:text-gray-300",
-        false: ""
-      },
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-1.5",
-        lg: "text-base px-4 py-2"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      active: false,
-      rounded: false,
-      simple: false,
-      size: "md",
-      disabled: false
-    }
-  }
-);
-var paginationInfoVariants = cva(
-  "inline-block font-medium transition-colors",
-  {
-    variants: {
-      simple: {
-        true: "text-sm text-gray-600 dark:text-gray-300 px-2",
-        false: "text-sm text-gray-700 dark:text-gray-200 px-2"
-      }
-    },
-    defaultVariants: {
-      simple: false
-    }
-  }
-);
-var paginationContainerVariants = cva(
-  "flex items-center gap-1 flex-wrap",
-  {
-    variants: {
-      align: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end"
-      },
-      wrap: {
-        true: "flex-wrap",
-        false: "flex-nowrap"
-      }
-    },
-    defaultVariants: {
-      align: "start",
-      wrap: true
-    }
-  }
-);
-
-// src/components/pagination/Pagination.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<nav><button>&laquo;</button><button>&raquo;`);
-var _tmpl$3 = /* @__PURE__ */ template(`<button>`);
-var Pagination = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["total", "perPage", "current", "onChange", "rangeBefore", "rangeAfter", "simple", "children"], ["rounded", "size", "disabled", "active", "simple"]);
-  const perPage = () => local.perPage ?? 20;
-  const pageCount = createMemo(() => Math.ceil(local.total / perPage()));
-  const hasPrev = createMemo(() => local.current > 1);
-  const hasNext = createMemo(() => local.current < pageCount());
-  const pagesInRange = createMemo(() => {
-    const before = local.rangeBefore ?? 1;
-    const after = local.rangeAfter ?? 1;
-    const start = Math.max(1, local.current - before);
-    const end = Math.min(local.current + after, pageCount());
-    return Array.from({
-      length: end - start + 1
-    }, (_, i) => start + i);
-  });
-  const changePage = (page) => {
-    if (page >= 1 && page <= pageCount() && page !== local.current) {
-      local.onChange(page);
-    }
-  };
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$4 = _el$2.nextSibling;
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return paginationContainerVariants({
-          align: "start",
-          wrap: true
-        });
-      }
-    }, otherProps), false, true);
-    _el$2.$$click = () => changePage(local.current - 1);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return pageCount() > 1;
-      },
-      get children() {
-        return [createComponent(Show, {
-          get when() {
-            return local.simple;
-          },
-          get children() {
-            var _el$3 = _tmpl$();
-            insert(_el$3, (() => {
-              var _c$ = memo(() => perPage() === 1);
-              return () => _c$() ? `${(local.current - 1) * perPage() + 1} / ${local.total}` : `${(local.current - 1) * perPage() + 1}-${Math.min(local.current * perPage(), local.total)} / ${local.total}`;
-            })());
-            effect(() => className(_el$3, paginationInfoVariants({
-              simple: true
-            })));
-            return _el$3;
-          }
-        }), createComponent(Show, {
-          get when() {
-            return !local.simple;
-          },
-          get children() {
-            return createComponent(For, {
-              get each() {
-                return pagesInRange();
-              },
-              children: (page) => (() => {
-                var _el$5 = _tmpl$3();
-                _el$5.$$click = () => changePage(page);
-                insert(_el$5, page);
-                effect(() => className(_el$5, paginationItemVariants({
-                  ...variantProps,
-                  active: page === local.current
-                })));
-                return _el$5;
-              })()
-            });
-          }
-        })];
-      }
-    }), _el$4);
-    _el$4.$$click = () => changePage(local.current + 1);
-    effect((_p$) => {
-      var _v$ = paginationItemVariants({
-        ...variantProps,
-        disabled: !hasPrev()
-      }), _v$2 = !hasPrev(), _v$3 = paginationItemVariants({
-        ...variantProps,
-        disabled: !hasNext()
-      }), _v$4 = !hasNext();
-      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-      _v$2 !== _p$.t && (_el$2.disabled = _p$.t = _v$2);
-      _v$3 !== _p$.a && className(_el$4, _p$.a = _v$3);
-      _v$4 !== _p$.o && (_el$4.disabled = _p$.o = _v$4);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0
-    });
-    return _el$;
-  })();
-};
-var Pagination_default = Pagination;
-delegateEvents(["click"]);
-
-// src/components/pagination/index.ts
-var pagination_default = Pagination_default;
-
-export { pagination_default };

package/dist/chunk/EB7KXR65.js

@@ -1,102 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, createComponent, effect, className } from 'solid-js/web';
-import { splitProps, createSignal, createMemo, Show } from 'solid-js';
-
-// src/components/textarea/Textarea.styles.ts
-var textareaVariants = cva(
-  [
-    "block w-full rounded-md border bg-white px-3 py-2 text-sm",
-    "text-gray-900 placeholder-gray-400",
-    "focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent",
-    "disabled:opacity-50 disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm py-1.5",
-        md: "text-base py-2",
-        lg: "text-lg py-3"
-      },
-      color: {
-        primary: "border-blue-500",
-        info: "border-cyan-500",
-        success: "border-green-500",
-        warning: "border-yellow-500",
-        danger: "border-red-500"
-      },
-      loading: {
-        true: "opacity-50 cursor-wait",
-        false: ""
-      },
-      resize: {
-        none: "resize-none",
-        both: "resize",
-        x: "resize-x",
-        y: "resize-y"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      loading: false,
-      resize: "y"
-    }
-  }
-);
-
-// src/components/textarea/Textarea.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<small> / `);
-var _tmpl$2 = /* @__PURE__ */ template(`<div class="relative w-full"><textarea>`);
-var Textarea = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["hasCounter", "value", "onInput", "onFocus", "onBlur", "maxLength"], ["class", ...textareaVariants.variantKeys]);
-  const [isFocused, setFocused] = createSignal(false);
-  const valueLength = createMemo(() => typeof localProps.value === "string" ? localProps.value.length : 0);
-  const showCounter = createMemo(() => localProps.maxLength && localProps.hasCounter);
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    _el$2.addEventListener("blur", (e) => {
-      setFocused(false);
-      typeof localProps.onBlur === "function" && localProps.onBlur(e);
-    });
-    _el$2.addEventListener("focus", (e) => {
-      setFocused(true);
-      typeof localProps.onFocus === "function" && localProps.onFocus(e);
-    });
-    spread(_el$2, mergeProps({
-      get ["class"]() {
-        return textareaVariants(variantProps);
-      },
-      get value() {
-        return localProps.value;
-      },
-      get maxLength() {
-        return localProps.maxLength;
-      },
-      get onInput() {
-        return localProps.onInput;
-      },
-      get ["aria-invalid"]() {
-        return variantProps.color === "danger" ? "true" : void 0;
-      }
-    }, otherProps), false, false);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return showCounter();
-      },
-      get children() {
-        var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
-        insert(_el$3, valueLength, _el$4);
-        insert(_el$3, () => localProps.maxLength, null);
-        effect(() => className(_el$3, classes("absolute bottom-1 right-2 text-xs text-gray-500 transition-opacity", isFocused() ? "opacity-100" : "opacity-0")));
-        return _el$3;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var Textarea_default = Textarea;
-
-// src/components/textarea/index.ts
-var textarea_default = Textarea_default;
-
-export { textarea_default };