@pathscale/ui 0.0.10 → 0.0.12

package/dist/chunk/5IJ7WEIF.js

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

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

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

@@ -0,0 +1,46 @@
+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/DJI5XKAV.js

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

@@ -0,0 +1,43 @@
+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/DVFQAAZR.js

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

@@ -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(`<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 };

package/dist/chunk/FZRQDGPD.jsx

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

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

@@ -0,0 +1,114 @@
+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/HEOKGP5U.js

@@ -0,0 +1,55 @@
+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/HUHXQCKK.js

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