@pathscale/ui 0.0.13 → 0.0.15

package/dist/chunk/VN5BKHA2.jsx

@@ -1,97 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/field/Field.tsx
-import {
-  splitProps
-} from "solid-js";
-
-// src/components/field/Field.styles.ts
-var fieldWrapper = cva(
-  "flex flex-col space-y-1",
-  {
-    variants: {
-      horizontal: {
-        true: "flex-row items-center space-x-2 space-y-0",
-        false: "flex-col"
-      },
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      type: {
-        default: "",
-        danger: "text-red-600"
-      },
-      grouped: {
-        true: "flex flex-wrap gap-2",
-        false: ""
-      },
-      groupMultiline: {
-        true: "flex-col",
-        false: "flex-row"
-      }
-    },
-    compoundVariants: [
-      { horizontal: true, grouped: true, class: "items-start" }
-    ],
-    defaultVariants: {
-      horizontal: false,
-      size: "md",
-      type: "default",
-      grouped: false,
-      groupMultiline: false
-    }
-  }
-);
-var labelStyles = cva("font-medium", {
-  variants: {
-    size: { sm: "text-sm", md: "text-base", lg: "text-lg" },
-    type: { default: "text-gray-800", danger: "text-red-600" }
-  },
-  defaultVariants: { size: "md", type: "default" }
-});
-var messageStyles = cva("mt-1 text-sm", {
-  variants: {
-    type: { default: "text-gray-600", danger: "text-red-600" }
-  },
-  defaultVariants: { type: "default" }
-});
-
-// src/components/field/Field.tsx
-var Field = (props) => {
-  const [local, variantProps, rest] = splitProps(
-    props,
-    ["label", "message", "className", "children"],
-    ["horizontal", "size", "type", "grouped", "groupMultiline"]
-  );
-  return <div class={classes(fieldWrapper(variantProps), local.className)} {...rest}>
-    {local.label && <label class={labelStyles(variantProps)}>
-        {local.label}
-      </label>}
-
-    {
-    /* CONTENT SLOT: now flex when horizontal */
-  }
-    <div class={classes(
-    variantProps.horizontal ? "flex items-center gap-2" : ""
-  )}>
-      {local.children}
-    </div>
-
-    {local.message && <span class={messageStyles(variantProps)}>
-        {local.message}
-      </span>}
-  </div>;
-};
-var Field_default = Field;
-
-// src/components/field/index.ts
-var field_default = Field_default;
-
-export {
-  field_default
-};

package/dist/chunk/WOT36Q7O.js

@@ -1,166 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, spread, insert, createComponent, effect, className } from 'solid-js/web';
-import { splitProps, createSignal, createMemo, For, Show } from 'solid-js';
-
-// src/components/tabs/Tabs.styles.ts
-var tabsNavVariants = cva(
-  "flex text-sm font-medium text-gray-600 dark:text-gray-300",
-  {
-    variants: {
-      type: {
-        basic: "",
-        boxed: "flex gap-2",
-        toggle: "inline-flex rounded-md p-1",
-        "toggle-rounded": "inline-flex rounded-full p-1"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      expanded: {
-        true: "w-full",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      type: "basic",
-      size: "md",
-      alignment: "left",
-      expanded: false
-    }
-  }
-);
-var tabTriggerVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium text-sm transition-colors",
-  {
-    variants: {
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-2",
-        lg: "text-base px-4 py-3"
-      },
-      type: {
-        basic: "border-b-2 transition-colors hover:text-blue-600",
-        boxed: "rounded-t px-4 py-2 hover:text-blue-600",
-        toggle: "border -ml-px px-4 py-2 transition-colors first:ml-0 first:rounded-l-md last:rounded-r-md",
-        "toggle-rounded": "border -ml-px first:ml-0 first:rounded-l-full last:rounded-r-full transition-colors"
-      },
-      active: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed pointer-events-none",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        type: "basic",
-        active: true,
-        class: "border-blue-600 text-blue-600"
-      },
-      {
-        type: "basic",
-        active: false,
-        class: "border-transparent text-gray-500 dark:text-gray-400"
-      },
-      {
-        type: "boxed",
-        active: true,
-        class: "border-x border-t border-b-0 border-gray-400 dark:border-gray-600 text-blue-600"
-      },
-      {
-        type: "boxed",
-        active: false,
-        class: "border-b border-transparent text-gray-500 dark:text-gray-400 hover:text-blue-600"
-      },
-      {
-        type: "toggle",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      }
-    ],
-    defaultVariants: {
-      active: false,
-      disabled: false
-    }
-  }
-);
-
-// src/components/tabs/Tabs.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><nav><ul class="flex gap-0"></ul></nav><div class=pt-4>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<li><button>`);
-var Tabs = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["items", "value", "onChange"], ["size", "type", "alignment", "expanded"]);
-  const [internalActive, setInternalActive] = createSignal(local.value ?? 0);
-  const isControlled = () => local.value !== void 0;
-  const active = createMemo(() => isControlled() ? local.value : internalActive());
-  const handleChange = (i) => {
-    const item = local.items[i];
-    if (!item || item.disabled) return;
-    if (!isControlled()) {
-      setInternalActive(i);
-    }
-    local.onChange?.(i);
-  };
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
-    spread(_el$, otherProps, false, true);
-    insert(_el$3, createComponent(For, {
-      get each() {
-        return local.items;
-      },
-      children: (tab, i) => (() => {
-        var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
-        _el$6.$$click = () => handleChange(i());
-        insert(_el$6, () => tab.label);
-        effect(() => className(_el$6, tabTriggerVariants({
-          type: variantProps.type ?? "basic",
-          size: variantProps.size ?? "md",
-          active: i() === active(),
-          disabled: tab.disabled
-        })));
-        return _el$5;
-      })()
-    }));
-    insert(_el$4, createComponent(Show, {
-      get when() {
-        return local.items[active()];
-      },
-      get children() {
-        return local.items[active()]?.content;
-      }
-    }));
-    effect(() => className(_el$2, tabsNavVariants(variantProps)));
-    return _el$;
-  })();
-};
-var Tabs_default = Tabs;
-delegateEvents(["click"]);
-
-// src/components/tabs/index.ts
-var tabs_default = Tabs_default;
-
-export { tabs_default };

package/dist/chunk/WUZETUQR.js

@@ -1,92 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, className, insert, createComponent, memo, effect } from 'solid-js/web';
-import { For } from 'solid-js';
-
-// src/components/timeline/Timeline.styles.ts
-var timelineWrapperClass = "relative";
-var timelineItemClass = cva(
-  "relative flex items-center gap-3 min-h-[48px]",
-  {
-    variants: {
-      state: {
-        default: "text-gray-500",
-        active: "text-green-500 font-medium",
-        error: "text-red-500 font-medium"
-      }
-    },
-    defaultVariants: {
-      state: "default"
-    }
-  }
-);
-var timelineMarkerWrapperClass = "relative w-6 min-h-[48px] flex items-center justify-center";
-var timelineLineClass = "absolute top-0 bottom-0 left-1/2 -translate-x-1/2 w-px bg-gray-300 dark:bg-gray-600";
-var timelineMarkerClass = "absolute w-3 h-3 rounded-full border-2 border-white bg-gray-400 z-10";
-var timelineNumberClass = cva(
-  "absolute -left-4 top-1/2 -translate-y-1/2 text-xs font-semibold",
-  {
-    variants: {
-      state: {
-        default: "text-gray-500",
-        active: "text-green-500",
-        error: "text-red-500"
-      }
-    },
-    defaultVariants: {
-      state: "default"
-    }
-  }
-);
-var timelineContentClass = "pt-0.5 text-sm";
-
-// src/components/timeline/Timeline.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<ol>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<li><div><div></div><span></span><span>.</span></div><div>`);
-var Timeline = (props) => {
-  return (() => {
-    var _el$ = _tmpl$();
-    className(_el$, timelineWrapperClass);
-    insert(_el$, createComponent(For, {
-      get each() {
-        return props.stages;
-      },
-      children: (stage, index) => {
-        const state = stage.error === true ? "error" : stage.active === true ? "active" : "default";
-        return (() => {
-          var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$3.nextSibling;
-          className(_el$3, timelineMarkerWrapperClass);
-          className(_el$4, timelineLineClass);
-          insert(_el$6, () => index() + 1, _el$7);
-          className(_el$8, timelineContentClass);
-          insert(_el$8, (() => {
-            var _c$ = memo(() => !!props.renderStage);
-            return () => _c$() ? props.renderStage(stage, index()) : stage.title;
-          })());
-          effect((_p$) => {
-            var _v$ = timelineItemClass({
-              state
-            }), _v$2 = classes(timelineMarkerClass, state === "active" && "bg-green-500", state === "error" && "bg-red-500"), _v$3 = timelineNumberClass({
-              state
-            });
-            _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-            _v$2 !== _p$.t && className(_el$5, _p$.t = _v$2);
-            _v$3 !== _p$.a && className(_el$6, _p$.a = _v$3);
-            return _p$;
-          }, {
-            e: void 0,
-            t: void 0,
-            a: void 0
-          });
-          return _el$2;
-        })();
-      }
-    }));
-    return _el$;
-  })();
-};
-var Timeline_default = Timeline;
-
-// src/components/timeline/index.ts
-var timeline_default = Timeline_default;
-
-export { timeline_default };

package/dist/chunk/XM3KF5LV.jsx

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

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

package/dist/chunk/ZH7DKMMN.js

@@ -1,109 +0,0 @@
-import { Loading_default } from './H2Q3L5KM.js';
-import { clsx } from './HUHXQCKK.js';
-import { twMerge } from './STFCLC5R.js';
-import { createComponent, Dynamic, mergeProps, memo } from 'solid-js/web';
-import { splitProps, Show } from 'solid-js';
-
-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 };