@pathscale/ui 0.0.1 → 0.0.3

package/dist/components/tabs/index.js

@@ -1,166 +1 @@
-import { cva } from '../../chunk/HKS7ET6T.js';
-import { delegateEvents, template, spread, insert, createComponent, effect, className } from 'solid-js/web';
-import { splitProps, createSignal, createMemo, For, Show } from 'solid-js';
-
-// src/components/tabs/Tabs.styles.ts
-var tabsNavVariants = cva(
-  "flex text-sm font-medium text-gray-600 dark:text-gray-300",
-  {
-    variants: {
-      type: {
-        basic: "",
-        boxed: "flex gap-2",
-        toggle: "inline-flex rounded-md p-1",
-        "toggle-rounded": "inline-flex rounded-full p-1"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      expanded: {
-        true: "w-full",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      type: "basic",
-      size: "md",
-      alignment: "left",
-      expanded: false
-    }
-  }
-);
-var tabTriggerVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium text-sm transition-colors",
-  {
-    variants: {
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-2",
-        lg: "text-base px-4 py-3"
-      },
-      type: {
-        basic: "border-b-2 transition-colors hover:text-blue-600",
-        boxed: "rounded-t px-4 py-2 hover:text-blue-600",
-        toggle: "border -ml-px px-4 py-2 transition-colors first:ml-0 first:rounded-l-md last:rounded-r-md",
-        "toggle-rounded": "border -ml-px first:ml-0 first:rounded-l-full last:rounded-r-full transition-colors"
-      },
-      active: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed pointer-events-none",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        type: "basic",
-        active: true,
-        class: "border-blue-600 text-blue-600"
-      },
-      {
-        type: "basic",
-        active: false,
-        class: "border-transparent text-gray-500 dark:text-gray-400"
-      },
-      {
-        type: "boxed",
-        active: true,
-        class: "border-x border-t border-b-0 border-gray-400 dark:border-gray-600 text-blue-600"
-      },
-      {
-        type: "boxed",
-        active: false,
-        class: "border-b border-transparent text-gray-500 dark:text-gray-400 hover:text-blue-600"
-      },
-      {
-        type: "toggle",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      }
-    ],
-    defaultVariants: {
-      active: false,
-      disabled: false
-    }
-  }
-);
-
-// src/components/tabs/Tabs.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div><nav><ul class="flex gap-0"></ul></nav><div class=pt-4>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<li><button>`);
-var Tabs = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["items", "value", "onChange"], ["size", "type", "alignment", "expanded"]);
-  const [internalActive, setInternalActive] = createSignal(local.value ?? 0);
-  const isControlled = () => local.value !== void 0;
-  const active = createMemo(() => isControlled() ? local.value : internalActive());
-  const handleChange = (i) => {
-    const item = local.items[i];
-    if (!item || item.disabled) return;
-    if (!isControlled()) {
-      setInternalActive(i);
-    }
-    local.onChange?.(i);
-  };
-  return (() => {
-    var _el$ = _tmpl$(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild, _el$4 = _el$2.nextSibling;
-    spread(_el$, otherProps, false, true);
-    insert(_el$3, createComponent(For, {
-      get each() {
-        return local.items;
-      },
-      children: (tab, i) => (() => {
-        var _el$5 = _tmpl$2(), _el$6 = _el$5.firstChild;
-        _el$6.$$click = () => handleChange(i());
-        insert(_el$6, () => tab.label);
-        effect(() => className(_el$6, tabTriggerVariants({
-          type: variantProps.type ?? "basic",
-          size: variantProps.size ?? "md",
-          active: i() === active(),
-          disabled: tab.disabled
-        })));
-        return _el$5;
-      })()
-    }));
-    insert(_el$4, createComponent(Show, {
-      get when() {
-        return local.items[active()];
-      },
-      get children() {
-        return local.items[active()]?.content;
-      }
-    }));
-    effect(() => className(_el$2, tabsNavVariants(variantProps)));
-    return _el$;
-  })();
-};
-var Tabs_default = Tabs;
-delegateEvents(["click"]);
-
-// src/components/tabs/index.ts
-var tabs_default = Tabs_default;
-
-export { tabs_default as default };
+export { tabs_default as default } from '../../chunk/WOT36Q7O.js';

package/dist/components/tabs/index.jsx

@@ -1,174 +1,7 @@
 import {
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/tabs/Tabs.tsx
-import {
-  createSignal,
-  splitProps,
-  For,
-  Show,
-  createMemo
-} from "solid-js";
-
-// src/components/tabs/Tabs.styles.ts
-var tabsNavVariants = cva(
-  "flex text-sm font-medium text-gray-600 dark:text-gray-300",
-  {
-    variants: {
-      type: {
-        basic: "",
-        boxed: "flex gap-2",
-        toggle: "inline-flex rounded-md p-1",
-        "toggle-rounded": "inline-flex rounded-full p-1"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      expanded: {
-        true: "w-full",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      type: "basic",
-      size: "md",
-      alignment: "left",
-      expanded: false
-    }
-  }
-);
-var tabTriggerVariants = cva(
-  "inline-flex items-center justify-center whitespace-nowrap font-medium text-sm transition-colors",
-  {
-    variants: {
-      size: {
-        sm: "text-xs px-2 py-1",
-        md: "text-sm px-3 py-2",
-        lg: "text-base px-4 py-3"
-      },
-      type: {
-        basic: "border-b-2 transition-colors hover:text-blue-600",
-        boxed: "rounded-t px-4 py-2 hover:text-blue-600",
-        toggle: "border -ml-px px-4 py-2 transition-colors first:ml-0 first:rounded-l-md last:rounded-r-md",
-        "toggle-rounded": "border -ml-px first:ml-0 first:rounded-l-full last:rounded-r-full transition-colors"
-      },
-      active: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed pointer-events-none",
-        false: ""
-      }
-    },
-    compoundVariants: [
-      {
-        type: "basic",
-        active: true,
-        class: "border-blue-600 text-blue-600"
-      },
-      {
-        type: "basic",
-        active: false,
-        class: "border-transparent text-gray-500 dark:text-gray-400"
-      },
-      {
-        type: "boxed",
-        active: true,
-        class: "border-x border-t border-b-0 border-gray-400 dark:border-gray-600 text-blue-600"
-      },
-      {
-        type: "boxed",
-        active: false,
-        class: "border-b border-transparent text-gray-500 dark:text-gray-400 hover:text-blue-600"
-      },
-      {
-        type: "toggle",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: true,
-        class: "bg-blue-600 text-white border-blue-600"
-      },
-      {
-        type: "toggle-rounded",
-        active: false,
-        class: "bg-transparent text-gray-600 dark:text-gray-300 border-gray-300 dark:border-gray-600"
-      }
-    ],
-    defaultVariants: {
-      active: false,
-      disabled: false
-    }
-  }
-);
-
-// src/components/tabs/Tabs.tsx
-var Tabs = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["items", "value", "onChange"],
-    ["size", "type", "alignment", "expanded"]
-  );
-  const [internalActive, setInternalActive] = createSignal(local.value ?? 0);
-  const isControlled = () => local.value !== void 0;
-  const active = createMemo(
-    () => isControlled() ? local.value : internalActive()
-  );
-  const handleChange = (i) => {
-    const item = local.items[i];
-    if (!item || item.disabled) return;
-    if (!isControlled()) {
-      setInternalActive(i);
-    }
-    local.onChange?.(i);
-  };
-  return <div {...otherProps}>
-      <nav class={tabsNavVariants(variantProps)}>
-        <ul class="flex gap-0">
-          <For each={local.items}>
-            {(tab, i) => <li>
-                <button
-    class={tabTriggerVariants({
-      type: variantProps.type ?? "basic",
-      size: variantProps.size ?? "md",
-      active: i() === active(),
-      disabled: tab.disabled
-    })}
-    onClick={() => handleChange(i())}
-  >
-                  {tab.label}
-                </button>
-              </li>}
-          </For>
-        </ul>
-      </nav>
-      <div class="pt-4">
-        <Show when={local.items[active()]}>
-          {local.items[active()]?.content}
-        </Show>
-      </div>
-    </div>;
-};
-var Tabs_default = Tabs;
-
-// src/components/tabs/index.ts
-var tabs_default = Tabs_default;
+  tabs_default
+} from "../../chunk/KV6LTJHI.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   tabs_default as default
 };

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

@@ -1,42 +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 { T as Tag } from '../../Tag-BPrhn-Ne.js';
+export { a as TagProps } from '../../Tag-BPrhn-Ne.js';
+import 'solid-js';
+import '../../classes-B_S9K-9I.js';
 
-declare const tagVariants: {
-    (props?: (ConfigVariants<{
-        size: {
-            normal: string;
-            medium: string;
-            large: string;
-        };
-        type: {
-            primary: string;
-            info: string;
-            success: string;
-            warning: string;
-            danger: string;
-            dark: string;
-            light: string;
-        };
-        rounded: {
-            true: string;
-            false: string;
-        };
-        closable: {
-            true: string;
-            false: string;
-        };
-    }> & ClassProps) | undefined): string;
-    variantKeys: ("size" | "type" | "rounded" | "closable")[];
-};
 
-type TagProps = VariantProps<typeof tagVariants> & ClassProps & ComponentProps<"span"> & {
-    closable?: boolean;
-    attached?: boolean;
-    ariaCloseLabel?: string;
-    onClose?: (e: MouseEvent) => void;
-    closeIcon?: JSX.Element;
-    children?: JSX.Element;
-};
-declare const Tag: Component<TagProps>;
 
-export { type TagProps, Tag as default };
+export { Tag as default };

package/dist/components/tag/index.js

@@ -1,115 +1 @@
-import { cva, classes } from '../../chunk/HKS7ET6T.js';
-import { delegateEvents, template, spread, mergeProps, insert, createComponent, effect, setAttribute, className } from 'solid-js/web';
-import { splitProps, createMemo, untrack, Show } from 'solid-js';
-
-// src/components/tag/Tag.styles.ts
-var tagVariants = cva(
-  [
-    "inline-flex items-center gap-2 px-3 py-1 text-sm rounded",
-    "transition select-none"
-  ],
-  {
-    variants: {
-      size: {
-        normal: "text-xs px-2 py-0.5",
-        medium: "text-sm px-3 py-1",
-        large: "text-base px-4 py-2"
-      },
-      type: {
-        primary: "bg-blue-500 text-white",
-        info: "bg-sky-500 text-white",
-        success: "bg-green-500 text-white",
-        warning: "bg-yellow-500 text-black",
-        danger: "bg-red-500 text-white",
-        dark: "bg-zinc-800 text-white",
-        light: "bg-gray-100 text-black"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: ""
-      },
-      closable: {
-        true: "pr-1",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "normal"
-    }
-  }
-);
-
-// src/components/tag/Tag.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<button type=button class="ml-2 text-xs text-white hover:opacity-80">`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button type=button>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div role=group><span role=status><span class=truncate>`);
-var Tag = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["closable", "attached", "onClose", "ariaCloseLabel", "closeIcon", "children", "type"], ["class", ...tagVariants.variantKeys]);
-  const isAttachedClosable = createMemo(() => untrack(() => localProps.attached && localProps.closable));
-  const isClosable = createMemo(() => untrack(() => localProps.closable && !localProps.attached));
-  const tagClasses = createMemo(() => classes(tagVariants({
-    ...variantProps,
-    closable: localProps.closable
-  }), variantProps.class));
-  const attachedButtonClasses = createMemo(() => tagVariants({
-    ...variantProps,
-    class: "ml-1 text-xs hover:opacity-80"
-  }));
-  const handleClose = (e) => {
-    untrack(() => {
-      if (typeof localProps.onClose === "function") {
-        localProps.onClose(e);
-      }
-    });
-  };
-  return (() => {
-    var _el$ = _tmpl$3(), _el$2 = _el$.firstChild, _el$3 = _el$2.firstChild;
-    spread(_el$2, mergeProps({
-      get ["class"]() {
-        return tagClasses();
-      }
-    }, otherProps), false, true);
-    insert(_el$3, () => localProps.children);
-    insert(_el$2, createComponent(Show, {
-      get when() {
-        return isClosable();
-      },
-      get children() {
-        var _el$4 = _tmpl$();
-        _el$4.$$click = handleClose;
-        insert(_el$4, () => localProps.closeIcon ?? "\xD7");
-        effect(() => setAttribute(_el$4, "aria-label", localProps.ariaCloseLabel ?? "Remove tag"));
-        return _el$4;
-      }
-    }), null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isAttachedClosable();
-      },
-      get children() {
-        var _el$5 = _tmpl$2();
-        _el$5.$$click = handleClose;
-        insert(_el$5, () => localProps.closeIcon ?? "\xD7");
-        effect((_p$) => {
-          var _v$ = localProps.ariaCloseLabel ?? "Remove tag", _v$2 = attachedButtonClasses();
-          _v$ !== _p$.e && setAttribute(_el$5, "aria-label", _p$.e = _v$);
-          _v$2 !== _p$.t && className(_el$5, _p$.t = _v$2);
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0
-        });
-        return _el$5;
-      }
-    }), null);
-    effect(() => className(_el$, isAttachedClosable() ? "tags has-addons" : void 0));
-    return _el$;
-  })();
-};
-var Tag_default = Tag;
-delegateEvents(["click"]);
-
-// src/components/tag/index.ts
-var tag_default = Tag_default;
-
-export { tag_default as default };
+export { tag_default as default } from '../../chunk/CJZGTNJZ.js';

package/dist/components/tag/index.jsx

@@ -1,131 +1,7 @@
 import {
-  classes,
-  cva
-} from "../../chunk/P7WPLZNA.jsx";
-
-// src/components/tag/Tag.tsx
-import {
-  splitProps,
-  createMemo,
-  Show,
-  untrack
-} from "solid-js";
-
-// src/components/tag/Tag.styles.ts
-var tagVariants = cva(
-  [
-    "inline-flex items-center gap-2 px-3 py-1 text-sm rounded",
-    "transition select-none"
-  ],
-  {
-    variants: {
-      size: {
-        normal: "text-xs px-2 py-0.5",
-        medium: "text-sm px-3 py-1",
-        large: "text-base px-4 py-2"
-      },
-      type: {
-        primary: "bg-blue-500 text-white",
-        info: "bg-sky-500 text-white",
-        success: "bg-green-500 text-white",
-        warning: "bg-yellow-500 text-black",
-        danger: "bg-red-500 text-white",
-        dark: "bg-zinc-800 text-white",
-        light: "bg-gray-100 text-black"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: ""
-      },
-      closable: {
-        true: "pr-1",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      size: "normal"
-    }
-  }
-);
-
-// src/components/tag/Tag.tsx
-var Tag = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(
-    props,
-    [
-      "closable",
-      "attached",
-      "onClose",
-      "ariaCloseLabel",
-      "closeIcon",
-      "children",
-      "type"
-    ],
-    ["class", ...tagVariants.variantKeys]
-  );
-  const isAttachedClosable = createMemo(
-    () => untrack(() => localProps.attached && localProps.closable)
-  );
-  const isClosable = createMemo(
-    () => untrack(() => localProps.closable && !localProps.attached)
-  );
-  const tagClasses = createMemo(
-    () => classes(
-      tagVariants({
-        ...variantProps,
-        closable: localProps.closable
-      }),
-      variantProps.class
-    )
-  );
-  const attachedButtonClasses = createMemo(
-    () => tagVariants({
-      ...variantProps,
-      class: "ml-1 text-xs hover:opacity-80"
-    })
-  );
-  const handleClose = (e) => {
-    untrack(() => {
-      if (typeof localProps.onClose === "function") {
-        localProps.onClose(e);
-      }
-    });
-  };
-  return <div
-    class={isAttachedClosable() ? "tags has-addons" : void 0}
-    role="group"
-  >
-      <span class={tagClasses()} role="status" {...otherProps}>
-        <span class="truncate">{localProps.children}</span>
-
-        <Show when={isClosable()}>
-          <button
-    type="button"
-    aria-label={localProps.ariaCloseLabel ?? "Remove tag"}
-    onClick={handleClose}
-    class="ml-2 text-xs text-white hover:opacity-80"
-  >
-            {localProps.closeIcon ?? "\xD7"}
-          </button>
-        </Show>
-      </span>
-
-      <Show when={isAttachedClosable()}>
-        <button
-    type="button"
-    aria-label={localProps.ariaCloseLabel ?? "Remove tag"}
-    onClick={handleClose}
-    class={attachedButtonClasses()}
-  >
-          {localProps.closeIcon ?? "\xD7"}
-        </button>
-      </Show>
-    </div>;
-};
-var Tag_default = Tag;
-
-// src/components/tag/index.ts
-var tag_default = Tag_default;
+  tag_default
+} from "../../chunk/LI3HCFL7.jsx";
+import "../../chunk/P7WPLZNA.jsx";
 export {
   tag_default as default
 };

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

@@ -0,0 +1,7 @@
+import { T as Timeline } from '../../Timeline-Bd4SxHMT.js';
+export { a as TimelineProps } from '../../Timeline-Bd4SxHMT.js';
+import 'solid-js';
+
+
+
+export { Timeline as default };

package/dist/components/timeline/index.js

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

package/dist/components/timeline/index.jsx

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

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

@@ -0,0 +1,24 @@
+import * as solid_js from 'solid-js';
+
+interface ToastProps {
+    message: string;
+    type?: "success" | "error" | "info" | "warning" | "default";
+    duration?: number | false;
+    dismissible?: boolean;
+    onClose?: () => void;
+}
+
+type ToastOptions = Omit<ToastProps, "message">;
+
+declare const Toaster: () => solid_js.JSX.Element;
+
+declare const toast: {
+    show: (message: string, options?: ToastOptions) => `${string}-${string}-${string}-${string}-${string}`;
+    success: (msg: string, opts?: ToastOptions) => `${string}-${string}-${string}-${string}-${string}`;
+    error: (msg: string, opts?: ToastOptions) => `${string}-${string}-${string}-${string}-${string}`;
+    info: (msg: string, opts?: ToastOptions) => `${string}-${string}-${string}-${string}-${string}`;
+    warning: (msg: string, opts?: ToastOptions) => `${string}-${string}-${string}-${string}-${string}`;
+    clear: () => void;
+};
+
+export { Toaster, toast as default, toast };

package/dist/components/toast/index.js

@@ -0,0 +1 @@
+export { Toaster_default as Toaster, toast_default as default, toast } from '../../chunk/JWRGKHDO.js';