@pathscale/ui 0.0.11 → 0.0.13

package/dist/chunk/MMTAND25.jsx

@@ -1,126 +0,0 @@
-import {
-  cva
-} from "./P7WPLZNA.jsx";
-
-// src/components/breadcrumb/Breadcrumb.tsx
-import {
-  splitProps,
-  children,
-  createMemo,
-  untrack
-} from "solid-js";
-
-// src/components/breadcrumb/Breadcrumb.styles.ts
-var breadcrumbContainerVariants = cva(
-  ["flex", "items-center", "gap-2", "text-sm"],
-  {
-    variants: {
-      alignment: {
-        left: "justify-start",
-        center: "justify-center",
-        right: "justify-end"
-      },
-      size: {
-        sm: "text-xs gap-1",
-        md: "text-sm gap-2",
-        lg: "text-base gap-3"
-      },
-      separator: {
-        arrow: "breadcrumb-arrow",
-        dot: "breadcrumb-dot",
-        bullet: "breadcrumb-bullet",
-        succeeds: "breadcrumb-succeeds"
-      }
-    },
-    defaultVariants: {
-      alignment: "left",
-      size: "md"
-    }
-  }
-);
-var breadcrumbItemVariants = cva(
-  ["text-gray-600", "dark:text-gray-300"],
-  {
-    variants: {
-      active: {
-        true: "text-blue-600 font-semibold cursor-default",
-        false: "hover:underline"
-      }
-    },
-    defaultVariants: {
-      active: false
-    }
-  }
-);
-
-// src/components/breadcrumb/Breadcrumb.tsx
-var separatorMap = {
-  arrow: "\u2192",
-  dot: "\xB7",
-  bullet: "\u2022",
-  succeeds: "\xBB"
-};
-var Breadcrumb = (props) => {
-  const [local, variantProps, otherProps] = splitProps(
-    props,
-    ["children"],
-    ["alignment", "size", "separator"]
-  );
-  const resolvedChildren = children(() => local.children);
-  const items = createMemo(() => resolvedChildren.toArray());
-  const separator = createMemo(
-    () => untrack(() => {
-      const sep = variantProps.separator;
-      return sep && separatorMap[sep] ? separatorMap[sep] : "/";
-    })
-  );
-  const containerClasses = createMemo(
-    () => breadcrumbContainerVariants(variantProps)
-  );
-  const renderItems = createMemo(() => {
-    return items().reduce((acc, item, idx) => {
-      if (idx > 0) {
-        acc.push(
-          <li class="text-gray-400 select-none" aria-hidden="true">
-            {separator()}
-          </li>
-        );
-      }
-      acc.push(
-        <li>
-          <span aria-current={idx === items().length - 1 ? "page" : void 0}>
-            {item}
-          </span>
-        </li>
-      );
-      return acc;
-    }, []);
-  });
-  return <nav class={containerClasses()} aria-label="Breadcrumb" {...otherProps}>
-      <ol class="flex items-center flex-wrap gap-1">{renderItems()}</ol>
-    </nav>;
-};
-var Breadcrumb_default = Breadcrumb;
-
-// src/components/breadcrumb/BreadcrumbItem.tsx
-import { splitProps as splitProps2 } from "solid-js";
-var BreadcrumbItem = (props) => {
-  const [local, variantProps] = splitProps2(
-    props,
-    ["children", "href", "active"],
-    ["active"]
-  );
-  return <li class="flex items-center gap-1">
-      {local.href && !local.active ? <a href={local.href} class={breadcrumbItemVariants(variantProps)}>
-          {local.children}
-        </a> : <span class={breadcrumbItemVariants({ active: true })}>
-          {local.children}
-        </span>}
-    </li>;
-};
-var BreadcrumbItem_default = BreadcrumbItem;
-
-export {
-  Breadcrumb_default,
-  BreadcrumbItem_default
-};

package/dist/chunk/NZKPDBTE.js

@@ -1,118 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, template, addEventListener, spread, mergeProps, memo, insert, createComponent, effect, className, setAttribute } from 'solid-js/web';
-import { splitProps, createSignal, Show } from 'solid-js';
-
-// src/components/accordion/Accordion.styles.ts
-var accordionContainerVariants = cva(
-  ["w-full border rounded transition-colors", "bg-white dark:bg-gray-800"],
-  {
-    variants: {
-      expanded: {
-        true: "border-blue-500",
-        false: "border-gray-300 dark:border-gray-600"
-      },
-      disabled: {
-        true: "opacity-50 cursor-not-allowed",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      expanded: false,
-      disabled: false
-    }
-  }
-);
-var accordionHeaderVariants = cva(
-  [
-    "w-full text-left px-4 py-2 flex items-center justify-between cursor-pointer",
-    "transition-colors duration-200"
-  ],
-  {
-    variants: {
-      headerIsTrigger: {
-        true: "hover:bg-gray-100 dark:hover:bg-gray-700",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      headerIsTrigger: true
-    }
-  }
-);
-var accordionContentVariants = cva(
-  "px-4 py-2 border-t border-gray-200 dark:border-gray-700"
-);
-
-// src/components/accordion/Accordion.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<div>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<div><div>`);
-var Accordion = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["expanded", "disabled", "headerIsTrigger", "header", "content"], ["expanded", "disabled"]);
-  const [isOpen, setIsOpen] = createSignal(local.expanded ?? false);
-  const handleToggle = () => {
-    if (!local.disabled) setIsOpen((prev) => !prev);
-  };
-  const handleKeyDown = local.headerIsTrigger ? (e) => {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault();
-      handleToggle();
-    }
-  } : void 0;
-  return (() => {
-    var _el$ = _tmpl$2(), _el$2 = _el$.firstChild;
-    addEventListener(_el$, "keydown", handleKeyDown, true);
-    spread(_el$, mergeProps({
-      get ["class"]() {
-        return accordionContainerVariants({
-          ...variantProps,
-          expanded: isOpen(),
-          disabled: local.disabled
-        });
-      },
-      get role() {
-        return local.headerIsTrigger ? "button" : void 0;
-      },
-      get tabindex() {
-        return local.headerIsTrigger ? "0" : void 0;
-      },
-      get ["aria-expanded"]() {
-        return memo(() => !!local.headerIsTrigger)() ? isOpen() : void 0;
-      },
-      get ["aria-disabled"]() {
-        return local.disabled;
-      }
-    }, otherProps), false, true);
-    addEventListener(_el$2, "click", local.headerIsTrigger ? handleToggle : void 0, true);
-    insert(_el$2, () => local.header);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return isOpen();
-      },
-      get children() {
-        var _el$3 = _tmpl$();
-        insert(_el$3, () => local.content);
-        effect(() => className(_el$3, accordionContentVariants()));
-        return _el$3;
-      }
-    }), null);
-    effect((_p$) => {
-      var _v$ = accordionHeaderVariants({
-        headerIsTrigger: local.headerIsTrigger
-      }), _v$2 = local.headerIsTrigger ? "button" : void 0;
-      _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-      _v$2 !== _p$.t && setAttribute(_el$2, "role", _p$.t = _v$2);
-      return _p$;
-    }, {
-      e: void 0,
-      t: void 0
-    });
-    return _el$;
-  })();
-};
-var Accordion_default = Accordion;
-delegateEvents(["keydown", "click"]);
-
-// src/components/accordion/index.ts
-var accordion_default = Accordion_default;
-
-export { accordion_default };

package/dist/chunk/O2IMHWMY.js

@@ -1,159 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { delegateEvents, createComponent, template, className, insert, spread, mergeProps as mergeProps$1 } 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",
-    placeholder: ""
-  }, props);
-  const [localProps, variantProps, otherProps] = splitProps(defaultedProps, ["type", "passwordReveal", "leftIcon", "rightIcon", "class", "value", "onInput", "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);
-    className(_el$3, inputClass);
-    spread(_el$3, mergeProps$1({
-      get type() {
-        return resolvedType();
-      },
-      get ["aria-invalid"]() {
-        return variantProps.color === "danger" ? "true" : void 0;
-      },
-      get value() {
-        return localProps.value;
-      },
-      get onInput() {
-        return localProps.onInput;
-      },
-      get name() {
-        return localProps.name;
-      }
-    }, otherProps), false, false);
-    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);
-    return _el$;
-  })();
-};
-var Input_default = Input;
-delegateEvents(["click"]);
-
-// src/components/input/index.ts
-var input_default = Input_default;
-
-export { EyeIcon_default, input_default };

package/dist/chunk/OMRJVDZV.js

@@ -1,173 +0,0 @@
-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/OYAKKETQ.js

@@ -1,111 +0,0 @@
-import { cva } from './HKS7ET6T.js';
-import { template, spread, insert, createComponent, memo, effect, className } from 'solid-js/web';
-import { splitProps, Show } from 'solid-js';
-
-// src/components/tooltip/Tooltip.styles.ts
-var tooltipVariants = cva(
-  [
-    "absolute z-10 px-3 py-1 text-white text-sm",
-    "opacity-0 group-hover:opacity-100",
-    "pointer-events-none transition-opacity duration-200",
-    "max-w-xs break-words",
-    "after:content-[''] after:absolute after:w-2 after:h-2 after:rotate-45 after:bg-inherit"
-  ].join(" "),
-  {
-    variants: {
-      type: {
-        info: "bg-blue-500",
-        success: "bg-green-500",
-        warning: "bg-yellow-500",
-        danger: "bg-red-500",
-        primary: "bg-indigo-500",
-        gray: "bg-gray-700"
-      },
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      rounded: {
-        true: "rounded",
-        false: "rounded-none"
-      },
-      dashed: {
-        true: "border border-white border-dashed",
-        false: ""
-      },
-      multilined: {
-        true: "whitespace-pre-wrap",
-        false: "whitespace-nowrap overflow-hidden text-ellipsis"
-      },
-      animated: {
-        true: "transition-opacity duration-300 ease-in-out",
-        false: ""
-      },
-      position: {
-        top: "bottom-full left-1/2 -translate-x-1/2 mb-1 after:top-full after:left-1/2 after:-translate-x-1/2 after:-mt-1",
-        bottom: "top-full left-1/2 -translate-x-1/2 mt-1 after:bottom-full after:left-1/2 after:-translate-x-1/2 after:-mb-1",
-        left: "right-full top-1/2 -translate-y-1/2 mr-1 after:left-full after:top-1/2 after:-translate-y-1/2 after:-ml-1",
-        right: "left-full top-1/2 -translate-y-1/2 ml-1 after:right-full after:top-1/2 after:-translate-y-1/2 after:-mr-1"
-      }
-    },
-    defaultVariants: {
-      type: "primary",
-      size: "md",
-      rounded: true,
-      dashed: false,
-      multilined: false,
-      animated: true,
-      position: "top"
-    }
-  }
-);
-
-// src/components/tooltip/Tooltip.tsx
-var _tmpl$ = /* @__PURE__ */ template(`<span>`);
-var _tmpl$2 = /* @__PURE__ */ template(`<span class="relative inline-block group">`);
-var _tmpl$3 = /* @__PURE__ */ template(`<div class=block>`);
-var Tooltip = (props) => {
-  const [local, variantProps, otherProps] = splitProps(props, ["label", "delay", "always", "children"], ["type", "size", "position", "rounded", "dashed", "multilined", "animated"]);
-  return (() => {
-    var _el$ = _tmpl$2();
-    spread(_el$, otherProps, false, true);
-    insert(_el$, () => local.children, null);
-    insert(_el$, createComponent(Show, {
-      get when() {
-        return local.label;
-      },
-      get children() {
-        var _el$2 = _tmpl$();
-        _el$2.style.setProperty("pointer-events", "none");
-        insert(_el$2, (() => {
-          var _c$ = memo(() => !!variantProps.multilined);
-          return () => _c$() ? local.label.split("\n").map((line, index) => (() => {
-            var _el$3 = _tmpl$3();
-            insert(_el$3, line);
-            return _el$3;
-          })()) : local.label;
-        })());
-        effect((_p$) => {
-          var _v$ = tooltipVariants(variantProps), _v$2 = `${local.delay ?? 0}ms`, _v$3 = local.always ? 1 : void 0;
-          _v$ !== _p$.e && className(_el$2, _p$.e = _v$);
-          _v$2 !== _p$.t && ((_p$.t = _v$2) != null ? _el$2.style.setProperty("transition-delay", _v$2) : _el$2.style.removeProperty("transition-delay"));
-          _v$3 !== _p$.a && ((_p$.a = _v$3) != null ? _el$2.style.setProperty("opacity", _v$3) : _el$2.style.removeProperty("opacity"));
-          return _p$;
-        }, {
-          e: void 0,
-          t: void 0,
-          a: void 0
-        });
-        return _el$2;
-      }
-    }), null);
-    return _el$;
-  })();
-};
-var Tooltip_default = Tooltip;
-
-// src/components/tooltip/index.ts
-var tooltip_default = Tooltip_default;
-
-export { tooltip_default };