@pathscale/ui 0.0.10 → 0.0.12

package/dist/chunk/SVJIYMYJ.jsx

@@ -0,0 +1,156 @@
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/menu/Menu.tsx
+import { splitProps as splitProps5 } from "solid-js";
+
+// src/components/menu/MenuTitle.tsx
+import { splitProps } from "solid-js";
+var MenuTitle = (props) => {
+  const [local, others] = splitProps(props, ["class", "className"]);
+  const classes = () => twMerge("menu-title", local.class, local.className);
+  return <li {...others} class={classes()} />;
+};
+var MenuTitle_default = MenuTitle;
+
+// src/components/menu/MenuItem.tsx
+import { splitProps as splitProps2 } from "solid-js";
+var MenuItem = (props) => {
+  const [local, others] = splitProps2(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 <li
+    role="menuitem"
+    class={classes()}
+    style={local.style}
+    data-theme={local.dataTheme}
+    {...others}
+  >
+      {local.children}
+    </li>;
+};
+var MenuItem_default = MenuItem;
+
+// src/components/menu/MenuDropdown.tsx
+import { splitProps as splitProps3 } from "solid-js";
+var MenuDropdown = (props) => {
+  const [local, others] = splitProps3(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 <>
+      <span
+    {...others}
+    class={spanClasses()}
+    style={local.style}
+    data-theme={local["data-theme"]}
+  >
+        {local.label}
+      </span>
+      <ul class={ulClasses()}>{local.children}</ul>
+    </>;
+};
+var MenuDropdown_default = MenuDropdown;
+
+// src/components/menu/MenuDetails.tsx
+import { splitProps as splitProps4 } from "solid-js";
+var MenuDetails = (props) => {
+  const [local, others] = splitProps4(props, [
+    "label",
+    "open",
+    "class",
+    "className",
+    "style",
+    "children",
+    "dataTheme"
+  ]);
+  const classAttr = () => local.class ?? local.className;
+  return <details
+    {...others}
+    open={local.open}
+    class={classAttr()}
+    style={local.style}
+    data-theme={local.dataTheme}
+  >
+      <summary>{local.label}</summary>
+      <ul>{local.children}</ul>
+    </details>;
+};
+var MenuDetails_default = MenuDetails;
+
+// src/components/menu/Menu.tsx
+var Menu = (props) => {
+  const [local, others] = splitProps5(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 <ul
+    role="menu"
+    data-theme={local.dataTheme}
+    class={classes()}
+    {...others}
+  />;
+};
+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/SYWB4UN3.jsx

@@ -0,0 +1,64 @@
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/checkbox/Checkbox.tsx
+import { splitProps, createEffect, onMount } from "solid-js";
+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 <input
+    {...others}
+    ref={(el) => inputRef = el}
+    type="checkbox"
+    data-theme={local.dataTheme}
+    class={classes()}
+    style={local.style}
+  />;
+};
+var Checkbox_default = Checkbox;
+
+export {
+  Checkbox_default
+};

package/dist/chunk/{KACNXPUM.jsx → T2LDLYWV.jsx}

@@ -80,17 +80,15 @@ import {
 var PolymorphicButton = (props) => {
   const [ref, setRef] = createSignal(null);
   const [localProps, otherProps] = splitProps2(props, [
-    "ref",
-    "type"
+    "ref"
   ]);
   const isButton2 = createIsButton({
     element: ref,
-    type: localProps.type
+    type: props.type
   });
   return <Polymorphic_default
     as="button"
     ref={mergeRefs(setRef, localProps.ref)}
-    type={isButton2() ? "button" : void 0}
     role={!isButton2() ? "button" : void 0}
     {...otherProps}
   />;

package/dist/chunk/UNKDNDT3.js

@@ -0,0 +1,62 @@
+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(`<img>`);
+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 (() => {
+    var _el$ = _tmpl$();
+    spread(_el$, mergeProps(others, {
+      get src() {
+        return local.src;
+      },
+      get ["data-theme"]() {
+        return local.dataTheme;
+      },
+      get ["class"]() {
+        return classes();
+      },
+      get style() {
+        return local.style;
+      }
+    }), false, false);
+    return _el$;
+  })();
+};
+Mask.className = maskClassName;
+var Mask_default = Mask;
+
+// src/components/mask/index.ts
+var mask_default = Mask_default;
+
+export { mask_default };

package/dist/chunk/XM3KF5LV.jsx

@@ -0,0 +1,179 @@
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/avatar/Avatar.tsx
+import {
+  splitProps as splitProps2,
+  children as getSolidChildren
+} from "solid-js";
+import { Dynamic as Dynamic2 } from "solid-js/web";
+
+// src/components/avatar/AvatarGroup.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 AvatarGroup = (props) => {
+  const [local, others] = splitProps(
+    props,
+    ["as", "class", "className", "children"]
+  );
+  const Tag = local.as || "div";
+  const classes = () => twMerge("avatar-group -space-x-6", local.class, local.className);
+  const ariaLabel = `Group of ${local.children.length} avatar photos`;
+  if (VoidElementList.includes(Tag)) {
+    return <Dynamic
+      component={Tag}
+      {...others}
+      aria-label={ariaLabel}
+      class={classes()}
+    />;
+  }
+  return <Dynamic
+    component={Tag}
+    {...others}
+    aria-label={ariaLabel}
+    class={classes()}
+  >
+      {local.children}
+    </Dynamic>;
+};
+var AvatarGroup_default = AvatarGroup;
+
+// src/components/avatar/Avatar.tsx
+var VoidElementList2 = [
+  "area",
+  "base",
+  "br",
+  "col",
+  "embed",
+  "hr",
+  "img",
+  "input",
+  "link",
+  "keygen",
+  "meta",
+  "param",
+  "source",
+  "track",
+  "wbr"
+];
+var Avatar = (props) => {
+  const [local, others] = splitProps2(
+    props,
+    [
+      "src",
+      "letters",
+      "size",
+      "shape",
+      "color",
+      "border",
+      "borderColor",
+      "online",
+      "offline",
+      "innerClass",
+      "as",
+      "class",
+      "className",
+      "style",
+      "children"
+    ]
+  );
+  const Tag = local.as || "div";
+  const containerClass = () => twMerge(
+    "avatar",
+    local.class,
+    local.className,
+    clsx({
+      "avatar-online": local.online,
+      "avatar-offline": local.offline,
+      "avatar-placeholder": !local.src
+    })
+  );
+  const customSizeStyle = typeof local.size === "number" ? { width: `${local.size}px`, height: `${local.size}px` } : void 0;
+  const baseInner = () => twMerge(local.innerClass);
+  const imgClasses = () => clsx(baseInner(), {
+    ring: local.border,
+    "ring-offset-base-100 ring-offset-2": local.border,
+    [`ring-${local.borderColor}`]: local.border && local.borderColor,
+    "rounded-full": local.shape === "circle",
+    "rounded-btn": local.shape === "square",
+    "w-32 h-32": local.size === "lg",
+    "w-24 h-24": local.size === "md",
+    "w-14 h-14": local.size === "sm",
+    "w-10 h-10": local.size === "xs"
+  });
+  const placeholderClasses = () => clsx(baseInner(), {
+    "bg-neutral-focus": !local.color,
+    "text-neutral-content": !local.color || local.color === "neutral",
+    [`bg-${local.color}`]: !!local.color,
+    [`text-${local.color}-content`]: !!local.color,
+    ring: local.border,
+    "ring-offset-base-100 ring-offset-2": local.border,
+    [`ring-${local.borderColor}`]: local.border && local.borderColor,
+    "rounded-full": local.shape === "circle",
+    "rounded-btn": local.shape === "square",
+    "w-32 h-32 text-3xl": local.size === "lg",
+    "w-24 h-24 text-xl": local.size === "md",
+    "w-14 h-14": local.size === "sm",
+    "w-10 h-10": local.size === "xs"
+  });
+  const resolved = getSolidChildren(() => local.children)();
+  const isStringChild = typeof resolved === "string";
+  const renderContents = () => {
+    return local.src ? <div class={imgClasses()} style={customSizeStyle}>
+        <img src={local.src} />
+      </div> : local.letters || isStringChild ? <div class={placeholderClasses()} style={customSizeStyle}>
+        <span>{local.letters ?? resolved}</span>
+      </div> : <div class={imgClasses()} style={customSizeStyle}>
+        {local.children}
+      </div>;
+  };
+  if (VoidElementList2.includes(Tag)) {
+    return <Dynamic2
+      component={Tag}
+      {...others}
+      data-theme={others["dataTheme"]}
+      class={containerClass()}
+      style={local.style}
+    />;
+  }
+  return <Dynamic2
+    component={Tag}
+    {...others}
+    data-theme={others["dataTheme"]}
+    class={containerClass()}
+    style={local.style}
+  >
+      {renderContents()}
+    </Dynamic2>;
+};
+var Avatar_default = Object.assign(Avatar, {
+  Group: AvatarGroup_default
+});
+
+// src/components/avatar/index.ts
+var avatar_default = Avatar_default;
+
+export {
+  avatar_default
+};

package/dist/chunk/XQCSYRVP.jsx

@@ -0,0 +1,168 @@
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/button/Button.tsx
+import { splitProps as splitProps2, Show } from "solid-js";
+import { Dynamic } from "solid-js/web";
+
+// src/components/loading/Loading.tsx
+import { splitProps } from "solid-js";
+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 <span
+    {...others}
+    data-theme={local.dataTheme}
+    class={classes()}
+    style={local.style}
+  />;
+};
+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] = splitProps2(
+    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 <Dynamic
+      component={Tag}
+      {...others}
+      data-theme={local.dataTheme}
+      class={classes()}
+      style={local.style}
+      disabled={local.disabled}
+    />;
+  }
+  return <Dynamic
+    component={Tag}
+    {...others}
+    data-theme={local.dataTheme}
+    class={classes()}
+    style={local.style}
+    disabled={local.disabled}
+  >
+      <Show when={local.loading}>
+        <Loading_default size={local.size} color={local.color} variant="spinner" />
+      </Show>
+      <Show when={local.startIcon && !local.loading}>{local.startIcon}</Show>
+      {local.children}
+      <Show when={local.endIcon}>{local.endIcon}</Show>
+    </Dynamic>;
+};
+var Button_default = Button;
+
+export {
+  Button_default
+};

package/dist/chunk/YWIT2MRI.jsx

@@ -0,0 +1,43 @@
+import {
+  CollapseContent,
+  CollapseTitle
+} from "./KQ3RAWCE.jsx";
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/accordion/Accordion.tsx
+import { splitProps } from "solid-js";
+var Accordion = (props) => {
+  const [local, others] = splitProps(props, [
+    "name",
+    "icon",
+    "dataTheme",
+    "class",
+    "className",
+    "style"
+  ]);
+  const classes = () => twMerge(
+    "collapse",
+    clsx({
+      "collapse-arrow": local.icon === "arrow",
+      "collapse-plus": local.icon === "plus"
+    }),
+    local.class,
+    local.className
+  );
+  return <div class={classes()} data-theme={local.dataTheme} style={local.style}>
+      <input type="radio" name={local.name ?? "accordion"} {...others} />
+      {props.children}
+    </div>;
+};
+Accordion.Title = CollapseTitle;
+Accordion.Content = CollapseContent;
+var Accordion_default = Accordion;
+
+export {
+  Accordion_default
+};