@pathscale/ui 0.0.11 → 0.0.13

package/dist/chunk/EE4HXMKA.js

@@ -1,165 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, effect, className, setAttribute } from 'solid-js/web';
-import { splitProps, createSignal, createMemo, untrack } from 'solid-js';
-
-// src/components/switch/Switch.styles.ts
-var switchVariants = cva(
-  "switch inline-flex items-center gap-2 select-none",
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      disabled: {
-        true: "opacity-50",
-        false: ""
-      },
-      rounded: {
-        true: "",
-        false: ""
-      },
-      outlined: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      disabled: false,
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-var checkVariants = cva(
-  [
-    "relative transition-colors duration-200",
-    "after:content-[''] after:absolute after:bg-white after:transition-transform after:duration-700 after:ease-in-out after:shadow-sm"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "w-8 h-4 after:w-3 after:h-3 after:left-0.5 after:top-0.5 peer-checked:after:translate-x-4",
-        md: "w-10 h-6 after:w-4 after:h-4 after:left-1 after:top-1 peer-checked:after:translate-x-4",
-        lg: "w-12 h-7 after:w-5 after:h-5 after:left-1 after:top-1 peer-checked:after:translate-x-5"
-      },
-      color: {
-        primary: "peer-checked:bg-blue-500",
-        success: "peer-checked:bg-green-500",
-        danger: "peer-checked:bg-red-500",
-        warning: "peer-checked:bg-yellow-400",
-        gray: "peer-checked:bg-gray-400"
-      },
-      passiveColor: {
-        primary: "bg-blue-200",
-        success: "bg-green-200",
-        danger: "bg-red-200",
-        warning: "bg-yellow-200",
-        gray: "bg-gray-200"
-      },
-      rounded: {
-        true: "rounded-full after:rounded-full",
-        false: "rounded-md after:rounded-sm"
-      },
-      outlined: {
-        true: "bg-transparent ring border-current",
-        false: ""
-      },
-      disabled: {
-        true: "bg-gray-200 border border-gray-300 after:bg-gray-100",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      passiveColor: "gray",
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-var switchLabelClass = cva("control-label", {
-  variants: {
-    disabled: {
-      true: "text-gray-400 dark:text-gray-500",
-      false: "text-gray-800 dark:text-gray-200"
-    }
-  },
-  defaultVariants: {
-    disabled: false
-  }
-});
-
-// src/components/switch/Switch.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<label role=switch><input type=checkbox class="sr-only peer"aria-hidden=true><span></span><span>`);
-var Switch = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["children", "checked", "defaultChecked", "onChange", "name", "required", "disabled", "aria-label", "aria-describedby"], ["size", "rounded", "outlined", "color", "passiveColor", "disabled"]);
-  const isControlled = localProps.checked !== void 0;
-  const [internalChecked, setInternalChecked] = createSignal(localProps.defaultChecked ?? false);
-  const checkedValue = createMemo(() => untrack(() => isControlled ? localProps.checked : internalChecked()));
-  const switchClasses = createMemo(() => switchVariants(variantProps));
-  const checkClasses = createMemo(() => checkVariants({
-    size: variantProps.size,
-    color: variantProps.color,
-    passiveColor: variantProps.passiveColor,
-    rounded: variantProps.rounded,
-    outlined: variantProps.outlined,
-    disabled: localProps.disabled
-  }));
-  const handleChange = (e) => {
-    if (localProps.disabled) return;
-    const next = e.currentTarget.checked;
-    untrack(() => {
-      if (!isControlled) setInternalChecked(next);
-      localProps.onChange?.(next);
-    });
-  };
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling, _el$4 = _el$3.nextSibling;
-    _el$2.addEventListener("change", handleChange);
-    spread(_el$2, mergeProps({
-      get checked() {
-        return checkedValue();
-      },
-      get name() {
-        return localProps.name;
-      },
-      get required() {
-        return localProps.required;
-      },
-      get disabled() {
-        return localProps.disabled;
-      }
-    }, otherProps), false, false);
-    insert(_el$4, () => localProps.children);
-    effect((_p$) => {
-      var _v$ = switchClasses(), _v$2 = checkedValue(), _v$3 = localProps["aria-label"], _v$4 = localProps["aria-describedby"], _v$5 = checkClasses(), _v$6 = switchLabelClass({
-        disabled: localProps.disabled
-      });
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "aria-checked", _p$.t = _v$2);
-      _v$3 !== _p$.a && setAttribute(_el$, "aria-label", _p$.a = _v$3);
-      _v$4 !== _p$.o && setAttribute(_el$, "aria-describedby", _p$.o = _v$4);
-      _v$5 !== _p$.i && className(_el$3, _p$.i = _v$5);
-      _v$6 !== _p$.n && className(_el$4, _p$.n = _v$6);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0,
-      n: void 0
-    });
-    return _el$;
-  })();
-};
-var Switch_default = Switch;
-
-// src/components/switch/index.ts
-var switch_default = Switch_default;
-
-export { switch_default };

package/dist/chunk/ELRAUORW.jsx

@@ -1,179 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/pagination/Pagination.tsx
-import {
-  splitProps,
-  createMemo,
-  Show,
-  For
-} from "solid-js";
-
-// src/components/pagination/Pagination.styles.ts
-var paginationItemVariants = cva(
-  [
-    "inline-flex items-center justify-center font-medium transition-colors",
-    "select-none border border-transparent",
-    // border shown only when needed
-    "disabled:opacity-50 disabled:pointer-events-none"
-  ],
-  {
-    variants: {
-      active: {
-        true: "bg-blue-500 text-white hover:bg-blue-600",
-        false: "bg-transparent text-gray-700 hover:bg-gray-200 dark:text-gray-200 dark:hover:bg-gray-700"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: "rounded"
-      },
-      simple: {
-        true: "border-none bg-transparent hover:bg-transparent text-gray-700 dark:text-gray-300",
-        false: ""
-      },
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-1.5",
-        lg: "text-base px-4 py-2"
-      },
-      disabled: {
-        true: "opacity-50 pointer-events-none",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      active: false,
-      rounded: false,
-      simple: false,
-      size: "md",
-      disabled: false
-    }
-  }
-);
-var paginationInfoVariants = cva(
-  "inline-block font-medium transition-colors",
-  {
-    variants: {
-      simple: {
-        true: "text-sm text-gray-600 dark:text-gray-300 px-2",
-        false: "text-sm text-gray-700 dark:text-gray-200 px-2"
-      }
-    },
-    defaultVariants: {
-      simple: false
-    }
-  }
-);
-var paginationContainerVariants = cva(
-  "flex items-center gap-1 flex-wrap",
-  {
-    variants: {
-      align: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end"
-      },
-      wrap: {
-        true: "flex-wrap",
-        false: "flex-nowrap"
-      }
-    },
-    defaultVariants: {
-      align: "start",
-      wrap: true
-    }
-  }
-);
-
-// src/components/pagination/Pagination.tsx
-var Pagination = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "total",
-      "perPage",
-      "current",
-      "onChange",
-      "rangeBefore",
-      "rangeAfter",
-      "simple",
-      "children"
-    ],
-    ["rounded", "size", "disabled", "active", "simple"]
-  );
-  const perPage = () => local.perPage ?? 20;
-  const pageCount = createMemo(() => Math.ceil(local.total / perPage()));
-  const hasPrev = createMemo(() => local.current > 1);
-  const hasNext = createMemo(() => local.current < pageCount());
-  const pagesInRange = createMemo(() => {
-    const before = local.rangeBefore ?? 1;
-    const after = local.rangeAfter ?? 1;
-    const start = Math.max(1, local.current - before);
-    const end = Math.min(local.current + after, pageCount());
-    return Array.from({ length: end - start + 1 }, (_, i) => start + i);
-  });
-  const changePage = (page) => {
-    if (page >= 1 && page <= pageCount() && page !== local.current) {
-      local.onChange(page);
-    }
-  };
-  return <nav
-    class={paginationContainerVariants({ align: "start", wrap: true })}
-    {...otherProps}
-  >
-      <button
-    class={paginationItemVariants({
-      ...variantProps,
-      disabled: !hasPrev()
-    })}
-    onClick={() => changePage(local.current - 1)}
-    disabled={!hasPrev()}
-  >
-        &laquo;
-      </button>
-
-      <Show when={pageCount() > 1}>
-        <Show when={local.simple}>
-          <span class={paginationInfoVariants({ simple: true })}>
-            {perPage() === 1 ? `${(local.current - 1) * perPage() + 1} / ${local.total}` : `${(local.current - 1) * perPage() + 1}-${Math.min(
-    local.current * perPage(),
-    local.total
-  )} / ${local.total}`}
-          </span>
-        </Show>
-
-        <Show when={!local.simple}>
-          <For each={pagesInRange()}>
-            {(page) => <button
-    class={paginationItemVariants({
-      ...variantProps,
-      active: page === local.current
-    })}
-    onClick={() => changePage(page)}
-  >
-                {page}
-              </button>}
-          </For>
-        </Show>
-      </Show>
-      <button
-    class={paginationItemVariants({
-      ...variantProps,
-      disabled: !hasNext()
-    })}
-    onClick={() => changePage(local.current + 1)}
-    disabled={!hasNext()}
-  >
-        &raquo;
-      </button>
-    </nav>;
-};
-var Pagination_default = Pagination;
-
-// src/components/pagination/index.ts
-var pagination_default = Pagination_default;
-
-export {
-  pagination_default
-};

package/dist/chunk/F33TSIEQ.jsx

@@ -1,181 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/select/Select.tsx
-import {
-  splitProps,
-  Show,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/select/Select.styles.ts
-var selectVariants = cva(
-  [
-    "flex items-center appearance-none",
-    "border outline-none",
-    "transition bg-white text-gray-700",
-    "disabled:opacity-50 disabled:cursor-not-allowed",
-    "pl-3"
-    // margen izquierdo por defecto
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm py-1 px-2",
-        md: "text-base py-2 px-3",
-        lg: "text-lg py-2 px-4"
-      },
-      color: {
-        primary: "border border-gray-300 focus:border-primary",
-        info: "border border-blue-500 focus:border-blue-600",
-        success: "border border-green-500 focus:border-green-600",
-        warning: "border border-yellow-500 focus:border-yellow-600",
-        danger: "border border-red-500 focus:border-red-600"
-      },
-      loading: {
-        true: "cursor-wait opacity-75",
-        false: ""
-      },
-      expanded: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      rounded: {
-        true: "rounded",
-        false: "rounded-none"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      loading: false,
-      expanded: false,
-      rounded: false
-    }
-  }
-);
-var wrapperClass = "relative w-full group cursor-pointer";
-var selectPaddingClass = "w-full pr-8";
-var caretIconBaseClass = "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 pointer-events-none transition-colors";
-var spinnerIconBaseClass = "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin pointer-events-none";
-var getIconColor = (color) => {
-  switch (color) {
-    case "success":
-      return "text-green-500 group-hover:text-green-600";
-    case "danger":
-      return "text-red-500 group-hover:text-red-600";
-    case "warning":
-      return "text-yellow-500 group-hover:text-yellow-600";
-    case "info":
-      return "text-blue-500 group-hover:text-blue-600";
-    case "primary":
-    default:
-      return "text-gray-500 group-hover:text-gray-700";
-  }
-};
-var getSpinnerColor = (color) => {
-  switch (color) {
-    case "success":
-      return "text-green-500";
-    case "danger":
-      return "text-red-500";
-    case "warning":
-      return "text-yellow-500";
-    case "info":
-      return "text-blue-500";
-    case "primary":
-    default:
-      return "text-gray-500";
-  }
-};
-
-// src/components/select/CaretDownIcon.tsx
-var CaretDownIcon = (props) => <svg
-  class={`${caretIconBaseClass} ${props.class ?? ""}`}
-  fill="none"
-  stroke="currentColor"
-  stroke-width="2"
-  viewBox="0 0 24 24"
->
-    <path d="M6 9l6 6 6-6" />
-  </svg>;
-var CaretDownIcon_default = CaretDownIcon;
-
-// src/components/select/SpinnerIcon.tsx
-var SpinnerIcon = (props) => <svg
-  class={`${spinnerIconBaseClass} ${props.class ?? ""}`}
-  xmlns="http://www.w3.org/2000/svg"
-  fill="none"
-  viewBox="0 0 24 24"
-  stroke-width="2"
->
-    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" />
-    <path
-  class="opacity-75"
-  fill="currentColor"
-  d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
-/>
-  </svg>;
-var SpinnerIcon_default = SpinnerIcon;
-
-// src/components/select/Select.tsx
-var Select = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    ["placeholder", "value", "nativeSize", "onChange", "onFocus", "onBlur"],
-    ["class", ...selectVariants.variantKeys]
-  );
-  const empty = createMemo(
-    () => untrack(() => localProps.value === null || localProps.value === void 0)
-  );
-  const selectClass = createMemo(
-    () => classes(
-      selectVariants(variantProps),
-      variantProps.class,
-      selectPaddingClass
-    )
-  );
-  return <div class={wrapperClass}>
-      <select
-    class={selectClass()}
-    size={localProps.nativeSize}
-    value={localProps.value}
-    onChange={localProps.onChange}
-    onFocus={localProps.onFocus}
-    onBlur={localProps.onBlur}
-    {...otherProps}
-  >
-        <Show when={localProps.placeholder && empty()}>
-          <option value="" disabled hidden>
-            {localProps.placeholder}
-          </option>
-        </Show>
-        {props.children}
-      </select>
-
-      <Show when={variantProps.loading}>
-        <SpinnerIcon_default
-    class={`${spinnerIconBaseClass} ${getSpinnerColor(
-      variantProps.color
-    )}`}
-  />
-      </Show>
-
-      <Show when={!variantProps.loading}>
-        <CaretDownIcon_default
-    class={`${caretIconBaseClass} ${getIconColor(variantProps.color)}`}
-  />
-      </Show>
-    </div>;
-};
-var Select_default = Select;
-
-// src/components/select/index.ts
-var select_default = Select_default;
-
-export {
-  select_default
-};

package/dist/chunk/GWFGP2JQ.jsx

@@ -1,179 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/switch/Switch.tsx
-import {
-  createSignal,
-  splitProps,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/switch/Switch.styles.ts
-var switchVariants = cva(
-  "switch inline-flex items-center gap-2 select-none",
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      disabled: {
-        true: "opacity-50",
-        false: ""
-      },
-      rounded: {
-        true: "",
-        false: ""
-      },
-      outlined: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      disabled: false,
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-var checkVariants = cva(
-  [
-    "relative transition-colors duration-200",
-    "after:content-[''] after:absolute after:bg-white after:transition-transform after:duration-700 after:ease-in-out after:shadow-sm"
-  ].join(" "),
-  {
-    variants: {
-      size: {
-        sm: "w-8 h-4 after:w-3 after:h-3 after:left-0.5 after:top-0.5 peer-checked:after:translate-x-4",
-        md: "w-10 h-6 after:w-4 after:h-4 after:left-1 after:top-1 peer-checked:after:translate-x-4",
-        lg: "w-12 h-7 after:w-5 after:h-5 after:left-1 after:top-1 peer-checked:after:translate-x-5"
-      },
-      color: {
-        primary: "peer-checked:bg-blue-500",
-        success: "peer-checked:bg-green-500",
-        danger: "peer-checked:bg-red-500",
-        warning: "peer-checked:bg-yellow-400",
-        gray: "peer-checked:bg-gray-400"
-      },
-      passiveColor: {
-        primary: "bg-blue-200",
-        success: "bg-green-200",
-        danger: "bg-red-200",
-        warning: "bg-yellow-200",
-        gray: "bg-gray-200"
-      },
-      rounded: {
-        true: "rounded-full after:rounded-full",
-        false: "rounded-md after:rounded-sm"
-      },
-      outlined: {
-        true: "bg-transparent ring border-current",
-        false: ""
-      },
-      disabled: {
-        true: "bg-gray-200 border border-gray-300 after:bg-gray-100",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      passiveColor: "gray",
-      rounded: true,
-      outlined: false
-    }
-  }
-);
-var switchLabelClass = cva("control-label", {
-  variants: {
-    disabled: {
-      true: "text-gray-400 dark:text-gray-500",
-      false: "text-gray-800 dark:text-gray-200"
-    }
-  },
-  defaultVariants: {
-    disabled: false
-  }
-});
-
-// src/components/switch/Switch.tsx
-var Switch = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "children",
-      "checked",
-      "defaultChecked",
-      "onChange",
-      "name",
-      "required",
-      "disabled",
-      "aria-label",
-      "aria-describedby"
-    ],
-    ["size", "rounded", "outlined", "color", "passiveColor", "disabled"]
-  );
-  const isControlled = localProps.checked !== void 0;
-  const [internalChecked, setInternalChecked] = createSignal(
-    localProps.defaultChecked ?? false
-  );
-  const checkedValue = createMemo(
-    () => untrack(() => isControlled ? localProps.checked : internalChecked())
-  );
-  const switchClasses = createMemo(() => switchVariants(variantProps));
-  const checkClasses = createMemo(
-    () => checkVariants({
-      size: variantProps.size,
-      color: variantProps.color,
-      passiveColor: variantProps.passiveColor,
-      rounded: variantProps.rounded,
-      outlined: variantProps.outlined,
-      disabled: localProps.disabled
-    })
-  );
-  const handleChange = (e) => {
-    if (localProps.disabled) return;
-    const next = e.currentTarget.checked;
-    untrack(() => {
-      if (!isControlled) setInternalChecked(next);
-      localProps.onChange?.(next);
-    });
-  };
-  return <label
-    class={switchClasses()}
-    role="switch"
-    aria-checked={checkedValue()}
-    aria-label={localProps["aria-label"]}
-    aria-describedby={localProps["aria-describedby"]}
-  >
-      <input
-    type="checkbox"
-    class="sr-only peer"
-    checked={checkedValue()}
-    onChange={handleChange}
-    name={localProps.name}
-    required={localProps.required}
-    disabled={localProps.disabled}
-    aria-hidden="true"
-    {...otherProps}
-  />
-
-      <span class={checkClasses()} />
-      <span class={switchLabelClass({ disabled: localProps.disabled })}>
-        {localProps.children}
-      </span>
-    </label>;
-};
-var Switch_default = Switch;
-
-// src/components/switch/index.ts
-var switch_default = Switch_default;
-
-export {
-  switch_default
-};