@pathscale/ui 0.0.1 → 0.0.3

package/dist/components/breadcrumb/index.jsx

@@ -1,124 +1,8 @@
 import {
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/breadcrumb/Breadcrumb.tsx
-import {
-  splitProps,
-  children,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/breadcrumb/Breadcrumb.styles.ts
-var breadcrumbContainerVariants = cva(
-  ["flex", "items-center", "gap-2", "text-sm"],
-  {
-    variants: {
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      separator: {
-        arrow: "breadcrumb-arrow",
-        dot: "breadcrumb-dot",
-        bullet: "breadcrumb-bullet",
-        succeeds: "breadcrumb-succeeds"
-      }
-    },
-    defaultVariants: {
-      alignment: "left",
-      size: "md"
-    }
-  }
-);
-var breadcrumbItemVariants = cva(
-  ["text-gray-600", "dark:text-gray-300"],
-  {
-    variants: {
-      active: {
-        true: "text-blue-600 font-semibold cursor-default",
-        false: "hover:underline"
-      }
-    },
-    defaultVariants: {
-      active: false
-    }
-  }
-);
-
-// src/components/breadcrumb/Breadcrumb.tsx
-var separatorMap = {
-  arrow: "\u2192",
-  dot: "\xB7",
-  bullet: "\u2022",
-  succeeds: "\xBB"
-};
-var Breadcrumb = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["children"],
-    ["alignment", "size", "separator"]
-  );
-  const resolvedChildren = children(() => local.children);
-  const items = createMemo(() => resolvedChildren.toArray());
-  const separator = createMemo(
-    () => untrack(() => {
-      const sep = variantProps.separator;
-      return sep && separatorMap[sep] ? separatorMap[sep] : "/";
-    })
-  );
-  const containerClasses = createMemo(
-    () => breadcrumbContainerVariants(variantProps)
-  );
-  const renderItems = createMemo(() => {
-    return items().reduce((acc, item, idx) => {
-      if (idx > 0) {
-        acc.push(
-          <li class="text-gray-400 select-none" aria-hidden="true">
-            {separator()}
-          </li>
-        );
-      }
-      acc.push(
-        <li>
-          <span aria-current={idx === items().length - 1 ? "page" : void 0}>
-            {item}
-          </span>
-        </li>
-      );
-      return acc;
-    }, []);
-  });
-  return <nav class={containerClasses()} aria-label="Breadcrumb" {...otherProps}>
-      <ol class="flex items-center flex-wrap gap-1">{renderItems()}</ol>
-    </nav>;
-};
-var Breadcrumb_default = Breadcrumb;
-
-// src/components/breadcrumb/BreadcrumbItem.tsx
-import { splitProps as splitProps2 } from "solid-js";
-var BreadcrumbItem = (props) => {
-  const [local, variantProps] = splitProps2(
-    props,
-    ["children", "href", "active"],
-    ["active"]
-  );
-  return <li class="flex items-center gap-1">
-      {local.href && !local.active ? <a href={local.href} class={breadcrumbItemVariants(variantProps)}>
-          {local.children}
-        </a> : <span class={breadcrumbItemVariants({ active: true })}>
-          {local.children}
-        </span>}
-    </li>;
-};
-var BreadcrumbItem_default = BreadcrumbItem;
+  BreadcrumbItem_default,
+  Breadcrumb_default
+} from "../../chunk/MMTAND25.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   Breadcrumb_default as Breadcrumb,
   BreadcrumbItem_default as BreadcrumbItem

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/checkbox/index.d.ts

@@ -1,40 +1,8 @@
-import { ComponentProps, JSX, Component } from 'solid-js';
-import { C as ConfigVariants, a as ClassProps, V as VariantProps } from '../../classes-B_S9K-9I.js';
+import { C as Checkbox } from '../../Checkbox-BjaweaOH.js';
+export { a as CheckboxProps } from '../../Checkbox-BjaweaOH.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const checkboxVariants: {
-    (props?: (ConfigVariants<{
-        size: {
-            sm: string;
-            md: string;
-            lg: string;
-        };
-        color: {
-            primary: string;
-            success: string;
-            warning: string;
-            danger: string;
-        };
-        checked: {
-            true: string;
-            false: string;
-        };
-        indeterminate: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "color" | "checked" | "indeterminate")[];
-};
 
-type CheckboxProps = VariantProps<typeof checkboxVariants> & ClassProps & Omit<ComponentProps<"input">, "onChange" | "onFocus" | "onBlur"> & {
-    indeterminate?: boolean;
-    label?: JSX.Element;
-    onChange?: JSX.EventHandlerUnion<HTMLInputElement, Event>;
-    onFocus?: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
-    onBlur?: JSX.EventHandlerUnion<HTMLInputElement, FocusEvent>;
-    "aria-label"?: string;
-    "aria-describedby"?: string;
-};
-declare const Checkbox: Component<CheckboxProps>;
 
-export { type CheckboxProps, Checkbox as default };
+export { Checkbox as default };

package/dist/components/checkbox/index.js

@@ -1,137 +1 @@
-import { cva, classes } from '../../chunk/HKS7ET6T.js';
-import { template, spread, mergeProps, insert, createComponent, effect, className, setAttribute, use } from 'solid-js/web';
-import { splitProps, createMemo, createEffect, Show, untrack } from 'solid-js';
-
-// src/components/checkbox/Checkbox.styles.ts
-var checkboxVariants = cva(
-  [
-    "relative inline-flex items-center gap-2 cursor-pointer",
-    "select-none",
-    "disabled:cursor-not-allowed disabled:opacity-50"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      color: {
-        primary: "text-primary",
-        success: "text-green-600",
-        warning: "text-yellow-600",
-        danger: "text-red-600"
-      },
-      checked: {
-        true: "",
-        false: ""
-      },
-      indeterminate: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      checked: false,
-      indeterminate: false
-    }
-  }
-);
-
-// src/components/checkbox/Checkbox.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span class="absolute top-1/2 left-1/2 w-2 h-0.5 bg-white -translate-x-1/2 -translate-y-1/2"aria-hidden=true>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span class=ml-2>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<label role=checkbox><input type=checkbox class="peer absolute opacity-0 w-4 h-4"aria-hidden=true><span>`);
-var Checkbox = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["label", "indeterminate", "type", "onChange", "onFocus", "onBlur", "checked", "disabled", "aria-label", "aria-describedby"], ["class", ...checkboxVariants.variantKeys]);
-  let inputRef;
-  const checkboxClasses = createMemo(() => checkboxVariants(variantProps));
-  const markerClasses = createMemo(() => classes("inline-block w-4 h-4 border border-gray-400 rounded-sm peer-checked:bg-current", localProps.indeterminate ? "bg-gray-400 relative" : ""));
-  const handleChange = (e) => {
-    untrack(() => {
-      if (typeof localProps.onChange === "function") {
-        localProps.onChange(e);
-      }
-    });
-  };
-  const handleFocus = (e) => {
-    untrack(() => {
-      if (typeof localProps.onFocus === "function") {
-        localProps.onFocus(e);
-      }
-    });
-  };
-  const handleBlur = (e) => {
-    untrack(() => {
-      if (typeof localProps.onBlur === "function") {
-        localProps.onBlur(e);
-      }
-    });
-  };
-  createEffect(() => {
-    if (inputRef) {
-      untrack(() => {
-        inputRef.indeterminate = !!localProps.indeterminate;
-      });
-    }
-  });
-  return (() => {
-    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
-    var _ref$ = inputRef;
-    typeof _ref$ === "function" ? use(_ref$, _el$2) : inputRef = _el$2;
-    spread(_el$2, mergeProps({
-      get checked() {
-        return localProps.checked;
-      },
-      get disabled() {
-        return localProps.disabled;
-      }
-    }, otherProps, {
-      "onChange": handleChange,
-      "onFocus": handleFocus,
-      "onBlur": handleBlur
-    }), false, false);
-    insert(_el$3, createComponent(Show, {
-      get when() {
-        return localProps.indeterminate;
-      },
-      get children() {
-        return _tmpl$();
-      }
-    }));
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return localProps.label;
-      },
-      get children() {
-        var _el$5 = _tmpl$2();
-        insert(_el$5, () => localProps.label);
-        return _el$5;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = checkboxClasses(), _v$2 = localProps.indeterminate ? "mixed" : localProps.checked, _v$3 = localProps["aria-label"], _v$4 = localProps["aria-describedby"], _v$5 = markerClasses();
-      _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);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0,
-      a: void 0,
-      o: void 0,
-      i: void 0
-    });
-    return _el$;
-  })();
-};
-var Checkbox_default = Checkbox;
-
-// src/components/checkbox/index.ts
-var checkbox_default = Checkbox_default;
-
-export { checkbox_default as default };
+export { checkbox_default as default } from '../../chunk/FPUQ25SO.js';

package/dist/components/checkbox/index.jsx

@@ -1,147 +1,7 @@
 import {
-  classes,
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/checkbox/Checkbox.tsx
-import {
-  splitProps,
-  Show,
-  createEffect,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/checkbox/Checkbox.styles.ts
-var checkboxVariants = cva(
-  [
-    "relative inline-flex items-center gap-2 cursor-pointer",
-    "select-none",
-    "disabled:cursor-not-allowed disabled:opacity-50"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm",
-        md: "text-base",
-        lg: "text-lg"
-      },
-      color: {
-        primary: "text-primary",
-        success: "text-green-600",
-        warning: "text-yellow-600",
-        danger: "text-red-600"
-      },
-      checked: {
-        true: "",
-        false: ""
-      },
-      indeterminate: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      checked: false,
-      indeterminate: false
-    }
-  }
-);
-
-// src/components/checkbox/Checkbox.tsx
-var Checkbox = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "label",
-      "indeterminate",
-      "type",
-      "onChange",
-      "onFocus",
-      "onBlur",
-      "checked",
-      "disabled",
-      "aria-label",
-      "aria-describedby"
-    ],
-    ["class", ...checkboxVariants.variantKeys]
-  );
-  let inputRef;
-  const checkboxClasses = createMemo(() => checkboxVariants(variantProps));
-  const markerClasses = createMemo(
-    () => classes(
-      "inline-block w-4 h-4 border border-gray-400 rounded-sm peer-checked:bg-current",
-      localProps.indeterminate ? "bg-gray-400 relative" : ""
-    )
-  );
-  const handleChange = (e) => {
-    untrack(() => {
-      if (typeof localProps.onChange === "function") {
-        localProps.onChange(e);
-      }
-    });
-  };
-  const handleFocus = (e) => {
-    untrack(() => {
-      if (typeof localProps.onFocus === "function") {
-        localProps.onFocus(e);
-      }
-    });
-  };
-  const handleBlur = (e) => {
-    untrack(() => {
-      if (typeof localProps.onBlur === "function") {
-        localProps.onBlur(e);
-      }
-    });
-  };
-  createEffect(() => {
-    if (inputRef) {
-      untrack(() => {
-        inputRef.indeterminate = !!localProps.indeterminate;
-      });
-    }
-  });
-  return <label
-    class={checkboxClasses()}
-    role="checkbox"
-    aria-checked={localProps.indeterminate ? "mixed" : localProps.checked}
-    aria-label={localProps["aria-label"]}
-    aria-describedby={localProps["aria-describedby"]}
-  >
-      <input
-    ref={inputRef}
-    type="checkbox"
-    class="peer absolute opacity-0 w-4 h-4"
-    checked={localProps.checked}
-    disabled={localProps.disabled}
-    aria-hidden="true"
-    {...otherProps}
-    onChange={handleChange}
-    onFocus={handleFocus}
-    onBlur={handleBlur}
-  />
-
-      <span class={markerClasses()}>
-        <Show when={localProps.indeterminate}>
-          <span
-    class="absolute top-1/2 left-1/2 w-2 h-0.5 bg-white -translate-x-1/2 -translate-y-1/2"
-    aria-hidden="true"
-  />
-        </Show>
-      </span>
-
-      <Show when={localProps.label}>
-        <span class="ml-2">{localProps.label}</span>
-      </Show>
-    </label>;
-};
-var Checkbox_default = Checkbox;
-
-// src/components/checkbox/index.ts
-var checkbox_default = Checkbox_default;
+  checkbox_default
+} from "../../chunk/MXG3MBEN.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   checkbox_default as default
 };

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/input/index.d.ts

@@ -1,5 +1,5 @@
-import { I as Input } from '../../Input-BQbTzjIO.js';
-export { a as InputProps } from '../../Input-BQbTzjIO.js';
+import { I as Input } from '../../Input-C1bm4HGf.js';
+export { a as InputProps } from '../../Input-C1bm4HGf.js';
 import 'solid-js';
 import '../../classes-B_S9K-9I.js';
 

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: ("expanded" | "disabled" | "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
+};