@pathscale/ui 0.0.11 → 0.0.12

package/dist/chunk/PF47YREI.js

@@ -1,214 +0,0 @@
-import { PolymorphicButton_default } from './SPEY5RMB.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 };

package/dist/chunk/PNPC2OI3.jsx

@@ -1,156 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/input/Input.tsx
-import {
-  createSignal,
-  mergeProps,
-  Show as Show2,
-  splitProps
-} from "solid-js";
-
-// src/components/input/Input.styles.ts
-var inputWrapperClass = "relative flex items-center";
-var inputVariants = cva(
-  [
-    "block w-full appearance-none outline-none bg-transparent",
-    "border transition-colors duration-200",
-    "disabled:opacity-50 disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      color: {
-        danger: "border-red-500 text-red-600",
-        success: "border-green-500 text-green-600",
-        warning: "border-orange-500 text-orange-600"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: "rounded-md"
-      },
-      expanded: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      loading: {
-        true: "opacity-50",
-        false: ""
-      },
-      hasLeftIcon: {
-        true: "pl-10",
-        false: "pl-4"
-      },
-      hasRightIcon: {
-        true: "pr-10",
-        false: "pr-4"
-      }
-    },
-    defaultVariants: {
-      color: void 0,
-      rounded: false,
-      expanded: true,
-      loading: false,
-      hasLeftIcon: false,
-      hasRightIcon: false
-    }
-  }
-);
-var iconLeftClass = "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400";
-var iconRightClass = "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400";
-var iconButtonClass = "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500";
-
-// src/components/input/EyeIcon.tsx
-import { Show } from "solid-js";
-var EyeIcon = (props) => {
-  return <Show when={props.invisible} fallback={<EyeOpen />}>
-      <EyeInvisible />
-    </Show>;
-};
-var EyeInvisible = () => <svg
-  viewBox="64 64 896 896"
-  tabIndex="-1"
-  width="1em"
-  height="1em"
-  fill="currentColor"
-  aria-hidden="true"
->
-    <path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z" />
-    <path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z" />
-  </svg>;
-var EyeOpen = () => <svg
-  viewBox="64 64 896 896"
-  tabIndex="-1"
-  width="1em"
-  height="1em"
-  fill="currentColor"
-  aria-hidden="true"
->
-    <path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z" />
-  </svg>;
-var EyeIcon_default = EyeIcon;
-
-// src/components/input/Input.tsx
-var Input = (props) => {
-  const defaultedProps = mergeProps({ type: "text", placeholder: "" }, props);
-  const [localProps, variantProps, otherProps] = splitProps(
-    defaultedProps,
-    [
-      "type",
-      "passwordReveal",
-      "leftIcon",
-      "rightIcon",
-      "class",
-      "value",
-      "onInput",
-      "name"
-    ],
-    ["color", "rounded", "expanded", "loading", "hasLeftIcon", "hasRightIcon"]
-  );
-  const [showPassword, setShowPassword] = createSignal(false);
-  const resolvedType = () => localProps.passwordReveal && showPassword() ? "text" : localProps.type ?? "text";
-  const inputClass = inputVariants({
-    ...variantProps,
-    hasLeftIcon: !!localProps.leftIcon,
-    hasRightIcon: !!(localProps.rightIcon || localProps.passwordReveal),
-    class: localProps.class
-  });
-  return <div class={inputWrapperClass}>
-      <Show2 when={localProps.leftIcon}>
-        <span class={iconLeftClass}>{localProps.leftIcon}</span>
-      </Show2>
-
-      <input
-    type={resolvedType()}
-    class={inputClass}
-    aria-invalid={variantProps.color === "danger" ? "true" : void 0}
-    value={localProps.value}
-    onInput={localProps.onInput}
-    name={localProps.name}
-    {...otherProps}
-  />
-
-      <Show2 when={localProps.passwordReveal && !localProps.rightIcon}>
-        <button
-    type="button"
-    onClick={() => setShowPassword((p) => !p)}
-    class={iconButtonClass}
-  >
-          <EyeIcon_default invisible={showPassword()} />
-        </button>
-      </Show2>
-
-      <Show2 when={localProps.rightIcon && !localProps.passwordReveal}>
-        <span class={iconRightClass}>{localProps.rightIcon}</span>
-      </Show2>
-    </div>;
-};
-var Input_default = Input;
-
-// src/components/input/index.ts
-var input_default = Input_default;
-
-export {
-  EyeIcon_default,
-  input_default
-};

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
-};