@pathscale/ui 0.0.5 → 0.0.6

package/dist/chunk/F33TSIEQ.jsx

@@ -0,0 +1,181 @@
+import {
+  classes,
+  cva
+} from "./P7WPLZNA.jsx";
+
+// src/components/select/Select.tsx
+import {
+  splitProps,
+  Show,
+  createMemo,
+  untrack
+} from "solid-js";
+
+// src/components/select/Select.styles.ts
+var selectVariants = cva(
+  [
+    "flex items-center appearance-none",
+    "border outline-none",
+    "transition bg-white text-gray-700",
+    "disabled:opacity-50 disabled:cursor-not-allowed",
+    "pl-3"
+    // margen izquierdo por defecto
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm py-1 px-2",
+        md: "text-base py-2 px-3",
+        lg: "text-lg py-2 px-4"
+      },
+      color: {
+        primary: "border border-gray-300 focus:border-primary",
+        info: "border border-blue-500 focus:border-blue-600",
+        success: "border border-green-500 focus:border-green-600",
+        warning: "border border-yellow-500 focus:border-yellow-600",
+        danger: "border border-red-500 focus:border-red-600"
+      },
+      loading: {
+        true: "cursor-wait opacity-75",
+        false: ""
+      },
+      expanded: {
+        true: "w-full",
+        false: "w-fit"
+      },
+      rounded: {
+        true: "rounded",
+        false: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "primary",
+      loading: false,
+      expanded: false,
+      rounded: false
+    }
+  }
+);
+var wrapperClass = "relative w-full group cursor-pointer";
+var selectPaddingClass = "w-full pr-8";
+var caretIconBaseClass = "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 pointer-events-none transition-colors";
+var spinnerIconBaseClass = "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin pointer-events-none";
+var getIconColor = (color) => {
+  switch (color) {
+    case "success":
+      return "text-green-500 group-hover:text-green-600";
+    case "danger":
+      return "text-red-500 group-hover:text-red-600";
+    case "warning":
+      return "text-yellow-500 group-hover:text-yellow-600";
+    case "info":
+      return "text-blue-500 group-hover:text-blue-600";
+    case "primary":
+    default:
+      return "text-gray-500 group-hover:text-gray-700";
+  }
+};
+var getSpinnerColor = (color) => {
+  switch (color) {
+    case "success":
+      return "text-green-500";
+    case "danger":
+      return "text-red-500";
+    case "warning":
+      return "text-yellow-500";
+    case "info":
+      return "text-blue-500";
+    case "primary":
+    default:
+      return "text-gray-500";
+  }
+};
+
+// src/components/select/CaretDownIcon.tsx
+var CaretDownIcon = (props) => <svg
+  class={`${caretIconBaseClass} ${props.class ?? ""}`}
+  fill="none"
+  stroke="currentColor"
+  stroke-width="2"
+  viewBox="0 0 24 24"
+>
+    <path d="M6 9l6 6 6-6" />
+  </svg>;
+var CaretDownIcon_default = CaretDownIcon;
+
+// src/components/select/SpinnerIcon.tsx
+var SpinnerIcon = (props) => <svg
+  class={`${spinnerIconBaseClass} ${props.class ?? ""}`}
+  xmlns="http://www.w3.org/2000/svg"
+  fill="none"
+  viewBox="0 0 24 24"
+  stroke-width="2"
+>
+    <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" />
+    <path
+  class="opacity-75"
+  fill="currentColor"
+  d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+/>
+  </svg>;
+var SpinnerIcon_default = SpinnerIcon;
+
+// src/components/select/Select.tsx
+var Select = (props) => {
+  const [localProps, variantProps, otherProps] = splitProps(
+    props,
+    ["placeholder", "value", "nativeSize", "onChange", "onFocus", "onBlur"],
+    ["class", ...selectVariants.variantKeys]
+  );
+  const empty = createMemo(
+    () => untrack(() => localProps.value === null || localProps.value === void 0)
+  );
+  const selectClass = createMemo(
+    () => classes(
+      selectVariants(variantProps),
+      variantProps.class,
+      selectPaddingClass
+    )
+  );
+  return <div class={wrapperClass}>
+      <select
+    class={selectClass()}
+    size={localProps.nativeSize}
+    value={localProps.value}
+    onChange={localProps.onChange}
+    onFocus={localProps.onFocus}
+    onBlur={localProps.onBlur}
+    {...otherProps}
+  >
+        <Show when={localProps.placeholder && empty()}>
+          <option value="" disabled hidden>
+            {localProps.placeholder}
+          </option>
+        </Show>
+        {props.children}
+      </select>
+
+      <Show when={variantProps.loading}>
+        <SpinnerIcon_default
+    class={`${spinnerIconBaseClass} ${getSpinnerColor(
+      variantProps.color
+    )}`}
+  />
+      </Show>
+
+      <Show when={!variantProps.loading}>
+        <CaretDownIcon_default
+    class={`${caretIconBaseClass} ${getIconColor(variantProps.color)}`}
+  />
+      </Show>
+    </div>;
+};
+var Select_default = Select;
+
+// src/components/select/index.ts
+var select_default = Select_default;
+
+export {
+  select_default
+};

package/dist/chunk/FNXIOJJY.js

@@ -0,0 +1,156 @@
+import { cva } from './HKS7ET6T.js';
+import { delegateEvents, createComponent, template, className, insert, addEventListener, effect, setAttribute } from 'solid-js/web';
+import { Show, mergeProps, splitProps, createSignal } from 'solid-js';
+
+// src/components/input/Input.styles.ts
+var inputWrapperClass = "relative flex items-center";
+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: ""
+      },
+      hasLeftIcon: {
+        true: "pl-10",
+        false: "pl-4"
+      },
+      hasRightIcon: {
+        true: "pr-10",
+        false: "pr-4"
+      }
+    },
+    defaultVariants: {
+      color: void 0,
+      rounded: false,
+      expanded: true,
+      loading: false,
+      hasLeftIcon: false,
+      hasRightIcon: false
+    }
+  }
+);
+var iconLeftClass = "absolute left-3 top-1/2 -translate-y-1/2 pointer-events-none text-gray-400";
+var iconRightClass = "absolute right-3 top-1/2 -translate-y-1/2 text-gray-400";
+var iconButtonClass = "absolute right-3 top-1/2 -translate-y-1/2 text-gray-500";
+var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="64 64 896 896"tabIndex=-1 width=1em height=1em fill=currentColor aria-hidden=true><path d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"></path><path d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z">`);
+var _tmpl$2 = /* @__PURE__ */ template(`<svg viewBox="64 64 896 896"tabIndex=-1 width=1em height=1em fill=currentColor aria-hidden=true><path d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z">`);
+var EyeIcon = (props) => {
+  return createComponent(Show, {
+    get when() {
+      return props.invisible;
+    },
+    get fallback() {
+      return createComponent(EyeOpen, {});
+    },
+    get children() {
+      return createComponent(EyeInvisible, {});
+    }
+  });
+};
+var EyeInvisible = () => _tmpl$();
+var EyeOpen = () => _tmpl$2();
+var EyeIcon_default = EyeIcon;
+
+// src/components/input/Input.tsx
+var _tmpl$3 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$22 = /* @__PURE__ */ template(`<button type=button>`);
+var _tmpl$32 = /* @__PURE__ */ template(`<div><input>`);
+var Input = (props) => {
+  const defaultedProps = mergeProps({
+    type: "text"
+  }, props);
+  const [localProps, variantProps, otherProps] = splitProps(defaultedProps, ["type", "passwordReveal", "leftIcon", "rightIcon", "class", "value", "onInput", "placeholder", "name"], ["color", "rounded", "expanded", "loading", "hasLeftIcon", "hasRightIcon"]);
+  const [showPassword, setShowPassword] = createSignal(false);
+  const resolvedType = () => localProps.passwordReveal && showPassword() ? "text" : localProps.type ?? "text";
+  const inputClass = inputVariants({
+    ...variantProps,
+    hasLeftIcon: !!localProps.leftIcon,
+    hasRightIcon: !!(localProps.rightIcon || localProps.passwordReveal),
+    class: localProps.class
+  });
+  return (() => {
+    var _el$ = _tmpl$32(), _el$3 = _el$.firstChild;
+    className(_el$, inputWrapperClass);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return localProps.leftIcon;
+      },
+      get children() {
+        var _el$2 = _tmpl$3();
+        className(_el$2, iconLeftClass);
+        insert(_el$2, () => localProps.leftIcon);
+        return _el$2;
+      }
+    }), _el$3);
+    addEventListener(_el$3, "input", localProps.onInput, true);
+    className(_el$3, inputClass);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return localProps.passwordReveal && !localProps.rightIcon;
+      },
+      get children() {
+        var _el$4 = _tmpl$22();
+        _el$4.$$click = () => setShowPassword((p) => !p);
+        className(_el$4, iconButtonClass);
+        insert(_el$4, createComponent(EyeIcon_default, {
+          get invisible() {
+            return showPassword();
+          }
+        }));
+        return _el$4;
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return localProps.rightIcon && !localProps.passwordReveal;
+      },
+      get children() {
+        var _el$5 = _tmpl$3();
+        className(_el$5, iconRightClass);
+        insert(_el$5, () => localProps.rightIcon);
+        return _el$5;
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$ = resolvedType(), _v$2 = variantProps.color === "danger" ? "true" : void 0, _v$3 = localProps.placeholder, _v$4 = localProps.name;
+      _v$ !== _p$.e && setAttribute(_el$3, "type", _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$3, "aria-invalid", _p$.t = _v$2);
+      _v$3 !== _p$.a && setAttribute(_el$3, "placeholder", _p$.a = _v$3);
+      _v$4 !== _p$.o && setAttribute(_el$3, "name", _p$.o = _v$4);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0,
+      o: void 0
+    });
+    effect(() => _el$3.value = localProps.value);
+    return _el$;
+  })();
+};
+var Input_default = Input;
+delegateEvents(["input", "click"]);
+
+// src/components/input/index.ts
+var input_default = Input_default;
+
+export { EyeIcon_default, input_default };

package/dist/chunk/OMRJVDZV.js

@@ -0,0 +1,173 @@
+import { cva, classes } from './HKS7ET6T.js';
+import { template, className, spread, mergeProps, insert, createComponent, memo, effect, setAttribute } from 'solid-js/web';
+import { splitProps, createMemo, untrack, Show } from 'solid-js';
+
+// src/components/select/Select.styles.ts
+var selectVariants = cva(
+  [
+    "flex items-center appearance-none",
+    "border outline-none",
+    "transition bg-white text-gray-700",
+    "disabled:opacity-50 disabled:cursor-not-allowed",
+    "pl-3"
+    // margen izquierdo por defecto
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm py-1 px-2",
+        md: "text-base py-2 px-3",
+        lg: "text-lg py-2 px-4"
+      },
+      color: {
+        primary: "border border-gray-300 focus:border-primary",
+        info: "border border-blue-500 focus:border-blue-600",
+        success: "border border-green-500 focus:border-green-600",
+        warning: "border border-yellow-500 focus:border-yellow-600",
+        danger: "border border-red-500 focus:border-red-600"
+      },
+      loading: {
+        true: "cursor-wait opacity-75",
+        false: ""
+      },
+      expanded: {
+        true: "w-full",
+        false: "w-fit"
+      },
+      rounded: {
+        true: "rounded",
+        false: "rounded-none"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "primary",
+      loading: false,
+      expanded: false,
+      rounded: false
+    }
+  }
+);
+var wrapperClass = "relative w-full group cursor-pointer";
+var selectPaddingClass = "w-full pr-8";
+var caretIconBaseClass = "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 pointer-events-none transition-colors";
+var spinnerIconBaseClass = "absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin pointer-events-none";
+var getIconColor = (color) => {
+  switch (color) {
+    case "success":
+      return "text-green-500 group-hover:text-green-600";
+    case "danger":
+      return "text-red-500 group-hover:text-red-600";
+    case "warning":
+      return "text-yellow-500 group-hover:text-yellow-600";
+    case "info":
+      return "text-blue-500 group-hover:text-blue-600";
+    case "primary":
+    default:
+      return "text-gray-500 group-hover:text-gray-700";
+  }
+};
+var getSpinnerColor = (color) => {
+  switch (color) {
+    case "success":
+      return "text-green-500";
+    case "danger":
+      return "text-red-500";
+    case "warning":
+      return "text-yellow-500";
+    case "info":
+      return "text-blue-500";
+    case "primary":
+    default:
+      return "text-gray-500";
+  }
+};
+var _tmpl$ = /* @__PURE__ */ template(`<svg fill=none stroke=currentColor stroke-width=2 viewBox="0 0 24 24"><path d="M6 9l6 6 6-6">`);
+var CaretDownIcon = (props) => (() => {
+  var _el$ = _tmpl$();
+  effect(() => setAttribute(_el$, "class", `${caretIconBaseClass} ${props.class ?? ""}`));
+  return _el$;
+})();
+var CaretDownIcon_default = CaretDownIcon;
+var _tmpl$2 = /* @__PURE__ */ template(`<svg xmlns=http://www.w3.org/2000/svg fill=none viewBox="0 0 24 24"stroke-width=2><circle class=opacity-25 cx=12 cy=12 r=10 stroke=currentColor></circle><path class=opacity-75 fill=currentColor d="M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z">`);
+var SpinnerIcon = (props) => (() => {
+  var _el$ = _tmpl$2();
+  effect(() => setAttribute(_el$, "class", `${spinnerIconBaseClass} ${props.class ?? ""}`));
+  return _el$;
+})();
+var SpinnerIcon_default = SpinnerIcon;
+
+// src/components/select/Select.tsx
+var _tmpl$3 = /* @__PURE__ */ template(`<option value disabled hidden>`);
+var _tmpl$22 = /* @__PURE__ */ template(`<div><select>`);
+var Select = (props) => {
+  const [localProps, variantProps, otherProps] = splitProps(props, ["placeholder", "value", "nativeSize", "onChange", "onFocus", "onBlur"], ["class", ...selectVariants.variantKeys]);
+  const empty = createMemo(() => untrack(() => localProps.value === null || localProps.value === void 0));
+  const selectClass = createMemo(() => classes(selectVariants(variantProps), variantProps.class, selectPaddingClass));
+  return (() => {
+    var _el$ = _tmpl$22(), _el$2 = _el$.firstChild;
+    className(_el$, wrapperClass);
+    spread(_el$2, mergeProps({
+      get ["class"]() {
+        return selectClass();
+      },
+      get size() {
+        return localProps.nativeSize;
+      },
+      get value() {
+        return localProps.value;
+      },
+      get onChange() {
+        return localProps.onChange;
+      },
+      get onFocus() {
+        return localProps.onFocus;
+      },
+      get onBlur() {
+        return localProps.onBlur;
+      }
+    }, otherProps), false, true);
+    insert(_el$2, createComponent(Show, {
+      get when() {
+        return memo(() => !!localProps.placeholder)() && empty();
+      },
+      get children() {
+        var _el$3 = _tmpl$3();
+        insert(_el$3, () => localProps.placeholder);
+        return _el$3;
+      }
+    }), null);
+    insert(_el$2, () => props.children, null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return variantProps.loading;
+      },
+      get children() {
+        return createComponent(SpinnerIcon_default, {
+          get ["class"]() {
+            return `${spinnerIconBaseClass} ${getSpinnerColor(variantProps.color)}`;
+          }
+        });
+      }
+    }), null);
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return !variantProps.loading;
+      },
+      get children() {
+        return createComponent(CaretDownIcon_default, {
+          get ["class"]() {
+            return `${caretIconBaseClass} ${getIconColor(variantProps.color)}`;
+          }
+        });
+      }
+    }), null);
+    return _el$;
+  })();
+};
+var Select_default = Select;
+
+// src/components/select/index.ts
+var select_default = Select_default;
+
+export { select_default };

package/dist/chunk/VLJEQN2A.js

@@ -0,0 +1,130 @@
+import { cva } from './HKS7ET6T.js';
+import { template, use, className, spread, mergeProps, insert, createComponent, memo, effect, setAttribute } from 'solid-js/web';
+import { splitProps, createSignal, Show, untrack } from 'solid-js';
+
+// src/components/checkbox/Checkbox.styles.ts
+var checkboxVariants = cva(
+  [
+    "relative inline-flex items-center gap-2 select-none",
+    "cursor-pointer disabled:cursor-default peer-disabled:cursor-default",
+    "peer-disabled:opacity-50"
+  ],
+  {
+    variants: {
+      size: {
+        sm: "text-sm",
+        md: "text-base",
+        lg: "text-lg"
+      },
+      color: {
+        primary: "text-blue-600",
+        success: "text-green-600",
+        warning: "text-yellow-600",
+        danger: "text-red-600"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      color: "primary"
+    }
+  }
+);
+var checkboxMarkerVariants = cva([
+  "inline-flex items-center justify-center w-5 h-5 rounded-sm border",
+  "transition-colors duration-200",
+  "border-gray-400 text-gray-800 dark:text-gray-200",
+  "peer-disabled:opacity-50"
+]);
+var checkboxInputClass = "peer absolute opacity-0 w-4 h-4";
+var checkboxLabelClass = "ml-2 text-gray-800 dark:text-gray-200";
+var _tmpl$ = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-3.5 h-3.5"><polyline points="20 6 9 17 4 12">`);
+var CheckIcon = () => _tmpl$();
+var CheckIcon_default = CheckIcon;
+var _tmpl$2 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=3 stroke-linecap=round stroke-linejoin=round class="w-3.5 h-3.5"><line x1=5 y1=12 x2=19 y2=12>`);
+var MinusIcon = () => _tmpl$2();
+var MinusIcon_default = MinusIcon;
+
+// src/components/checkbox/Checkbox.tsx
+var _tmpl$3 = /* @__PURE__ */ template(`<span>`);
+var _tmpl$22 = /* @__PURE__ */ template(`<label role=checkbox><input type=checkbox aria-hidden=true><span>`);
+var Checkbox = (props) => {
+  const [localProps, variantProps, otherProps] = splitProps(props, ["label", "indeterminate", "defaultChecked", "checked", "onChange", "onFocus", "onBlur", "disabled"], ["class", ...checkboxVariants.variantKeys]);
+  const [status, setStatus] = createSignal(localProps.indeterminate ? "indeterminate" : localProps.defaultChecked ? "checked" : "unchecked");
+  const handleChange = (e) => {
+    const input = e.currentTarget;
+    if (input.indeterminate) {
+      input.indeterminate = false;
+      input.checked = true;
+      setStatus("checked");
+    } else {
+      setStatus(input.checked ? "checked" : "unchecked");
+    }
+    untrack(() => {
+      if (typeof localProps.onChange === "function") {
+        localProps.onChange(e);
+      }
+    });
+  };
+  return (() => {
+    var _el$ = _tmpl$22(), _el$2 = _el$.firstChild, _el$3 = _el$2.nextSibling;
+    use((el) => {
+      if (status() === "indeterminate") {
+        el.indeterminate = true;
+      }
+    }, _el$2);
+    className(_el$2, checkboxInputClass);
+    spread(_el$2, mergeProps({
+      get checked() {
+        return status() === "checked";
+      },
+      get disabled() {
+        return localProps.disabled;
+      }
+    }, otherProps, {
+      "onChange": handleChange,
+      get onFocus() {
+        return localProps.onFocus;
+      },
+      get onBlur() {
+        return localProps.onBlur;
+      }
+    }), false, false);
+    insert(_el$3, createComponent(Show, {
+      get when() {
+        return status() !== "unchecked";
+      },
+      get children() {
+        return memo(() => status() === "indeterminate")() ? createComponent(MinusIcon_default, {}) : createComponent(CheckIcon_default, {});
+      }
+    }));
+    insert(_el$, createComponent(Show, {
+      get when() {
+        return localProps.label;
+      },
+      get children() {
+        var _el$4 = _tmpl$3();
+        className(_el$4, checkboxLabelClass);
+        insert(_el$4, () => localProps.label);
+        return _el$4;
+      }
+    }), null);
+    effect((_p$) => {
+      var _v$ = checkboxVariants(), _v$2 = status() === "indeterminate" ? "mixed" : status() === "checked", _v$3 = checkboxMarkerVariants();
+      _v$ !== _p$.e && className(_el$, _p$.e = _v$);
+      _v$2 !== _p$.t && setAttribute(_el$, "aria-checked", _p$.t = _v$2);
+      _v$3 !== _p$.a && className(_el$3, _p$.a = _v$3);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0,
+      a: void 0
+    });
+    return _el$;
+  })();
+};
+var Checkbox_default = Checkbox;
+
+// src/components/checkbox/index.ts
+var checkbox_default = Checkbox_default;
+
+export { checkbox_default };

package/dist/chunk/{DNTGSCVF.jsx → YM2NLFQE.jsx}

@@ -85,7 +85,7 @@ var Tooltip = (props) => {
       "pointer-events": "none"
     }}
   >
-          {local.label}
+          {variantProps.multilined ? local.label.split("\n").map((line, index) => <div class="block">{line}</div>) : local.label}
         </span>
       </Show>
     </span>;