@pathscale/ui 0.0.13 → 0.0.14

package/dist/chunk/KV6LTJHI.jsx

@@ -1,175 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/tabs/Tabs.tsx
-import {
-  createSignal,
-  splitProps,
-  For,
-  Show,
-  createMemo
-} from "solid-js";
-
-// src/components/tabs/Tabs.styles.ts
-var tabsNavVariants = cva(
-  "flex text-sm font-medium text-gray-600 dark:text-gray-300",
-  {
-    variants: {
-      type: {
-        basic: "",
-        boxed: "flex gap-2",
-        toggle: "inline-flex rounded-md p-1",
-        "toggle-rounded": "inline-flex rounded-full p-1"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      expanded: {
-        true: "w-full",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      type: "basic",
-      size: "md",
-      alignment: "left",
-      expanded: false
-    }
-  }
-);
-var tabTriggerVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium text-sm transition-colors",
-  {
-    variants: {
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-2",
-        lg: "text-base px-4 py-3"
-      },
-      type: {
-        basic: "border-b-2 transition-colors hover:text-blue-600",
-        boxed: "rounded-t px-4 py-2 hover:text-blue-600",
-        toggle: "border -ml-px px-4 py-2 transition-colors first:ml-0 first:rounded-l-md last:rounded-r-md",
-        "toggle-rounded": "border -ml-px first:ml-0 first:rounded-l-full last:rounded-r-full transition-colors"
-      },
-      active: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed pointer-events-none",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        type: "basic",
-        active: true,
-        class: "border-blue-600 text-blue-600"
-      },
-      {
-        type: "basic",
-        active: false,
-        class: "border-transparent text-gray-500 dark:text-gray-400"
-      },
-      {
-        type: "boxed",
-        active: true,
-        class: "border-x border-t border-b-0 border-gray-400 dark:border-gray-600 text-blue-600"
-      },
-      {
-        type: "boxed",
-        active: false,
-        class: "border-b border-transparent text-gray-500 dark:text-gray-400 hover:text-blue-600"
-      },
-      {
-        type: "toggle",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      }
-    ],
-    defaultVariants: {
-      active: false,
-      disabled: false
-    }
-  }
-);
-
-// src/components/tabs/Tabs.tsx
-var Tabs = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["items", "value", "onChange"],
-    ["size", "type", "alignment", "expanded"]
-  );
-  const [internalActive, setInternalActive] = createSignal(local.value ?? 0);
-  const isControlled = () => local.value !== void 0;
-  const active = createMemo(
-    () => isControlled() ? local.value : internalActive()
-  );
-  const handleChange = (i) => {
-    const item = local.items[i];
-    if (!item || item.disabled) return;
-    if (!isControlled()) {
-      setInternalActive(i);
-    }
-    local.onChange?.(i);
-  };
-  return <div {...otherProps}>
-      <nav class={tabsNavVariants(variantProps)}>
-        <ul class="flex gap-0">
-          <For each={local.items}>
-            {(tab, i) => <li>
-                <button
-    class={tabTriggerVariants({
-      type: variantProps.type ?? "basic",
-      size: variantProps.size ?? "md",
-      active: i() === active(),
-      disabled: tab.disabled
-    })}
-    onClick={() => handleChange(i())}
-  >
-                  {tab.label}
-                </button>
-              </li>}
-          </For>
-        </ul>
-      </nav>
-      <div class="pt-4">
-        <Show when={local.items[active()]}>
-          {local.items[active()]?.content}
-        </Show>
-      </div>
-    </div>;
-};
-var Tabs_default = Tabs;
-
-// src/components/tabs/index.ts
-var tabs_default = Tabs_default;
-
-export {
-  tabs_default
-};

package/dist/chunk/L4A67X7S.js

@@ -1,7 +0,0 @@
-import { Join_default } from './3I23P4TJ.js';
-
-// src/components/pagination/Pagination.tsx
-var Pagination = Join_default;
-var Pagination_default = Pagination;
-
-export { Pagination_default };

package/dist/chunk/LGDDR242.jsx

@@ -1,159 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/steps/Steps.tsx
-import { splitProps as splitProps2 } from "solid-js";
-import { Dynamic as Dynamic2 } from "solid-js/web";
-
-// src/components/steps/Step.tsx
-import { splitProps } from "solid-js";
-import { Dynamic } from "solid-js/web";
-var VoidElementList = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "keygen",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-];
-var Step = (props) => {
-  const [local, others] = splitProps(
-    props,
-    [
-      "value",
-      "color",
-      "as",
-      "class",
-      "className",
-      "style",
-      "children",
-      "data-theme"
-    ]
-  );
-  const Tag = local.as || "li";
-  const classes = () => twMerge(
-    "step",
-    local.class,
-    local.className,
-    clsx({
-      "step-neutral": local.color === "neutral",
-      "step-primary": local.color === "primary",
-      "step-secondary": local.color === "secondary",
-      "step-accent": local.color === "accent",
-      "step-info": local.color === "info",
-      "step-success": local.color === "success",
-      "step-warning": local.color === "warning",
-      "step-error": local.color === "error"
-    })
-  );
-  if (VoidElementList.includes(Tag)) {
-    return <Dynamic
-      component={Tag}
-      {...others}
-      aria-label="Step"
-      data-theme={local["data-theme"]}
-      data-content={local.value}
-      class={classes()}
-      style={local.style}
-    />;
-  }
-  return <Dynamic
-    component={Tag}
-    {...others}
-    aria-label="Step"
-    data-theme={local["data-theme"]}
-    data-content={local.value}
-    class={classes()}
-    style={local.style}
-  >
-      {local.children}
-    </Dynamic>;
-};
-var Step_default = Step;
-
-// src/components/steps/Steps.tsx
-var VoidElementList2 = [
-  "area",
-  "base",
-  "br",
-  "col",
-  "embed",
-  "hr",
-  "img",
-  "input",
-  "link",
-  "keygen",
-  "meta",
-  "param",
-  "source",
-  "track",
-  "wbr"
-];
-var Steps = (props) => {
-  const [local, others] = splitProps2(
-    props,
-    [
-      "children",
-      "vertical",
-      "horizontal",
-      "as",
-      "class",
-      "className",
-      "style",
-      "data-theme"
-    ]
-  );
-  const Tag = local.as || "ul";
-  const classes = () => twMerge(
-    "steps",
-    local.class,
-    local.className,
-    clsx({
-      "steps-vertical": local.vertical,
-      "steps-horizontal": local.horizontal
-    })
-  );
-  if (VoidElementList2.includes(Tag)) {
-    return <Dynamic2
-      component={Tag}
-      {...others}
-      role="group"
-      aria-label="Steps"
-      data-theme={local["data-theme"]}
-      class={classes()}
-      style={local.style}
-    />;
-  }
-  return <Dynamic2
-    component={Tag}
-    {...others}
-    role="group"
-    aria-label="Steps"
-    data-theme={local["data-theme"]}
-    class={classes()}
-    style={local.style}
-  >
-      {local.children}
-    </Dynamic2>;
-};
-var Steps_default = Object.assign(Steps, { Step: Step_default });
-
-// src/components/steps/index.ts
-var steps_default = Steps_default;
-
-export {
-  steps_default
-};

package/dist/chunk/MAX47D6F.js

@@ -1,99 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, memo, effect, className } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-// src/components/field/Field.styles.ts
-var fieldWrapper = cva(
-  "flex flex-col space-y-1",
-  {
-    variants: {
-      horizontal: {
-        true: "flex-row items-center space-x-2 space-y-0",
-        false: "flex-col"
-      },
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      type: {
-        default: "",
-        danger: "text-red-600"
-      },
-      grouped: {
-        true: "flex flex-wrap gap-2",
-        false: ""
-      },
-      groupMultiline: {
-        true: "flex-col",
-        false: "flex-row"
-      }
-    },
-    compoundVariants: [
-      { horizontal: true, grouped: true, class: "items-start" }
-    ],
-    defaultVariants: {
-      horizontal: false,
-      size: "md",
-      type: "default",
-      grouped: false,
-      groupMultiline: false
-    }
-  }
-);
-var labelStyles = cva("font-medium", {
-  variants: {
-    size: { sm: "text-sm", md: "text-base", lg: "text-lg" },
-    type: { default: "text-gray-800", danger: "text-red-600" }
-  },
-  defaultVariants: { size: "md", type: "default" }
-});
-var messageStyles = cva("mt-1 text-sm", {
-  variants: {
-    type: { default: "text-gray-600", danger: "text-red-600" }
-  },
-  defaultVariants: { type: "default" }
-});
-
-// src/components/field/Field.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><div>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<label>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<span>`);
-var Field = (props) => {
-  const [local, variantProps, rest] = splitProps(props, ["label", "message", "className", "children"], ["horizontal", "size", "type", "grouped", "groupMultiline"]);
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classes(fieldWrapper(variantProps), local.className);
-      }
-    }, rest), false, true);
-    insert(_el$, (() => {
-      var _c$ = memo(() => !!local.label);
-      return () => _c$() && (() => {
-        var _el$3 = _tmpl$2();
-        insert(_el$3, () => local.label);
-        effect(() => className(_el$3, labelStyles(variantProps)));
-        return _el$3;
-      })();
-    })(), _el$2);
-    insert(_el$2, () => local.children);
-    insert(_el$, (() => {
-      var _c$2 = memo(() => !!local.message);
-      return () => _c$2() && (() => {
-        var _el$4 = _tmpl$3();
-        insert(_el$4, () => local.message);
-        effect(() => className(_el$4, messageStyles(variantProps)));
-        return _el$4;
-      })();
-    })(), null);
-    effect(() => className(_el$2, classes(variantProps.horizontal ? "flex items-center gap-2" : "")));
-    return _el$;
-  })();
-};
-var Field_default = Field;
-
-// src/components/field/index.ts
-var field_default = Field_default;
-
-export { field_default };

package/dist/chunk/MM2DZQL3.js

@@ -1,46 +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 Tooltip = (props) => {
-  const [local, others] = splitProps(props, ["message", "open", "color", "position", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("tooltip", local.class, local.className, clsx({
-    "tooltip-open": local.open,
-    "tooltip-primary": local.color === "primary",
-    "tooltip-secondary": local.color === "secondary",
-    "tooltip-accent": local.color === "accent",
-    "tooltip-info": local.color === "info",
-    "tooltip-success": local.color === "success",
-    "tooltip-warning": local.color === "warning",
-    "tooltip-error": local.color === "error",
-    "tooltip-top": local.position === "top",
-    "tooltip-bottom": local.position === "bottom",
-    "tooltip-left": local.position === "left",
-    "tooltip-right": local.position === "right"
-  }));
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      "role": "tooltip",
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["data-tip"]() {
-        return local.message;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }), false, true);
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-};
-var Tooltip_default = Tooltip;
-
-export { Tooltip_default };

package/dist/chunk/MYERRMTM.js

@@ -1,200 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, className, insert, createComponent, effect, use } from 'solid-js/web';
-import { createSignal, createEffect, onCleanup, Show, For } from 'solid-js';
-
-// src/components/autocomplete/Autocomplete.styles.ts
-var autocompleteWrapperClass = "relative w-full";
-var inputBoxClass = cva(
-  "w-full rounded-md border border-gray-300 px-4 py-2 text-sm outline-none transition-colors",
-  {
-    variants: {
-      state: {
-        default: "bg-white text-gray-800 hover:border-gray-400 focus:border-blue-500 focus:ring-1 focus:ring-blue-500",
-        disabled: "bg-gray-100 text-gray-400 cursor-not-allowed"
-      },
-      size: {
-        sm: "text-sm py-1 px-2",
-        md: "text-sm py-2 px-4",
-        lg: "text-base py-3 px-4"
-      }
-    },
-    defaultVariants: {
-      state: "default",
-      size: "md"
-    }
-  }
-);
-var dropdownMenuClass = cva(
-  "absolute left-0 right-0 z-10 mt-1 rounded-md border border-gray-200 bg-white shadow-md max-h-60 overflow-auto text-sm",
-  {
-    variants: {
-      isOpen: {
-        true: "block",
-        false: "hidden"
-      }
-    },
-    defaultVariants: {
-      isOpen: true
-    }
-  }
-);
-var dropdownItemClass = cva(
-  "w-full text-left px-4 py-2 cursor-pointer transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-blue-500 text-white",
-        false: "hover:bg-gray-100 text-gray-800"
-      }
-    },
-    defaultVariants: {
-      active: false
-    }
-  }
-);
-var dropdownEmptyClass = "px-4 py-2 text-sm text-gray-500";
-var labelClass = "block text-sm font-medium text-gray-700 mb-1";
-
-// src/components/autocomplete/Autocomplete.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<label>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div><input type=text autocomplete=off>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<div>No data available`);
-var Autocomplete = (props) => {
-  const [search, setSearch] = createSignal(props.value?.toString() || "");
-  const [isOpen, setIsOpen] = createSignal(false);
-  const [filtered, setFiltered] = createSignal(props.items);
-  const [highlightIndex, setHighlightIndex] = createSignal(-1);
-  let wrapperRef;
-  const filterItems = (val) => {
-    const lower = val.toLowerCase();
-    setFiltered(props.items.filter((item) => item.toString().toLowerCase().includes(lower)));
-  };
-  const handleInput = (e) => {
-    const val = e.target.value;
-    setSearch(val);
-    filterItems(val);
-    setIsOpen(true);
-    setHighlightIndex(-1);
-  };
-  const handleKeyDown = (e) => {
-    if (!isOpen()) return;
-    if (e.key === "ArrowDown") {
-      setHighlightIndex((prev) => Math.min(prev + 1, filtered().length - 1));
-      e.preventDefault();
-    }
-    if (e.key === "ArrowUp") {
-      setHighlightIndex((prev) => Math.max(prev - 1, 0));
-      e.preventDefault();
-    }
-    if (e.key === "Enter" && filtered()[highlightIndex()]) {
-      const selected = filtered()[highlightIndex()];
-      setSearch(selected?.toString() ?? "");
-      props.onChange?.(selected);
-      setIsOpen(false);
-    }
-    if (e.key === "Escape") {
-      setIsOpen(false);
-    }
-  };
-  const handleSelect = (item) => {
-    setSearch(item.toString());
-    props.onChange?.(item);
-    setIsOpen(false);
-  };
-  const handleClickOutside = (e) => {
-    if (!wrapperRef?.contains(e.target)) {
-      setIsOpen(false);
-    }
-  };
-  createEffect(() => {
-    if (props.value !== void 0) {
-      setSearch(props.value.toString());
-    }
-  });
-  createEffect(() => {
-    document.addEventListener("click", handleClickOutside);
-    onCleanup(() => {
-      document.removeEventListener("click", handleClickOutside);
-    });
-  });
-  return (() => {
-    var _el$ = _tmpl$3(), _el$3 = _el$.firstChild;
-    var _ref$ = wrapperRef;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : wrapperRef = _el$;
-    className(_el$, autocompleteWrapperClass);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return props.label;
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        className(_el$2, labelClass);
-        insert(_el$2, () => props.label);
-        return _el$2;
-      }
-    }), _el$3);
-    _el$3.addEventListener("focus", () => setIsOpen(true));
-    _el$3.$$keydown = handleKeyDown;
-    _el$3.$$input = handleInput;
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isOpen();
-      },
-      get children() {
-        var _el$4 = _tmpl$2();
-        insert(_el$4, createComponent(Show, {
-          get when() {
-            return filtered().length > 0;
-          },
-          get fallback() {
-            return (() => {
-              var _el$5 = _tmpl$4();
-              className(_el$5, dropdownEmptyClass);
-              return _el$5;
-            })();
-          },
-          get children() {
-            return createComponent(For, {
-              get each() {
-                return filtered();
-              },
-              children: (item, i) => (() => {
-                var _el$6 = _tmpl$2();
-                _el$6.$$mousedown = () => handleSelect(item);
-                insert(_el$6, item);
-                effect(() => className(_el$6, dropdownItemClass({
-                  active: i() === highlightIndex()
-                })));
-                return _el$6;
-              })()
-            });
-          }
-        }));
-        effect(() => className(_el$4, dropdownMenuClass()));
-        return _el$4;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = props.disabled, _v$2 = inputBoxClass({
-        size: props.size,
-        state: props.state ?? (props.disabled ? "disabled" : "default")
-      });
-      _v$ !== _p$.e && (_el$3.disabled = _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$3, _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    effect(() => _el$3.value = search());
-    return _el$;
-  })();
-};
-var Autocomplete_default = Autocomplete;
-delegateEvents(["input", "keydown", "mousedown"]);
-
-// src/components/autocomplete/index.ts
-var autocomplete_default = Autocomplete_default;
-
-export { autocomplete_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
-};