@pathscale/ui 0.0.12 → 0.0.14

package/dist/chunk/5IJ7WEIF.js

@@ -1,43 +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(`<select>`);
-var Select = (props) => {
-  const [local, others] = splitProps(props, ["color", "size", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("select", local.class, local.className, clsx({
-    "select-xl": local.size === "xl",
-    "select-lg": local.size === "lg",
-    "select-md": local.size === "md",
-    "select-sm": local.size === "sm",
-    "select-xs": local.size === "xs",
-    "select-primary": local.color === "primary",
-    "select-secondary": local.color === "secondary",
-    "select-accent": local.color === "accent",
-    "select-ghost": local.color === "ghost",
-    "select-info": local.color === "info",
-    "select-success": local.color === "success",
-    "select-warning": local.color === "warning",
-    "select-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, true);
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-};
-var Select_default = Select;
-
-export { Select_default };

package/dist/chunk/5O6WC3OB.jsx

@@ -1,67 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/mask/Mask.tsx
-import { splitProps } from "solid-js";
-function maskClassName({
-  className,
-  variant
-} = {}) {
-  return twMerge(
-    "mask",
-    className,
-    clsx({
-      "mask-squircle": variant === "squircle",
-      "mask-heart": variant === "heart",
-      "mask-hexagon": variant === "hexagon",
-      "mask-hexagon-2": variant === "hexagon-2",
-      "mask-decagon": variant === "decagon",
-      "mask-pentagon": variant === "pentagon",
-      "mask-diamond": variant === "diamond",
-      "mask-square": variant === "square",
-      "mask-circle": variant === "circle",
-      "mask-star": variant === "star",
-      "mask-star-2": variant === "star-2",
-      "mask-triangle": variant === "triangle",
-      "mask-triangle-2": variant === "triangle-2",
-      "mask-triangle-3": variant === "triangle-3",
-      "mask-triangle-4": variant === "triangle-4",
-      "mask-half-1": variant === "half-1",
-      "mask-half-2": variant === "half-2"
-    })
-  );
-}
-var Mask = (props) => {
-  const [local, others] = splitProps(props, [
-    "src",
-    "variant",
-    "dataTheme",
-    "class",
-    "className",
-    "style"
-  ]);
-  const classes = () => maskClassName({
-    className: local.class ?? local.className,
-    variant: local.variant
-  });
-  return <img
-    {...others}
-    src={local.src}
-    data-theme={local.dataTheme}
-    class={classes()}
-    style={local.style}
-  />;
-};
-Mask.className = maskClassName;
-var Mask_default = Mask;
-
-// src/components/mask/index.ts
-var mask_default = Mask_default;
-
-export {
-  mask_default
-};

package/dist/chunk/6P5JIKPF.jsx

@@ -1,51 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/toggle/Toggle.tsx
-import { splitProps } from "solid-js";
-var Toggle = (props) => {
-  const [local, others] = splitProps(props, [
-    "color",
-    "size",
-    "dataTheme",
-    "class",
-    "className",
-    "style"
-  ]);
-  const classes = () => twMerge(
-    "toggle",
-    local.class,
-    local.className,
-    clsx({
-      "toggle-xl": local.size === "xl",
-      "toggle-lg": local.size === "lg",
-      "toggle-md": local.size === "md",
-      "toggle-sm": local.size === "sm",
-      "toggle-xs": local.size === "xs",
-      "toggle-neutral": local.color === "neutral",
-      "toggle-primary": local.color === "primary",
-      "toggle-secondary": local.color === "secondary",
-      "toggle-accent": local.color === "accent",
-      "toggle-info": local.color === "info",
-      "toggle-success": local.color === "success",
-      "toggle-warning": local.color === "warning",
-      "toggle-error": local.color === "error"
-    })
-  );
-  return <input
-    {...others}
-    type="checkbox"
-    data-theme={local.dataTheme}
-    class={classes()}
-    style={local.style}
-  />;
-};
-var Toggle_default = Toggle;
-
-export {
-  Toggle_default
-};

package/dist/chunk/BHLLVOVR.js

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

package/dist/chunk/C4YO33NN.jsx

@@ -1,179 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/autocomplete/Autocomplete.tsx
-import {
-  createSignal,
-  createEffect,
-  For,
-  Show,
-  onCleanup
-} 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 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 <div class={autocompleteWrapperClass} ref={wrapperRef}>
-      <Show when={props.label}>
-        <label class={labelClass}>{props.label}</label>
-      </Show>
-
-      <input
-    type="text"
-    value={search()}
-    onInput={handleInput}
-    onKeyDown={handleKeyDown}
-    onFocus={() => setIsOpen(true)}
-    disabled={props.disabled}
-    autocomplete="off"
-    class={inputBoxClass({
-      size: props.size,
-      state: props.state ?? (props.disabled ? "disabled" : "default")
-    })}
-  />
-
-      <Show when={isOpen()}>
-        <div class={dropdownMenuClass()}>
-          <Show
-    when={filtered().length > 0}
-    fallback={<div class={dropdownEmptyClass}>No data available</div>}
-  >
-            <For each={filtered()}>
-              {(item, i) => <div
-    class={dropdownItemClass({
-      active: i() === highlightIndex()
-    })}
-    onMouseDown={() => handleSelect(item)}
-  >
-                  {item}
-                </div>}
-            </For>
-          </Show>
-        </div>
-      </Show>
-    </div>;
-};
-var Autocomplete_default = Autocomplete;
-
-// src/components/autocomplete/index.ts
-var autocomplete_default = Autocomplete_default;
-
-export {
-  autocomplete_default
-};

package/dist/chunk/DJI5XKAV.js

@@ -1,31 +0,0 @@
-import { twMerge } from './STFCLC5R.js';
-import { template, spread, mergeProps, insert } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<div><ul>`);
-var Breadcrumbs = (props) => {
-  const [local, others] = splitProps(props, ["dataTheme", "class", "className", "style", "innerProps"]);
-  const classes = () => twMerge("breadcrumbs text-sm", local.class, local.className);
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild;
-    spread(_el$, mergeProps(others, {
-      "role": "navigation",
-      "aria-label": "Breadcrumbs",
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }), false, true);
-    spread(_el$2, mergeProps(() => local.innerProps), false, true);
-    insert(_el$2, () => props.children);
-    return _el$;
-  })();
-};
-var Breadcrumbs_default = Breadcrumbs;
-
-export { Breadcrumbs_default };

package/dist/chunk/DN3P54J2.jsx

@@ -1,43 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/join/Join.tsx
-import { splitProps } from "solid-js";
-var Join = (props) => {
-  const [local, others] = splitProps(props, [
-    "responsive",
-    "vertical",
-    "horizontal",
-    "class",
-    "className",
-    "dataTheme",
-    "style"
-  ]);
-  const classes = () => twMerge(
-    "join",
-    clsx({
-      "join-vertical": !local.responsive && local.vertical,
-      "join-horizontal": !local.responsive && local.horizontal,
-      "join-vertical lg:join-horizontal": local.responsive
-    }),
-    local.class,
-    local.className
-  );
-  return <div
-    {...others}
-    class={classes()}
-    data-theme={local.dataTheme}
-    style={local.style}
-  >
-      {props.children}
-    </div>;
-};
-var Join_default = Join;
-
-export {
-  Join_default
-};

package/dist/chunk/DSTUGZW6.jsx

@@ -1,81 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/timeline/Timeline.tsx
-import { For } from "solid-js";
-
-// src/components/timeline/Timeline.styles.ts
-var timelineWrapperClass = "relative";
-var timelineItemClass = cva(
-  "relative flex items-center gap-3 min-h-[48px]",
-  {
-    variants: {
-      state: {
-        default: "text-gray-500",
-        active: "text-green-500 font-medium",
-        error: "text-red-500 font-medium"
-      }
-    },
-    defaultVariants: {
-      state: "default"
-    }
-  }
-);
-var timelineMarkerWrapperClass = "relative w-6 min-h-[48px] flex items-center justify-center";
-var timelineLineClass = "absolute top-0 bottom-0 left-1/2 -translate-x-1/2 w-px bg-gray-300 dark:bg-gray-600";
-var timelineMarkerClass = "absolute w-3 h-3 rounded-full border-2 border-white bg-gray-400 z-10";
-var timelineNumberClass = cva(
-  "absolute -left-4 top-1/2 -translate-y-1/2 text-xs font-semibold",
-  {
-    variants: {
-      state: {
-        default: "text-gray-500",
-        active: "text-green-500",
-        error: "text-red-500"
-      }
-    },
-    defaultVariants: {
-      state: "default"
-    }
-  }
-);
-var timelineContentClass = "pt-0.5 text-sm";
-
-// src/components/timeline/Timeline.tsx
-var Timeline = (props) => {
-  return <ol class={timelineWrapperClass}>
-      <For each={props.stages}>
-        {(stage, index) => {
-    const state = stage.error === true ? "error" : stage.active === true ? "active" : "default";
-    return <li class={timelineItemClass({ state })}>
-              <div class={timelineMarkerWrapperClass}>
-                <div class={timelineLineClass} />
-                <span
-      class={classes(
-        timelineMarkerClass,
-        state === "active" && "bg-green-500",
-        state === "error" && "bg-red-500"
-      )}
-    />
-                <span class={timelineNumberClass({ state })}>
-                  {index() + 1}.
-                </span>
-              </div>
-              <div class={timelineContentClass}>
-                {props.renderStage ? props.renderStage(stage, index()) : stage.title}
-              </div>
-            </li>;
-  }}
-      </For>
-    </ol>;
-};
-var Timeline_default = Timeline;
-
-// src/components/timeline/index.ts
-var timeline_default = Timeline_default;
-
-export {
-  timeline_default
-};

package/dist/chunk/DVFQAAZR.js

@@ -1,43 +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(`<input>`);
-var Toggle = (props) => {
-  const [local, others] = splitProps(props, ["color", "size", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("toggle", local.class, local.className, clsx({
-    "toggle-xl": local.size === "xl",
-    "toggle-lg": local.size === "lg",
-    "toggle-md": local.size === "md",
-    "toggle-sm": local.size === "sm",
-    "toggle-xs": local.size === "xs",
-    "toggle-neutral": local.color === "neutral",
-    "toggle-primary": local.color === "primary",
-    "toggle-secondary": local.color === "secondary",
-    "toggle-accent": local.color === "accent",
-    "toggle-info": local.color === "info",
-    "toggle-success": local.color === "success",
-    "toggle-warning": local.color === "warning",
-    "toggle-error": local.color === "error"
-  }));
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      "type": "checkbox",
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }), false, false);
-    return _el$;
-  })();
-};
-var Toggle_default = Toggle;
-
-export { Toggle_default };

package/dist/chunk/EDDBK4J6.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(`<input>`);
-var Input = (props) => {
-  const [local, others] = splitProps(props, ["size", "color", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("input", local.class, local.className, clsx({
-    "input-xl": local.size === "xl",
-    "input-lg": local.size === "lg",
-    "input-md": local.size === "md",
-    "input-sm": local.size === "sm",
-    "input-xs": local.size === "xs",
-    "input-primary": local.color === "primary",
-    "input-secondary": local.color === "secondary",
-    "input-accent": local.color === "accent",
-    "input-ghost": local.color === "ghost",
-    "input-info": local.color === "info",
-    "input-success": local.color === "success",
-    "input-warning": local.color === "warning",
-    "input-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 Input_default = Input;
-
-export { Input_default };