@pathscale/ui 0.0.1 → 0.0.2

package/dist/components/tag/index.js

@@ -1,115 +1 @@
-import { cva, classes } from '../../chunk/HKS7ET6T.js';
-import { delegateEvents, template, spread, mergeProps, insert, createComponent, effect, setAttribute, className } from 'solid-js/web';
-import { splitProps, createMemo, untrack, Show } 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 _tmpl$ = /* @__PURE__ */ template(`<button type=button class="ml-2 text-xs text-white hover:opacity-80">`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button type=button>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div role=group><span role=status><span class=truncate>`);
-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 (() => {
-    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-    spread(_el$2, mergeProps({
-      get ["class"]() {
-        return tagClasses();
-      }
-    }, otherProps), false, true);
-    insert(_el$3, () => localProps.children);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return isClosable();
-      },
-      get children() {
-        var _el$4 = _tmpl$();
-        _el$4.$$click = handleClose;
-        insert(_el$4, () => localProps.closeIcon ?? "\xD7");
-        effect(() => setAttribute(_el$4, "aria-label", localProps.ariaCloseLabel ?? "Remove tag"));
-        return _el$4;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isAttachedClosable();
-      },
-      get children() {
-        var _el$5 = _tmpl$2();
-        _el$5.$$click = handleClose;
-        insert(_el$5, () => localProps.closeIcon ?? "\xD7");
-        effect((_p$) => {
-          var _v$ = localProps.ariaCloseLabel ?? "Remove tag", _v$2 = attachedButtonClasses();
-          _v$ !== _p$.e && setAttribute(_el$5, "aria-label", _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$5, _p$.t = _v$2);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0
-        });
-        return _el$5;
-      }
-    }), null);
-    effect(() => className(_el$, isAttachedClosable() ? "tags has-addons" : void 0));
-    return _el$;
-  })();
-};
-var Tag_default = Tag;
-delegateEvents(["click"]);
-
-// src/components/tag/index.ts
-var tag_default = Tag_default;
-
-export { tag_default as default };
+export { tag_default as default } from '../../chunk/CJZGTNJZ.js';

package/dist/components/tag/index.jsx

@@ -1,131 +1,7 @@
 import {
-  classes,
-  cva
-} from "../../chunk/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;
+  tag_default
+} from "../../chunk/LI3HCFL7.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   tag_default as default
 };

package/dist/components/tooltip/index.d.ts

@@ -1,53 +1,8 @@
-import { JSX, Component } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+import { T as Tooltip } from '../../Tooltip-BfPongoz.js';
+export { a as TooltipProps } from '../../Tooltip-BfPongoz.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const tooltipVariants: {
-    (props?: (ConfigVariants<{
-        type: {
-            info: string;
-            success: string;
-            warning: string;
-            danger: string;
-            primary: string;
-            gray: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        rounded: {
-            true: string;
-            false: string;
-        };
-        dashed: {
-            true: string;
-            false: string;
-        };
-        multilined: {
-            true: string;
-            false: string;
-        };
-        animated: {
-            true: string;
-            false: string;
-        };
-        position: {
-            top: string;
-            bottom: string;
-            left: string;
-            right: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("type" | "size" | "rounded" | "dashed" | "multilined" | "animated" | "position")[];
-};
 
-type TooltipProps = {
-    label: string;
-    delay?: number;
-    always?: boolean;
-    children?: JSX.Element;
-} & VariantProps<typeof tooltipVariants> & JSX.HTMLAttributes<HTMLSpanElement>;
-declare const Tooltip: Component<TooltipProps>;
 
-export { type TooltipProps, Tooltip as default };
+export { Tooltip as default };

package/dist/components/tooltip/index.js

@@ -1,103 +1 @@
-import { cva } from '../../chunk/HKS7ET6T.js';
-import { template, spread, insert, createComponent, effect, className } from 'solid-js/web';
-import { splitProps, Show } from 'solid-js';
-
-// src/components/tooltip/Tooltip.styles.ts
-var tooltipVariants = cva(
-  [
-    "absolute z-10 px-3 py-1 text-white text-sm",
-    "opacity-0 group-hover:opacity-100",
-    "pointer-events-none transition-opacity duration-200",
-    "max-w-xs break-words",
-    "after:content-[''] after:absolute after:w-2 after:h-2 after:rotate-45 after:bg-inherit"
-  ].join(" "),
-  {
-    variants: {
-      type: {
-        info: "bg-blue-500",
-        success: "bg-green-500",
-        warning: "bg-yellow-500",
-        danger: "bg-red-500",
-        primary: "bg-indigo-500",
-        gray: "bg-gray-700"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      rounded: {
-        true: "rounded",
-        false: "rounded-none"
-      },
-      dashed: {
-        true: "border border-white border-dashed",
-        false: ""
-      },
-      multilined: {
-        true: "whitespace-pre-wrap",
-        false: "whitespace-nowrap"
-      },
-      animated: {
-        true: "transition-opacity duration-300 ease-in-out",
-        false: ""
-      },
-      position: {
-        top: "bottom-full left-1/2 -translate-x-1/2 mb-1 after:top-full after:left-1/2 after:-translate-x-1/2 after:-mt-1",
-        bottom: "top-full left-1/2 -translate-x-1/2 mt-1 after:bottom-full after:left-1/2 after:-translate-x-1/2 after:-mb-1",
-        left: "right-full top-1/2 -translate-y-1/2 mr-1 after:left-full after:top-1/2 after:-translate-y-1/2 after:-ml-1",
-        right: "left-full top-1/2 -translate-y-1/2 ml-1 after:right-full after:top-1/2 after:-translate-y-1/2 after:-mr-1"
-      }
-    },
-    defaultVariants: {
-      type: "primary",
-      size: "md",
-      rounded: true,
-      dashed: false,
-      multilined: false,
-      animated: true,
-      position: "top"
-    }
-  }
-);
-
-// src/components/tooltip/Tooltip.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span class="relative inline-block group">`);
-var Tooltip = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["label", "delay", "always", "children"], ["type", "size", "position", "rounded", "dashed", "multilined", "animated"]);
-  return (() => {
-    var _el$ = _tmpl$2();
-    spread(_el$, otherProps, false, true);
-    insert(_el$, () => local.children, null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return local.label;
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        _el$2.style.setProperty("pointer-events", "none");
-        insert(_el$2, () => local.label);
-        effect((_p$) => {
-          var _v$ = tooltipVariants(variantProps), _v$2 = `${local.delay ?? 0}ms`, _v$3 = local.always ? 1 : void 0;
-          _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-          _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$2.style.setProperty("transition-delay", _v$2) : _el$2.style.removeProperty("transition-delay"));
-          _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$2.style.setProperty("opacity", _v$3) : _el$2.style.removeProperty("opacity"));
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$2;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var Tooltip_default = Tooltip;
-
-// src/components/tooltip/index.ts
-var tooltip_default = Tooltip_default;
-
-export { tooltip_default as default };
+export { tooltip_default as default } from '../../chunk/4TWLQ3IA.js';

package/dist/components/tooltip/index.jsx

@@ -1,99 +1,7 @@
 import {
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/tooltip/Tooltip.tsx
-import {
-  splitProps,
-  Show
-} from "solid-js";
-
-// src/components/tooltip/Tooltip.styles.ts
-var tooltipVariants = cva(
-  [
-    "absolute z-10 px-3 py-1 text-white text-sm",
-    "opacity-0 group-hover:opacity-100",
-    "pointer-events-none transition-opacity duration-200",
-    "max-w-xs break-words",
-    "after:content-[''] after:absolute after:w-2 after:h-2 after:rotate-45 after:bg-inherit"
-  ].join(" "),
-  {
-    variants: {
-      type: {
-        info: "bg-blue-500",
-        success: "bg-green-500",
-        warning: "bg-yellow-500",
-        danger: "bg-red-500",
-        primary: "bg-indigo-500",
-        gray: "bg-gray-700"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      rounded: {
-        true: "rounded",
-        false: "rounded-none"
-      },
-      dashed: {
-        true: "border border-white border-dashed",
-        false: ""
-      },
-      multilined: {
-        true: "whitespace-pre-wrap",
-        false: "whitespace-nowrap"
-      },
-      animated: {
-        true: "transition-opacity duration-300 ease-in-out",
-        false: ""
-      },
-      position: {
-        top: "bottom-full left-1/2 -translate-x-1/2 mb-1 after:top-full after:left-1/2 after:-translate-x-1/2 after:-mt-1",
-        bottom: "top-full left-1/2 -translate-x-1/2 mt-1 after:bottom-full after:left-1/2 after:-translate-x-1/2 after:-mb-1",
-        left: "right-full top-1/2 -translate-y-1/2 mr-1 after:left-full after:top-1/2 after:-translate-y-1/2 after:-ml-1",
-        right: "left-full top-1/2 -translate-y-1/2 ml-1 after:right-full after:top-1/2 after:-translate-y-1/2 after:-mr-1"
-      }
-    },
-    defaultVariants: {
-      type: "primary",
-      size: "md",
-      rounded: true,
-      dashed: false,
-      multilined: false,
-      animated: true,
-      position: "top"
-    }
-  }
-);
-
-// src/components/tooltip/Tooltip.tsx
-var Tooltip = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["label", "delay", "always", "children"],
-    ["type", "size", "position", "rounded", "dashed", "multilined", "animated"]
-  );
-  return <span class="relative inline-block group" {...otherProps}>
-      {local.children}
-      <Show when={local.label}>
-        <span
-    class={tooltipVariants(variantProps)}
-    style={{
-      "transition-delay": `${local.delay ?? 0}ms`,
-      opacity: local.always ? 1 : void 0,
-      "pointer-events": "none"
-    }}
-  >
-          {local.label}
-        </span>
-      </Show>
-    </span>;
-};
-var Tooltip_default = Tooltip;
-
-// src/components/tooltip/index.ts
-var tooltip_default = Tooltip_default;
+  tooltip_default
+} from "../../chunk/DNTGSCVF.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   tooltip_default as default
 };

package/dist/components/upload/index.d.ts

@@ -1,39 +1,8 @@
-import { JSX, Component } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+import { U as Upload } from '../../Upload-BrFuZ4JA.js';
+export { a as UploadProps } from '../../Upload-BrFuZ4JA.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const uploadWrapperVariants: {
-    (props?: (ConfigVariants<{
-        style: {
-            boxed: string;
-            button: string;
-        };
-        color: {
-            primary: string;
-            success: string;
-            info: string;
-            warning: string;
-            danger: string;
-            gray: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("style" | "color" | "size")[];
-};
 
-type UploadProps = {
-    icon?: JSX.Element;
-    label?: string;
-    multiple?: boolean;
-    disabled?: boolean;
-    accept?: string;
-    dragDrop?: boolean;
-    name?: string;
-    onChange?: (files: File | File[]) => void;
-} & VariantProps<typeof uploadWrapperVariants> & JSX.InputHTMLAttributes<HTMLInputElement>;
-declare const Upload: Component<UploadProps>;
 
-export { type UploadProps, Upload as default };
+export { Upload as default };

package/dist/components/upload/index.js

@@ -1,98 +1 @@
-import { cva, classes } from '../../chunk/HKS7ET6T.js';
-import { template, className, spread, mergeProps, insert, createComponent, effect } from 'solid-js/web';
-import { splitProps, Show } from 'solid-js';
-
-// src/components/upload/Upload.styles.ts
-var uploadWrapperVariants = cva("", {
-  variants: {
-    style: {
-      boxed: "flex flex-col items-center justify-center border border-gray-300 rounded-md p-4 bg-white dark:bg-gray-800 text-gray-700 hover:text-gray-900 text-center",
-      button: "px-4 py-2 rounded inline-flex items-center gap-2 text-white transition-colors"
-    },
-    color: {
-      primary: "bg-blue-500 hover:bg-blue-600",
-      success: "bg-green-500 hover:bg-green-600",
-      info: "bg-sky-500 hover:bg-sky-600",
-      warning: "bg-yellow-500 hover:bg-yellow-600",
-      danger: "bg-red-500 hover:bg-red-600",
-      gray: ""
-      // usado solo en style="boxed"
-    },
-    size: {
-      sm: "text-sm",
-      md: "text-base",
-      lg: "text-lg"
-    }
-  },
-  defaultVariants: {
-    style: "boxed",
-    color: "gray",
-    size: "md"
-  }
-});
-var fileInputClass = "absolute inset-0 w-full h-full opacity-0 cursor-pointer";
-var fileIconClass = "w-6 h-6";
-var fileLabelClass = "font-medium";
-
-// src/components/upload/Upload.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><label class="cursor-pointer relative w-full h-full"><input type=file><div><span>`);
-var Upload = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["icon", "label", "multiple", "disabled", "accept", "dragDrop", "name", "onChange"], ["style", "color", "size"]);
-  const handleChange = (e) => {
-    const files = e.target.files;
-    if (!files || files.length === 0) return;
-    const result = local.multiple ? Array.from(files) : files[0];
-    if (result) {
-      local.onChange?.(result);
-    }
-  };
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling, _el$6 = _el$4.firstChild;
-    _el$3.addEventListener("change", handleChange);
-    className(_el$3, fileInputClass);
-    spread(_el$3, mergeProps({
-      get name() {
-        return local.name;
-      },
-      get multiple() {
-        return local.multiple;
-      },
-      get accept() {
-        return local.accept;
-      },
-      get disabled() {
-        return local.disabled;
-      }
-    }, otherProps), false, false);
-    insert(_el$4, createComponent(Show, {
-      get when() {
-        return local.icon;
-      },
-      get children() {
-        var _el$5 = _tmpl$();
-        className(_el$5, fileIconClass);
-        insert(_el$5, () => local.icon);
-        return _el$5;
-      }
-    }), _el$6);
-    className(_el$6, fileLabelClass);
-    insert(_el$6, () => local.label);
-    effect((_p$) => {
-      var _v$ = uploadWrapperVariants(variantProps), _v$2 = classes(variantProps.style === "boxed" ? "flex flex-col items-center justify-center gap-2" : "flex flex-row items-center justify-center gap-2");
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && className(_el$4, _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
-};
-var Upload_default = Upload;
-
-// src/components/upload/index.ts
-var upload_default = Upload_default;
-
-export { upload_default as default };
+export { upload_default as default } from '../../chunk/S3ZDSQSV.js';