@pathscale/ui 0.0.11 → 0.0.13

package/dist/chunk/WYHYWDOM.js

@@ -1,164 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { template, use, className, spread, mergeProps, insert, createComponent, memo, effect, setAttribute } from 'solid-js/web';
-import { splitProps, createSignal, createEffect, Show, untrack } 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";
-var _tmpl$ = /* @__PURE__ */ template(`<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">`);
-var CheckIcon = () => _tmpl$();
-var CheckIcon_default = CheckIcon;
-var _tmpl$2 = /* @__PURE__ */ template(`<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>`);
-var MinusIcon = () => _tmpl$2();
-var MinusIcon_default = MinusIcon;
-
-// src/components/checkbox/Checkbox.tsx
-var _tmpl$3 = /* @__PURE__ */ template(`<span>`);
-var _tmpl$22 = /* @__PURE__ */ template(`<label role=checkbox><input type=checkbox aria-hidden=true><span>`);
-var Checkbox = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["label", "indeterminate", "defaultChecked", "checked", "onChange", "onFocus", "onBlur", "disabled"], ["class", ...checkboxVariants.variantKeys]);
-  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 (() => {
-    var _el$ = _tmpl$22(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    use((el) => {
-      if (status() === "indeterminate") {
-        el.indeterminate = true;
-      }
-    }, _el$2);
-    className(_el$2, checkboxInputClass);
-    spread(_el$2, mergeProps({
-      get checked() {
-        return status() === "checked";
-      },
-      get disabled() {
-        return localProps.disabled;
-      }
-    }, otherProps, {
-      "onChange": handleChange,
-      get onFocus() {
-        return localProps.onFocus;
-      },
-      get onBlur() {
-        return localProps.onBlur;
-      }
-    }), false, false);
-    insert(_el$3, createComponent(Show, {
-      get when() {
-        return status() !== "unchecked";
-      },
-      get children() {
-        return memo(() => status() === "indeterminate")() ? createComponent(MinusIcon_default, {}) : createComponent(CheckIcon_default, {});
-      }
-    }));
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return localProps.label;
-      },
-      get children() {
-        var _el$4 = _tmpl$3();
-        className(_el$4, checkboxLabelClass);
-        insert(_el$4, () => localProps.label);
-        return _el$4;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = checkboxVariants(), _v$2 = status() === "indeterminate" ? "mixed" : status() === "checked", _v$3 = checkboxMarkerVariants({
-        size: variantProps.size,
-        color: status() !== "unchecked" ? variantProps.color : void 0,
-        variant: status() !== "unchecked" ? "colored" : "default"
-      });
-      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$, "aria-checked", _p$.t = _v$2);
-      _v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0
-    });
-    return _el$;
-  })();
-};
-var Checkbox_default = Checkbox;
-
-// src/components/checkbox/index.ts
-var checkbox_default = Checkbox_default;
-
-export { checkbox_default };

package/dist/chunk/XD34JKSU.jsx

@@ -1,201 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/menu/Menu.tsx
-import {
-  splitProps
-} from "solid-js";
-
-// src/components/menu/Menu.styles.ts
-var menuWrapper = cva("bg-white border border-gray-200 rounded shadow", {
-  variants: {
-    inline: {
-      true: "flex space-x-4",
-      false: "block"
-    }
-  },
-  defaultVariants: {
-    inline: false
-  }
-});
-var listWrapper = cva("px-4 py-2", {
-  variants: {
-    label: {
-      true: "pt-6",
-      false: ""
-    }
-  },
-  defaultVariants: {
-    label: false
-  }
-});
-var itemVariants = cva(
-  "px-4 py-2 cursor-pointer select-none transition-colors",
-  {
-    variants: {
-      active: {
-        true: "bg-blue-100 font-semibold",
-        false: "hover:bg-blue-500"
-      },
-      expanded: {
-        true: "bg-gray-50 text-black",
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed text-gray-700",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        active: true,
-        expanded: true,
-        class: "bg-blue-200"
-      }
-    ],
-    defaultVariants: {
-      active: false,
-      expanded: false,
-      disabled: false
-    }
-  }
-);
-var itemDetailWrapper = cva(
-  "ml-4 border-l border-gray-200 mt-1 pl-2"
-);
-
-// src/components/menu/Menu.tsx
-var Menu = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["class", "className", "children", "inline"],
-    Object.keys(menuWrapper.variantKeys ?? {})
-  );
-  return <div
-    class={classes(
-      menuWrapper({ inline: !!variantProps.inline }),
-      local.class,
-      local.className
-    )}
-    {...otherProps}
-  >
-      {local.children}
-    </div>;
-};
-var Menu_default = Menu;
-
-// src/components/menu/MenuList.tsx
-import {
-  splitProps as splitProps2,
-  Show
-} from "solid-js";
-var MenuList = (props) => {
-  const [local, variantProps, otherProps] = splitProps2(
-    props,
-    ["class", "children", "label"],
-    Object.keys(listWrapper.variantKeys ?? {})
-  );
-  return <div
-    class={classes(
-      listWrapper({ label: !!local.label }),
-      local.class
-    )}
-    {...otherProps}
-  >
-        <Show when={local.label}>
-          <div class="px-4 pb-2 font-medium text-gray-700">{local.label}</div>
-        </Show>
-        <div class="flex flex-col">{local.children}</div>
-      </div>;
-};
-var MenuList_default = MenuList;
-
-// src/components/menu/MenuItem.tsx
-import {
-  splitProps as splitProps3,
-  Show as Show2,
-  createSignal,
-  createMemo
-} from "solid-js";
-import { Dynamic } from "solid-js/web";
-var MenuItem = (props) => {
-  const [local, variantProps, rest] = splitProps3(
-    props,
-    [
-      "class",
-      "className",
-      "label",
-      "active",
-      "expanded",
-      "disabled",
-      "tag",
-      "to",
-      "target",
-      "children"
-    ],
-    Object.keys(itemVariants.variantKeys ?? {})
-  );
-  const hasChildren = createMemo(() => !!local.children);
-  const isControlled = createMemo(() => local.expanded !== void 0);
-  const [internalExpanded, setInternalExpanded] = createSignal(false);
-  const isExpanded = createMemo(
-    () => isControlled() ? !!local.expanded : internalExpanded()
-  );
-  const toggleExpand = () => {
-    if (!isControlled() && hasChildren() && !local.disabled) {
-      setInternalExpanded((prev) => !prev);
-    }
-  };
-  const onKeyDown = (e) => {
-    if (local.disabled) return;
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      toggleExpand();
-    }
-  };
-  const tagName = local.to ? "a" : local.tag ?? "div";
-  const focusableProps = !local.to && !local.disabled ? { tabIndex: 0 } : {};
-  return <Dynamic
-    component={tagName}
-    class={classes(local.class, local.className, "w-full")}
-    href={local.to}
-    target={local.target}
-    aria-disabled={local.disabled}
-    onClick={toggleExpand}
-    onKeyDown={onKeyDown}
-    {...focusableProps}
-    {...rest}
-  >
-      <div
-    class={itemVariants({
-      active: !!local.active,
-      expanded: isExpanded(),
-      disabled: !!local.disabled
-    })}
-  >
-        <div class="flex items-center justify-between">
-          <span>{local.label}</span>
-          <Show2 when={hasChildren()}>
-            <span class="ml-2 text-gray-500">
-              {isExpanded() ? "\u25BE" : "\u25B8"}
-            </span>
-          </Show2>
-        </div>
-      </div>
-
-      <Show2 when={isExpanded()}>
-        <div class={itemDetailWrapper()}>
-          {local.children}
-        </div>
-      </Show2>
-    </Dynamic>;
-};
-var MenuItem_default = MenuItem;
-
-export {
-  Menu_default,
-  MenuList_default,
-  MenuItem_default
-};

package/dist/chunk/YDEDUOFM.js

@@ -1,102 +0,0 @@
-import { cva, classes } from './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 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]);
-      }
-    }
-  };
-  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 };

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

@@ -1,47 +0,0 @@
-import { Component, JSX } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
-
-declare const breadcrumbContainerVariants: {
-    (props?: (ConfigVariants<{
-        alignment: {
-            left: string;
-            center: string;
-            right: string;
-        };
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        separator: {
-            arrow: string;
-            dot: string;
-            bullet: string;
-            succeeds: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "separator" | "alignment")[];
-};
-declare const breadcrumbItemVariants: {
-    (props?: (ConfigVariants<{
-        active: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: "active"[];
-};
-
-type BreadcrumbProps = {
-    children?: JSX.Element;
-} & VariantProps<typeof breadcrumbContainerVariants> & JSX.HTMLAttributes<HTMLElement>;
-declare const Breadcrumb: Component<BreadcrumbProps>;
-
-type BreadcrumbItemProps = {
-    children?: JSX.Element;
-    href?: string;
-    active?: boolean;
-} & VariantProps<typeof breadcrumbItemVariants>;
-declare const BreadcrumbItem: Component<BreadcrumbItemProps>;
-
-export { Breadcrumb, BreadcrumbItem, type BreadcrumbItemProps, type BreadcrumbProps };

package/dist/components/breadcrumb/index.js

@@ -1 +0,0 @@
-export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from '../../chunk/V6Y5E7BL.js';

package/dist/components/breadcrumb/index.jsx

@@ -1,9 +0,0 @@
-import {
-  BreadcrumbItem_default,
-  Breadcrumb_default
-} from "../../chunk/MMTAND25.jsx";
-import "../../chunk/P7WPLZNA.jsx";
-export {
-  Breadcrumb_default as Breadcrumb,
-  BreadcrumbItem_default as BreadcrumbItem
-};

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

@@ -1,8 +0,0 @@
-import { S as Switch } from '../../Switch-CW6QtO1Y.js';
-export { a as SwitchProps } from '../../Switch-CW6QtO1Y.js';
-import 'solid-js';
-import '../../classes-B_S9K-9I.js';
-
-
-
-export { Switch as default };

package/dist/components/switch/index.js

@@ -1 +0,0 @@
-export { switch_default as default } from '../../chunk/EE4HXMKA.js';

package/dist/components/switch/index.jsx

@@ -1,7 +0,0 @@
-import {
-  switch_default
-} from "../../chunk/GWFGP2JQ.jsx";
-import "../../chunk/P7WPLZNA.jsx";
-export {
-  switch_default as default
-};

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

@@ -1,8 +0,0 @@
-import { T as Tag } from '../../Tag-BPrhn-Ne.js';
-export { a as TagProps } from '../../Tag-BPrhn-Ne.js';
-import 'solid-js';
-import '../../classes-B_S9K-9I.js';
-
-
-
-export { Tag as default };

package/dist/components/tag/index.js

@@ -1 +0,0 @@
-export { tag_default as default } from '../../chunk/CJZGTNJZ.js';

package/dist/components/tag/index.jsx

@@ -1,7 +0,0 @@
-import {
-  tag_default
-} from "../../chunk/LI3HCFL7.jsx";
-import "../../chunk/P7WPLZNA.jsx";
-export {
-  tag_default as default
-};

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

@@ -1,8 +0,0 @@
-import { U as Upload } from '../../Upload-CRljD5jf.js';
-export { a as UploadProps } from '../../Upload-CRljD5jf.js';
-import 'solid-js';
-import '../../classes-B_S9K-9I.js';
-
-
-
-export { Upload as default };

package/dist/components/upload/index.js

@@ -1 +0,0 @@
-export { upload_default as default } from '../../chunk/YDEDUOFM.js';

package/dist/components/upload/index.jsx

@@ -1,7 +0,0 @@
-import {
-  upload_default
-} from "../../chunk/QHJOIUYT.jsx";
-import "../../chunk/P7WPLZNA.jsx";
-export {
-  upload_default as default
-};