@pathscale/ui 0.0.13 → 0.0.14

package/dist/chunk/STKRVQR6.jsx

@@ -1,130 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/progress/Progress.tsx
-import {
-  splitProps,
-  Show,
-  createMemo
-} from "solid-js";
-
-// src/components/progress/Progress.styles.ts
-var progressContainer = cva(
-  "relative w-full max-w-md select-none",
-  {
-    variants: {
-      size: {
-        sm: "",
-        md: "",
-        lg: ""
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-var progressWrapper = cva("overflow-hidden bg-gray-200", {
-  variants: {
-    size: {
-      sm: "h-2",
-      md: "h-4",
-      lg: "h-6"
-    },
-    shape: {
-      rounded: "rounded-lg",
-      circle: "rounded-full"
-    }
-  },
-  defaultVariants: {
-    size: "md",
-    shape: "rounded"
-  }
-});
-var progressFill = cva("h-full transition-all duration-300", {
-  variants: {
-    color: {
-      default: "bg-gray-500",
-      danger: "bg-red-500",
-      success: "bg-green-500",
-      info: "bg-blue-500",
-      warning: "bg-yellow-500"
-    },
-    variant: {
-      filled: "",
-      outlined: "bg-opacity-0 ring-1 ring-gray-300",
-      ghost: "bg-opacity-50"
-    }
-  },
-  defaultVariants: {
-    color: "default",
-    variant: "filled"
-  }
-});
-var progressLabel = cva(
-  "absolute top-0 right-0 h-full flex items-center pr-2 text-xs font-medium text-gray-700"
-);
-
-// src/components/progress/Progress.tsx
-var Progress = (props) => {
-  const [local, rest] = splitProps(props, [
-    "value",
-    "size",
-    "shape",
-    "variant",
-    "color",
-    "showValue",
-    "format",
-    "className"
-  ]);
-  const val = createMemo(
-    () => typeof local.value === "number" ? Math.max(0, Math.min(100, local.value)) : null
-  );
-  const isDeterminate = () => val() !== null;
-  const labelText = createMemo(() => {
-    if (!local.showValue || val() == null) return "";
-    return local.format === "percent" ? `${val()}%` : String(val());
-  });
-  return <div
-    {...rest}
-    class={classes(progressContainer({ size: local.size }), local.className)}
-    aria-busy={!isDeterminate()}
-  >
-      <div
-    class={classes(
-      progressWrapper({ size: local.size, shape: local.shape })
-    )}
-  >
-        <Show
-    when={isDeterminate()}
-    fallback={<div
-      class={classes(
-        progressFill({ color: local.color, variant: local.variant }),
-        "animate-pulse"
-      )}
-      style={{ width: "100%" }}
-    />}
-  >
-          <div
-    class={progressFill({
-      color: local.color,
-      variant: local.variant
-    })}
-    style={{ width: `${val()}%` }}
-  />
-        </Show>
-      </div>
-
-      <Show when={local.showValue && labelText()}>
-        <div class={progressLabel()}>{labelText()}</div>
-      </Show>
-    </div>;
-};
-var Progress_default = Progress;
-
-// src/components/progress/index.ts
-var progress_default = Progress_default;
-
-export {
-  progress_default
-};

package/dist/chunk/SVJIYMYJ.jsx

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

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

@@ -1,101 +0,0 @@
-// src/components/polymorphic/Polymorphic.tsx
-import {
-  createMemo,
-  splitProps,
-  untrack
-} from "solid-js";
-import { Dynamic } from "solid-js/web";
-var Polymorphic = (props) => {
-  const [localProps, otherProps] = splitProps(props, ["as"]);
-  const cached = createMemo(() => localProps.as ?? "div");
-  return createMemo(() => {
-    const component = cached();
-    switch (typeof component) {
-      case "function":
-        return untrack(() => component(otherProps));
-      case "string":
-        return <Dynamic
-          component={component}
-          {...otherProps}
-        />;
-    }
-  });
-};
-var Polymorphic_default = Polymorphic;
-
-// src/lib/iterable.ts
-function chain(callbacks) {
-  return (...args) => {
-    for (const callback of callbacks) callback?.(...args);
-  };
-}
-
-// src/lib/refs/mergeRefs.ts
-function mergeRefs(...refs) {
-  return chain(refs);
-}
-
-// src/lib/tag/createIsButton.ts
-import { createMemo as createMemo3 } from "solid-js";
-
-// src/lib/tag/createTagName.ts
-import { createMemo as createMemo2 } from "solid-js";
-function createTagName(props) {
-  return createMemo2(
-    () => props.element()?.tagName.toLowerCase() ?? props.fallback
-  );
-}
-
-// src/lib/tag/createIsButton.ts
-var BUTTON_INPUT_TYPES = [
-  "button",
-  "color",
-  "file",
-  "image",
-  "reset",
-  "submit"
-];
-function isButton(tagName, type) {
-  if (tagName === "button") {
-    return true;
-  }
-  if (tagName === "input" && type !== void 0) {
-    return BUTTON_INPUT_TYPES.indexOf(type) !== -1;
-  }
-  return false;
-}
-function createIsButton(props) {
-  const tagName = createTagName({
-    element: props.element,
-    fallback: "button"
-  });
-  return createMemo3(() => isButton(tagName(), props.type));
-}
-
-// src/components/polymorphic/PolymorphicButton.tsx
-import {
-  createSignal,
-  splitProps as splitProps2
-} from "solid-js";
-var PolymorphicButton = (props) => {
-  const [ref, setRef] = createSignal(null);
-  const [localProps, otherProps] = splitProps2(props, [
-    "ref"
-  ]);
-  const isButton2 = createIsButton({
-    element: ref,
-    type: props.type
-  });
-  return <Polymorphic_default
-    as="button"
-    ref={mergeRefs(setRef, localProps.ref)}
-    role={!isButton2() ? "button" : void 0}
-    {...otherProps}
-  />;
-};
-var PolymorphicButton_default = PolymorphicButton;
-
-export {
-  Polymorphic_default,
-  PolymorphicButton_default
-};

package/dist/chunk/T324HUIT.jsx

@@ -1,57 +0,0 @@
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// 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;
-
-export {
-  Loading_default
-};

package/dist/chunk/T5LDPSFV.jsx

@@ -1,122 +0,0 @@
-import {
-  Loading_default
-} from "./T324HUIT.jsx";
-import {
-  clsx
-} from "./O7LDJCQS.jsx";
-import {
-  twMerge
-} from "./5HG7XWVC.jsx";
-
-// src/components/button/Button.tsx
-import { splitProps, Show } 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 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 <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/UNKDNDT3.js

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