@pathscale/ui 0.0.11 → 0.0.13

package/dist/chunk/ZH7DKMMN.js

@@ -0,0 +1,109 @@
+import { Loading_default } from './H2Q3L5KM.js';
+import { clsx } from './HUHXQCKK.js';
+import { twMerge } from './STFCLC5R.js';
+import { createComponent, Dynamic, mergeProps, memo } from 'solid-js/web';
+import { splitProps, Show } from 'solid-js';
+
+var VoidElementList = ["area", "base", "br", "col", "embed", "hr", "img", "input", "link", "keygen", "meta", "param", "source", "track", "wbr"];
+var Button = (props) => {
+  const [local, others] = splitProps(props, ["children", "shape", "size", "variant", "color", "glass", "startIcon", "endIcon", "wide", "fullWidth", "responsive", "animation", "loading", "active", "disabled", "dataTheme", "class", "className", "style", "as"]);
+  const classes = () => twMerge("btn", local.class, local.className, clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
+    "btn-xl": local.size === "xl",
+    "btn-lg": local.size === "lg",
+    "btn-md": local.size === "md",
+    "btn-sm": local.size === "sm",
+    "btn-xs": local.size === "xs",
+    "btn-circle": local.shape === "circle",
+    "btn-square": local.shape === "square",
+    "btn-soft": local.variant === "soft",
+    "btn-dash": local.variant === "dash",
+    "btn-outline": local.variant === "outline",
+    "btn-link": local.variant === "link",
+    "btn-neutral": local.color === "neutral",
+    "btn-primary": local.color === "primary",
+    "btn-secondary": local.color === "secondary",
+    "btn-accent": local.color === "accent",
+    "btn-info": local.color === "info",
+    "btn-success": local.color === "success",
+    "btn-warning": local.color === "warning",
+    "btn-error": local.color === "error",
+    "btn-ghost": local.color === "ghost",
+    glass: local.glass,
+    "btn-wide": local.wide,
+    "btn-block": local.fullWidth,
+    "btn-xs sm:btn-sm md:btn-md lg:btn-lg": local.responsive,
+    "no-animation": !local.animation,
+    "btn-active": local.active,
+    "btn-disabled": local.disabled
+  }));
+  const Tag = local.as || "button";
+  if (VoidElementList.includes(Tag)) {
+    return createComponent(Dynamic, mergeProps({
+      component: Tag
+    }, others, {
+      get ["data-theme"]() {
+        return local.dataTheme;
+      },
+      get ["class"]() {
+        return classes();
+      },
+      get style() {
+        return local.style;
+      },
+      get disabled() {
+        return local.disabled;
+      }
+    }));
+  }
+  return createComponent(Dynamic, mergeProps({
+    component: Tag
+  }, others, {
+    get ["data-theme"]() {
+      return local.dataTheme;
+    },
+    get ["class"]() {
+      return classes();
+    },
+    get style() {
+      return local.style;
+    },
+    get disabled() {
+      return local.disabled;
+    },
+    get children() {
+      return [createComponent(Show, {
+        get when() {
+          return local.loading;
+        },
+        get children() {
+          return createComponent(Loading_default, {
+            get size() {
+              return local.size;
+            },
+            get color() {
+              return local.color;
+            },
+            variant: "spinner"
+          });
+        }
+      }), createComponent(Show, {
+        get when() {
+          return local.startIcon && !local.loading;
+        },
+        get children() {
+          return local.startIcon;
+        }
+      }), memo(() => local.children), createComponent(Show, {
+        get when() {
+          return local.endIcon;
+        },
+        get children() {
+          return local.endIcon;
+        }
+      })];
+    }
+  }));
+};
+var Button_default = Button;
+
+export { Button_default };

package/dist/chunk/ZYEP35R3.jsx

@@ -0,0 +1,60 @@
+import {
+  clsx
+} from "./O7LDJCQS.jsx";
+import {
+  twMerge
+} from "./5HG7XWVC.jsx";
+
+// src/components/badge/Badge.tsx
+import { splitProps } from "solid-js";
+var Badge = (props) => {
+  const [local, others] = splitProps(props, [
+    "size",
+    "color",
+    "variant",
+    "responsive",
+    "dataTheme",
+    "class",
+    "className",
+    "style"
+  ]);
+  const classes = () => twMerge(
+    "badge",
+    local.class,
+    local.className,
+    clsx({
+      "badge-xl": local.size === "xl",
+      "badge-lg": local.size === "lg",
+      "badge-md": local.size === "md",
+      "badge-sm": local.size === "sm",
+      "badge-xs": local.size === "xs",
+      "badge-soft": local.variant === "soft",
+      "badge-dash": local.variant === "dash",
+      "badge-outline": local.variant === "outline",
+      "badge-neutral": local.color === "neutral",
+      "badge-primary": local.color === "primary",
+      "badge-secondary": local.color === "secondary",
+      "badge-accent": local.color === "accent",
+      "badge-ghost": local.color === "ghost",
+      "badge-info": local.color === "info",
+      "badge-success": local.color === "success",
+      "badge-warning": local.color === "warning",
+      "badge-error": local.color === "error",
+      "badge-xs md:badge-sm lg:badge-md xl:badge-lg": local.responsive
+    })
+  );
+  return <div
+    {...others}
+    data-theme={local.dataTheme}
+    class={classes()}
+    style={local.style}
+    aria-label="Badge"
+  >
+      {props.children}
+    </div>;
+};
+var Badge_default = Badge;
+
+export {
+  Badge_default
+};

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

@@ -1,4 +1,4 @@
-import { P as Progress } from '../../Progress-gN0xqhAF.js';
+import { P as Progress } from '../../Progress-ChF4ior8.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

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

@@ -1,8 +1,20 @@
-import { A as Accordion } from '../../Accordion-nwuRbRRw.js';
-export { a as AccordionProps } from '../../Accordion-nwuRbRRw.js';
-import 'solid-js';
-import '../../classes-B_S9K-9I.js';
-
+import { JSX } from 'solid-js';
+import { I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+import { a as CollapseTitle, C as CollapseContent } from '../../CollapseTitle-BNxog3is.js';
 
+type AccordionBaseProps = {
+    name?: string;
+    icon?: "arrow" | "plus";
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type AccordionProps = AccordionBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof AccordionBaseProps>;
+declare const Accordion: {
+    (props: AccordionProps): JSX.Element;
+    Title: typeof CollapseTitle;
+    Content: typeof CollapseContent;
+};
 
 export { Accordion as default };

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_default as default } from '../../chunk/NZKPDBTE.js';
+export { Accordion_default as default } from '../../chunk/2OJYONJ3.js';

package/dist/components/accordion/index.jsx

@@ -1,7 +1,9 @@
 import {
-  accordion_default
-} from "../../chunk/QONDPQ2I.jsx";
-import "../../chunk/P7WPLZNA.jsx";
+  Accordion_default
+} from "../../chunk/YWIT2MRI.jsx";
+import "../../chunk/KQ3RAWCE.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
 export {
-  accordion_default as default
+  Accordion_default as default
 };

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

@@ -1,5 +1,5 @@
-import { A as Autocomplete } from '../../Autocomplete-BLKN_nG8.js';
-export { a as AutocompleteProps } from '../../Autocomplete-BLKN_nG8.js';
+import { A as Autocomplete } from '../../Autocomplete-gLkjMHrc.js';
+export { a as AutocompleteProps } from '../../Autocomplete-gLkjMHrc.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

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

@@ -1,8 +1,8 @@
-import { A as Avatar } from '../../Avatar-CzIirpVq.js';
-export { a as AvatarProps, b as avatarVariants } from '../../Avatar-CzIirpVq.js';
+import { _ as _default } from '../../Avatar-Dkd_kPlV.js';
+export { A as AvatarProps } from '../../Avatar-Dkd_kPlV.js';
 import 'solid-js';
-import '../../classes-B_S9K-9I.js';
+import '../../types-CUG9pToa.js';
 
 
 
-export { Avatar as default };
+export { _default as default };

package/dist/components/avatar/index.js

@@ -1 +1 @@
-export { avatar_default as default } from '../../chunk/MI773TMC.js';
+export { avatar_default as default } from '../../chunk/2XPPNBYK.js';

package/dist/components/avatar/index.jsx

@@ -1,7 +1,8 @@
 import {
   avatar_default
-} from "../../chunk/C4745OZS.jsx";
-import "../../chunk/P7WPLZNA.jsx";
+} from "../../chunk/XM3KF5LV.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
 export {
   avatar_default as default
 };

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

@@ -0,0 +1,17 @@
+import { JSX } from 'solid-js';
+import { C as ComponentSize, b as ComponentColor, c as ComponentVariant, I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+
+type BadgeBaseProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: ComponentVariant;
+    responsive?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type BadgeProps = BadgeBaseProps & IComponentBaseProps & Omit<JSX.HTMLAttributes<HTMLDivElement>, keyof BadgeBaseProps>;
+declare const Badge: (props: BadgeProps) => JSX.Element;
+
+export { Badge as default };

package/dist/components/badge/index.js

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

package/dist/components/badge/index.jsx

@@ -0,0 +1,8 @@
+import {
+  Badge_default
+} from "../../chunk/ZYEP35R3.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  Badge_default as default
+};

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

@@ -0,0 +1,9 @@
+import { Component, JSX } from 'solid-js';
+import { I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+
+type BreadcrumbProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    innerProps?: JSX.HTMLAttributes<HTMLUListElement>;
+};
+declare const Breadcrumbs: Component<BreadcrumbProps>;
+
+export { Breadcrumbs as default };

package/dist/components/breadcrumbs/index.js

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

package/dist/components/breadcrumbs/index.jsx

@@ -0,0 +1,7 @@
+import {
+  Breadcrumbs_default
+} from "../../chunk/I36LHZUY.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  Breadcrumbs_default as default
+};

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

@@ -1,9 +1,31 @@
-import { B as Button } from '../../Button-B50OLXuV.js';
-export { a as ButtonElementProps, b as ButtonProps, c as ButtonSharedProps, d as ButtonVariantProps } from '../../Button-B50OLXuV.js';
-import 'solid-js';
-import '../polymorphic/index.js';
-import '../../classes-B_S9K-9I.js';
-
+import { JSX } from 'solid-js';
+import { a as ComponentShape, C as ComponentSize, b as ComponentColor, c as ComponentVariant, I as IComponentBaseProps } from '../../types-CUG9pToa.js';
 
+type ElementType = keyof JSX.IntrinsicElements;
+type ButtonBaseProps = {
+    shape?: ComponentShape;
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: ComponentVariant | "link";
+    glass?: boolean;
+    wide?: boolean;
+    fullWidth?: boolean;
+    responsive?: boolean;
+    animation?: boolean;
+    loading?: boolean;
+    active?: boolean;
+    startIcon?: JSX.Element;
+    endIcon?: JSX.Element;
+    disabled?: boolean;
+    as?: ElementType;
+    children?: JSX.Element;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type PropsOf<E extends ElementType> = JSX.IntrinsicElements[E];
+type ButtonProps<E extends ElementType = "button"> = Omit<PropsOf<E>, keyof ButtonBaseProps | "color" | "size"> & ButtonBaseProps & IComponentBaseProps;
+declare const Button: <E extends ElementType = "button">(props: ButtonProps<E>) => JSX.Element;
 
 export { Button as default };

package/dist/components/button/index.js

@@ -1 +1 @@
-export { button_default as default } from '../../chunk/PF47YREI.js';
+export { Button_default as default } from '../../chunk/ZH7DKMMN.js';

package/dist/components/button/index.jsx

@@ -1,8 +1,9 @@
 import {
-  button_default
-} from "../../chunk/LMPV5G35.jsx";
-import "../../chunk/T2LDLYWV.jsx";
-import "../../chunk/P7WPLZNA.jsx";
+  Button_default
+} from "../../chunk/T5LDPSFV.jsx";
+import "../../chunk/T324HUIT.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
 export {
-  button_default as default
+  Button_default as default
 };

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

@@ -1,8 +1,16 @@
-import { C as Checkbox } from '../../Checkbox-CzeDsQLA.js';
-export { a as CheckboxProps } from '../../Checkbox-CzeDsQLA.js';
-import 'solid-js';
-import '../../classes-B_S9K-9I.js';
-
+import { JSX } from 'solid-js';
+import { b as ComponentColor, C as ComponentSize, I as IComponentBaseProps } from '../../types-CUG9pToa.js';
 
+type CheckboxBaseProps = {
+    color?: Exclude<ComponentColor, "ghost">;
+    size?: ComponentSize;
+    indeterminate?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type CheckboxProps = CheckboxBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof CheckboxBaseProps>;
+declare const Checkbox: (props: CheckboxProps) => JSX.Element;
 
 export { Checkbox as default };

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_default as default } from '../../chunk/WYHYWDOM.js';
+export { Checkbox_default as default } from '../../chunk/HEOKGP5U.js';

package/dist/components/checkbox/index.jsx

@@ -1,7 +1,8 @@
 import {
-  checkbox_default
-} from "../../chunk/T7IZ26YC.jsx";
-import "../../chunk/P7WPLZNA.jsx";
+  Checkbox_default
+} from "../../chunk/SYWB4UN3.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
 export {
-  checkbox_default as default
+  Checkbox_default as default
 };

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

@@ -0,0 +1,15 @@
+import { S as Summary } from '../../CollapseTitle-BNxog3is.js';
+export { C as CollapseContent, a as CollapseTitle } from '../../CollapseTitle-BNxog3is.js';
+import { JSX } from 'solid-js';
+import { I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+
+type CollapseDetailsProps = JSX.HTMLAttributes<HTMLDetailsElement> & IComponentBaseProps & {
+    icon?: "arrow" | "plus";
+    open?: boolean;
+};
+declare function CollapseDetails(props: CollapseDetailsProps): JSX.Element;
+declare namespace CollapseDetails {
+    var Title: typeof Summary;
+}
+
+export { CollapseDetails, Summary };

package/dist/components/collapse/index.js

@@ -0,0 +1 @@
+export { CollapseContent, CollapseDetails, CollapseTitle, Summary } from '../../chunk/2VQ2762Z.js';

package/dist/components/collapse/index.jsx

@@ -0,0 +1,14 @@
+import {
+  CollapseContent,
+  CollapseDetails,
+  CollapseTitle,
+  Summary
+} from "../../chunk/KQ3RAWCE.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  CollapseContent,
+  CollapseDetails,
+  CollapseTitle,
+  Summary
+};

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

@@ -1,4 +1,4 @@
-import { F as Field } from '../../Field-DfUn85_1.js';
+import { F as Field } from '../../Field-DI2PA30N.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

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

@@ -0,0 +1,16 @@
+import { JSX } from 'solid-js';
+import { C as ComponentSize, b as ComponentColor, I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+
+type FileInputBaseProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    bordered?: boolean;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type FileInputProps = FileInputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof FileInputBaseProps>;
+declare const FileInput: (props: FileInputProps) => JSX.Element;
+
+export { FileInput as default };

package/dist/components/fileinput/index.js

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

package/dist/components/fileinput/index.jsx

@@ -0,0 +1,8 @@
+import {
+  FileInput_default
+} from "../../chunk/FZRQDGPD.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  FileInput_default as default
+};

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

@@ -1,10 +1,15 @@
-import { I as Input } from '../../Input-X4gwIB-F.js';
-export { a as InputProps } from '../../Input-X4gwIB-F.js';
-import { Component } from 'solid-js';
-import '../../classes-B_S9K-9I.js';
+import { JSX } from 'solid-js';
+import { C as ComponentSize, b as ComponentColor, I as IComponentBaseProps } from '../../types-CUG9pToa.js';
 
-declare const EyeIcon: Component<{
-    invisible?: boolean;
-}>;
+type InputBaseProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    dataTheme?: string;
+    class?: string;
+    className?: string;
+    style?: JSX.CSSProperties;
+};
+type InputProps = InputBaseProps & IComponentBaseProps & Omit<JSX.InputHTMLAttributes<HTMLInputElement>, keyof InputBaseProps>;
+declare const Input: (props: InputProps) => JSX.Element;
 
-export { EyeIcon, Input as default };
+export { Input as default };

package/dist/components/input/index.js

@@ -1 +1 @@
-export { EyeIcon_default as EyeIcon, input_default as default } from '../../chunk/O2IMHWMY.js';
+export { Input_default as default } from '../../chunk/EDDBK4J6.js';

package/dist/components/input/index.jsx

@@ -1,9 +1,8 @@
 import {
-  EyeIcon_default,
-  input_default
-} from "../../chunk/PNPC2OI3.jsx";
-import "../../chunk/P7WPLZNA.jsx";
+  Input_default
+} from "../../chunk/JSQBKK7L.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
 export {
-  EyeIcon_default as EyeIcon,
-  input_default as default
+  Input_default as default
 };

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

@@ -0,0 +1,11 @@
+import { JSX } from 'solid-js';
+import { I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+
+type JoinProps = IComponentBaseProps & JSX.HTMLAttributes<HTMLDivElement> & {
+    responsive?: boolean;
+    vertical?: boolean;
+    horizontal?: boolean;
+};
+declare const Join: (props: JoinProps) => JSX.Element;
+
+export { type JoinProps, Join as default };

package/dist/components/join/index.js

@@ -0,0 +1 @@
+export { Join_default as default } from '../../chunk/3I23P4TJ.js';

package/dist/components/join/index.jsx

@@ -0,0 +1,9 @@
+import "../../chunk/KXJZKDJX.jsx";
+import {
+  Join_default
+} from "../../chunk/DN3P54J2.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  Join_default as default
+};

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

@@ -0,0 +1,11 @@
+import { Component, JSX } from 'solid-js';
+import { C as ComponentSize, b as ComponentColor, I as IComponentBaseProps } from '../../types-CUG9pToa.js';
+
+type LoadingProps = {
+    size?: ComponentSize;
+    color?: ComponentColor;
+    variant?: "spinner" | "dots" | "ring" | "ball" | "bars" | "infinity";
+} & IComponentBaseProps & JSX.HTMLAttributes<HTMLSpanElement>;
+declare const Loading: Component<LoadingProps>;
+
+export { Loading as default };

package/dist/components/loading/index.js

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

package/dist/components/loading/index.jsx

@@ -0,0 +1,9 @@
+import "../../chunk/PFB27MP3.jsx";
+import {
+  Loading_default
+} from "../../chunk/T324HUIT.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  Loading_default as default
+};

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

@@ -0,0 +1,7 @@
+import { M as Mask } from '../../Mask-CPb596Mg.js';
+import 'solid-js';
+import '../../types-CUG9pToa.js';
+
+
+
+export { Mask as default };

package/dist/components/mask/index.js

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

package/dist/components/mask/index.jsx

@@ -0,0 +1,8 @@
+import {
+  mask_default
+} from "../../chunk/5O6WC3OB.jsx";
+import "../../chunk/O7LDJCQS.jsx";
+import "../../chunk/5HG7XWVC.jsx";
+export {
+  mask_default as default
+};