@pathscale/ui 0.0.13 → 0.0.14

package/dist/chunk/FKSQPGOD.jsx

@@ -1,170 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/toast/toast.store.ts
-import { createSignal } from "solid-js";
-var [toasts, setToasts] = createSignal([]);
-var toastStore = {
-  toasts,
-  add(toast2) {
-    const id = crypto.randomUUID();
-    setToasts((prev) => [...prev, { ...toast2, id }]);
-    return id;
-  },
-  remove(id) {
-    setToasts((prev) => prev.filter((t) => t.id !== id));
-  },
-  clear() {
-    setToasts([]);
-  }
-};
-
-// src/components/toast/toast-api.ts
-function createToastApi() {
-  const show = (message, options = {}) => {
-    return toastStore.add({ ...options, message });
-  };
-  return {
-    show,
-    success: (msg, opts) => show(msg, { ...opts, type: "success" }),
-    error: (msg, opts) => show(msg, { ...opts, type: "error" }),
-    info: (msg, opts) => show(msg, { ...opts, type: "info" }),
-    warning: (msg, opts) => show(msg, { ...opts, type: "warning" }),
-    clear: toastStore.clear
-  };
-}
-
-// src/components/toast/Toaster.tsx
-import { For } from "solid-js";
-
-// src/components/toast/Toast.tsx
-import {
-  createSignal as createSignal2,
-  onMount,
-  onCleanup,
-  Show
-} from "solid-js";
-
-// src/components/toast/utils/remove-element.ts
-function removeElement(el) {
-  if (typeof el.remove === "function") {
-    el.remove();
-  } else {
-    el.parentNode?.removeChild(el);
-  }
-}
-
-// src/components/toast/utils/timer.ts
-var Timer = class {
-  callback;
-  delay;
-  startedAt;
-  timer;
-  constructor(callback, delay) {
-    this.callback = callback;
-    this.delay = delay;
-    this.startedAt = Date.now();
-    this.timer = window.setTimeout(callback, delay);
-  }
-  pause() {
-    this.stop();
-    this.delay -= Date.now() - this.startedAt;
-  }
-  resume() {
-    this.stop();
-    this.startedAt = Date.now();
-    this.timer = window.setTimeout(this.callback, this.delay);
-  }
-  stop() {
-    clearTimeout(this.timer);
-  }
-};
-
-// src/components/toast/Toast.styles.ts
-var toastWrapperClass = cva(
-  "relative flex items-start gap-3 px-4 py-3 rounded-2xl shadow-lg transition-all duration-300 w-full",
-  {
-    variants: {
-      type: {
-        default: "bg-gray-700 text-white",
-        success: "bg-green-600 text-white",
-        error: "bg-red-600 text-white",
-        info: "bg-blue-600 text-white",
-        warning: "bg-yellow-400 text-black"
-      },
-      visible: {
-        true: "opacity-100 translate-y-0",
-        false: "opacity-0 -translate-y-2 pointer-events-none"
-      }
-    },
-    defaultVariants: {
-      type: "default",
-      visible: true
-    }
-  }
-);
-
-// src/components/toast/Toast.tsx
-var Toast = (props) => {
-  const [visible, setVisible] = createSignal2(false);
-  let rootRef;
-  let timer = null;
-  const close = () => {
-    timer?.stop();
-    setVisible(false);
-    setTimeout(() => {
-      props.onClose?.();
-      if (rootRef) removeElement(rootRef);
-    }, 150);
-  };
-  onMount(() => {
-    setVisible(true);
-    if (props.duration !== false) {
-      timer = new Timer(close, props.duration || 4e3);
-    }
-  });
-  onCleanup(() => {
-    timer?.stop();
-  });
-  return <div
-    ref={rootRef}
-    class={toastWrapperClass({
-      type: props.type || "default",
-      visible: visible()
-    })}
-    role="alert"
-    onClick={() => props.dismissible && close()}
-    innerHTML={props.message}
-  >
-      <Show when={props.dismissible}>
-        <button
-    class="absolute top-2 right-2 text-white/80 hover:text-white transition"
-    aria-label="Close toast"
-  >
-          ×
-        </button>
-      </Show>
-    </div>;
-};
-var Toast_default = Toast;
-
-// src/components/toast/Toaster.tsx
-var Toaster = () => {
-  return <div class="fixed bottom-4 right-4 z-50 flex flex-col items-end gap-2 w-[300px] max-w-full">
-      <For each={toastStore.toasts()}>
-        {(toast2) => <Toast_default {...toast2} onClose={() => toastStore.remove(toast2.id)} />}
-      </For>
-    </div>;
-};
-var Toaster_default = Toaster;
-
-// src/components/toast/index.ts
-var toast = createToastApi();
-var toast_default = toast;
-
-export {
-  Toaster_default,
-  toast,
-  toast_default
-};

package/dist/chunk/FZRQDGPD.jsx

@@ -1,54 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/fileinput/FileInput.tsx
-import { splitProps } from "solid-js";
-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 <input
-    {...others}
-    ref={others.ref}
-    type="file"
-    data-theme={local.dataTheme}
-    class={classes()}
-    style={local.style}
-  />;
-};
-var FileInput_default = FileInput;
-
-export {
-  FileInput_default
-};

package/dist/chunk/G5UEZ2VC.js

@@ -1,49 +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 Badge = (props) => {
-  const [local, others] = splitProps(props, ["size", "color", "variant", "responsive", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("badge", local.class, local.className, clsx({
-    "badge-xl": local.size === "xl",
-    "badge-lg": local.size === "lg",
-    "badge-md": local.size === "md",
-    "badge-sm": local.size === "sm",
-    "badge-xs": local.size === "xs",
-    "badge-soft": local.variant === "soft",
-    "badge-dash": local.variant === "dash",
-    "badge-outline": local.variant === "outline",
-    "badge-neutral": local.color === "neutral",
-    "badge-primary": local.color === "primary",
-    "badge-secondary": local.color === "secondary",
-    "badge-accent": local.color === "accent",
-    "badge-ghost": local.color === "ghost",
-    "badge-info": local.color === "info",
-    "badge-success": local.color === "success",
-    "badge-warning": local.color === "warning",
-    "badge-error": local.color === "error",
-    "badge-xs md:badge-sm lg:badge-md xl:badge-lg": local.responsive
-  }));
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      },
-      "aria-label": "Badge"
-    }), false, true);
-    insert(_el$, () => props.children);
-    return _el$;
-  })();
-};
-var Badge_default = Badge;
-
-export { Badge_default };

package/dist/chunk/GL7JG772.js

@@ -1,114 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { createComponent, Dynamic, mergeProps } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-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 createComponent(Dynamic, mergeProps({
-      component: Tag
-    }, others, {
-      "aria-label": "Step",
-      get ["data-theme"]() {
-        return local["data-theme"];
-      },
-      get ["data-content"]() {
-        return local.value;
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }));
-  }
-  return createComponent(Dynamic, mergeProps({
-    component: Tag
-  }, others, {
-    "aria-label": "Step",
-    get ["data-theme"]() {
-      return local["data-theme"];
-    },
-    get ["data-content"]() {
-      return local.value;
-    },
-    get ["class"]() {
-      return classes();
-    },
-    get style() {
-      return local.style;
-    },
-    get children() {
-      return local.children;
-    }
-  }));
-};
-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] = splitProps(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 createComponent(Dynamic, mergeProps({
-      component: Tag
-    }, others, {
-      role: "group",
-      "aria-label": "Steps",
-      get ["data-theme"]() {
-        return local["data-theme"];
-      },
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      }
-    }));
-  }
-  return createComponent(Dynamic, mergeProps({
-    component: Tag
-  }, others, {
-    role: "group",
-    "aria-label": "Steps",
-    get ["data-theme"]() {
-      return local["data-theme"];
-    },
-    get ["class"]() {
-      return classes();
-    },
-    get style() {
-      return local.style;
-    },
-    get children() {
-      return local.children;
-    }
-  }));
-};
-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/GMIXRYN3.js

@@ -1,138 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, createComponent, effect, className, memo } from 'solid-js/web';
-import { splitProps, createMemo, Show } from 'solid-js';
-
-// src/components/progress/Progress.styles.ts
-var progressContainer = cva(
-  "relative w-full max-w-md select-none",
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-var progressWrapper = cva("overflow-hidden bg-gray-200", {
-  variants: {
-    size: {
-      sm: "h-2",
-      md: "h-4",
-      lg: "h-6"
-    },
-    shape: {
-      rounded: "rounded-lg",
-      circle: "rounded-full"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    shape: "rounded"
-  }
-});
-var progressFill = cva("h-full transition-all duration-300", {
-  variants: {
-    color: {
-      default: "bg-gray-500",
-      danger: "bg-red-500",
-      success: "bg-green-500",
-      info: "bg-blue-500",
-      warning: "bg-yellow-500"
-    },
-    variant: {
-      filled: "",
-      outlined: "bg-opacity-0 ring-1 ring-gray-300",
-      ghost: "bg-opacity-50"
-    }
-  },
-  defaultVariants: {
-    color: "default",
-    variant: "filled"
-  }
-});
-var progressLabel = cva(
-  "absolute top-0 right-0 h-full flex items-center pr-2 text-xs font-medium text-gray-700"
-);
-
-// src/components/progress/Progress.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
-var Progress = (props) => {
-  const [local, rest] = splitProps(props, ["value", "size", "shape", "variant", "color", "showValue", "format", "className"]);
-  const val = createMemo(() => typeof local.value === "number" ? Math.max(0, Math.min(100, local.value)) : null);
-  const isDeterminate = () => val() !== null;
-  const labelText = createMemo(() => {
-    if (!local.showValue || val() == null) return "";
-    return local.format === "percent" ? `${val()}%` : String(val());
-  });
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    spread(_el$, mergeProps(rest, {
-      get ["class"]() {
-        return classes(progressContainer({
-          size: local.size
-        }), local.className);
-      },
-      get ["aria-busy"]() {
-        return !isDeterminate();
-      }
-    }), false, true);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return isDeterminate();
-      },
-      get fallback() {
-        return (() => {
-          var _el$5 = _tmpl$();
-          _el$5.style.setProperty("width", "100%");
-          effect(() => className(_el$5, classes(progressFill({
-            color: local.color,
-            variant: local.variant
-          }), "animate-pulse")));
-          return _el$5;
-        })();
-      },
-      get children() {
-        var _el$3 = _tmpl$();
-        effect((_p$) => {
-          var _v$ = progressFill({
-            color: local.color,
-            variant: local.variant
-          }), _v$2 = `${val()}%`;
-          _v$ !== _p$.e && className(_el$3, _p$.e = _v$);
-          _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$3.style.setProperty("width", _v$2) : _el$3.style.removeProperty("width"));
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0
-        });
-        return _el$3;
-      }
-    }));
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return memo(() => !!local.showValue)() && labelText();
-      },
-      get children() {
-        var _el$4 = _tmpl$();
-        insert(_el$4, labelText);
-        effect(() => className(_el$4, progressLabel()));
-        return _el$4;
-      }
-    }), null);
-    effect(() => className(_el$2, classes(progressWrapper({
-      size: local.size,
-      shape: local.shape
-    }))));
-    return _el$;
-  })();
-};
-var Progress_default = Progress;
-
-// src/components/progress/index.ts
-var progress_default = Progress_default;
-
-export { progress_default };

package/dist/chunk/H2Q3L5KM.js

@@ -1,48 +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(`<span>`);
-var Loading = (props) => {
-  const [local, others] = splitProps(props, ["size", "variant", "color", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("loading", local.class, local.className, clsx({
-    "loading-xl": local.size === "xl",
-    "loading-lg": local.size === "lg",
-    "loading-md": local.size === "md",
-    "loading-sm": local.size === "sm",
-    "loading-xs": local.size === "xs",
-    "loading-spinner": local.variant === "spinner",
-    "loading-dots": local.variant === "dots",
-    "loading-ring": local.variant === "ring",
-    "loading-ball": local.variant === "ball",
-    "loading-bars": local.variant === "bars",
-    "loading-infinity": local.variant === "infinity",
-    "text-primary": local.color === "primary",
-    "text-secondary": local.color === "secondary",
-    "text-accent": local.color === "accent",
-    "text-info": local.color === "info",
-    "text-success": local.color === "success",
-    "text-warning": local.color === "warning",
-    "text-error": local.color === "error",
-    "text-ghost": local.color === "ghost"
-  }));
-  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 Loading_default = Loading;
-
-export { Loading_default };

package/dist/chunk/HEOKGP5U.js

@@ -1,55 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { template, use, spread, mergeProps } from 'solid-js/web';
-import { splitProps, onMount, createEffect } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<input>`);
-var Checkbox = (props) => {
-  let inputRef;
-  const [local, others] = splitProps(props, ["color", "size", "indeterminate", "dataTheme", "class", "className", "style"]);
-  const classes = () => twMerge("checkbox", local.class, local.className, clsx({
-    "checkbox-xl": local.size === "xl",
-    "checkbox-lg": local.size === "lg",
-    "checkbox-md": local.size === "md",
-    "checkbox-sm": local.size === "sm",
-    "checkbox-xs": local.size === "xs",
-    "checkbox-neutral": local.color === "neutral",
-    "checkbox-primary": local.color === "primary",
-    "checkbox-secondary": local.color === "secondary",
-    "checkbox-accent": local.color === "accent",
-    "checkbox-info": local.color === "info",
-    "checkbox-success": local.color === "success",
-    "checkbox-warning": local.color === "warning",
-    "checkbox-error": local.color === "error"
-  }));
-  onMount(() => {
-    if (inputRef && local.indeterminate !== void 0) {
-      inputRef.indeterminate = local.indeterminate;
-    }
-  });
-  createEffect(() => {
-    if (inputRef) {
-      inputRef.indeterminate = !!local.indeterminate;
-    }
-  });
-  return (() => {
-    var _el$ = _tmpl$();
-    use((el) => inputRef = el, _el$);
-    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 Checkbox_default = Checkbox;
-
-export { Checkbox_default };

package/dist/chunk/HKS7ET6T.js

@@ -1,56 +0,0 @@
-// src/lib/style/classes.ts
-function classes(...args) {
-  return args.flat().filter(Boolean).join(" ");
-}
-function falsyToString(value) {
-  return typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-}
-function cva(base, config) {
-  const fn = (props) => {
-    if (config?.variants == null) return classes(base, props?.class);
-    const { variants, defaultVariants } = config;
-    const getVariantClassNames = Object.keys(variants).map((variant) => {
-      const variantProp = props?.[variant];
-      const defaultVariantProp = defaultVariants?.[variant];
-      if (variantProp === null) return null;
-      const variantKey = falsyToString(variantProp) || falsyToString(
-        defaultVariantProp
-      );
-      return variants[variant]?.[variantKey];
-    });
-    const propsWithoutUndefined = Object.entries(props || {}).reduce(
-      (acc, [key, value]) => {
-        if (value !== void 0) {
-          acc[key] = value;
-        }
-        return acc;
-      },
-      {}
-    );
-    const getCompoundVariantClassNames = config?.compoundVariants?.reduce(
-      (acc, { class: cvClass, ...compoundVariantOptions }) => {
-        const isMatch = Object.entries(compoundVariantOptions).every(
-          ([key, value]) => {
-            const currentValue = {
-              ...defaultVariants,
-              ...propsWithoutUndefined
-            }[key];
-            return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
-          }
-        );
-        return isMatch ? [...acc, cvClass] : acc;
-      },
-      []
-    );
-    return classes(
-      base,
-      getVariantClassNames,
-      getCompoundVariantClassNames,
-      props?.class
-    );
-  };
-  fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
-  return fn;
-}
-
-export { classes, cva };