@pathscale/ui 0.0.11 → 0.0.12

package/dist/chunk/MZWBWFDD.js

@@ -0,0 +1,151 @@
+import { clsx } from './HUHXQCKK.js';
+import { twMerge } from './STFCLC5R.js';
+import { createComponent, Dynamic, mergeProps, memo, template, spread } from 'solid-js/web';
+import { splitProps, Show } 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;
+
+// src/components/button/Button.tsx
+var VoidElementList = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "keygen", "meta", "param", "source", "track", "wbr"];
+var Button = (props) => {
+  const [local, others] = splitProps(props, ["children", "shape", "size", "variant", "color", "glass", "startIcon", "endIcon", "wide", "fullWidth", "responsive", "animation", "loading", "active", "disabled", "dataTheme", "class", "className", "style", "as"]);
+  const classes = () => twMerge("btn", local.class, local.className, clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
+    "btn-xl": local.size === "xl",
+    "btn-lg": local.size === "lg",
+    "btn-md": local.size === "md",
+    "btn-sm": local.size === "sm",
+    "btn-xs": local.size === "xs",
+    "btn-circle": local.shape === "circle",
+    "btn-square": local.shape === "square",
+    "btn-soft": local.variant === "soft",
+    "btn-dash": local.variant === "dash",
+    "btn-outline": local.variant === "outline",
+    "btn-link": local.variant === "link",
+    "btn-neutral": local.color === "neutral",
+    "btn-primary": local.color === "primary",
+    "btn-secondary": local.color === "secondary",
+    "btn-accent": local.color === "accent",
+    "btn-info": local.color === "info",
+    "btn-success": local.color === "success",
+    "btn-warning": local.color === "warning",
+    "btn-error": local.color === "error",
+    "btn-ghost": local.color === "ghost",
+    glass: local.glass,
+    "btn-wide": local.wide,
+    "btn-block": local.fullWidth,
+    "btn-xs sm:btn-sm md:btn-md lg:btn-lg": local.responsive,
+    "no-animation": !local.animation,
+    "btn-active": local.active,
+    "btn-disabled": local.disabled
+  }));
+  const Tag = local.as || "button";
+  if (VoidElementList.includes(Tag)) {
+    return createComponent(Dynamic, mergeProps({
+      component: Tag
+    }, others, {
+      get ["data-theme"]() {
+        return local.dataTheme;
+      },
+      get ["class"]() {
+        return classes();
+      },
+      get style() {
+        return local.style;
+      },
+      get disabled() {
+        return local.disabled;
+      }
+    }));
+  }
+  return createComponent(Dynamic, mergeProps({
+    component: Tag
+  }, others, {
+    get ["data-theme"]() {
+      return local.dataTheme;
+    },
+    get ["class"]() {
+      return classes();
+    },
+    get style() {
+      return local.style;
+    },
+    get disabled() {
+      return local.disabled;
+    },
+    get children() {
+      return [createComponent(Show, {
+        get when() {
+          return local.loading;
+        },
+        get children() {
+          return createComponent(Loading_default, {
+            get size() {
+              return local.size;
+            },
+            get color() {
+              return local.color;
+            },
+            variant: "spinner"
+          });
+        }
+      }), createComponent(Show, {
+        get when() {
+          return local.startIcon && !local.loading;
+        },
+        get children() {
+          return local.startIcon;
+        }
+      }), memo(() => local.children), createComponent(Show, {
+        get when() {
+          return local.endIcon;
+        },
+        get children() {
+          return local.endIcon;
+        }
+      })];
+    }
+  }));
+};
+var Button_default = Button;
+
+export { Button_default };

package/dist/chunk/O7LDJCQS.jsx

@@ -0,0 +1,18 @@
+// 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
+};

package/dist/chunk/Q4442PU4.js

@@ -0,0 +1,42 @@
+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/R5G3PODL.jsx

@@ -0,0 +1,11 @@
+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

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

package/dist/chunk/RHEFVSMJ.jsx

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