@pathscale/ui 0.0.10 → 0.0.12

package/dist/chunk/QHJOIUYT.jsx

@@ -1,117 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/upload/Upload.tsx
-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 Upload = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "icon",
-      "label",
-      "multiple",
-      "disabled",
-      "accept",
-      "dragDrop",
-      "name",
-      "onChange"
-    ],
-    ["style", "color", "size"]
-  );
-  const handleChange = (e) => {
-    const input = e.target;
-    const files = input.files;
-    if (!files || files.length === 0) return;
-    if (local.onChange) {
-      if (local.multiple) {
-        local.onChange(Array.from(files));
-      } else if (files[0]) {
-        local.onChange(files[0]);
-      }
-    }
-  };
-  const handleDrop = (e) => {
-    if (!local.dragDrop) return;
-    e.preventDefault();
-    const files = e.dataTransfer?.files;
-    if (!files || files.length === 0) return;
-    if (local.onChange) {
-      if (local.multiple) {
-        local.onChange(Array.from(files));
-      } else if (files[0]) {
-        local.onChange(files[0]);
-      }
-    }
-  };
-  const handleDragOver = (e) => {
-    if (local.dragDrop) e.preventDefault();
-  };
-  return <div class={uploadWrapperVariants(variantProps)}>
-      <label class="cursor-pointer relative w-full h-full">
-        <input
-    type="file"
-    class={fileInputClass}
-    name={local.name}
-    multiple={local.multiple}
-    accept={local.accept}
-    disabled={local.disabled}
-    onChange={handleChange}
-    {...otherProps}
-  />
-        <div
-    class={classes(
-      variantProps.style === "boxed" ? "flex flex-col items-center justify-center gap-2" : "flex flex-row items-center justify-center gap-2"
-    )}
-  >
-          <Show when={local.icon}>
-            <span class={fileIconClass}>{local.icon}</span>
-          </Show>
-          <span class={fileLabelClass}>{local.label}</span>
-        </div>
-      </label>
-    </div>;
-};
-var Upload_default = Upload;
-
-// src/components/upload/index.ts
-var upload_default = Upload_default;
-
-export {
-  upload_default
-};

package/dist/chunk/QONDPQ2I.jsx

@@ -1,105 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/accordion/Accordion.tsx
-import {
-  createSignal,
-  splitProps,
-  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 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 <div
-    class={accordionContainerVariants({
-      ...variantProps,
-      expanded: isOpen(),
-      disabled: local.disabled
-    })}
-    onKeyDown={handleKeyDown}
-    role={local.headerIsTrigger ? "button" : void 0}
-    tabindex={local.headerIsTrigger ? "0" : void 0}
-    aria-expanded={local.headerIsTrigger ? isOpen() : void 0}
-    aria-disabled={local.disabled}
-    {...otherProps}
-  >
-      <div
-    class={accordionHeaderVariants({
-      headerIsTrigger: local.headerIsTrigger
-    })}
-    onClick={local.headerIsTrigger ? handleToggle : void 0}
-    role={local.headerIsTrigger ? "button" : void 0}
-  >
-        {local.header}
-      </div>
-
-      <Show when={isOpen()}>
-        <div class={accordionContentVariants()}>{local.content}</div>
-      </Show>
-    </div>;
-};
-var Accordion_default = Accordion;
-
-// src/components/accordion/index.ts
-var accordion_default = Accordion_default;
-
-export {
-  accordion_default
-};

package/dist/chunk/R6COBCN7.jsx

@@ -1,100 +0,0 @@
-import {
-  cva
-} from "./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 overflow-hidden text-ellipsis"
-      },
-      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"
-    }}
-  >
-          {variantProps.multilined ? local.label.split("\n").map((line, index) => <div class="block">{line}</div>) : local.label}
-        </span>
-      </Show>
-    </span>;
-};
-var Tooltip_default = Tooltip;
-
-// src/components/tooltip/index.ts
-var tooltip_default = Tooltip_default;
-
-export {
-  tooltip_default
-};

package/dist/chunk/T7IZ26YC.jsx

@@ -1,194 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/checkbox/Checkbox.tsx
-import {
-  splitProps,
-  createSignal,
-  Show,
-  untrack,
-  createEffect
-} from "solid-js";
-
-// src/components/checkbox/Checkbox.styles.ts
-var checkboxVariants = cva(
-  [
-    "relative inline-flex items-center gap-2 select-none",
-    "cursor-pointer disabled:cursor-default peer-disabled:cursor-default",
-    "peer-disabled:opacity-50"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      color: {
-        primary: "text-blue-600",
-        success: "text-green-600",
-        warning: "text-yellow-600",
-        danger: "text-red-600"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary"
-    }
-  }
-);
-var checkboxMarkerVariants = cva(
-  [
-    "inline-flex items-center justify-center rounded-sm border",
-    "transition-colors duration-200",
-    "peer-disabled:opacity-50"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "w-4 h-4 text-sm",
-        md: "w-5 h-5 text-base",
-        lg: "w-6 h-6 text-lg"
-      },
-      color: {
-        primary: "bg-blue-600 border-blue-600",
-        success: "bg-green-600 border-green-600",
-        warning: "bg-yellow-400 border-yellow-400",
-        danger: "bg-red-600 border-red-600"
-      },
-      variant: {
-        colored: "text-white",
-        default: "border-gray-400 text-gray-800 dark:text-gray-200 bg-transparent"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      variant: "default"
-    }
-  }
-);
-var checkboxInputClass = "peer absolute opacity-0 w-4 h-4";
-var checkboxLabelClass = "ml-2 text-gray-800 dark:text-gray-200";
-
-// src/components/checkbox/CheckIcon.tsx
-import "solid-js";
-var CheckIcon = () => <svg
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="3"
-  stroke-linecap="round"
-  stroke-linejoin="round"
-  class="w-3.5 h-3.5"
->
-    <polyline points="20 6 9 17 4 12" />
-  </svg>;
-var CheckIcon_default = CheckIcon;
-
-// src/components/checkbox/MinusIcon.tsx
-import "solid-js";
-var MinusIcon = () => <svg
-  viewBox="0 0 24 24"
-  fill="none"
-  stroke="currentColor"
-  stroke-width="3"
-  stroke-linecap="round"
-  stroke-linejoin="round"
-  class="w-3.5 h-3.5"
->
-    <line x1="5" y1="12" x2="19" y2="12" />
-  </svg>;
-var MinusIcon_default = MinusIcon;
-
-// src/components/checkbox/Checkbox.tsx
-var Checkbox = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "label",
-      "indeterminate",
-      "defaultChecked",
-      "checked",
-      "onChange",
-      "onFocus",
-      "onBlur",
-      "disabled"
-    ],
-    ["class", ...checkboxVariants.variantKeys]
-  );
-  let inputRef;
-  const isControlled = localProps.checked !== void 0;
-  const [status, setStatus] = createSignal(
-    localProps.indeterminate ? "indeterminate" : isControlled ? localProps.checked ? "checked" : "unchecked" : localProps.defaultChecked ? "checked" : "unchecked"
-  );
-  createEffect(() => {
-    if (isControlled) {
-      setStatus(
-        localProps.indeterminate ? "indeterminate" : localProps.checked ? "checked" : "unchecked"
-      );
-    }
-  });
-  const handleChange = (e) => {
-    const input = e.currentTarget;
-    if (input.indeterminate) {
-      input.indeterminate = false;
-      input.checked = true;
-      setStatus("checked");
-    } else {
-      setStatus(input.checked ? "checked" : "unchecked");
-    }
-    untrack(() => {
-      if (typeof localProps.onChange === "function") {
-        localProps.onChange(e);
-      }
-    });
-  };
-  return <label
-    class={checkboxVariants()}
-    role="checkbox"
-    aria-checked={status() === "indeterminate" ? "mixed" : status() === "checked"}
-  >
-      <input
-    ref={(el) => {
-      inputRef = el;
-      if (status() === "indeterminate") {
-        el.indeterminate = true;
-      }
-    }}
-    type="checkbox"
-    class={checkboxInputClass}
-    checked={status() === "checked"}
-    disabled={localProps.disabled}
-    aria-hidden="true"
-    {...otherProps}
-    onChange={handleChange}
-    onFocus={localProps.onFocus}
-    onBlur={localProps.onBlur}
-  />
-
-      <span
-    class={checkboxMarkerVariants({
-      size: variantProps.size,
-      color: status() !== "unchecked" ? variantProps.color : void 0,
-      variant: status() !== "unchecked" ? "colored" : "default"
-    })}
-  >
-        <Show when={status() !== "unchecked"}>
-          {status() === "indeterminate" ? <MinusIcon_default /> : <CheckIcon_default />}
-        </Show>
-      </span>
-
-      <Show when={localProps.label}>
-        <span class={checkboxLabelClass}>{localProps.label}</span>
-      </Show>
-    </label>;
-};
-var Checkbox_default = Checkbox;
-
-// src/components/checkbox/index.ts
-var checkbox_default = Checkbox_default;
-
-export {
-  checkbox_default
-};