@pathscale/ui 0.0.2 → 0.0.4

package/dist/chunk/WUZETUQR.js

@@ -0,0 +1,92 @@
+import { cva, classes } from './HKS7ET6T.js';
+import { template, className, insert, createComponent, memo, effect } from 'solid-js/web';
+import { For } from 'solid-js';
+
+// src/components/timeline/Timeline.styles.ts
+var timelineWrapperClass = "relative";
+var timelineItemClass = cva(
+  "relative flex items-center gap-3 min-h-[48px]",
+  {
+    variants: {
+      state: {
+        default: "text-gray-500",
+        active: "text-green-500 font-medium",
+        error: "text-red-500 font-medium"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+);
+var timelineMarkerWrapperClass = "relative w-6 min-h-[48px] flex items-center justify-center";
+var timelineLineClass = "absolute top-0 bottom-0 left-1/2 -translate-x-1/2 w-px bg-gray-300 dark:bg-gray-600";
+var timelineMarkerClass = "absolute w-3 h-3 rounded-full border-2 border-white bg-gray-400 z-10";
+var timelineNumberClass = cva(
+  "absolute -left-4 top-1/2 -translate-y-1/2 text-xs font-semibold",
+  {
+    variants: {
+      state: {
+        default: "text-gray-500",
+        active: "text-green-500",
+        error: "text-red-500"
+      }
+    },
+    defaultVariants: {
+      state: "default"
+    }
+  }
+);
+var timelineContentClass = "pt-0.5 text-sm";
+
+// src/components/timeline/Timeline.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<ol>`);
+var _tmpl$2 = /* @__PURE__ */ template(`<li><div><div></div><span></span><span>.</span></div><div>`);
+var Timeline = (props) => {
+  return (() => {
+    var _el$ = _tmpl$();
+    className(_el$, timelineWrapperClass);
+    insert(_el$, createComponent(For, {
+      get each() {
+        return props.stages;
+      },
+      children: (stage, index) => {
+        const state = stage.error === true ? "error" : stage.active === true ? "active" : "default";
+        return (() => {
+          var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild, _el$4 = _el$3.firstChild, _el$5 = _el$4.nextSibling, _el$6 = _el$5.nextSibling, _el$7 = _el$6.firstChild, _el$8 = _el$3.nextSibling;
+          className(_el$3, timelineMarkerWrapperClass);
+          className(_el$4, timelineLineClass);
+          insert(_el$6, () => index() + 1, _el$7);
+          className(_el$8, timelineContentClass);
+          insert(_el$8, (() => {
+            var _c$ = memo(() => !!props.renderStage);
+            return () => _c$() ? props.renderStage(stage, index()) : stage.title;
+          })());
+          effect((_p$) => {
+            var _v$ = timelineItemClass({
+              state
+            }), _v$2 = classes(timelineMarkerClass, state === "active" && "bg-green-500", state === "error" && "bg-red-500"), _v$3 = timelineNumberClass({
+              state
+            });
+            _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
+            _v$2 !== _p$.t && className(_el$5, _p$.t = _v$2);
+            _v$3 !== _p$.a && className(_el$6, _p$.a = _v$3);
+            return _p$;
+          }, {
+            e: void 0,
+            t: void 0,
+            a: void 0
+          });
+          return _el$2;
+        })();
+      }
+    }));
+    return _el$;
+  })();
+};
+var Timeline_default = Timeline;
+
+// src/components/timeline/index.ts
+var timeline_default = Timeline_default;
+
+export { timeline_default };

package/dist/chunk/XD34JKSU.jsx

@@ -0,0 +1,201 @@
+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/{GA2HCFRS.jsx → YAQK2KFY.jsx}

@@ -1,17 +1,7 @@
-import {
-  PolymorphicButton_default
-} from "./KACNXPUM.jsx";
 import {
   cva
 } from "./P7WPLZNA.jsx";
 
-// src/components/button/Button.tsx
-import {
-  mergeProps,
-  splitProps,
-  createMemo
-} from "solid-js";
-
 // src/components/button/Button.styles.ts
 var buttonVariants = cva(
   [
@@ -199,30 +189,6 @@ var buttonVariants = cva(
   }
 );
 
-// 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 <PolymorphicButton_default
-    class={classes()}
-    aria-busy={variantProps.loading ? "true" : void 0}
-    {...otherProps}
-  />;
-};
-var Button_default = Button;
-
-// src/components/button/index.ts
-var button_default = Button_default;
-
 export {
-  button_default
+  buttonVariants
 };

package/dist/chunk/{S3ZDSQSV.js → YDEDUOFM.js}

@@ -40,11 +40,15 @@ var _tmpl$2 = /* @__PURE__ */ template(`<div><label class="cursor-pointer relati
 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;
+    const input = e.target;
+    const files = input.files;
     if (!files || files.length === 0) return;
-    const result = local.multiple ? Array.from(files) : files[0];
-    if (result) {
-      local.onChange?.(result);
+    if (local.onChange) {
+      if (local.multiple) {
+        local.onChange(Array.from(files));
+      } else if (files[0]) {
+        local.onChange(files[0]);
+      }
     }
   };
   return (() => {

package/dist/chunk/YMO6RPS6.js

@@ -0,0 +1,26 @@
+import { buttonVariants } from './TFLJI242.js';
+import { PolymorphicButton_default } from './G6RG4LR7.js';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps, splitProps, createMemo } from 'solid-js';
+
+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/components/Progress/index.d.ts

@@ -1,41 +1,7 @@
-export { P as default } from '../../Progress-a616LgE0.js';
-import { Component } from 'solid-js';
+import { P as Progress } from '../../Progress-gN0xqhAF.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-interface ProgressValueProps {
-    value: number;
-    size?: "sm" | "md" | "lg";
-    shape?: "circle" | "rounded";
-    variant?: "filled" | "outlined" | "ghost";
-}
-declare const ProgressValue: Component<ProgressValueProps>;
 
-interface ProgressProps$2 {
-    value: number;
-    size?: "sm" | "md" | "lg";
-    shape?: "circle" | "rounded";
-    variant?: "filled" | "outlined" | "ghost";
-}
-declare const Progress$2: Component<ProgressProps$2>;
 
-interface ProgressProps$1 {
-    value: number;
-    size?: "sm" | "md" | "lg";
-    shape?: "circle" | "rounded";
-    variant?: "filled" | "outlined" | "ghost";
-    showValue?: boolean;
-    format?: "percent" | "raw";
-}
-declare const Progress$1: Component<ProgressProps$1>;
-
-interface ProgressProps {
-    value: number | null;
-    size?: "sm" | "md" | "lg";
-    shape?: "circle" | "rounded";
-    variant?: "filled" | "outlined" | "ghost";
-    showValue?: boolean;
-    format?: "percent" | "raw";
-    color?: "danger" | "success" | "info" | "warning" | "default";
-}
-declare const Progress: Component<ProgressProps>;
-
-export { Progress as ProgressColors, type ProgressProps as ProgressColorsProps, Progress$1 as ProgressPercent, type ProgressProps$1 as ProgressPercentProps, Progress$2 as ProgressSizes, type ProgressProps$2 as ProgressSizesProps, ProgressValue, type ProgressValueProps };
+export { Progress as default };

package/dist/components/Progress/index.js

@@ -1 +1 @@
-export { ProgressColors_default as ProgressColors, ProgressPercent_default as ProgressPercent, ProgressSizes_default as ProgressSizes, ProgressValue_default as ProgressValue, Progress_default as default } from '../../chunk/QNOJ6PCD.js';
+export { progress_default as default } from '../../chunk/GMIXRYN3.js';

package/dist/components/Progress/index.jsx

@@ -1,15 +1,7 @@
 import {
-  ProgressColors_default,
-  ProgressPercent_default,
-  ProgressSizes_default,
-  ProgressValue_default,
-  Progress_default
-} from "../../chunk/WCBMW2TP.jsx";
+  progress_default
+} from "../../chunk/STKRVQR6.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
-  ProgressColors_default as ProgressColors,
-  ProgressPercent_default as ProgressPercent,
-  ProgressSizes_default as ProgressSizes,
-  ProgressValue_default as ProgressValue,
-  Progress_default as default
+  progress_default as default
 };

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

@@ -0,0 +1,8 @@
+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';
+
+
+
+export { Autocomplete as default };

package/dist/components/autocomplete/index.js

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

package/dist/components/autocomplete/index.jsx

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

package/dist/components/avatar/index.js

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

package/dist/components/avatar/index.jsx

@@ -1,7 +1,7 @@
 import {
-  Avatar_default
-} from "../../chunk/4RCWSX7S.jsx";
+  avatar_default
+} from "../../chunk/C4745OZS.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {
-  Avatar_default as default
+  avatar_default as default
 };

package/dist/components/button/index.js

@@ -1 +1 @@
-export { button_default as default } from '../../chunk/NZZRKP74.js';
+export { button_default as default } from '../../chunk/YMO6RPS6.js';

package/dist/components/button/index.jsx

@@ -1,6 +1,7 @@
 import {
   button_default
-} from "../../chunk/GA2HCFRS.jsx";
+} from "../../chunk/SCJSBRV2.jsx";
+import "../../chunk/YAQK2KFY.jsx";
 import "../../chunk/KACNXPUM.jsx";
 import "../../chunk/P7WPLZNA.jsx";
 export {

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

@@ -0,0 +1,43 @@
+import { Component, JSX, ComponentProps } from 'solid-js';
+import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+
+declare const dropdownVariants: {
+    (props?: (ConfigVariants<{
+        position: {
+            "bottom-left": string;
+            "bottom-right": string;
+            "top-left": string;
+            "top-right": string;
+        };
+        open: {
+            true: string;
+            false: string;
+        };
+    }> & ClassProps) | undefined): string;
+    variantKeys: ("open" | "position")[];
+};
+
+type DropdownProps = {
+    label?: string | JSX.Element;
+    disabledLabel?: string | JSX.Element;
+    trigger?: "click" | "hover";
+    children: JSX.Element;
+    color?: "primary" | "secondary" | "default";
+    disabled?: boolean;
+    className?: string;
+} & VariantProps<typeof dropdownVariants> & ClassProps & ComponentProps<"div">;
+declare const Dropdown: Component<DropdownProps>;
+
+interface DropdownItemProps {
+    hasLink?: boolean;
+    children: JSX.Element;
+}
+declare const DropdownItem: Component<DropdownItemProps>;
+
+interface DropdownMenuProps extends VariantProps<typeof dropdownVariants>, // open + position only
+JSX.HTMLAttributes<HTMLDivElement> {
+    children: JSX.Element;
+}
+declare const DropdownMenu: Component<DropdownMenuProps>;
+
+export { Dropdown, DropdownItem, DropdownMenu };

package/dist/components/dropdown/index.js

@@ -0,0 +1 @@
+export { Dropdown_default as Dropdown, DropdownItem_default as DropdownItem, DropdownMenu_default as DropdownMenu } from '../../chunk/7ROVLN3J.js';

package/dist/components/dropdown/index.jsx

@@ -0,0 +1,12 @@
+import {
+  DropdownItem_default,
+  DropdownMenu_default,
+  Dropdown_default
+} from "../../chunk/D2BEL4SM.jsx";
+import "../../chunk/YAQK2KFY.jsx";
+import "../../chunk/P7WPLZNA.jsx";
+export {
+  Dropdown_default as Dropdown,
+  DropdownItem_default as DropdownItem,
+  DropdownMenu_default as DropdownMenu
+};

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

@@ -0,0 +1,7 @@
+import { F as Field } from '../../Field-DfUn85_1.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
+
+
+
+export { Field as default };

package/dist/components/field/index.js

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

package/dist/components/field/index.jsx

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

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

@@ -0,0 +1,66 @@
+import { Component, JSX } from 'solid-js';
+import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+
+declare const menuWrapper: {
+    (props?: (ConfigVariants<{
+        inline: {
+            true: string;
+            false: string;
+        };
+    }> & ClassProps) | undefined): string;
+    variantKeys: "inline"[];
+};
+declare const listWrapper: {
+    (props?: (ConfigVariants<{
+        label: {
+            true: string;
+            false: string;
+        };
+    }> & ClassProps) | undefined): string;
+    variantKeys: "label"[];
+};
+declare const itemVariants: {
+    (props?: (ConfigVariants<{
+        active: {
+            true: string;
+            false: string;
+        };
+        expanded: {
+            true: string;
+            false: string;
+        };
+        disabled: {
+            true: string;
+            false: string;
+        };
+    }> & ClassProps) | undefined): string;
+    variantKeys: ("disabled" | "expanded" | "active")[];
+};
+
+type MenuProps = {
+    inline?: boolean;
+    className?: string;
+    children: JSX.Element;
+} & VariantProps<typeof menuWrapper> & ClassProps;
+declare const Menu: Component<MenuProps>;
+
+type MenuListProps = {
+    label?: string;
+    children: JSX.Element;
+} & VariantProps<typeof listWrapper> & ClassProps;
+declare const MenuList: Component<MenuListProps>;
+
+type MenuItemProps = {
+    label: string;
+    active?: boolean;
+    expanded?: boolean;
+    disabled?: boolean;
+    className?: string;
+    tag?: keyof JSX.IntrinsicElements;
+    to?: string;
+    target?: string;
+    children?: JSX.Element;
+} & VariantProps<typeof itemVariants> & ClassProps & Omit<JSX.HTMLAttributes<HTMLElement>, "children">;
+declare const MenuItem: Component<MenuItemProps>;
+
+export { Menu, MenuItem, MenuList };

package/dist/components/menu/index.js

@@ -0,0 +1 @@
+export { Menu_default as Menu, MenuItem_default as MenuItem, MenuList_default as MenuList } from '../../chunk/3VOILEMN.js';

package/dist/components/menu/index.jsx

@@ -0,0 +1,11 @@
+import {
+  MenuItem_default,
+  MenuList_default,
+  Menu_default
+} from "../../chunk/XD34JKSU.jsx";
+import "../../chunk/P7WPLZNA.jsx";
+export {
+  Menu_default as Menu,
+  MenuItem_default as MenuItem,
+  MenuList_default as MenuList
+};