@pathscale/ui 0.0.12 → 0.0.14

package/dist/chunk/HWAGW5N4.jsx

@@ -1,118 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/table/Table.tsx
-import {
-  splitProps,
-  createMemo,
-  createSignal,
-  For
-} from "solid-js";
-
-// src/components/table/Table.styles.ts
-var tableWrapper = cva(
-  "overflow-x-auto rounded-lg border border-gray-200 shadow"
-);
-var tableVariants = cva(
-  [
-    "min-w-full",
-    "text-sm text-left",
-    "divide-y divide-gray-100"
-  ],
-  {
-    variants: {
-      header: {
-        default: "bg-gray-50 font-semibold text-gray-700"
-      },
-      row: {
-        default: ""
-      },
-      cell: {
-        default: "px-4 py-2"
-      },
-      divider: {
-        on: "border-r border-gray-200 last:border-r-0",
-        off: ""
-      }
-    },
-    defaultVariants: {
-      header: "default",
-      row: "default",
-      cell: "default",
-      divider: "on"
-    }
-  }
-);
-
-// src/components/table/Table.tsx
-var Table = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    ["columns", "rows", "onSort", "className", "rowKey"],
-    Object.keys(tableVariants.variantKeys ?? {})
-  );
-  const [sortKey, setSortKey] = createSignal(null);
-  const [sortDir, setSortDir] = createSignal("asc");
-  const data = createMemo(() => localProps.rows);
-  const baseVars = () => variantProps;
-  const wrapperClass = classes(
-    tableWrapper(),
-    localProps.className
-  );
-  const tableClass = classes(
-    tableVariants(baseVars()),
-    localProps.className
-  );
-  const handleHeaderClick = (colKey, isSortable) => {
-    if (!isSortable) return;
-    const newDir = sortKey() === colKey && sortDir() === "asc" ? "desc" : "asc";
-    setSortKey(() => colKey);
-    setSortDir(newDir);
-    props.onSort?.(colKey, newDir);
-  };
-  return <div class={wrapperClass}>
-      <table {...otherProps} class={tableClass}>
-        <thead>
-          <tr>
-            {localProps.columns.map((col) => <th
-    class={tableVariants({ ...baseVars(), cell: variantProps.cell, divider: "on" })}
-    onClick={() => handleHeaderClick(col.key, col.sortable)}
-    style={col.sortable ? { cursor: "pointer" } : void 0}
-    role="columnheader"
-    aria-sort={sortKey() === col.key ? sortDir() === "asc" ? "ascending" : "descending" : void 0}
-  >
-                {col.header}
-                {sortKey() === col.key && (sortDir() === "asc" ? " \u2191" : " \u2193")}
-              </th>)}
-          </tr>
-        </thead>
-        <tbody>
-          <For each={data()}>
-            {(row) => <tr
-    class={tableVariants({ ...baseVars(), row: variantProps.row })}
-  >
-                {localProps.columns.map((col, ci) => <td
-    class={tableVariants({
-      ...baseVars(),
-      cell: variantProps.cell,
-      divider: ci === localProps.columns.length - 1 ? "off" : "on"
-    })}
-  >
-                    {String(row[col.key] ?? "")}
-                  </td>)}
-              </tr>}
-          </For>
-        </tbody>
-      </table>
-    </div>;
-};
-var Table_default = Table;
-
-// src/components/table/index.ts
-var table_default = Table_default;
-
-export {
-  table_default
-};

package/dist/chunk/I36LHZUY.jsx

@@ -1,31 +0,0 @@
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/breadcrumbs/Breadcrumbs.tsx
-import { splitProps } from "solid-js";
-var Breadcrumbs = (props) => {
-  const [local, others] = splitProps(props, [
-    "dataTheme",
-    "class",
-    "className",
-    "style",
-    "innerProps"
-  ]);
-  const classes = () => twMerge("breadcrumbs text-sm", local.class, local.className);
-  return <div
-    {...others}
-    role="navigation"
-    aria-label="Breadcrumbs"
-    data-theme={local.dataTheme}
-    class={classes()}
-    style={local.style}
-  >
-      <ul {...local.innerProps}>{props.children}</ul>
-    </div>;
-};
-var Breadcrumbs_default = Breadcrumbs;
-
-export {
-  Breadcrumbs_default
-};

package/dist/chunk/IG323YKF.jsx

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

package/dist/chunk/JQ4HSRDP.js

@@ -1,142 +0,0 @@
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { template, spread, mergeProps, insert, effect, className } from 'solid-js/web';
-import { splitProps } from 'solid-js';
-
-var _tmpl$ = /* @__PURE__ */ template(`<li>`);
-var MenuTitle = (props) => {
-  const [local, others] = splitProps(props, ["class", "className"]);
-  const classes = () => twMerge("menu-title", local.class, local.className);
-  return (() => {
-    var _el$ = _tmpl$();
-    spread(_el$, mergeProps(others, {
-      get ["class"]() {
-        return classes();
-      }
-    }), false, false);
-    return _el$;
-  })();
-};
-var MenuTitle_default = MenuTitle;
-var _tmpl$2 = /* @__PURE__ */ template(`<li role=menuitem>`);
-var MenuItem = (props) => {
-  const [local, others] = splitProps(props, ["class", "className", "focus", "active", "disabled", "children", "style", "dataTheme"]);
-  const classes = () => twMerge(local.class, local.className, clsx({
-    "menu-focus": local.focus,
-    "menu-active": local.active,
-    "menu-disabled": local.disabled
-  }));
-  return (() => {
-    var _el$ = _tmpl$2();
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classes();
-      },
-      get style() {
-        return local.style;
-      },
-      get ["data-theme"]() {
-        return local.dataTheme;
-      }
-    }, others), false, true);
-    insert(_el$, () => local.children);
-    return _el$;
-  })();
-};
-var MenuItem_default = MenuItem;
-var _tmpl$3 = /* @__PURE__ */ template(`<span>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<ul>`);
-var MenuDropdown = (props) => {
-  const [local, others] = splitProps(props, ["label", "open", "class", "className", "style", "children", "data-theme"]);
-  const spanClasses = () => twMerge("menu-dropdown-toggle", local.class, local.className, clsx({
-    "menu-dropdown-show": local.open
-  }));
-  const ulClasses = () => clsx("menu-dropdown", {
-    "menu-dropdown-show": local.open
-  });
-  return [(() => {
-    var _el$ = _tmpl$3();
-    spread(_el$, mergeProps(others, {
-      get ["class"]() {
-        return spanClasses();
-      },
-      get style() {
-        return local.style;
-      },
-      get ["data-theme"]() {
-        return local["data-theme"];
-      }
-    }), false, true);
-    insert(_el$, () => local.label);
-    return _el$;
-  })(), (() => {
-    var _el$2 = _tmpl$22();
-    insert(_el$2, () => local.children);
-    effect(() => className(_el$2, ulClasses()));
-    return _el$2;
-  })()];
-};
-var MenuDropdown_default = MenuDropdown;
-var _tmpl$4 = /* @__PURE__ */ template(`<details><summary></summary><ul>`);
-var MenuDetails = (props) => {
-  const [local, others] = splitProps(props, ["label", "open", "class", "className", "style", "children", "dataTheme"]);
-  const classAttr = () => local.class ?? local.className;
-  return (() => {
-    var _el$ = _tmpl$4(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    spread(_el$, mergeProps(others, {
-      get open() {
-        return local.open;
-      },
-      get ["class"]() {
-        return classAttr();
-      },
-      get style() {
-        return local.style;
-      },
-      get ["data-theme"]() {
-        return local.dataTheme;
-      }
-    }), false, true);
-    insert(_el$2, () => local.label);
-    insert(_el$3, () => local.children);
-    return _el$;
-  })();
-};
-var MenuDetails_default = MenuDetails;
-
-// src/components/menu/Menu.tsx
-var _tmpl$5 = /* @__PURE__ */ template(`<ul role=menu>`);
-var Menu = (props) => {
-  const [local, others] = splitProps(props, ["responsive", "horizontal", "vertical", "size", "class", "className", "dataTheme"]);
-  const classes = () => twMerge("menu", local.class, local.className, clsx({
-    "menu-vertical lg:menu-horizontal": local.responsive,
-    "menu-xl": local.size === "xl",
-    "menu-lg": local.size === "lg",
-    "menu-md": local.size === "md",
-    "menu-sm": local.size === "sm",
-    "menu-xs": local.size === "xs",
-    "menu-vertical": local.vertical,
-    "menu-horizontal": local.horizontal
-  }));
-  return (() => {
-    var _el$ = _tmpl$5();
-    spread(_el$, mergeProps({
-      get ["data-theme"]() {
-        return local.dataTheme;
-      },
-      get ["class"]() {
-        return classes();
-      }
-    }, others), false, false);
-    return _el$;
-  })();
-};
-var Menu_default = Object.assign(Menu, {
-  Title: MenuTitle_default,
-  Item: MenuItem_default,
-  Dropdown: MenuDropdown_default,
-  Details: MenuDetails_default,
-  Menu
-});
-
-export { Menu_default };

package/dist/chunk/JSQBKK7L.jsx

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

package/dist/chunk/JWRGKHDO.js

@@ -1,172 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { createSignal, For, onMount, onCleanup, Show } from 'solid-js';
-import { delegateEvents, template, insert, createComponent, mergeProps, effect, className, use } from 'solid-js/web';
-
-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/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 _tmpl$ = /* @__PURE__ */ template(`<button class="absolute top-2 right-2 text-white/80 hover:text-white transition"aria-label="Close toast">\xD7`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div role=alert>`);
-var Toast = (props) => {
-  const [visible, setVisible] = createSignal(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 (() => {
-    var _el$ = _tmpl$2();
-    _el$.$$click = () => props.dismissible && close();
-    var _ref$ = rootRef;
-    typeof _ref$ === "function" ? use(_ref$, _el$) : rootRef = _el$;
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return props.dismissible;
-      },
-      get children() {
-        return _tmpl$();
-      }
-    }));
-    effect((_p$) => {
-      var _v$ = toastWrapperClass({
-        type: props.type || "default",
-        visible: visible()
-      }), _v$2 = props.message;
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && (_el$.innerHTML = _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
-};
-var Toast_default = Toast;
-delegateEvents(["click"]);
-
-// src/components/toast/Toaster.tsx
-var _tmpl$3 = /* @__PURE__ */ template(`<div class="fixed bottom-4 right-4 z-50 flex flex-col items-end gap-2 w-[300px] max-w-full">`);
-var Toaster = () => {
-  return (() => {
-    var _el$ = _tmpl$3();
-    insert(_el$, createComponent(For, {
-      get each() {
-        return toastStore.toasts();
-      },
-      children: (toast2) => createComponent(Toast_default, mergeProps(toast2, {
-        onClose: () => toastStore.remove(toast2.id)
-      }))
-    }));
-    return _el$;
-  })();
-};
-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/K3WO7SRD.js

@@ -1 +0,0 @@
-

package/dist/chunk/KQ3RAWCE.jsx

@@ -1,57 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/collapse/CollapseContent.tsx
-function CollapseContent(props) {
-  const classes = twMerge("collapse-content", props.class);
-  return <div {...props} class={classes} />;
-}
-
-// src/components/collapse/CollapseTitle.tsx
-var classesFn = ({ className }) => twMerge("collapse-title", className);
-function CollapseTitle(props) {
-  return <div {...props} class={classesFn({ className: props.class })} />;
-}
-function Summary(props) {
-  return <summary {...props} class={classesFn({ className: props.class })} />;
-}
-
-// src/components/collapse/CollapseDetails.tsx
-function classesFn2({
-  className,
-  icon,
-  open
-}) {
-  return twMerge(
-    "collapse",
-    className,
-    clsx({
-      "collapse-arrow": icon === "arrow",
-      "collapse-plus": icon === "plus",
-      "collapse-open": open === true,
-      "collapse-close": open === false
-    })
-  );
-}
-function CollapseDetails(props) {
-  const classes = classesFn2({
-    className: props.class,
-    icon: props.icon,
-    open: props.open
-  });
-  return <details {...props} class={classes} open={props.open}>
-      {props.children}
-    </details>;
-}
-CollapseDetails.Title = Summary;
-
-export {
-  CollapseContent,
-  CollapseTitle,
-  Summary,
-  CollapseDetails
-};