@pathscale/ui 0.0.1 → 0.0.3

package/dist/components/toast/index.jsx

@@ -0,0 +1,11 @@
+import {
+  Toaster_default,
+  toast,
+  toast_default
+} from "../../chunk/FKSQPGOD.jsx";
+import "../../chunk/P7WPLZNA.jsx";
+export {
+  Toaster_default as Toaster,
+  toast_default as default,
+  toast
+};

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

package/dist/components/upload/index.jsx

@@ -1,109 +1,7 @@
 import {
-  classes,
-  cva
-} from "../../chunk/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 files = e.target.files;
-    if (!files || files.length === 0) return;
-    const result = local.multiple ? Array.from(files) : files[0];
-    if (result) {
-      local.onChange?.(result);
-    }
-  };
-  const handleDrop = (e) => {
-    if (!local.dragDrop) return;
-    e.preventDefault();
-    const files = e.dataTransfer?.files;
-    if (!files || files.length === 0) return;
-    const result = local.multiple ? Array.from(files) : files[0];
-    if (result) {
-      local.onChange?.(result);
-    }
-  };
-  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;
+  upload_default
+} from "../../chunk/QLESLIWS.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   upload_default as default
 };

package/dist/index.d.ts

@@ -1,7 +1,27 @@
 export { A as Avatar } from './Avatar-CzIirpVq.js';
 export { B as Button } from './Button-B50OLXuV.js';
-export { I as Input } from './Input-BQbTzjIO.js';
+export { I as Input } from './Input-C1bm4HGf.js';
 export { T as Textarea } from './Textarea-Cpdk7m6S.js';
+export { P as Progress } from './Progress-gN0xqhAF.js';
+export { U as Upload } from './Upload-BrFuZ4JA.js';
+export { A as Accordion } from './Accordion-JZGWxBMK.js';
+export { P as Pagination } from './Pagination-CJtlFMHy.js';
+export { T as Tabs } from './Tabs-BEnRV6GG.js';
+export { T as Tooltip } from './Tooltip-BfPongoz.js';
+export { T as Tag } from './Tag-BPrhn-Ne.js';
+export { S as Select } from './Select-CWCDBvec.js';
+export { S as Switch } from './Switch-BiKX7HZ2.js';
+export { C as Checkbox } from './Checkbox-BjaweaOH.js';
+export { Breadcrumb, BreadcrumbItem } from './components/breadcrumb/index.js';
+export { A as Autocomplete } from './Autocomplete-gLkjMHrc.js';
+export { Dropdown, DropdownItem, DropdownMenu } from './components/dropdown/index.js';
+export { F as Field } from './Field-DfUn85_1.js';
+export { Menu, MenuItem, MenuList } from './components/menu/index.js';
+export { Navbar, NavbarDropdown, NavbarItem } from './components/navbar/index.js';
+export { Polymorphic, PolymorphicButton } from './components/polymorphic/index.js';
+export { S as Steps } from './Steps-1miUeyCD.js';
+export { T as Table } from './Table-CGa6Nop3.js';
+export { T as Timeline } from './Timeline-Bd4SxHMT.js';
+export { default as Toast } from './components/toast/index.js';
 import 'solid-js';
 import './classes-B_S9K-9I.js';
-import './components/polymorphic/index.js';

package/dist/index.js

@@ -1,4 +1,25 @@
-export { button_default as Button } from './chunk/NZZRKP74.js';
+export { toast_default as Toast } from './chunk/JWRGKHDO.js';
+export { tooltip_default as Tooltip } from './chunk/4TWLQ3IA.js';
+export { upload_default as Upload } from './chunk/S3ZDSQSV.js';
+export { select_default as Select } from './chunk/3IHANYRN.js';
+export { steps_default as Steps } from './chunk/TT2JYGLU.js';
+export { switch_default as Switch } from './chunk/P2L6LFLS.js';
+export { table_default as Table } from './chunk/QYEMOKUG.js';
+export { tabs_default as Tabs } from './chunk/WOT36Q7O.js';
+export { tag_default as Tag } from './chunk/CJZGTNJZ.js';
 export { textarea_default as Textarea } from './chunk/EB7KXR65.js';
-export { Avatar_default as Avatar } from './chunk/2JGZSAW5.js';
+export { timeline_default as Timeline } from './chunk/WUZETUQR.js';
+export { Dropdown_default as Dropdown, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu } from './chunk/7ROVLN3J.js';
+export { field_default as Field } from './chunk/MAX47D6F.js';
 export { input_default as Input } from './chunk/T2DPPLBQ.js';
+export { Navbar_default as Navbar, NavbarDropdown_default as NavbarDropdown, NavbarItem_default as NavbarItem } from './chunk/OSJ3P7PI.js';
+export { pagination_default as Pagination } from './chunk/DBQ7IOPU.js';
+export { Menu_default as Menu, MenuItem_default as MenuItem, MenuList_default as MenuList } from './chunk/3VOILEMN.js';
+export { progress_default as Progress } from './chunk/GMIXRYN3.js';
+export { accordion_default as Accordion } from './chunk/NZKPDBTE.js';
+export { autocomplete_default as Autocomplete } from './chunk/MYERRMTM.js';
+export { avatar_default as Avatar } from './chunk/MI773TMC.js';
+export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from './chunk/V6Y5E7BL.js';
+export { button_default as Button } from './chunk/YMO6RPS6.js';
+export { Polymorphic_default as Polymorphic, PolymorphicButton_default as PolymorphicButton } from './chunk/G6RG4LR7.js';
+export { checkbox_default as Checkbox } from './chunk/FPUQ25SO.js';