@pathscale/ui 0.0.10 → 0.0.12

package/dist/chunk/LI3HCFL7.jsx

@@ -1,132 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/tag/Tag.tsx
-import {
-  splitProps,
-  createMemo,
-  Show,
-  untrack
-} from "solid-js";
-
-// src/components/tag/Tag.styles.ts
-var tagVariants = cva(
-  [
-    "inline-flex items-center gap-2 px-3 py-1 text-sm rounded",
-    "transition select-none"
-  ],
-  {
-    variants: {
-      size: {
-        normal: "text-xs px-2 py-0.5",
-        medium: "text-sm px-3 py-1",
-        large: "text-base px-4 py-2"
-      },
-      type: {
-        primary: "bg-blue-500 text-white",
-        info: "bg-sky-500 text-white",
-        success: "bg-green-500 text-white",
-        warning: "bg-yellow-500 text-black",
-        danger: "bg-red-500 text-white",
-        dark: "bg-zinc-800 text-white",
-        light: "bg-gray-100 text-black"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: ""
-      },
-      closable: {
-        true: "pr-1",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "normal"
-    }
-  }
-);
-
-// src/components/tag/Tag.tsx
-var Tag = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "closable",
-      "attached",
-      "onClose",
-      "ariaCloseLabel",
-      "closeIcon",
-      "children",
-      "type"
-    ],
-    ["class", ...tagVariants.variantKeys]
-  );
-  const isAttachedClosable = createMemo(
-    () => untrack(() => localProps.attached && localProps.closable)
-  );
-  const isClosable = createMemo(
-    () => untrack(() => localProps.closable && !localProps.attached)
-  );
-  const tagClasses = createMemo(
-    () => classes(
-      tagVariants({
-        ...variantProps,
-        closable: localProps.closable
-      }),
-      variantProps.class
-    )
-  );
-  const attachedButtonClasses = createMemo(
-    () => tagVariants({
-      ...variantProps,
-      class: "ml-1 text-xs hover:opacity-80"
-    })
-  );
-  const handleClose = (e) => {
-    untrack(() => {
-      if (typeof localProps.onClose === "function") {
-        localProps.onClose(e);
-      }
-    });
-  };
-  return <div
-    class={isAttachedClosable() ? "tags has-addons" : void 0}
-    role="group"
-  >
-      <span class={tagClasses()} role="status" {...otherProps}>
-        <span class="truncate">{localProps.children}</span>
-
-        <Show when={isClosable()}>
-          <button
-    type="button"
-    aria-label={localProps.ariaCloseLabel ?? "Remove tag"}
-    onClick={handleClose}
-    class="ml-2 text-xs text-white hover:opacity-80"
-  >
-            {localProps.closeIcon ?? "\xD7"}
-          </button>
-        </Show>
-      </span>
-
-      <Show when={isAttachedClosable()}>
-        <button
-    type="button"
-    aria-label={localProps.ariaCloseLabel ?? "Remove tag"}
-    onClick={handleClose}
-    class={attachedButtonClasses()}
-  >
-          {localProps.closeIcon ?? "\xD7"}
-        </button>
-      </Show>
-    </div>;
-};
-var Tag_default = Tag;
-
-// src/components/tag/index.ts
-var tag_default = Tag_default;
-
-export {
-  tag_default
-};

package/dist/chunk/MI773TMC.js

@@ -1,107 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { template, insert, createComponent, spread, mergeProps as mergeProps$1, effect, className } from 'solid-js/web';
-import { mergeProps, splitProps, createSignal, createEffect, untrack, createMemo, Show } from 'solid-js';
-
-// src/components/avatar/Avatar.styles.ts
-var avatarVariants = cva(
-  [
-    "flex items-center justify-center mx-1",
-    "font-medium outline-none select-none transition active:transition-none",
-    "not-disabled:cursor-pointer",
-    "disabled:cursor-not-allowed disabled:opacity-25",
-    "aria-busy:cursor-wait"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-8 text-sm",
-        md: "size-16 text-base",
-        lg: "size-24 text-lg"
-      },
-      shape: {
-        circle: "rounded-full overflow-hidden",
-        rounded: "rounded-lg overflow-hidden"
-      },
-      variant: {
-        filled: "bg-gray-200 text-gray-800",
-        outlined: "border-2 border-gray-300 text-gray-800",
-        ghost: "text-gray-800"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "circle",
-      variant: "filled"
-    }
-  }
-);
-
-// src/components/avatar/utils.ts
-function parseCaption(alt) {
-  if (!alt) return "";
-  const parts = alt.split(" ");
-  if (parts.length >= 2 && parts[0] && parts[1]) {
-    return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`;
-  }
-  return "";
-}
-
-// src/components/avatar/Avatar.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<img class="size-full object-cover">`);
-var _tmpl$2 = /* @__PURE__ */ template(`<figure>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<figcaption>`);
-var Avatar = (rawProps) => {
-  const props = mergeProps({
-    alt: "User Avatar"
-  }, rawProps);
-  const [variantProps, otherProps] = splitProps(props, ["class", ...avatarVariants.variantKeys]);
-  const [source, setSource] = createSignal(props.src || props.dataSrc);
-  createEffect(() => {
-    untrack(() => {
-      if (import.meta.env.PROD && props.dataSrc) {
-        setSource(props.dataSrc);
-      }
-    });
-  });
-  const styles = createMemo(() => ({
-    background: untrack(() => source() ? "" : props.class ?? "bg-blue-500"),
-    text: untrack(() => source() ? "" : props.text ?? "text-white")
-  }));
-  const caption = createMemo(() => parseCaption(props.alt));
-  return (() => {
-    var _el$ = _tmpl$2();
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return source();
-      },
-      get fallback() {
-        return (() => {
-          var _el$3 = _tmpl$3();
-          insert(_el$3, caption);
-          effect(() => className(_el$3, styles().text));
-          return _el$3;
-        })();
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps$1({
-          get src() {
-            return source();
-          },
-          get ["data-src"]() {
-            return props.dataSrc;
-          }
-        }, otherProps), false, false);
-        return _el$2;
-      }
-    }));
-    effect(() => className(_el$, avatarVariants(variantProps)));
-    return _el$;
-  })();
-};
-var Avatar_default = Avatar;
-
-// src/components/avatar/index.ts
-var avatar_default = Avatar_default;
-
-export { avatar_default };

package/dist/chunk/MMTAND25.jsx

@@ -1,126 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/breadcrumb/Breadcrumb.tsx
-import {
-  splitProps,
-  children,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/breadcrumb/Breadcrumb.styles.ts
-var breadcrumbContainerVariants = cva(
-  ["flex", "items-center", "gap-2", "text-sm"],
-  {
-    variants: {
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      separator: {
-        arrow: "breadcrumb-arrow",
-        dot: "breadcrumb-dot",
-        bullet: "breadcrumb-bullet",
-        succeeds: "breadcrumb-succeeds"
-      }
-    },
-    defaultVariants: {
-      alignment: "left",
-      size: "md"
-    }
-  }
-);
-var breadcrumbItemVariants = cva(
-  ["text-gray-600", "dark:text-gray-300"],
-  {
-    variants: {
-      active: {
-        true: "text-blue-600 font-semibold cursor-default",
-        false: "hover:underline"
-      }
-    },
-    defaultVariants: {
-      active: false
-    }
-  }
-);
-
-// src/components/breadcrumb/Breadcrumb.tsx
-var separatorMap = {
-  arrow: "\u2192",
-  dot: "\xB7",
-  bullet: "\u2022",
-  succeeds: "\xBB"
-};
-var Breadcrumb = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["children"],
-    ["alignment", "size", "separator"]
-  );
-  const resolvedChildren = children(() => local.children);
-  const items = createMemo(() => resolvedChildren.toArray());
-  const separator = createMemo(
-    () => untrack(() => {
-      const sep = variantProps.separator;
-      return sep && separatorMap[sep] ? separatorMap[sep] : "/";
-    })
-  );
-  const containerClasses = createMemo(
-    () => breadcrumbContainerVariants(variantProps)
-  );
-  const renderItems = createMemo(() => {
-    return items().reduce((acc, item, idx) => {
-      if (idx > 0) {
-        acc.push(
-          <li class="text-gray-400 select-none" aria-hidden="true">
-            {separator()}
-          </li>
-        );
-      }
-      acc.push(
-        <li>
-          <span aria-current={idx === items().length - 1 ? "page" : void 0}>
-            {item}
-          </span>
-        </li>
-      );
-      return acc;
-    }, []);
-  });
-  return <nav class={containerClasses()} aria-label="Breadcrumb" {...otherProps}>
-      <ol class="flex items-center flex-wrap gap-1">{renderItems()}</ol>
-    </nav>;
-};
-var Breadcrumb_default = Breadcrumb;
-
-// src/components/breadcrumb/BreadcrumbItem.tsx
-import { splitProps as splitProps2 } from "solid-js";
-var BreadcrumbItem = (props) => {
-  const [local, variantProps] = splitProps2(
-    props,
-    ["children", "href", "active"],
-    ["active"]
-  );
-  return <li class="flex items-center gap-1">
-      {local.href && !local.active ? <a href={local.href} class={breadcrumbItemVariants(variantProps)}>
-          {local.children}
-        </a> : <span class={breadcrumbItemVariants({ active: true })}>
-          {local.children}
-        </span>}
-    </li>;
-};
-var BreadcrumbItem_default = BreadcrumbItem;
-
-export {
-  Breadcrumb_default,
-  BreadcrumbItem_default
-};

package/dist/chunk/NZKPDBTE.js

@@ -1,118 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, addEventListener, spread, mergeProps, memo, insert, createComponent, effect, className, setAttribute } from 'solid-js/web';
-import { splitProps, createSignal, Show } from 'solid-js';
-
-// src/components/accordion/Accordion.styles.ts
-var accordionContainerVariants = cva(
-  ["w-full border rounded transition-colors", "bg-white dark:bg-gray-800"],
-  {
-    variants: {
-      expanded: {
-        true: "border-blue-500",
-        false: "border-gray-300 dark:border-gray-600"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      expanded: false,
-      disabled: false
-    }
-  }
-);
-var accordionHeaderVariants = cva(
-  [
-    "w-full text-left px-4 py-2 flex items-center justify-between cursor-pointer",
-    "transition-colors duration-200"
-  ],
-  {
-    variants: {
-      headerIsTrigger: {
-        true: "hover:bg-gray-100 dark:hover:bg-gray-700",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      headerIsTrigger: true
-    }
-  }
-);
-var accordionContentVariants = cva(
-  "px-4 py-2 border-t border-gray-200 dark:border-gray-700"
-);
-
-// src/components/accordion/Accordion.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
-var Accordion = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["expanded", "disabled", "headerIsTrigger", "header", "content"], ["expanded", "disabled"]);
-  const [isOpen, setIsOpen] = createSignal(local.expanded ?? false);
-  const handleToggle = () => {
-    if (!local.disabled) setIsOpen((prev) => !prev);
-  };
-  const handleKeyDown = local.headerIsTrigger ? (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      handleToggle();
-    }
-  } : void 0;
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    addEventListener(_el$, "keydown", handleKeyDown, true);
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return accordionContainerVariants({
-          ...variantProps,
-          expanded: isOpen(),
-          disabled: local.disabled
-        });
-      },
-      get role() {
-        return local.headerIsTrigger ? "button" : void 0;
-      },
-      get tabindex() {
-        return local.headerIsTrigger ? "0" : void 0;
-      },
-      get ["aria-expanded"]() {
-        return memo(() => !!local.headerIsTrigger)() ? isOpen() : void 0;
-      },
-      get ["aria-disabled"]() {
-        return local.disabled;
-      }
-    }, otherProps), false, true);
-    addEventListener(_el$2, "click", local.headerIsTrigger ? handleToggle : void 0, true);
-    insert(_el$2, () => local.header);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isOpen();
-      },
-      get children() {
-        var _el$3 = _tmpl$();
-        insert(_el$3, () => local.content);
-        effect(() => className(_el$3, accordionContentVariants()));
-        return _el$3;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = accordionHeaderVariants({
-        headerIsTrigger: local.headerIsTrigger
-      }), _v$2 = local.headerIsTrigger ? "button" : void 0;
-      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$2, "role", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
-};
-var Accordion_default = Accordion;
-delegateEvents(["keydown", "click"]);
-
-// src/components/accordion/index.ts
-var accordion_default = Accordion_default;
-
-export { accordion_default };

package/dist/chunk/NZZRKP74.js

@@ -1,214 +0,0 @@
-import { PolymorphicButton_default } from './G6RG4LR7.js';
-import { cva } from './HKS7ET6T.js';
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps, splitProps, createMemo } from 'solid-js';
-
-// src/components/button/Button.styles.ts
-var buttonVariants = cva(
-  [
-    "inline-flex items-center font-medium outline-none select-none",
-    "not-disabled:cursor-pointer",
-    "disabled:cursor-not-allowed disabled:opacity-25",
-    "aria-busy:cursor-wait",
-    "transition active:transition-none"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm leading-tight",
-        md: "text-base leading-tight",
-        lg: "text-lg leading-tight"
-      },
-      color: {
-        inverse: "",
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        accent: "",
-        positive: "",
-        destructive: ""
-      },
-      align: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end"
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: "rounded-lg"
-      },
-      spacing: {
-        0: "gap-0 p-0",
-        xs: "gap-1.5 px-1.5 py-1.5",
-        sm: "gap-1.5 px-2 py-2",
-        md: "gap-1.5 px-3 py-2",
-        lg: "gap-1.5 px-3.5 py-2.5"
-      },
-      loading: {
-        true: "",
-        false: ""
-      },
-      stretched: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      variant: {
-        fill: [
-          "not-disabled:hover:opacity-75 not-disabled:active:opacity-50",
-          "aria-[current]:opacity-75 data-expanded:opacity-75 data-open:opacity-75",
-          "focus-visible:opacity-75"
-        ],
-        gray: [
-          "bg-bg-primary not-disabled:hover:bg-bg-secondary not-disabled:active:bg-bg-secondary not-disabled:active:opacity-75",
-          "aria-[current]:bg-bg-secondary data-expanded:bg-bg-secondary data-open:bg-bg-secondary",
-          "focus-visible:bg-bg-secondary"
-        ],
-        ghost: [
-          "not-disabled:hover:bg-bg-primary not-disabled:active:bg-bg-primary not-disabled:active:opacity-75",
-          "aria-[current]:bg-bg-primary data-expanded:bg-bg-primary data-open:bg-bg-primary",
-          "focus-visible:bg-bg-primary"
-        ]
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "fill",
-        color: "inverse",
-        class: "bg-bg-inverse text-fg-inverse"
-      },
-      {
-        variant: "fill",
-        color: "primary",
-        class: "bg-bg-primary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "secondary",
-        class: "bg-bg-secondary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "tertiary",
-        class: "bg-bg-tertiary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "accent",
-        class: "bg-bg-accent text-light"
-      },
-      {
-        variant: "fill",
-        color: "positive",
-        class: "bg-bg-positive text-light"
-      },
-      {
-        variant: "fill",
-        color: "destructive",
-        class: "bg-bg-destructive text-light"
-      },
-      {
-        variant: "gray",
-        color: "inverse",
-        class: "text-fg-inverse"
-      },
-      {
-        variant: "gray",
-        color: "primary",
-        class: "text-fg-primary"
-      },
-      {
-        variant: "gray",
-        color: "secondary",
-        class: "text-fg-secondary"
-      },
-      {
-        variant: "gray",
-        color: "tertiary",
-        class: "text-fg-tertiary"
-      },
-      {
-        variant: "gray",
-        color: "accent",
-        class: "text-fg-accent"
-      },
-      {
-        variant: "gray",
-        color: "positive",
-        class: "text-fg-positive"
-      },
-      {
-        variant: "gray",
-        color: "destructive",
-        class: "text-fg-destructive"
-      },
-      {
-        variant: "ghost",
-        color: "inverse",
-        class: "text-fg-inverse"
-      },
-      {
-        variant: "ghost",
-        color: "primary",
-        class: "text-fg-primary"
-      },
-      {
-        variant: "ghost",
-        color: "secondary",
-        class: "text-fg-secondary"
-      },
-      {
-        variant: "ghost",
-        color: "tertiary",
-        class: "text-fg-tertiary"
-      },
-      {
-        variant: "ghost",
-        color: "accent",
-        class: "text-fg-accent"
-      },
-      {
-        variant: "ghost",
-        color: "positive",
-        class: "text-fg-positive"
-      },
-      {
-        variant: "ghost",
-        color: "destructive",
-        class: "text-fg-destructive"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      align: "center",
-      shape: "rounded",
-      spacing: "md",
-      variant: "fill",
-      loading: false,
-      stretched: false
-    }
-  }
-);
-
-// src/components/button/Button.tsx
-var Button = (props) => {
-  const defaultedProps = mergeProps({
-    color: "primary"
-  }, props);
-  const [variantProps, otherProps] = splitProps(defaultedProps, ["class", ...buttonVariants.variantKeys]);
-  const classes = createMemo(() => buttonVariants(variantProps));
-  return createComponent(PolymorphicButton_default, mergeProps$1({
-    get ["class"]() {
-      return classes();
-    },
-    get ["aria-busy"]() {
-      return variantProps.loading ? "true" : void 0;
-    }
-  }, otherProps));
-};
-var Button_default = Button;
-
-// src/components/button/index.ts
-var button_default = Button_default;
-
-export { button_default };