@pathscale/ui 0.0.13 → 0.0.14

package/dist/chunk/OJRG4ZAB.jsx

@@ -1,143 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/dropdown/Dropdown.tsx
-import { createSignal } from "solid-js";
-
-// src/components/dropdown/DropdownContext.ts
-import { createContext } from "solid-js";
-var DropdownContext = createContext();
-
-// src/components/dropdown/Dropdown.styles.ts
-var dropdownMenuClass = cva(
-  "absolute z-10 w-max bg-white rounded shadow border border-gray-200 flex flex-col",
-  {
-    variants: {
-      position: {
-        "top-left": "bottom-full left-0 mb-2",
-        "top-right": "bottom-full right-0 mb-2",
-        left: "right-full top-0 mr-2",
-        right: "left-full top-0 ml-2",
-        "bottom-left": "top-full left-0 mt-2",
-        "bottom-right": "top-full right-0 mt-2"
-      }
-    },
-    defaultVariants: {
-      position: "bottom-left"
-    }
-  }
-);
-var dropdownItemClass = cva(
-  "px-4 py-2 text-sm cursor-pointer transition-colors",
-  {
-    variants: {
-      disabled: {
-        true: "text-gray-400 cursor-not-allowed",
-        false: "hover:bg-gray-100 text-gray-800"
-      }
-    },
-    defaultVariants: {
-      disabled: false
-    }
-  }
-);
-var dropdownRootClass = cva("relative inline-block");
-var dropdownTriggerClass = cva("cursor-pointer w-fit", {
-  variants: {
-    disabled: {
-      true: "pointer-events-none opacity-50",
-      false: ""
-    },
-    hoverable: {
-      true: "",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    disabled: false,
-    hoverable: false
-  }
-});
-
-// src/components/dropdown/Dropdown.tsx
-var Dropdown = (props) => {
-  const [open, setOpen] = createSignal(false);
-  const context = {
-    open,
-    setOpen,
-    disabled: props.disabled,
-    hoverable: props.hoverable,
-    position: props.position ?? "left"
-  };
-  return <DropdownContext.Provider value={context}>
-      <div
-    class={dropdownRootClass()}
-    onMouseEnter={props.hoverable ? () => setOpen(true) : void 0}
-    onMouseLeave={props.hoverable ? () => setOpen(false) : void 0}
-  >
-        {props.children}
-      </div>
-    </DropdownContext.Provider>;
-};
-var Dropdown_default = Dropdown;
-
-// src/components/dropdown/DropdownTrigger.tsx
-import { useContext } from "solid-js";
-var DropdownTrigger = (props) => {
-  const context = useContext(DropdownContext);
-  const handleClick = () => {
-    if (!context?.hoverable && !context?.disabled) {
-      context?.setOpen(!context.open());
-    }
-  };
-  return <div
-    onClick={handleClick}
-    class={dropdownTriggerClass({
-      disabled: context?.disabled,
-      hoverable: context?.hoverable
-    })}
-  >
-      {props.children}
-    </div>;
-};
-var DropdownTrigger_default = DropdownTrigger;
-
-// src/components/dropdown/DropdownMenu.tsx
-import { Show, useContext as useContext2 } from "solid-js";
-var DropdownMenu = (props) => {
-  const context = useContext2(DropdownContext);
-  return <Show when={context?.open?.()}>
-      <div class={dropdownMenuClass({ position: context?.position })}>
-        {props.children}
-      </div>
-    </Show>;
-};
-var DropdownMenu_default = DropdownMenu;
-
-// src/components/dropdown/DropdownItem.tsx
-import { useContext as useContext3 } from "solid-js";
-var DropdownItem = (props) => {
-  const context = useContext3(DropdownContext);
-  const handleClick = () => {
-    if (!props.disabled) {
-      props.onClick?.();
-      context?.setOpen(false);
-    }
-  };
-  return <div
-    role="menuitem"
-    onClick={handleClick}
-    class={dropdownItemClass({ disabled: props.disabled })}
-  >
-      {props.children}
-    </div>;
-};
-var DropdownItem_default = DropdownItem;
-
-export {
-  Dropdown_default,
-  DropdownTrigger_default,
-  DropdownMenu_default,
-  DropdownItem_default
-};

package/dist/chunk/P653OZ5D.js

@@ -1,224 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { createComponent, template, insert, effect, className, Dynamic, mergeProps, spread } from 'solid-js/web';
-import { createContext, splitProps, createSignal, createEffect, useContext, Show } from 'solid-js';
-
-var NavbarContext = createContext();
-
-// src/components/navbar/Navbar.styles.ts
-var navbarClass = cva("flex items-center px-4", {
-  variants: {
-    color: {
-      primary: "bg-indigo-600 text-white",
-      info: "bg-blue-500 text-white",
-      success: "bg-green-500 text-white",
-      danger: "bg-red-600 text-white",
-      warning: "bg-yellow-500 text-white",
-      light: "bg-white text-gray-800"
-    },
-    spaced: {
-      true: "py-4",
-      false: ""
-    },
-    shadow: {
-      true: "shadow-md",
-      false: ""
-    },
-    transparent: {
-      true: "bg-transparent",
-      false: ""
-    },
-    fixedTop: {
-      true: "fixed top-0 left-0 right-0 z-50",
-      false: ""
-    },
-    fixedBottom: {
-      true: "fixed bottom-0 left-0 right-0 z-50",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    color: "primary",
-    spaced: false,
-    shadow: false,
-    transparent: false,
-    fixedTop: false,
-    fixedBottom: false
-  }
-});
-var navbarItemClass = cva(
-  "px-4 py-2 rounded transition-colors cursor-pointer",
-  {
-    variants: {
-      active: {
-        true: "",
-        false: ""
-      },
-      color: {
-        primary: "",
-        success: "",
-        info: "",
-        danger: "",
-        warning: "",
-        light: ""
-      }
-    },
-    defaultVariants: {
-      active: false,
-      color: "primary"
-    },
-    compoundVariants: [
-      { color: "primary", active: true, class: "bg-white/20 text-white" },
-      {
-        color: "primary",
-        active: false,
-        class: "hover:bg-white/10 text-white"
-      },
-      { color: "success", active: true, class: "bg-white/20 text-white" },
-      {
-        color: "success",
-        active: false,
-        class: "hover:bg-white/10 text-white"
-      },
-      { color: "info", active: true, class: "bg-white/20 text-white" },
-      { color: "info", active: false, class: "hover:bg-white/10 text-white" },
-      { color: "danger", active: true, class: "bg-white/20 text-white" },
-      { color: "danger", active: false, class: "hover:bg-white/10 text-white" },
-      { color: "warning", active: true, class: "bg-white/20 text-white" },
-      {
-        color: "warning",
-        active: false,
-        class: "hover:bg-white/10 text-white"
-      },
-      { color: "light", active: true, class: "bg-gray-300 text-gray-900" },
-      {
-        color: "light",
-        active: false,
-        class: "hover:bg-gray-100 text-gray-800"
-      }
-    ]
-  }
-);
-var navbarDropdownClass = cva("relative", {
-  variants: {
-    hoverable: {
-      true: "group",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    hoverable: true
-  }
-});
-var dropdownMenuClass = cva(
-  "absolute mt-2 bg-white text-gray-800 rounded shadow-lg hidden group-hover:block",
-  {
-    variants: {
-      align: {
-        left: "left-0",
-        right: "right-0"
-      }
-    },
-    defaultVariants: {
-      align: "left"
-    }
-  }
-);
-
-// src/components/navbar/Navbar.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<nav>`);
-var Navbar = (props) => {
-  const [local] = splitProps(props, ["color", "modelValue", "children", "spaced", "shadow", "transparent", "fixedTop", "fixedBottom"]);
-  const [selected, setSelected] = createSignal(props.modelValue);
-  createEffect(() => {
-    if (props.modelValue !== void 0) {
-      setSelected(props.modelValue);
-    }
-  });
-  return createComponent(NavbarContext.Provider, {
-    get value() {
-      return {
-        color: local.color ?? "primary",
-        selected,
-        setSelected: (val) => {
-          props.onChange?.(val);
-          setSelected(val);
-        }
-      };
-    },
-    get children() {
-      var _el$ = _tmpl$();
-      insert(_el$, () => local.children);
-      effect(() => className(_el$, navbarClass({
-        color: local.color,
-        spaced: local.spaced,
-        shadow: local.shadow,
-        transparent: local.transparent,
-        fixedTop: local.fixedTop,
-        fixedBottom: local.fixedBottom
-      })));
-      return _el$;
-    }
-  });
-};
-var Navbar_default = Navbar;
-var allowedColors = ["primary", "info", "success", "danger", "warning", "light"];
-var NavbarItem = (props) => {
-  const context = useContext(NavbarContext);
-  const [local, rest] = splitProps(props, ["tag", "href", "label", "children", "class", "color"]);
-  const Tag = local.tag || (local.href ? "a" : "div");
-  const isActive = () => context?.selected?.() === local.label;
-  const resolveColor = (input) => {
-    return allowedColors.includes(input) ? input : void 0;
-  };
-  return createComponent(Dynamic, mergeProps({
-    component: Tag,
-    get href() {
-      return local.href;
-    },
-    onClick: () => context?.setSelected?.(local.label),
-    get ["class"]() {
-      return classes(navbarItemClass({
-        active: isActive(),
-        color: resolveColor(local.color ?? context?.color)
-      }), local.class);
-    }
-  }, rest, {
-    get children() {
-      return local.children;
-    }
-  }));
-};
-var NavbarItem_default = NavbarItem;
-var _tmpl$2 = /* @__PURE__ */ template(`<div>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<div><div class="cursor-pointer px-4 py-2 rounded hover:bg-white/10">`);
-var NavbarDropdown = (props) => {
-  const [local, rest] = splitProps(props, ["label", "hoverable", "align", "class", "children"]);
-  return (() => {
-    var _el$ = _tmpl$22(), _el$2 = _el$.firstChild;
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return classes(navbarDropdownClass({
-          hoverable: local.hoverable
-        }), local.class);
-      }
-    }, rest), false, true);
-    insert(_el$2, () => local.label);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return local.hoverable;
-      },
-      get children() {
-        var _el$3 = _tmpl$2();
-        insert(_el$3, () => local.children);
-        effect(() => className(_el$3, dropdownMenuClass({
-          align: local.align
-        })));
-        return _el$3;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var NavbarDropdown_default = NavbarDropdown;
-
-export { NavbarDropdown_default, NavbarItem_default, Navbar_default };

package/dist/chunk/P7WPLZNA.jsx

@@ -1,59 +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
-};

package/dist/chunk/Q4442PU4.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(`<textarea>`);
-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 (() => {
-    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 Textarea_default = Textarea;
-
-export { Textarea_default };

package/dist/chunk/QYEMOKUG.js

@@ -1,125 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { delegateEvents, template, className, spread, mergeProps, insert, memo, effect, style, setAttribute, createComponent } from 'solid-js/web';
-import { splitProps, createSignal, createMemo, 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 _tmpl$ = /* @__PURE__ */ template(`<div><table><thead><tr></tr></thead><tbody>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<th role=columnheader>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<tr>`);
-var _tmpl$4 = /* @__PURE__ */ template(`<td>`);
-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 (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$3.nextSibling;
-    className(_el$, wrapperClass);
-    spread(_el$2, mergeProps(otherProps, {
-      "class": tableClass
-    }), false, true);
-    insert(_el$4, () => localProps.columns.map((col) => (() => {
-      var _el$6 = _tmpl$2();
-      _el$6.$$click = () => handleHeaderClick(col.key, col.sortable);
-      insert(_el$6, () => col.header, null);
-      insert(_el$6, (() => {
-        var _c$ = memo(() => sortKey() === col.key);
-        return () => _c$() && (sortDir() === "asc" ? " \u2191" : " \u2193");
-      })(), null);
-      effect((_p$) => {
-        var _v$ = tableVariants({
-          ...baseVars(),
-          cell: variantProps.cell,
-          divider: "on"
-        }), _v$2 = col.sortable ? {
-          cursor: "pointer"
-        } : void 0, _v$3 = sortKey() === col.key ? sortDir() === "asc" ? "ascending" : "descending" : void 0;
-        _v$ !== _p$.e && className(_el$6, _p$.e = _v$);
-        _p$.t = style(_el$6, _v$2, _p$.t);
-        _v$3 !== _p$.a && setAttribute(_el$6, "aria-sort", _p$.a = _v$3);
-        return _p$;
-      }, {
-        e: void 0,
-        t: void 0,
-        a: void 0
-      });
-      return _el$6;
-    })()));
-    insert(_el$5, createComponent(For, {
-      get each() {
-        return data();
-      },
-      children: (row) => (() => {
-        var _el$7 = _tmpl$3();
-        insert(_el$7, () => localProps.columns.map((col, ci) => (() => {
-          var _el$8 = _tmpl$4();
-          insert(_el$8, () => String(row[col.key] ?? ""));
-          effect(() => className(_el$8, tableVariants({
-            ...baseVars(),
-            cell: variantProps.cell,
-            divider: ci === localProps.columns.length - 1 ? "off" : "on"
-          })));
-          return _el$8;
-        })()));
-        effect(() => className(_el$7, tableVariants({
-          ...baseVars(),
-          row: variantProps.row
-        })));
-        return _el$7;
-      })()
-    }));
-    return _el$;
-  })();
-};
-var Table_default = Table;
-delegateEvents(["click"]);
-
-// src/components/table/index.ts
-var table_default = Table_default;
-
-export { table_default };

package/dist/chunk/R5G3PODL.jsx

@@ -1,11 +0,0 @@
-import {
-  Join_default
-} from "./DN3P54J2.jsx";
-
-// src/components/pagination/Pagination.tsx
-var Pagination = Join_default;
-var Pagination_default = Pagination;
-
-export {
-  Pagination_default
-};

package/dist/chunk/R6ZBT7CY.jsx

@@ -1,55 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/tooltip/Tooltip.tsx
-import { splitProps } from "solid-js";
-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 <div
-    {...others}
-    role="tooltip"
-    data-theme={local.dataTheme}
-    data-tip={local.message}
-    class={classes()}
-    style={local.style}
-  >
-      {props.children}
-    </div>;
-};
-var Tooltip_default = Tooltip;
-
-export {
-  Tooltip_default
-};