@pathscale/ui 0.0.1 → 0.0.3

package/dist/components/Progress/index.jsx

@@ -1,202 +1,7 @@
 import {
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/Progress/Progress.tsx
-import "solid-js";
-
-// src/components/Progress/ProgressValue.tsx
-import "solid-js";
-
-// src/components/Progress/ProgressValue.styles.ts
-var progressWrapper = cva("mt-4 w-full max-w-md");
-var progressBar = cva("w-full h-5 relative overflow-hidden rounded-lg bg-gray-200");
-var progressFill = cva("h-full transition-all duration-300", {
-  variants: {
-    color: {
-      danger: "bg-red-500",
-      success: "bg-green-500",
-      info: "bg-blue-500",
-      warning: "bg-yellow-500",
-      default: "bg-gray-500"
-    }
-  },
-  defaultVariants: {
-    color: "default"
-  }
-});
-var progressLabel = cva("mt-2 text-right text-sm text-gray-700");
-var progressVariants = cva(
-  [
-    "flex items-center justify-center mx-1",
-    "font-medium outline-none select-none transition active:transition-none",
-    "not-disabled:cursor-pointer",
-    "disabled:cursor-not-allowed disabled:opacity-25",
-    "aria-busy:cursor-wait"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "size-8 text-sm",
-        md: "size-16 text-base",
-        lg: "size-24 text-lg"
-      },
-      shape: {
-        circle: "rounded-full overflow-hidden",
-        rounded: "rounded-lg overflow-hidden"
-      },
-      variant: {
-        filled: "text-gray-800",
-        outlined: "border-2 border-gray-300 text-gray-800",
-        ghost: "text-gray-800"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "rounded",
-      variant: "filled"
-    }
-  }
-);
-
-// src/components/Progress/ProgressValue.tsx
-var ProgressValue = (props) => {
-  return <div
-    class={`${progressWrapper()} ${progressVariants({
-      size: props.size,
-      shape: props.shape,
-      variant: props.variant
-    })}`}
-  >
-      <div class={progressBar()}>
-        <div class={progressFill()} style={{ width: `${props.value}%` }} />
-      </div>
-      <div class={progressLabel()}>{props.value}%</div>
-    </div>;
-};
-var ProgressValue_default = ProgressValue;
-
-// src/components/Progress/ProgressSizes.tsx
-import "solid-js";
-var Progress = ({
-  value,
-  size = "md",
-  shape = "rounded",
-  variant = "filled"
-}) => {
-  return <div
-    class={`${progressWrapper()} ${progressVariants({
-      size,
-      shape,
-      variant
-    })}`}
-  >
-      <div class={progressBar()}>
-        <div class={progressFill()} style={{ width: `${value}%` }} />
-      </div>
-      <div class={progressLabel()}>{value}%</div>
-    </div>;
-};
-var ProgressSizes_default = Progress;
-
-// src/components/Progress/ProgressPercent.tsx
-import "solid-js";
-var Progress2 = ({
-  value,
-  size = "md",
-  shape = "rounded",
-  variant = "filled",
-  showValue = false,
-  format = "raw"
-}) => {
-  const displayValue = () => {
-    return format === "percent" ? `${value}%` : value;
-  };
-  return <div
-    class={`${progressWrapper()} ${progressVariants({
-      size,
-      shape,
-      variant
-    })}`}
-  >
-      <div class={progressBar()}>
-        <div class={progressFill()} style={{ width: `${value}%` }} />
-      </div>
-      {showValue && <div class={progressLabel()}>{displayValue()}</div>}
-    </div>;
-};
-var ProgressPercent_default = Progress2;
-
-// src/components/Progress/ProgressColors.tsx
-import { Show } from "solid-js";
-var Progress3 = ({
-  value,
-  size = "md",
-  shape = "rounded",
-  variant = "filled",
-  showValue = false,
-  format = "raw",
-  color = "default"
-}) => {
-  const displayValue = () => format === "percent" && value != null ? `${value}%` : value;
-  return <div
-    class={`${progressWrapper()} ${progressVariants({
-      size,
-      shape,
-      variant
-    })}`}
-  >
-      <div class={progressBar()}>
-        <Show
-    when={value != null}
-    fallback={<div
-      class={`${progressFill({ color })} animate-pulse`}
-      style={{ width: "100%" }}
-    />}
-  >
-          <div class={progressFill({ color })} style={{ width: `${value}%` }} />
-        </Show>
-      </div>
-      {showValue && value != null && <div class={progressLabel()}>{displayValue()}</div>}
-    </div>;
-};
-var ProgressColors_default = Progress3;
-
-// src/components/Progress/Progress.tsx
-var Progress4 = () => {
-  return <section>
-      <div class="p-4">
-        <h1 class="text-2xl font-semibold mb-4">Progress Component Demo</h1>
-        <ProgressValue_default value={40} size="sm" shape="circle" variant="filled" />
-        <ProgressValue_default
-    value={70}
-    size="md"
-    shape="rounded"
-    variant="outlined"
-  />
-        <ProgressValue_default value={90} size="lg" shape="circle" variant="ghost" />
-      </div>
-      <div class="mt-4 flex flex-col gap-4">
-        <ProgressSizes_default value={20} size="sm" />
-        <ProgressSizes_default value={30} size="md" />
-        <ProgressSizes_default value={50} size="lg" />
-      </div>
-      <div class="mt-4">
-        <ProgressPercent_default value={80} showValue format="percent" />
-      </div>
-      <div class="mt-4 flex flex-col gap-4">
-        <ProgressColors_default value={40} color="danger" />
-        <ProgressColors_default value={60} color="success" />
-        <ProgressColors_default value={80} color="info" />
-        <ProgressColors_default value={100} color="warning" />
-      </div>
-    </section>;
-};
-var Progress_default = Progress4;
+  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/accordion/index.d.ts

@@ -1,27 +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 { A as Accordion } from '../../Accordion-JZGWxBMK.js';
+export { a as AccordionProps } from '../../Accordion-JZGWxBMK.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const accordionContainerVariants: {
-    (props?: (ConfigVariants<{
-        expanded: {
-            true: string;
-            false: string;
-        };
-        disabled: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("expanded" | "disabled")[];
-};
 
-type AccordionProps = {
-    expanded?: boolean;
-    disabled?: boolean;
-    headerIsTrigger?: boolean;
-    header: JSX.Element;
-    content: JSX.Element;
-} & VariantProps<typeof accordionContainerVariants> & JSX.HTMLAttributes<HTMLDivElement>;
-declare const Accordion: Component<AccordionProps>;
 
-export { type AccordionProps, Accordion as default };
+export { Accordion as default };

package/dist/components/accordion/index.js

@@ -1,118 +1 @@
-import { cva } from '../../chunk/HKS7ET6T.js';
-import { delegateEvents, template, addEventListener, spread, mergeProps, memo, insert, createComponent, effect, className, setAttribute } from 'solid-js/web';
-import { splitProps, createSignal, Show } from 'solid-js';
-
-// src/components/accordion/Accordion.styles.ts
-var accordionContainerVariants = cva(
-  ["w-full border rounded transition-colors", "bg-white dark:bg-gray-800"],
-  {
-    variants: {
-      expanded: {
-        true: "border-blue-500",
-        false: "border-gray-300 dark:border-gray-600"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      expanded: false,
-      disabled: false
-    }
-  }
-);
-var accordionHeaderVariants = cva(
-  [
-    "w-full text-left px-4 py-2 flex items-center justify-between cursor-pointer",
-    "transition-colors duration-200"
-  ],
-  {
-    variants: {
-      headerIsTrigger: {
-        true: "hover:bg-gray-100 dark:hover:bg-gray-700",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      headerIsTrigger: true
-    }
-  }
-);
-var accordionContentVariants = cva(
-  "px-4 py-2 border-t border-gray-200 dark:border-gray-700"
-);
-
-// src/components/accordion/Accordion.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
-var Accordion = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["expanded", "disabled", "headerIsTrigger", "header", "content"], ["expanded", "disabled"]);
-  const [isOpen, setIsOpen] = createSignal(local.expanded ?? false);
-  const handleToggle = () => {
-    if (!local.disabled) setIsOpen((prev) => !prev);
-  };
-  const handleKeyDown = local.headerIsTrigger ? (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      handleToggle();
-    }
-  } : void 0;
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    addEventListener(_el$, "keydown", handleKeyDown, true);
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return accordionContainerVariants({
-          ...variantProps,
-          expanded: isOpen(),
-          disabled: local.disabled
-        });
-      },
-      get role() {
-        return local.headerIsTrigger ? "button" : void 0;
-      },
-      get tabindex() {
-        return local.headerIsTrigger ? "0" : void 0;
-      },
-      get ["aria-expanded"]() {
-        return memo(() => !!local.headerIsTrigger)() ? isOpen() : void 0;
-      },
-      get ["aria-disabled"]() {
-        return local.disabled;
-      }
-    }, otherProps), false, true);
-    addEventListener(_el$2, "click", local.headerIsTrigger ? handleToggle : void 0, true);
-    insert(_el$2, () => local.header);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isOpen();
-      },
-      get children() {
-        var _el$3 = _tmpl$();
-        insert(_el$3, () => local.content);
-        effect(() => className(_el$3, accordionContentVariants()));
-        return _el$3;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = accordionHeaderVariants({
-        headerIsTrigger: local.headerIsTrigger
-      }), _v$2 = local.headerIsTrigger ? "button" : void 0;
-      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$2, "role", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
-};
-var Accordion_default = Accordion;
-delegateEvents(["keydown", "click"]);
-
-// src/components/accordion/index.ts
-var accordion_default = Accordion_default;
-
-export { accordion_default as default };
+export { accordion_default as default } from '../../chunk/NZKPDBTE.js';

package/dist/components/accordion/index.jsx

@@ -1,104 +1,7 @@
 import {
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/accordion/Accordion.tsx
-import {
-  createSignal,
-  splitProps,
-  Show
-} from "solid-js";
-
-// src/components/accordion/Accordion.styles.ts
-var accordionContainerVariants = cva(
-  ["w-full border rounded transition-colors", "bg-white dark:bg-gray-800"],
-  {
-    variants: {
-      expanded: {
-        true: "border-blue-500",
-        false: "border-gray-300 dark:border-gray-600"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      expanded: false,
-      disabled: false
-    }
-  }
-);
-var accordionHeaderVariants = cva(
-  [
-    "w-full text-left px-4 py-2 flex items-center justify-between cursor-pointer",
-    "transition-colors duration-200"
-  ],
-  {
-    variants: {
-      headerIsTrigger: {
-        true: "hover:bg-gray-100 dark:hover:bg-gray-700",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      headerIsTrigger: true
-    }
-  }
-);
-var accordionContentVariants = cva(
-  "px-4 py-2 border-t border-gray-200 dark:border-gray-700"
-);
-
-// src/components/accordion/Accordion.tsx
-var Accordion = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["expanded", "disabled", "headerIsTrigger", "header", "content"],
-    ["expanded", "disabled"]
-  );
-  const [isOpen, setIsOpen] = createSignal(local.expanded ?? false);
-  const handleToggle = () => {
-    if (!local.disabled) setIsOpen((prev) => !prev);
-  };
-  const handleKeyDown = local.headerIsTrigger ? (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      handleToggle();
-    }
-  } : void 0;
-  return <div
-    class={accordionContainerVariants({
-      ...variantProps,
-      expanded: isOpen(),
-      disabled: local.disabled
-    })}
-    onKeyDown={handleKeyDown}
-    role={local.headerIsTrigger ? "button" : void 0}
-    tabindex={local.headerIsTrigger ? "0" : void 0}
-    aria-expanded={local.headerIsTrigger ? isOpen() : void 0}
-    aria-disabled={local.disabled}
-    {...otherProps}
-  >
-      <div
-    class={accordionHeaderVariants({
-      headerIsTrigger: local.headerIsTrigger
-    })}
-    onClick={local.headerIsTrigger ? handleToggle : void 0}
-    role={local.headerIsTrigger ? "button" : void 0}
-  >
-        {local.header}
-      </div>
-
-      <Show when={isOpen()}>
-        <div class={accordionContentVariants()}>{local.content}</div>
-      </Show>
-    </div>;
-};
-var Accordion_default = Accordion;
-
-// src/components/accordion/index.ts
-var accordion_default = Accordion_default;
+  accordion_default
+} from "../../chunk/QONDPQ2I.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   accordion_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/breadcrumb/index.d.ts

@@ -1,4 +1,4 @@
-import { JSX, Component } from 'solid-js';
+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: {
@@ -20,7 +20,7 @@ declare const breadcrumbContainerVariants: {
             succeeds: string;
         };
     }> & ClassProps) | undefined): string;
-    variantKeys: ("alignment" | "size" | "separator")[];
+    variantKeys: ("size" | "separator" | "alignment")[];
 };
 declare const breadcrumbItemVariants: {
     (props?: (ConfigVariants<{

package/dist/components/breadcrumb/index.js

@@ -1,133 +1 @@
-import { cva } from '../../chunk/HKS7ET6T.js';
-import { template, insert, effect, setAttribute, spread, mergeProps, memo, className } from 'solid-js/web';
-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 _tmpl$ = /* @__PURE__ */ template(`<li class="text-gray-400 select-none"aria-hidden=true>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<li><span>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<nav aria-label=Breadcrumb><ol class="flex items-center flex-wrap gap-1">`);
-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((() => {
-          var _el$ = _tmpl$();
-          insert(_el$, separator);
-          return _el$;
-        })());
-      }
-      acc.push((() => {
-        var _el$2 = _tmpl$2(), _el$3 = _el$2.firstChild;
-        insert(_el$3, item);
-        effect(() => setAttribute(_el$3, "aria-current", idx === items().length - 1 ? "page" : void 0));
-        return _el$2;
-      })());
-      return acc;
-    }, []);
-  });
-  return (() => {
-    var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
-    spread(_el$4, mergeProps({
-      get ["class"]() {
-        return containerClasses();
-      }
-    }, otherProps), false, true);
-    insert(_el$5, renderItems);
-    return _el$4;
-  })();
-};
-var Breadcrumb_default = Breadcrumb;
-var _tmpl$4 = /* @__PURE__ */ template(`<li class="flex items-center gap-1">`);
-var _tmpl$22 = /* @__PURE__ */ template(`<a>`);
-var _tmpl$32 = /* @__PURE__ */ template(`<span>`);
-var BreadcrumbItem = (props) => {
-  const [local, variantProps] = splitProps(props, ["children", "href", "active"], ["active"]);
-  return (() => {
-    var _el$ = _tmpl$4();
-    insert(_el$, (() => {
-      var _c$ = memo(() => !!(local.href && !local.active));
-      return () => _c$() ? (() => {
-        var _el$2 = _tmpl$22();
-        insert(_el$2, () => local.children);
-        effect((_p$) => {
-          var _v$ = local.href, _v$2 = breadcrumbItemVariants(variantProps);
-          _v$ !== _p$.e && setAttribute(_el$2, "href", _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$2, _p$.t = _v$2);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0
-        });
-        return _el$2;
-      })() : (() => {
-        var _el$3 = _tmpl$32();
-        insert(_el$3, () => local.children);
-        effect(() => className(_el$3, breadcrumbItemVariants({
-          active: true
-        })));
-        return _el$3;
-      })();
-    })());
-    return _el$;
-  })();
-};
-var BreadcrumbItem_default = BreadcrumbItem;
-
-export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem };
+export { Breadcrumb_default as Breadcrumb, BreadcrumbItem_default as BreadcrumbItem } from '../../chunk/V6Y5E7BL.js';