@pathscale/ui 0.1.0 → 0.1.1

package/dist/chunk/3MUBOGZG.js

@@ -1,213 +0,0 @@
-import { PolymorphicButton_default } from './G6RG4LR7.js';
-import { cva } from './HKS7ET6T.js';
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps, splitProps } from 'solid-js';
-
-// src/components/button/Button.styles.ts
-var buttonVariants = cva(
-  [
-    "inline-flex items-center font-medium outline-none select-none",
-    "not-disabled:cursor-pointer",
-    "disabled:cursor-not-allowed disabled:opacity-25",
-    "aria-busy:cursor-wait",
-    "transition active:transition-none"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm leading-tight",
-        md: "text-base leading-tight",
-        lg: "text-lg leading-tight"
-      },
-      color: {
-        inverse: "",
-        primary: "",
-        secondary: "",
-        tertiary: "",
-        accent: "",
-        positive: "",
-        destructive: ""
-      },
-      align: {
-        start: "justify-start",
-        center: "justify-center",
-        end: "justify-end"
-      },
-      shape: {
-        circle: "rounded-full",
-        rounded: "rounded-lg"
-      },
-      spacing: {
-        0: "gap-0 p-0",
-        xs: "gap-1.5 px-1.5 py-1.5",
-        sm: "gap-1.5 px-2 py-2",
-        md: "gap-1.5 px-3 py-2",
-        lg: "gap-1.5 px-3.5 py-2.5"
-      },
-      loading: {
-        true: "",
-        false: ""
-      },
-      stretched: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      variant: {
-        fill: [
-          "not-disabled:hover:opacity-75 not-disabled:active:opacity-50",
-          "aria-[current]:opacity-75 data-expanded:opacity-75 data-open:opacity-75",
-          "focus-visible:opacity-75"
-        ],
-        gray: [
-          "bg-bg-primary not-disabled:hover:bg-bg-secondary not-disabled:active:bg-bg-secondary not-disabled:active:opacity-75",
-          "aria-[current]:bg-bg-secondary data-expanded:bg-bg-secondary data-open:bg-bg-secondary",
-          "focus-visible:bg-bg-secondary"
-        ],
-        ghost: [
-          "not-disabled:hover:bg-bg-primary not-disabled:active:bg-bg-primary not-disabled:active:opacity-75",
-          "aria-[current]:bg-bg-primary data-expanded:bg-bg-primary data-open:bg-bg-primary",
-          "focus-visible:bg-bg-primary"
-        ]
-      }
-    },
-    compoundVariants: [
-      {
-        variant: "fill",
-        color: "inverse",
-        class: "bg-bg-inverse text-fg-inverse"
-      },
-      {
-        variant: "fill",
-        color: "primary",
-        class: "bg-bg-primary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "secondary",
-        class: "bg-bg-secondary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "tertiary",
-        class: "bg-bg-tertiary text-fg-body"
-      },
-      {
-        variant: "fill",
-        color: "accent",
-        class: "bg-bg-accent text-light"
-      },
-      {
-        variant: "fill",
-        color: "positive",
-        class: "bg-bg-positive text-light"
-      },
-      {
-        variant: "fill",
-        color: "destructive",
-        class: "bg-bg-destructive text-light"
-      },
-      {
-        variant: "gray",
-        color: "inverse",
-        class: "text-fg-inverse"
-      },
-      {
-        variant: "gray",
-        color: "primary",
-        class: "text-fg-primary"
-      },
-      {
-        variant: "gray",
-        color: "secondary",
-        class: "text-fg-secondary"
-      },
-      {
-        variant: "gray",
-        color: "tertiary",
-        class: "text-fg-tertiary"
-      },
-      {
-        variant: "gray",
-        color: "accent",
-        class: "text-fg-accent"
-      },
-      {
-        variant: "gray",
-        color: "positive",
-        class: "text-fg-positive"
-      },
-      {
-        variant: "gray",
-        color: "destructive",
-        class: "text-fg-destructive"
-      },
-      {
-        variant: "ghost",
-        color: "inverse",
-        class: "text-fg-inverse"
-      },
-      {
-        variant: "ghost",
-        color: "primary",
-        class: "text-fg-primary"
-      },
-      {
-        variant: "ghost",
-        color: "secondary",
-        class: "text-fg-secondary"
-      },
-      {
-        variant: "ghost",
-        color: "tertiary",
-        class: "text-fg-tertiary"
-      },
-      {
-        variant: "ghost",
-        color: "accent",
-        class: "text-fg-accent"
-      },
-      {
-        variant: "ghost",
-        color: "positive",
-        class: "text-fg-positive"
-      },
-      {
-        variant: "ghost",
-        color: "destructive",
-        class: "text-fg-destructive"
-      }
-    ],
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      align: "center",
-      shape: "rounded",
-      spacing: "md",
-      variant: "fill",
-      loading: false,
-      stretched: false
-    }
-  }
-);
-
-// src/components/button/Button.tsx
-var Button = (props) => {
-  const defaultedProps = mergeProps({
-    color: "primary"
-  }, props);
-  const [variantProps, otherProps] = splitProps(defaultedProps, ["class", ...buttonVariants.variantKeys]);
-  return createComponent(PolymorphicButton_default, mergeProps$1({
-    get ["class"]() {
-      return buttonVariants(variantProps);
-    },
-    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/chunk/EB7KXR65.js

@@ -1,102 +0,0 @@
-import { cva, classes } from './HKS7ET6T.js';
-import { template, spread, mergeProps, insert, createComponent, effect, className } from 'solid-js/web';
-import { splitProps, createSignal, createMemo, Show } from 'solid-js';
-
-// src/components/textarea/Textarea.styles.ts
-var textareaVariants = cva(
-  [
-    "block w-full rounded-md border bg-white px-3 py-2 text-sm",
-    "text-gray-900 placeholder-gray-400",
-    "focus:outline-none focus:ring-2 focus:ring-accent focus:border-transparent",
-    "disabled:opacity-50 disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      size: {
-        sm: "text-sm py-1.5",
-        md: "text-base py-2",
-        lg: "text-lg py-3"
-      },
-      color: {
-        primary: "border-blue-500",
-        info: "border-cyan-500",
-        success: "border-green-500",
-        warning: "border-yellow-500",
-        danger: "border-red-500"
-      },
-      loading: {
-        true: "opacity-50 cursor-wait",
-        false: ""
-      },
-      resize: {
-        none: "resize-none",
-        both: "resize",
-        x: "resize-x",
-        y: "resize-y"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      color: "primary",
-      loading: false,
-      resize: "y"
-    }
-  }
-);
-
-// src/components/textarea/Textarea.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<small> / `);
-var _tmpl$2 = /* @__PURE__ */ template(`<div class="relative w-full"><textarea>`);
-var Textarea = (props) => {
-  const [localProps, variantProps, otherProps] = splitProps(props, ["hasCounter", "value", "onInput", "onFocus", "onBlur", "maxLength"], ["class", ...textareaVariants.variantKeys]);
-  const [isFocused, setFocused] = createSignal(false);
-  const valueLength = createMemo(() => typeof localProps.value === "string" ? localProps.value.length : 0);
-  const showCounter = createMemo(() => localProps.maxLength && localProps.hasCounter);
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    _el$2.addEventListener("blur", (e) => {
-      setFocused(false);
-      typeof localProps.onBlur === "function" && localProps.onBlur(e);
-    });
-    _el$2.addEventListener("focus", (e) => {
-      setFocused(true);
-      typeof localProps.onFocus === "function" && localProps.onFocus(e);
-    });
-    spread(_el$2, mergeProps({
-      get ["class"]() {
-        return textareaVariants(variantProps);
-      },
-      get value() {
-        return localProps.value;
-      },
-      get maxLength() {
-        return localProps.maxLength;
-      },
-      get onInput() {
-        return localProps.onInput;
-      },
-      get ["aria-invalid"]() {
-        return variantProps.color === "danger" ? "true" : void 0;
-      }
-    }, otherProps), false, false);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return showCounter();
-      },
-      get children() {
-        var _el$3 = _tmpl$(), _el$4 = _el$3.firstChild;
-        insert(_el$3, valueLength, _el$4);
-        insert(_el$3, () => localProps.maxLength, null);
-        effect(() => className(_el$3, classes("absolute bottom-1 right-2 text-xs text-gray-500 transition-opacity", isFocused() ? "opacity-100" : "opacity-0")));
-        return _el$3;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var Textarea_default = Textarea;
-
-// src/components/textarea/index.ts
-var textarea_default = Textarea_default;
-
-export { textarea_default };

package/dist/chunk/G6RG4LR7.js

@@ -1,87 +0,0 @@
-import { createComponent, Dynamic, mergeProps } from 'solid-js/web';
-import { splitProps, createMemo, untrack, createSignal } from 'solid-js';
-
-// src/components/polymorphic/Polymorphic.tsx
-var Polymorphic = (props) => {
-  const [localProps, otherProps] = splitProps(props, ["as"]);
-  const cached = createMemo(() => localProps.as ?? "div");
-  return createMemo(() => {
-    const component = cached();
-    switch (typeof component) {
-      case "function":
-        return untrack(() => component(otherProps));
-      case "string":
-        return createComponent(Dynamic, mergeProps({
-          component
-        }, otherProps));
-    }
-  });
-};
-var Polymorphic_default = Polymorphic;
-
-// src/lib/iterable.ts
-function chain(callbacks) {
-  return (...args) => {
-    for (const callback of callbacks) callback?.(...args);
-  };
-}
-
-// src/lib/refs/mergeRefs.ts
-function mergeRefs(...refs) {
-  return chain(refs);
-}
-function createTagName(props) {
-  return createMemo(
-    () => props.element()?.tagName.toLowerCase() ?? props.fallback
-  );
-}
-
-// src/lib/tag/createIsButton.ts
-var BUTTON_INPUT_TYPES = [
-  "button",
-  "color",
-  "file",
-  "image",
-  "reset",
-  "submit"
-];
-function isButton(tagName, type) {
-  if (tagName === "button") {
-    return true;
-  }
-  if (tagName === "input" && type !== void 0) {
-    return BUTTON_INPUT_TYPES.indexOf(type) !== -1;
-  }
-  return false;
-}
-function createIsButton(props) {
-  const tagName = createTagName({
-    element: props.element,
-    fallback: "button"
-  });
-  return createMemo(() => isButton(tagName(), props.type));
-}
-var PolymorphicButton = (props) => {
-  const [ref, setRef] = createSignal(null);
-  const [localProps, otherProps] = splitProps(props, ["ref", "type"]);
-  const isButton2 = createIsButton({
-    element: ref,
-    type: localProps.type
-  });
-  return createComponent(Polymorphic_default, mergeProps({
-    as: "button",
-    ref(r$) {
-      var _ref$ = mergeRefs(setRef, localProps.ref);
-      typeof _ref$ === "function" && _ref$(r$);
-    },
-    get type() {
-      return isButton2() ? "button" : void 0;
-    },
-    get role() {
-      return !isButton2() ? "button" : void 0;
-    }
-  }, otherProps));
-};
-var PolymorphicButton_default = PolymorphicButton;
-
-export { PolymorphicButton_default, Polymorphic_default };

package/dist/chunk/HEJAQSH5.jsx

@@ -1,100 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/Avatar/Avatar.tsx
-import {
-  createSignal,
-  createMemo,
-  createEffect,
-  mergeProps,
-  splitProps,
-  Show
-} from "solid-js";
-
-// src/components/Avatar/Avatar.styles.ts
-var avatarVariants = 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: "bg-gray-200 text-gray-800",
-        outlined: "border-2 border-gray-300 text-gray-800",
-        ghost: "text-gray-800"
-      }
-    },
-    defaultVariants: {
-      size: "md",
-      shape: "circle",
-      variant: "filled"
-    }
-  }
-);
-
-// src/components/Avatar/utils.ts
-function parseCaption(alt) {
-  if (!alt) return "";
-  const parts = alt.split(" ");
-  if (parts.length >= 2 && parts[0] && parts[1]) {
-    return `${parts[0][0] ?? ""}${parts[1][0] ?? ""}`;
-  }
-  return "";
-}
-
-// src/components/Avatar/Avatar.tsx
-var Avatar = (rawProps) => {
-  const props = mergeProps({ alt: "User Avatar" }, rawProps);
-  const [variantProps, otherProps] = splitProps(props, [
-    "class",
-    ...avatarVariants.variantKeys
-  ]);
-  const [source, setSource] = createSignal(props.src || props.dataSrc);
-  createEffect(() => {
-    if (import.meta.env.PROD && props.dataSrc) {
-      setSource(props.dataSrc);
-    }
-  });
-  const backgroundColor = createMemo(
-    () => source() ? "" : props.class ?? "bg-blue-500"
-  );
-  const textColor = createMemo(
-    () => source() ? "" : props.text ?? "text-white"
-  );
-  const caption = createMemo(() => parseCaption(props.alt));
-  return <figure class={avatarVariants(variantProps)}>
-      <Show
-    when={source()}
-    fallback={<figcaption class="text-lg">{caption()}</figcaption>}
-  >
-        <img
-    src={source()}
-    data-src={props.dataSrc}
-    class="size-full object-cover"
-    {...otherProps}
-  />
-      </Show>
-    </figure>;
-};
-var Avatar_default = Avatar;
-
-// src/components/Avatar/index.ts
-var Avatar_default2 = Avatar_default;
-
-export {
-  Avatar_default2 as Avatar_default
-};

package/dist/chunk/HKS7ET6T.js

@@ -1,56 +0,0 @@
-// src/lib/style/classes.ts
-function classes(...args) {
-  return args.flat().filter(Boolean).join(" ");
-}
-function falsyToString(value) {
-  return typeof value === "boolean" ? `${value}` : value === 0 ? "0" : value;
-}
-function cva(base, config) {
-  const fn = (props) => {
-    if (config?.variants == null) return classes(base, props?.class);
-    const { variants, defaultVariants } = config;
-    const getVariantClassNames = Object.keys(variants).map((variant) => {
-      const variantProp = props?.[variant];
-      const defaultVariantProp = defaultVariants?.[variant];
-      if (variantProp === null) return null;
-      const variantKey = falsyToString(variantProp) || falsyToString(
-        defaultVariantProp
-      );
-      return variants[variant]?.[variantKey];
-    });
-    const propsWithoutUndefined = Object.entries(props || {}).reduce(
-      (acc, [key, value]) => {
-        if (value !== void 0) {
-          acc[key] = value;
-        }
-        return acc;
-      },
-      {}
-    );
-    const getCompoundVariantClassNames = config?.compoundVariants?.reduce(
-      (acc, { class: cvClass, ...compoundVariantOptions }) => {
-        const isMatch = Object.entries(compoundVariantOptions).every(
-          ([key, value]) => {
-            const currentValue = {
-              ...defaultVariants,
-              ...propsWithoutUndefined
-            }[key];
-            return Array.isArray(value) ? value.includes(currentValue) : currentValue === value;
-          }
-        );
-        return isMatch ? [...acc, cvClass] : acc;
-      },
-      []
-    );
-    return classes(
-      base,
-      getVariantClassNames,
-      getCompoundVariantClassNames,
-      props?.class
-    );
-  };
-  fn.variantKeys = config?.variants ? Object.keys(config.variants) : [];
-  return fn;
-}
-
-export { classes, cva };

package/dist/chunk/KACNXPUM.jsx

@@ -1,103 +0,0 @@
-// src/components/polymorphic/Polymorphic.tsx
-import {
-  createMemo,
-  splitProps,
-  untrack
-} from "solid-js";
-import { Dynamic } from "solid-js/web";
-var Polymorphic = (props) => {
-  const [localProps, otherProps] = splitProps(props, ["as"]);
-  const cached = createMemo(() => localProps.as ?? "div");
-  return createMemo(() => {
-    const component = cached();
-    switch (typeof component) {
-      case "function":
-        return untrack(() => component(otherProps));
-      case "string":
-        return <Dynamic
-          component={component}
-          {...otherProps}
-        />;
-    }
-  });
-};
-var Polymorphic_default = Polymorphic;
-
-// src/lib/iterable.ts
-function chain(callbacks) {
-  return (...args) => {
-    for (const callback of callbacks) callback?.(...args);
-  };
-}
-
-// src/lib/refs/mergeRefs.ts
-function mergeRefs(...refs) {
-  return chain(refs);
-}
-
-// src/lib/tag/createIsButton.ts
-import { createMemo as createMemo3 } from "solid-js";
-
-// src/lib/tag/createTagName.ts
-import { createMemo as createMemo2 } from "solid-js";
-function createTagName(props) {
-  return createMemo2(
-    () => props.element()?.tagName.toLowerCase() ?? props.fallback
-  );
-}
-
-// src/lib/tag/createIsButton.ts
-var BUTTON_INPUT_TYPES = [
-  "button",
-  "color",
-  "file",
-  "image",
-  "reset",
-  "submit"
-];
-function isButton(tagName, type) {
-  if (tagName === "button") {
-    return true;
-  }
-  if (tagName === "input" && type !== void 0) {
-    return BUTTON_INPUT_TYPES.indexOf(type) !== -1;
-  }
-  return false;
-}
-function createIsButton(props) {
-  const tagName = createTagName({
-    element: props.element,
-    fallback: "button"
-  });
-  return createMemo3(() => isButton(tagName(), props.type));
-}
-
-// src/components/polymorphic/PolymorphicButton.tsx
-import {
-  createSignal,
-  splitProps as splitProps2
-} from "solid-js";
-var PolymorphicButton = (props) => {
-  const [ref, setRef] = createSignal(null);
-  const [localProps, otherProps] = splitProps2(props, [
-    "ref",
-    "type"
-  ]);
-  const isButton2 = createIsButton({
-    element: ref,
-    type: localProps.type
-  });
-  return <Polymorphic_default
-    as="button"
-    ref={mergeRefs(setRef, localProps.ref)}
-    type={isButton2() ? "button" : void 0}
-    role={!isButton2() ? "button" : void 0}
-    {...otherProps}
-  />;
-};
-var PolymorphicButton_default = PolymorphicButton;
-
-export {
-  Polymorphic_default,
-  PolymorphicButton_default
-};