@pathscale/ui 0.1.0 → 0.1.1

package/dist/chunk/NLD5D3P7.jsx

@@ -1,94 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/input/Input.tsx
-import {
-  createMemo,
-  createSignal,
-  mergeProps,
-  Show,
-  splitProps
-} from "solid-js";
-
-// src/components/input/Input.styles.ts
-var inputVariants = cva(
-  [
-    "block w-full appearance-none outline-none bg-transparent",
-    "border transition-colors duration-200",
-    "disabled:opacity-50 disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      color: {
-        danger: "border-red-500 text-red-600",
-        success: "border-green-500 text-green-600",
-        warning: "border-orange-500 text-orange-600"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: "rounded-md"
-      },
-      expanded: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      loading: {
-        true: "opacity-50",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      color: void 0,
-      rounded: false,
-      expanded: true,
-      loading: false
-    }
-  }
-);
-
-// src/components/input/Input.tsx
-var Input = (props) => {
-  const defaultedProps = mergeProps({ type: "text" }, props);
-  const [localProps, variantProps, otherProps] = splitProps(
-    defaultedProps,
-    ["type", "passwordReveal", "leftIcon", "rightIcon"],
-    ["class", ...inputVariants.variantKeys]
-  );
-  const [showPassword, setShowPassword] = createSignal(false);
-  const computedType = createMemo(
-    () => localProps.passwordReveal && showPassword() ? "text" : defaultedProps.type
-  );
-  return <div class="relative flex items-center">
-      <Show when={localProps.leftIcon}>
-        <span class="absolute left-3 top-1/2 -translate-y-1/2">
-          {localProps.leftIcon}
-        </span>
-      </Show>
-
-      <input
-    class={inputVariants(variantProps)}
-    type={computedType()}
-    aria-invalid={variantProps.color === "danger" ? "true" : void 0}
-    {...otherProps}
-  />
-
-      <Show when={localProps.passwordReveal && localProps.rightIcon}>
-        <button
-    type="button"
-    onClick={() => setShowPassword((prev) => !prev)}
-    class="absolute right-3 top-1/2 -translate-y-1/2 outline-none"
-  >
-          {localProps.rightIcon}
-        </button>
-      </Show>
-    </div>;
-};
-var Input_default = Input;
-
-// src/components/input/index.ts
-var input_default = Input_default;
-
-export {
-  input_default
-};

package/dist/chunk/P7WPLZNA.jsx

@@ -1,59 +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/UTRNHAP4.js

@@ -1,95 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, insert, createComponent, spread, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps, splitProps, createSignal, createMemo, Show } from 'solid-js';
-
-// src/components/input/Input.styles.ts
-var inputVariants = cva(
-  [
-    "block w-full appearance-none outline-none bg-transparent",
-    "border transition-colors duration-200",
-    "disabled:opacity-50 disabled:cursor-not-allowed"
-  ],
-  {
-    variants: {
-      color: {
-        danger: "border-red-500 text-red-600",
-        success: "border-green-500 text-green-600",
-        warning: "border-orange-500 text-orange-600"
-      },
-      rounded: {
-        true: "rounded-full",
-        false: "rounded-md"
-      },
-      expanded: {
-        true: "w-full",
-        false: "w-fit"
-      },
-      loading: {
-        true: "opacity-50",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      color: void 0,
-      rounded: false,
-      expanded: true,
-      loading: false
-    }
-  }
-);
-
-// src/components/input/Input.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span class="absolute left-3 top-1/2 -translate-y-1/2">`);
-var _tmpl$2 = /* @__PURE__ */ template(`<button type=button class="absolute right-3 top-1/2 -translate-y-1/2 outline-none">`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div class="relative flex items-center"><input>`);
-var Input = (props) => {
-  const defaultedProps = mergeProps({
-    type: "text"
-  }, props);
-  const [localProps, variantProps, otherProps] = splitProps(defaultedProps, ["type", "passwordReveal", "leftIcon", "rightIcon"], ["class", ...inputVariants.variantKeys]);
-  const [showPassword, setShowPassword] = createSignal(false);
-  const computedType = createMemo(() => localProps.passwordReveal && showPassword() ? "text" : defaultedProps.type);
-  return (() => {
-    var _el$ = _tmpl$3(), _el$3 = _el$.firstChild;
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return localProps.leftIcon;
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        insert(_el$2, () => localProps.leftIcon);
-        return _el$2;
-      }
-    }), _el$3);
-    spread(_el$3, mergeProps$1({
-      get ["class"]() {
-        return inputVariants(variantProps);
-      },
-      get type() {
-        return computedType();
-      },
-      get ["aria-invalid"]() {
-        return variantProps.color === "danger" ? "true" : void 0;
-      }
-    }, otherProps), false, false);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return localProps.passwordReveal && localProps.rightIcon;
-      },
-      get children() {
-        var _el$4 = _tmpl$2();
-        _el$4.$$click = () => setShowPassword((prev) => !prev);
-        insert(_el$4, () => localProps.rightIcon);
-        return _el$4;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var Input_default = Input;
-delegateEvents(["click"]);
-
-// src/components/input/index.ts
-var input_default = Input_default;
-
-export { input_default };

package/dist/chunk/VMEDFWWG.js

@@ -1,102 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { template, insert, createComponent, spread, mergeProps as mergeProps$1, effect, className } from 'solid-js/web';
-import { mergeProps, splitProps, createSignal, createEffect, createMemo, 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 _tmpl$ = /* @__PURE__ */ template(`<img class="size-full object-cover">`);
-var _tmpl$2 = /* @__PURE__ */ template(`<figure>`);
-var _tmpl$3 = /* @__PURE__ */ template(`<figcaption class=text-lg>`);
-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);
-    }
-  });
-  createMemo(() => source() ? "" : props.class ?? "bg-blue-500");
-  createMemo(() => source() ? "" : props.text ?? "text-white");
-  const caption = createMemo(() => parseCaption(props.alt));
-  return (() => {
-    var _el$ = _tmpl$2();
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return source();
-      },
-      get fallback() {
-        return (() => {
-          var _el$3 = _tmpl$3();
-          insert(_el$3, caption);
-          return _el$3;
-        })();
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        spread(_el$2, mergeProps$1({
-          get src() {
-            return source();
-          },
-          get ["data-src"]() {
-            return props.dataSrc;
-          }
-        }, otherProps), false, false);
-        return _el$2;
-      }
-    }));
-    effect(() => className(_el$, avatarVariants(variantProps)));
-    return _el$;
-  })();
-};
-var Avatar_default = Avatar;
-
-// src/components/Avatar/index.ts
-var Avatar_default2 = Avatar_default;
-
-export { Avatar_default2 as Avatar_default };

package/dist/chunk/WB6NEEQV.jsx

@@ -1,107 +0,0 @@
-import {
-  classes,
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/textarea/Textarea.tsx
-import {
-  createMemo,
-  createSignal,
-  splitProps,
-  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 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 <div class="relative w-full">
-      <textarea
-    class={textareaVariants(variantProps)}
-    value={localProps.value}
-    maxLength={localProps.maxLength}
-    onInput={localProps.onInput}
-    onFocus={(e) => {
-      setFocused(true);
-      typeof localProps.onFocus === "function" && localProps.onFocus(e);
-    }}
-    onBlur={(e) => {
-      setFocused(false);
-      typeof localProps.onBlur === "function" && localProps.onBlur(e);
-    }}
-    aria-invalid={variantProps.color === "danger" ? "true" : void 0}
-    {...otherProps}
-  />
-
-      <Show when={showCounter()}>
-        <small
-    class={classes(
-      "absolute bottom-1 right-2 text-xs text-gray-500 transition-opacity",
-      isFocused() ? "opacity-100" : "opacity-0"
-    )}
-  >
-          {valueLength()} / {localProps.maxLength}
-        </small>
-      </Show>
-    </div>;
-};
-var Textarea_default = Textarea;
-
-// src/components/textarea/index.ts
-var textarea_default = Textarea_default;
-
-export {
-  textarea_default
-};

package/dist/chunk/YZ3ID3UY.jsx

@@ -1,226 +0,0 @@
-import {
-  PolymorphicButton_default
-} from "./KACNXPUM.jsx";
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/button/Button.tsx
-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 <PolymorphicButton_default
-    class={buttonVariants(variantProps)}
-    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
-};

package/dist/classes-B_S9K-9I.d.ts

@@ -1,13 +0,0 @@
-type ClassArgs = string | number | boolean | null | undefined | ClassArgs[];
-type ClassProps = {
-    class?: ClassArgs;
-};
-type OmitUndefined<T> = T extends undefined ? never : T;
-type StringToBoolean<T> = T extends "true" | "false" ? boolean : T;
-type ConfigSchema = Record<string, Record<string, ClassArgs>>;
-type ConfigVariants<T extends ConfigSchema> = {
-    [Variant in keyof T]?: StringToBoolean<keyof T[Variant]> | null | undefined;
-};
-type VariantProps<Component extends (...args: []) => unknown> = Omit<OmitUndefined<Parameters<Component>[0]>, "class">;
-
-export type { ConfigVariants as C, VariantProps as V, ClassProps as a };

package/dist/components/avatar/index.js

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