@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/chunk-TTDBR2B4.mjs

@@ -1,340 +0,0 @@
-import { MenuContextKey } from './chunk-3AM6WEUE.mjs';
-import { defineComponent, inject, computed, ref, h, Transition, isVNode, cloneVNode, nextTick } from 'vue';
-import { isKeyOpen, classNames, getSubMenuTitleClasses, coerceClassValue, mergeStyleValues, submenuContentHorizontalClasses, submenuContentHorizontalNestedClasses, submenuContentPopupClasses, submenuContentInlineClasses, submenuContentVerticalClasses, getSubmenuPopupZIndex, getMenuItemIndent, menuItemIconClasses, getSubMenuExpandIconClasses, moveFocusInMenu, focusMenuEdge, focusFirstChildItem } from '@expcat/tigercat-core';
-
-var ExpandIcon = (expanded) => {
-  return h(
-    "svg",
-    {
-      class: getSubMenuExpandIconClasses(expanded),
-      width: "12",
-      height: "12",
-      viewBox: "0 0 12 12",
-      fill: "currentColor"
-    },
-    [
-      h("path", {
-        d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z"
-      })
-    ]
-  );
-};
-var SubMenu = defineComponent({
-  name: "TigerSubMenu",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Unique key for the submenu
-     */
-    itemKey: {
-      type: [String, Number],
-      required: true
-    },
-    /**
-     * Submenu title
-     */
-    title: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Icon for the submenu
-     */
-    icon: {
-      type: [String, Object]
-    },
-    /**
-     * Whether the submenu is disabled
-     */
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Nesting level (internal use for indentation)
-     */
-    level: {
-      type: Number,
-      default: 0
-    },
-    collapsed: {
-      type: Boolean,
-      default: void 0
-    },
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const menuContext = inject(MenuContextKey);
-    if (!menuContext) {
-      console.warn("SubMenu must be used within Menu component");
-    }
-    const isOpen = computed(() => {
-      if (!menuContext) return false;
-      return isKeyOpen(props.itemKey, menuContext.openKeys.value);
-    });
-    const isHovered = ref(false);
-    const isOpenByKeyboard = ref(false);
-    const effectiveCollapsed = computed(() => {
-      return props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
-    });
-    const isPopup = computed(() => {
-      if (!menuContext) return false;
-      if (menuContext.mode.value === "horizontal") return true;
-      return menuContext.mode.value === "vertical" && effectiveCollapsed.value;
-    });
-    const isExpanded = computed(() => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
-        return isHovered.value || isOpenByKeyboard.value;
-      }
-      return isOpen.value;
-    });
-    const titleClasses = computed(() => {
-      if (!menuContext) return "";
-      return classNames(
-        getSubMenuTitleClasses(menuContext.theme.value, props.disabled),
-        props.className,
-        coerceClassValue(attrs.class)
-      );
-    });
-    const titleStyle = computed(() => mergeStyleValues(attrs.style, props.style, indentStyle.value));
-    const passthroughAttrs = computed(() => {
-      const { class: _class, style: _style, ...rest } = attrs;
-      return rest;
-    });
-    const contentClasses = computed(() => {
-      if (!menuContext) return "";
-      if (menuContext.mode.value === "horizontal") {
-        return props.level === 0 ? submenuContentHorizontalClasses : submenuContentHorizontalNestedClasses;
-      }
-      if (isPopup.value) return submenuContentPopupClasses;
-      if (menuContext.mode.value === "inline") return submenuContentInlineClasses;
-      return submenuContentVerticalClasses;
-    });
-    const popupZIndex = computed(() => isPopup.value ? getSubmenuPopupZIndex(props.level) : {});
-    const handleTitleClick = () => {
-      if (!menuContext || props.disabled) return;
-      if (menuContext.mode.value === "horizontal") return;
-      if (isPopup.value) {
-        isOpenByKeyboard.value = !isOpenByKeyboard.value;
-        isHovered.value = true;
-        return;
-      }
-      menuContext.handleOpenChange(props.itemKey);
-    };
-    const focusFirstChild = async () => {
-      await nextTick();
-      const titleEl = document.activeElement;
-      if (titleEl) focusFirstChildItem(titleEl);
-    };
-    const handleTitleKeyDown = async (event) => {
-      if (!menuContext || props.disabled) return;
-      const current = event.currentTarget;
-      const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
-      const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
-      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
-      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
-      if (event.key === nextKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, 1);
-        return;
-      }
-      if (event.key === prevKey) {
-        event.preventDefault();
-        moveFocusInMenu(current, -1);
-        return;
-      }
-      if (event.key === "Home") {
-        event.preventDefault();
-        focusMenuEdge(current, "start");
-        return;
-      }
-      if (event.key === "End") {
-        event.preventDefault();
-        focusMenuEdge(current, "end");
-        return;
-      }
-      if (event.key === "Escape" || event.key === "ArrowLeft") {
-        if (menuContext.mode.value === "horizontal" || isPopup.value) {
-          event.preventDefault();
-          isOpenByKeyboard.value = false;
-          isHovered.value = false;
-          return;
-        }
-        if (isOpen.value) {
-          event.preventDefault();
-          menuContext.handleOpenChange(props.itemKey);
-        }
-        return;
-      }
-      if (event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        if (menuContext.mode.value === "horizontal" || isPopup.value) {
-          isOpenByKeyboard.value = true;
-          return;
-        }
-        menuContext.handleOpenChange(props.itemKey);
-        await focusFirstChild();
-        return;
-      }
-      if (event.key === "ArrowRight" || event.key === "ArrowDown") {
-        if (menuContext.mode.value === "horizontal" || isPopup.value) {
-          event.preventDefault();
-          isOpenByKeyboard.value = true;
-          return;
-        }
-        if (!isOpen.value) {
-          event.preventDefault();
-          menuContext.handleOpenChange(props.itemKey);
-          await focusFirstChild();
-        }
-      }
-    };
-    const handleMouseEnter = () => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
-        isHovered.value = true;
-      }
-    };
-    const handleMouseLeave = () => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
-        isHovered.value = false;
-        isOpenByKeyboard.value = false;
-      }
-    };
-    const indentStyle = computed(() => {
-      if (!menuContext || menuContext.mode.value === "horizontal" || props.level === 0) {
-        return {};
-      }
-      return getMenuItemIndent(props.level, menuContext.inlineIndent.value);
-    });
-    const withChildLevel = (nodes) => {
-      if (!nodes || nodes.length === 0) return nodes;
-      const nextLevel = props.level + 1;
-      return nodes.map((node) => {
-        if (!isVNode(node)) return node;
-        const type = node.type;
-        const name = typeof type === "object" && type != null && "name" in type ? type.name : void 0;
-        const isTarget = name === "TigerMenuItem" || name === "TigerSubMenu" || name === "TigerMenuItemGroup";
-        if (!isTarget) return node;
-        const existingProps = node.props ?? {} ?? {};
-        const nextProps = {
-          level: existingProps.level ?? nextLevel
-        };
-        return cloneVNode(node, nextProps);
-      });
-    };
-    return () => {
-      if (!menuContext) return null;
-      const titleChildren = [];
-      if (props.icon) {
-        if (typeof props.icon === "string") {
-          titleChildren.push(
-            h("span", {
-              class: menuItemIconClasses,
-              innerHTML: props.icon
-            })
-          );
-        } else {
-          titleChildren.push(h("span", { class: menuItemIconClasses }, props.icon));
-        }
-      }
-      if (!effectiveCollapsed.value) {
-        titleChildren.push(h("span", { class: "flex-1" }, props.title));
-        if (menuContext.mode.value !== "horizontal" && !isPopup.value) {
-          titleChildren.push(ExpandIcon(isExpanded.value));
-        }
-      } else if (!props.icon) {
-        titleChildren.push(
-          h("span", { class: "flex-1 text-center" }, props.title.charAt(0).toUpperCase())
-        );
-      }
-      const titleNode = h(
-        "button",
-        {
-          type: "button",
-          class: titleClasses.value,
-          style: titleStyle.value,
-          onClick: handleTitleClick,
-          onKeydown: handleTitleKeyDown,
-          role: "menuitem",
-          "data-tiger-menuitem": "true",
-          "aria-expanded": isExpanded.value ? "true" : "false",
-          "aria-haspopup": "true",
-          "aria-disabled": props.disabled ? "true" : void 0,
-          disabled: props.disabled,
-          tabindex: -1,
-          ...passthroughAttrs.value
-        },
-        titleChildren
-      );
-      const contentNode = isPopup.value ? h(
-        "ul",
-        {
-          class: contentClasses.value,
-          style: {
-            display: isExpanded.value ? "block" : "none",
-            ...popupZIndex.value
-          },
-          role: "menu",
-          "aria-hidden": isExpanded.value ? void 0 : "true"
-        },
-        withChildLevel(slots.default?.())
-      ) : h(
-        Transition,
-        {
-          name: "submenu-collapse",
-          onEnter: (el) => {
-            const element = el;
-            element.style.height = "0";
-            void element.offsetHeight;
-            element.style.height = element.scrollHeight + "px";
-          },
-          onAfterEnter: (el) => {
-            const element = el;
-            element.style.height = "";
-          },
-          onLeave: (el) => {
-            const element = el;
-            element.style.height = element.scrollHeight + "px";
-            void element.offsetHeight;
-            element.style.height = "0";
-          },
-          onAfterLeave: (el) => {
-            const element = el;
-            element.style.height = "";
-          }
-        },
-        {
-          default: () => isExpanded.value ? h(
-            "ul",
-            {
-              class: contentClasses.value,
-              role: "menu"
-            },
-            withChildLevel(slots.default?.())
-          ) : null
-        }
-      );
-      return h(
-        "li",
-        {
-          class: isPopup.value ? "relative" : "",
-          onMouseenter: handleMouseEnter,
-          onMouseleave: handleMouseLeave,
-          role: "none"
-        },
-        [titleNode, contentNode]
-      );
-    };
-  }
-});
-var SubMenu_default = SubMenu;
-
-export { SubMenu, SubMenu_default };

package/dist/chunk-U6WHPSWN.mjs

@@ -1,83 +0,0 @@
-import { defineComponent, computed, provide, h } from 'vue';
-import { classNames, breadcrumbContainerClasses } from '@expcat/tigercat-core';
-
-// src/components/Breadcrumb.ts
-var BreadcrumbContextKey = /* @__PURE__ */ Symbol("BreadcrumbContext");
-var Breadcrumb = defineComponent({
-  name: "TigerBreadcrumb",
-  props: {
-    /**
-     * Custom separator between breadcrumb items
-     * @default '/'
-     */
-    separator: {
-      type: String,
-      default: "/"
-    },
-    /**
-     * Additional CSS classes
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Inline styles
-     */
-    style: {
-      type: Object,
-      default: void 0
-    },
-    /**
-     * Extra content aligned to the end of the breadcrumb
-     */
-    extra: {
-      type: null,
-      default: void 0
-    }
-  },
-  setup(props, { slots, attrs }) {
-    const extraContent = computed(() => {
-      const slotValue = slots.extra?.();
-      if (slotValue && slotValue.length > 0) return slotValue;
-      if (props.extra != null) return props.extra;
-      return null;
-    });
-    const containerClasses = computed(() => {
-      return classNames(breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
-    });
-    provide(BreadcrumbContextKey, {
-      separator: props.separator
-    });
-    return () => {
-      return h(
-        "nav",
-        {
-          "aria-label": "Breadcrumb",
-          ...attrs,
-          class: [containerClasses.value, attrs.class],
-          style: [props.style, attrs.style]
-        },
-        [
-          h(
-            "ol",
-            {
-              class: "flex items-center flex-wrap gap-2"
-            },
-            slots.default?.()
-          ),
-          extraContent.value ? h(
-            "div",
-            {
-              class: "ml-auto flex items-center"
-            },
-            extraContent.value
-          ) : null
-        ]
-      );
-    };
-  }
-});
-var Breadcrumb_default = Breadcrumb;
-
-export { Breadcrumb, BreadcrumbContextKey, Breadcrumb_default };

package/dist/chunk-U7CCKZAG.js

@@ -1,125 +0,0 @@
-'use strict';
-
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
-
-// src/components/Button.ts
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
-var LoadingSpinner = vue.h(
-  "svg",
-  {
-    class: "animate-spin h-4 w-4",
-    xmlns: "http://www.w3.org/2000/svg",
-    fill: "none",
-    viewBox: spinnerSvg.viewBox,
-    "aria-hidden": "true",
-    focusable: "false"
-  },
-  spinnerSvg.elements.map((el) => vue.h(el.type, tigercatCore.normalizeSvgAttrs(el.attrs)))
-);
-var Button = vue.defineComponent({
-  name: "TigerButton",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Button variant style
-     * @default 'primary'
-     */
-    variant: {
-      type: String,
-      default: "primary"
-    },
-    /**
-     * Button size
-     * @default 'md'
-     */
-    size: {
-      type: String,
-      default: "md"
-    },
-    /**
-     * Whether the button is disabled
-     */
-    disabled: Boolean,
-    /**
-     * Whether the button is in loading state
-     */
-    loading: Boolean,
-    /**
-     * Whether the button should take full width of its parent
-     */
-    block: Boolean,
-    /**
-     * Icon position relative to button text
-     * @default 'left'
-     */
-    iconPosition: {
-      type: String,
-      default: "left"
-    },
-    /**
-     * HTML button type
-     * @default 'button'
-     */
-    htmlType: {
-      type: String,
-      default: "button"
-    },
-    /**
-     * Whether to apply danger/destructive styling
-     */
-    danger: Boolean,
-    className: {
-      type: String,
-      default: void 0
-    },
-    style: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: ["click"],
-  setup(props, { slots, emit, attrs }) {
-    const buttonClasses = vue.computed(() => {
-      const variantClasses = props.danger ? tigercatCore.buttonDangerClasses[props.variant] ?? tigercatCore.buttonDangerClasses.primary : tigercatCore.getButtonVariantClasses(props.variant);
-      return tigercatCore.classNames(
-        tigercatCore.buttonBaseClasses,
-        variantClasses,
-        tigercatCore.buttonSizeClasses[props.size],
-        (props.disabled || props.loading) && tigercatCore.buttonDisabledClasses,
-        props.block && "w-full",
-        props.className,
-        tigercatCore.coerceClassValue(attrs.class)
-      );
-    });
-    const mergedStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    return () => {
-      const isDisabled = props.disabled || props.loading;
-      const iconIsRight = props.iconPosition === "right";
-      const loadingNode = props.loading ? vue.h(
-        "span",
-        { class: iconIsRight ? "ml-2 order-1" : "mr-2" },
-        slots["loading-icon"] ? slots["loading-icon"]() : LoadingSpinner
-      ) : null;
-      const iconNode = !props.loading && slots.icon ? vue.h("span", { class: iconIsRight ? "ml-2 order-1" : "mr-2" }, slots.icon()) : null;
-      return vue.h(
-        "button",
-        {
-          ...attrs,
-          class: buttonClasses.value,
-          style: mergedStyle.value,
-          "aria-busy": attrs["aria-busy"] ?? (props.loading ? "true" : void 0),
-          "aria-disabled": attrs["aria-disabled"] ?? (isDisabled ? "true" : void 0),
-          disabled: isDisabled,
-          type: props.htmlType,
-          onClick: isDisabled ? void 0 : (event) => emit("click", event)
-        },
-        [loadingNode, iconNode, slots.default?.()]
-      );
-    };
-  }
-});
-var Button_default = Button;
-
-exports.Button = Button;
-exports.Button_default = Button_default;