@pathscale/ui 0.0.11 → 0.0.13

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 };

package/dist/chunk/I36LHZUY.jsx

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

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

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

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

@@ -0,0 +1 @@
+

package/dist/chunk/KQ3RAWCE.jsx

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

package/dist/chunk/L4A67X7S.js

@@ -0,0 +1,7 @@
+import { Join_default } from './3I23P4TJ.js';
+
+// src/components/pagination/Pagination.tsx
+var Pagination = Join_default;
+var Pagination_default = Pagination;
+
+export { Pagination_default };

package/dist/chunk/LGDDR242.jsx

@@ -0,0 +1,159 @@
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/steps/Steps.tsx
+import { splitProps as splitProps2 } from "solid-js";
+import { Dynamic as Dynamic2 } from "solid-js/web";
+
+// src/components/steps/Step.tsx
+import { splitProps } from "solid-js";
+import { Dynamic } from "solid-js/web";
+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 <Dynamic
+      component={Tag}
+      {...others}
+      aria-label="Step"
+      data-theme={local["data-theme"]}
+      data-content={local.value}
+      class={classes()}
+      style={local.style}
+    />;
+  }
+  return <Dynamic
+    component={Tag}
+    {...others}
+    aria-label="Step"
+    data-theme={local["data-theme"]}
+    data-content={local.value}
+    class={classes()}
+    style={local.style}
+  >
+      {local.children}
+    </Dynamic>;
+};
+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] = splitProps2(
+    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 <Dynamic2
+      component={Tag}
+      {...others}
+      role="group"
+      aria-label="Steps"
+      data-theme={local["data-theme"]}
+      class={classes()}
+      style={local.style}
+    />;
+  }
+  return <Dynamic2
+    component={Tag}
+    {...others}
+    role="group"
+    aria-label="Steps"
+    data-theme={local["data-theme"]}
+    class={classes()}
+    style={local.style}
+  >
+      {local.children}
+    </Dynamic2>;
+};
+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/MM2DZQL3.js

@@ -0,0 +1,46 @@
+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 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 (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, {
+      "role": "tooltip",
+      get ["data-theme"]() {
+        return local.dataTheme;
+      },
+      get ["data-tip"]() {
+        return local.message;
+      },
+      get ["class"]() {
+        return classes();
+      },
+      get style() {
+        return local.style;
+      }
+    }), false, true);
+    insert(_el$, () => props.children);
+    return _el$;
+  })();
+};
+var Tooltip_default = Tooltip;
+
+export { Tooltip_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 };