@pathscale/ui 0.0.5 → 0.0.7

package/dist/chunk/FPUQ25SO.js

@@ -1,137 +0,0 @@
-import { cva, classes } from './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 };

package/dist/chunk/MXG3MBEN.jsx

@@ -1,148 +0,0 @@
-import {
-  classes,
-  cva
-} from "./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;
-
-export {
-  checkbox_default
-};

package/dist/chunk/N7BXP7EI.jsx

@@ -1,102 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/input/Input.tsx
-import {
-  createMemo,
-  createSignal,
-  mergeProps,
-  Show,
-  splitProps,
-  untrack
-} 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(
-    () => untrack(
-      () => localProps.passwordReveal && showPassword() ? "text" : defaultedProps.type
-    )
-  );
-  const classes = createMemo(() => inputVariants(variantProps));
-  const handlePasswordToggle = () => {
-    untrack(() => setShowPassword((prev) => !prev));
-  };
-  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={classes()}
-    type={computedType()}
-    aria-invalid={variantProps.color === "danger" ? "true" : void 0}
-    {...otherProps}
-  />
-
-      <Show when={localProps.passwordReveal && localProps.rightIcon}>
-        <button
-    type="button"
-    onClick={handlePasswordToggle}
-    class="absolute right-3 top-1/2 -translate-y-1/2 outline-none"
-    aria-label={showPassword() ? "Hide password" : "Show password"}
-  >
-          {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/T2DPPLBQ.js

@@ -1,100 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, insert, createComponent, spread, mergeProps as mergeProps$1, effect, setAttribute } from 'solid-js/web';
-import { mergeProps, splitProps, createSignal, createMemo, untrack, 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(() => untrack(() => localProps.passwordReveal && showPassword() ? "text" : defaultedProps.type));
-  const classes = createMemo(() => inputVariants(variantProps));
-  const handlePasswordToggle = () => {
-    untrack(() => setShowPassword((prev) => !prev));
-  };
-  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 classes();
-      },
-      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 = handlePasswordToggle;
-        insert(_el$4, () => localProps.rightIcon);
-        effect(() => setAttribute(_el$4, "aria-label", showPassword() ? "Hide password" : "Show password"));
-        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 };