@expcat/tigercat-vue 1.2.47 → 1.3.0

package/dist/{chunk-CKXZONMO.js → chunk-72DDCIVL.js}

@@ -17,6 +17,14 @@ var Header = _vue.defineComponent.call(void 0, {
       type: String,
       default: void 0
     },
+    /**
+     * Header visual style.
+     * @default 'default'
+     */
+    variant: {
+      type: String,
+      default: "default"
+    },
     /**
      * Header height (CSS value)
      * @default '64px'
@@ -36,7 +44,7 @@ var Header = _vue.defineComponent.call(void 0, {
   setup(props, { slots, attrs }) {
     const headerClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.layoutHeaderClasses,
+        _tigercatcore.getLayoutHeaderClasses.call(void 0, props.variant),
         props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )

package/dist/{chunk-DMNOK6OP.js → chunk-7VHDBN6U.js}

@@ -3,7 +3,7 @@
 var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
 
-var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
 
@@ -403,7 +403,7 @@ var Modal = _vue.defineComponent.call(void 0, {
         slots.footer({ ok: handleOk, cancel: handleClose })
       ) : props.showDefaultFooter ? _vue.h.call(void 0, "div", { class: _tigercatcore.modalFooterClasses, "data-tiger-modal-footer": "" }, [
         _vue.h.call(void 0, 
-          _chunk4VLNT2EDjs.Button,
+          _chunkHA5QZ76Mjs.Button,
           { variant: "secondary", onClick: handleClose },
           {
             default: () => _tigercatcore.resolveLocaleText.call(void 0, 
@@ -416,7 +416,7 @@ var Modal = _vue.defineComponent.call(void 0, {
           }
         ),
         _vue.h.call(void 0, 
-          _chunk4VLNT2EDjs.Button,
+          _chunkHA5QZ76Mjs.Button,
           { onClick: handleOk },
           {
             default: () => _tigercatcore.resolveLocaleText.call(void 0, 

package/dist/{chunk-LFKY2QRD.mjs → chunk-7WQN5BYE.mjs}

@@ -65,7 +65,7 @@ var Form = defineComponent({
      */
     labelAlign: {
       type: String,
-      default: "right"
+      default: void 0
     },
     /**
      * Form size (applies to all form items)
@@ -371,6 +371,9 @@ var Form = defineComponent({
     };
     const canUndoNow = computed(() => props.undoable && canUndo(history.value));
     const canRedoNow = computed(() => props.undoable && canRedo(history.value));
+    const resolvedLabelAlign = computed(
+      () => props.labelAlign ?? (props.labelPosition === "top" ? "left" : "right")
+    );
     const handleSubmit = async (event) => {
       event.preventDefault();
       if (props.loading) return;
@@ -382,7 +385,7 @@ var Form = defineComponent({
       rules: props.rules,
       labelWidth: props.labelWidth,
       labelPosition: props.labelPosition,
-      labelAlign: props.labelAlign,
+      labelAlign: resolvedLabelAlign.value,
       size: props.size,
       inlineMessage: props.inlineMessage,
       showRequiredAsterisk: props.showRequiredAsterisk,

package/dist/{chunk-BGMAWKWV.js → chunk-AEOREYSJ.js}

@@ -550,7 +550,8 @@ var Select = _vue.defineComponent.call(void 0, {
             "aria-haspopup": "listbox",
             "aria-expanded": isOpen.value,
             "aria-controls": listboxId,
-            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0
+            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0,
+            "data-state": isOpen.value ? "open" : "closed"
           },
           [
             _vue.h.call(void 0, 

package/dist/{chunk-5TJI4HOT.js → chunk-AP42636I.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk7IVLFDZIjs = require('./chunk-7IVLFDZI.js');
+var _chunkUWZSTI3Ejs = require('./chunk-UWZSTI3E.js');
 
 // src/components/DropdownItem.ts
 var _vue = require('vue');
@@ -47,7 +47,7 @@ var DropdownItem = _vue.defineComponent.call(void 0, {
     const attrsRecord = attrs;
     const attrsClass = attrsRecord.class;
     const attrsStyle = attrsRecord.style;
-    const context = _vue.inject.call(void 0, _chunk7IVLFDZIjs.DropdownContextKey, null);
+    const context = _vue.inject.call(void 0, _chunkUWZSTI3Ejs.DropdownContextKey, null);
     const handleClick = (event) => {
       if (props.disabled) {
         event.preventDefault();

package/dist/{chunk-IGSAOYXD.mjs → chunk-BC74Z6IG.mjs}

@@ -3,7 +3,7 @@ import { defineComponent, h, computed } from "vue";
 import {
   classNames,
   coerceClassValue,
-  layoutHeaderClasses,
+  getLayoutHeaderClasses,
   mergeStyleValues
 } from "@expcat/tigercat-core";
 var Header = defineComponent({
@@ -17,6 +17,14 @@ var Header = defineComponent({
       type: String,
       default: void 0
     },
+    /**
+     * Header visual style.
+     * @default 'default'
+     */
+    variant: {
+      type: String,
+      default: "default"
+    },
     /**
      * Header height (CSS value)
      * @default '64px'
@@ -36,7 +44,7 @@ var Header = defineComponent({
   setup(props, { slots, attrs }) {
     const headerClasses = computed(
       () => classNames(
-        layoutHeaderClasses,
+        getLayoutHeaderClasses(props.variant),
         props.className,
         coerceClassValue(attrs.class)
       )

package/dist/{chunk-G36MH6G4.mjs → chunk-BH4AJQTL.mjs}

@@ -1,6 +1,6 @@
 import {
   FormContextKey
-} from "./chunk-LFKY2QRD.mjs";
+} from "./chunk-7WQN5BYE.mjs";
 
 // src/components/FormItem.ts
 import {

package/dist/{chunk-2KDSHEZT.js → chunk-BPAZBRCR.js}

@@ -14,6 +14,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var CloseIcon = () => _vue.h.call(void 0, 
   "svg",
@@ -109,6 +110,7 @@ var Tag = _vue.defineComponent.call(void 0, {
       }
     };
     return () => {
+      _tigercatcore.warnUnsupportedColorProp.call(void 0, "Tag", attrs);
       if (!isVisible.value) {
         return null;
       }

package/dist/{chunk-JKJ7HMFO.mjs → chunk-BWIHL7LK.mjs}

@@ -1,12 +1,12 @@
 import {
   Modal
-} from "./chunk-V2IDOR7Y.mjs";
+} from "./chunk-RNQOMMLM.mjs";
 import {
   ImageCropper
 } from "./chunk-DEJKRMMU.mjs";
 import {
   Button
-} from "./chunk-PO5GVU4Q.mjs";
+} from "./chunk-YZBQ6IR7.mjs";
 
 // src/components/CropUpload.ts
 import { defineComponent, h, ref, computed } from "vue";

package/dist/{chunk-WQXZ3234.mjs → chunk-DBCSR4WY.mjs}

@@ -9,6 +9,7 @@ import {
   iconSvgDefaultStrokeLinejoin,
   iconSvgDefaultStrokeWidth,
   iconWrapperClasses,
+  getIconDefinition,
   SVG_DEFAULT_FILL,
   SVG_DEFAULT_STROKE,
   SVG_DEFAULT_VIEWBOX_24,
@@ -18,6 +19,14 @@ var Icon = defineComponent({
   name: "TigerIcon",
   inheritAttrs: false,
   props: {
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+      type: String,
+      default: void 0
+    },
     /**
      * Icon size
      * @default 'md'
@@ -42,11 +51,26 @@ var Icon = defineComponent({
     const svgClasses = computed(() => classNames(iconSvgBaseClasses, iconSizeClasses[props.size]));
     return () => {
       const defaultSlot = slots.default?.();
+      const hasSlotContent = Array.isArray(defaultSlot) && defaultSlot.length > 0;
       const isDecorative = attrs["aria-label"] == null && attrs["aria-labelledby"] == null && attrs.role == null;
-      const children = (defaultSlot ?? []).map((node) => {
+      const definition = !hasSlotContent && props.name ? getIconDefinition(props.name) : void 0;
+      const builtInSvg = definition ? h(
+        "svg",
+        {
+          class: svgClasses.value,
+          xmlns: SVG_DEFAULT_XMLNS,
+          viewBox: definition.viewBox,
+          fill: definition.mode === "fill" ? "currentColor" : SVG_DEFAULT_FILL,
+          stroke: definition.mode === "stroke" ? "currentColor" : SVG_DEFAULT_STROKE,
+          "stroke-width": definition.mode === "stroke" ? 1.5 : void 0,
+          "stroke-linecap": definition.mode === "stroke" ? iconSvgDefaultStrokeLinecap : void 0,
+          "stroke-linejoin": definition.mode === "stroke" ? iconSvgDefaultStrokeLinejoin : void 0
+        },
+        definition.paths.map((d) => h("path", { d }))
+      ) : null;
+      const normalizeSlotNode = (node) => {
         if (node && typeof node === "object" && node.type === "svg") {
-          const svgNode = node;
-          const svgProps = svgNode.props ?? {};
+          const svgProps = node.props ?? {};
           return h(
             "svg",
             {
@@ -60,11 +84,12 @@ var Icon = defineComponent({
               "stroke-linecap": svgProps["stroke-linecap"] ?? iconSvgDefaultStrokeLinecap,
               "stroke-linejoin": svgProps["stroke-linejoin"] ?? iconSvgDefaultStrokeLinejoin
             },
-            svgNode.children === null ? void 0 : svgNode.children
+            node.children === null ? void 0 : node.children
           );
         }
         return node;
-      });
+      };
+      const children = builtInSvg ? [builtInSvg] : (defaultSlot ?? []).map(normalizeSlotNode);
       return h(
         "span",
         {

package/dist/{chunk-V6T5GRLE.js → chunk-EW2IW2JW.js}

@@ -7,7 +7,7 @@ var _chunk44N7LE3Qjs = require('./chunk-44N7LE3Q.js');
 var _chunkS6Q7TD6Hjs = require('./chunk-S6Q7TD6H.js');
 
 
-var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 
 var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
@@ -16,7 +16,7 @@ var _chunk6XI4VDU4js = require('./chunk-6XI4VDU4.js');
 var _chunkTGHB5XSTjs = require('./chunk-TGHB5XST.js');
 
 
-var _chunkXGXGAK27js = require('./chunk-XGXGAK27.js');
+var _chunkUG6O4F2Ajs = require('./chunk-UG6O4F2A.js');
 
 // src/components/NotificationCenter.ts
 var _vue = require('vue');
@@ -352,7 +352,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
             ) : null
           ]),
           _vue.h.call(void 0, 
-            _chunk4VLNT2EDjs.Button,
+            _chunkHA5QZ76Mjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -472,7 +472,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
             ) : null
           ]),
           _vue.h.call(void 0, 
-            _chunk4VLNT2EDjs.Button,
+            _chunkHA5QZ76Mjs.Button,
             {
               size: "sm",
               variant: "ghost",
@@ -506,7 +506,7 @@ var NotificationCenter = _vue.defineComponent.call(void 0, {
         },
         [
           _vue.h.call(void 0, 
-            _chunkXGXGAK27js.Card,
+            _chunkUG6O4F2Ajs.Card,
             {
               variant: "bordered",
               className: "w-full rounded-2xl border border-gray-100/80 dark:border-gray-800/80 bg-white/95 dark:bg-gray-950/90 backdrop-blur-md shadow-[0_8px_30px_rgb(0,0,0,0.04)] dark:shadow-[0_8px_30px_rgb(0,0,0,0.2)] transition-all duration-300 overflow-hidden"

package/dist/{chunk-VKW2O36D.mjs → chunk-FSGD24HV.mjs}

@@ -303,15 +303,23 @@ var Dropdown = defineComponent({
     const _menuItemTabIndex = -1;
     return () => {
       const defaultSlot = slots.default?.();
-      if (!defaultSlot || defaultSlot.length === 0) return null;
+      const triggerSlot = slots.trigger?.({ open: currentVisible.value });
+      if ((!defaultSlot || defaultSlot.length === 0) && (!triggerSlot || triggerSlot.length === 0)) {
+        return null;
+      }
       let triggerNode = null;
       let menuNode = null;
-      defaultSlot.forEach((node) => {
+      if (triggerSlot && triggerSlot.length > 0) {
+        triggerNode = triggerSlot.length === 1 ? triggerSlot[0] : h("span", triggerSlot);
+      }
+      defaultSlot?.forEach((node) => {
         if (node.type === DropdownMenu) {
           menuNode = node;
           return;
         }
-        triggerNode = node;
+        if (!triggerSlot) {
+          triggerNode = node;
+        }
       });
       const chevronNode = props.showArrow ? h(
         "svg",
@@ -337,7 +345,8 @@ var Dropdown = defineComponent({
           onMouseleave: handleMouseLeave,
           "aria-haspopup": "menu",
           "aria-expanded": currentVisible.value,
-          "aria-controls": currentVisible.value ? menuId : void 0
+          "aria-controls": currentVisible.value ? menuId : void 0,
+          "data-state": currentVisible.value ? "open" : "closed"
         },
         [triggerNode, chevronNode]
       ) : null;

package/dist/{chunk-3G4VPV4D.mjs → chunk-G6ULKE6H.mjs}

@@ -13,7 +13,8 @@ import {
   tagBaseClasses,
   tagSizeClasses,
   tagCloseButtonBaseClasses,
-  tagCloseIconPath
+  tagCloseIconPath,
+  warnUnsupportedColorProp
 } from "@expcat/tigercat-core";
 var CloseIcon = () => h(
   "svg",
@@ -109,6 +110,7 @@ var Tag = defineComponent({
       }
     };
     return () => {
+      warnUnsupportedColorProp("Tag", attrs);
       if (!isVisible.value) {
         return null;
       }

package/dist/{chunk-SGAUVRUS.js → chunk-H6V26X2R.js}

@@ -2,6 +2,12 @@
 
 var _chunkX6FG4RPFjs = require('./chunk-X6FG4RPF.js');
 
+
+var _chunkQOMWROWEjs = require('./chunk-QOMWROWE.js');
+
+
+var _chunkEQW6IUHGjs = require('./chunk-EQW6IUHG.js');
+
 // src/components/Image.ts
 
 
@@ -37,6 +43,10 @@ var Image = _vue.defineComponent.call(void 0, {
     fit: { type: String, default: "cover" },
     fallbackSrc: { type: String, default: void 0 },
     preview: { type: Boolean, default: true },
+    previewTrigger: {
+      type: String,
+      default: "click"
+    },
     lazy: { type: Boolean, default: false },
     className: { type: String, default: void 0 },
     style: {
@@ -53,6 +63,35 @@ var Image = _vue.defineComponent.call(void 0, {
     const previewVisible = _vue.ref.call(void 0, false);
     let observer = null;
     const group = _vue.inject.call(void 0, IMAGE_GROUP_INJECTION_KEY, null);
+    const hoverPreviewEnabled = _vue.computed.call(void 0, 
+      () => props.preview && props.previewTrigger === "hover" && !group
+    );
+    const clickPreviewEnabled = _vue.computed.call(void 0, () => props.preview && props.previewTrigger !== "hover");
+    const floatingPopupProps = {
+      get trigger() {
+        return "hover";
+      },
+      get placement() {
+        return "right";
+      },
+      get offset() {
+        return 12;
+      },
+      get disabled() {
+        return !hoverPreviewEnabled.value;
+      }
+    };
+    const {
+      currentVisible: hoverVisible,
+      triggerRef: hoverTriggerRef,
+      floatingRef: hoverFloatingRef,
+      floatingStyles: hoverFloatingStyles,
+      triggerHandlers: hoverTriggerHandlers
+    } = _chunkQOMWROWEjs.useFloatingPopup.call(void 0, { props: floatingPopupProps, emit });
+    const setContainerRef = (el) => {
+      containerRef.value = el;
+      hoverTriggerRef.value = el;
+    };
     const registeredIndex = _vue.ref.call(void 0, -1);
     _vue.onMounted.call(void 0, () => {
       if (group && props.src) {
@@ -103,7 +142,7 @@ var Image = _vue.defineComponent.call(void 0, {
       emit("error");
     };
     const handleClick = () => {
-      if (!props.preview) return;
+      if (!clickPreviewEnabled.value) return;
       if (group) {
         group.openPreview(registeredIndex.value >= 0 ? registeredIndex.value : 0);
       } else {
@@ -193,25 +232,44 @@ var Image = _vue.defineComponent.call(void 0, {
           emit("preview-open-change", val);
         }
       }) : null;
+      const hoverPreviewEl = hoverPreviewEnabled.value && hoverVisible.value && props.src ? _chunkEQW6IUHGjs.renderVueBodyTeleport.call(void 0, 
+        _vue.h.call(void 0, 
+          "div",
+          {
+            ref: hoverFloatingRef,
+            style: hoverFloatingStyles.value,
+            "aria-hidden": true,
+            class: "rounded-[var(--tiger-radius-md,0.5rem)] border border-[var(--tiger-border,#e5e7eb)] bg-[var(--tiger-surface,#ffffff)] p-1 shadow-lg"
+          },
+          [
+            _vue.h.call(void 0, "img", {
+              src: props.src,
+              alt: "",
+              class: "block max-w-[16rem] max-h-[16rem] object-contain"
+            })
+          ]
+        )
+      ) : null;
       return _vue.h.call(void 0, 
         "div",
         {
           ...forwardedAttrs,
-          ref: containerRef,
+          ref: setContainerRef,
           class: containerClasses.value,
           style: containerStyle.value,
-          role: props.preview ? "button" : void 0,
-          tabindex: props.preview ? 0 : void 0,
-          "aria-label": props.preview ? `Preview ${props.alt || "image"}` : void 0,
+          role: clickPreviewEnabled.value ? "button" : void 0,
+          tabindex: clickPreviewEnabled.value ? 0 : void 0,
+          "aria-label": clickPreviewEnabled.value ? `Preview ${props.alt || "image"}` : void 0,
           onClick: handleClick,
           onKeydown: (e) => {
-            if (props.preview && (e.key === "Enter" || e.key === " ")) {
+            if (clickPreviewEnabled.value && (e.key === "Enter" || e.key === " ")) {
               e.preventDefault();
               handleClick();
             }
-          }
+          },
+          ...hoverPreviewEnabled.value ? hoverTriggerHandlers.value : {}
         },
-        [content, previewEl]
+        [content, previewEl, hoverPreviewEl]
       );
     };
   }

package/dist/{chunk-4VLNT2ED.js → chunk-HA5QZ76M.js}

@@ -14,6 +14,7 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var createLoadingSpinner = () => {
   const spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
@@ -108,6 +109,7 @@ var Button = _vue.defineComponent.call(void 0, {
     });
     const mergedStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
     return () => {
+      _tigercatcore.warnUnsupportedColorProp.call(void 0, "Button", attrs);
       const isDisabled = props.disabled || props.loading;
       const iconIsRight = props.iconPosition === "right";
       const loadingNode = props.loading ? _vue.h.call(void 0, 

package/dist/{chunk-BXS7OSVF.js → chunk-HFRPZA5S.js}

@@ -7,7 +7,7 @@ var _chunkDS7RQFEGjs = require('./chunk-DS7RQFEG.js');
 var _chunk25EYT2CBjs = require('./chunk-25EYT2CB.js');
 
 
-var _chunk4VLNT2EDjs = require('./chunk-4VLNT2ED.js');
+var _chunkHA5QZ76Mjs = require('./chunk-HA5QZ76M.js');
 
 // src/components/FormWizard.ts
 var _vue = require('vue');
@@ -302,7 +302,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
           ),
           props.showActions ? _vue.h.call(void 0, "div", { class: actionsContainerClass }, [
             !isFirst ? _vue.h.call(void 0, 
-              _chunk4VLNT2EDjs.Button,
+              _chunkHA5QZ76Mjs.Button,
               {
                 type: "button",
                 variant: "secondary",
@@ -314,7 +314,7 @@ var FormWizard = _vue.defineComponent.call(void 0, {
               { default: () => _tigercatcore.resolveLocaleText.call(void 0, labels.value.prevText, props.prevText) }
             ) : _vue.h.call(void 0, "div"),
             _vue.h.call(void 0, 
-              _chunk4VLNT2EDjs.Button,
+              _chunkHA5QZ76Mjs.Button,
               {
                 type: "button",
                 variant: "primary",

package/dist/{chunk-WH4J6PHF.mjs → chunk-IORFQMZH.mjs}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-VG6E4NX6.mjs";
 import {
   Button
-} from "./chunk-PO5GVU4Q.mjs";
+} from "./chunk-YZBQ6IR7.mjs";
 
 // src/components/FormWizard.ts
 import { defineComponent, computed, ref, watch, h } from "vue";

package/dist/{chunk-PYT5DTQQ.mjs → chunk-IZQ7BRHC.mjs}

@@ -550,7 +550,8 @@ var Select = defineComponent({
             "aria-haspopup": "listbox",
             "aria-expanded": isOpen.value,
             "aria-controls": listboxId,
-            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0
+            "aria-activedescendant": isOpen.value && activeIndex.value >= 0 ? getOptionId(activeIndex.value) : void 0,
+            "data-state": isOpen.value ? "open" : "closed"
           },
           [
             h(

package/dist/{chunk-FRI62O2J.js → chunk-JJXYM6QR.js}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkB2RH4CMGjs = require('./chunk-B2RH4CMG.js');
+var _chunkNKVEXKM5js = require('./chunk-NKVEXKM5.js');
 
 // src/components/FormItem.ts
 
@@ -99,7 +99,7 @@ var FormItem = _vue.defineComponent.call(void 0, {
     }
   },
   setup(props, { slots }) {
-    const formContextRef = _vue.inject.call(void 0, _chunkB2RH4CMGjs.FormContextKey, null);
+    const formContextRef = _vue.inject.call(void 0, _chunkNKVEXKM5js.FormContextKey, null);
     const formContext = _vue.computed.call(void 0, () => _nullishCoalesce(_optionalChain([formContextRef, 'optionalAccess', _ => _.value]), () => ( null)));
     const errorMessage = _vue.ref.call(void 0, "");
     const shakeTrigger = _vue.ref.call(void 0, 0);

package/dist/{chunk-I4LQXUMW.js → chunk-JTVFVAM3.js}

@@ -12,6 +12,14 @@ var Content = _vue.defineComponent.call(void 0, {
       type: String,
       default: void 0
     },
+    /**
+     * Built-in content padding.
+     * @default true
+     */
+    padding: {
+      type: [Boolean, String],
+      default: true
+    },
     /**
      * Custom styles
      */
@@ -23,7 +31,7 @@ var Content = _vue.defineComponent.call(void 0, {
   setup(props, { slots, attrs }) {
     const contentClasses = _vue.computed.call(void 0, 
       () => _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.layoutContentClasses,
+        _tigercatcore.getLayoutContentClasses.call(void 0, props.padding),
         props.className,
         _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )

package/dist/{chunk-BPRKQVIL.mjs → chunk-K4VUUEFQ.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-MKBIVETW.mjs";
 import {
   Button
-} from "./chunk-PO5GVU4Q.mjs";
+} from "./chunk-YZBQ6IR7.mjs";
 import {
   Tag
-} from "./chunk-3G4VPV4D.mjs";
+} from "./chunk-G6ULKE6H.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";

package/dist/{chunk-RY2I56HB.js → chunk-K6DYTMBE.js}

@@ -13,11 +13,20 @@ var _vue = require('vue');
 
 
 
+
 var _tigercatcore = require('@expcat/tigercat-core');
 var Icon = _vue.defineComponent.call(void 0, {
   name: "TigerIcon",
   inheritAttrs: false,
   props: {
+    /**
+     * Built-in icon name. Renders the matching glyph from the built-in icon
+     * set when no custom SVG children are provided.
+     */
+    name: {
+      type: String,
+      default: void 0
+    },
     /**
      * Icon size
      * @default 'md'
@@ -42,11 +51,26 @@ var Icon = _vue.defineComponent.call(void 0, {
     const svgClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, _tigercatcore.iconSvgBaseClasses, _tigercatcore.iconSizeClasses[props.size]));
     return () => {
       const defaultSlot = _optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]);
+      const hasSlotContent = Array.isArray(defaultSlot) && defaultSlot.length > 0;
       const isDecorative = attrs["aria-label"] == null && attrs["aria-labelledby"] == null && attrs.role == null;
-      const children = (_nullishCoalesce(defaultSlot, () => ( []))).map((node) => {
+      const definition = !hasSlotContent && props.name ? _tigercatcore.getIconDefinition.call(void 0, props.name) : void 0;
+      const builtInSvg = definition ? _vue.h.call(void 0, 
+        "svg",
+        {
+          class: svgClasses.value,
+          xmlns: _tigercatcore.SVG_DEFAULT_XMLNS,
+          viewBox: definition.viewBox,
+          fill: definition.mode === "fill" ? "currentColor" : _tigercatcore.SVG_DEFAULT_FILL,
+          stroke: definition.mode === "stroke" ? "currentColor" : _tigercatcore.SVG_DEFAULT_STROKE,
+          "stroke-width": definition.mode === "stroke" ? 1.5 : void 0,
+          "stroke-linecap": definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinecap : void 0,
+          "stroke-linejoin": definition.mode === "stroke" ? _tigercatcore.iconSvgDefaultStrokeLinejoin : void 0
+        },
+        definition.paths.map((d) => _vue.h.call(void 0, "path", { d }))
+      ) : null;
+      const normalizeSlotNode = (node) => {
         if (node && typeof node === "object" && node.type === "svg") {
-          const svgNode = node;
-          const svgProps = _nullishCoalesce(svgNode.props, () => ( {}));
+          const svgProps = _nullishCoalesce(node.props, () => ( {}));
           return _vue.h.call(void 0, 
             "svg",
             {
@@ -60,11 +84,12 @@ var Icon = _vue.defineComponent.call(void 0, {
               "stroke-linecap": _nullishCoalesce(svgProps["stroke-linecap"], () => ( _tigercatcore.iconSvgDefaultStrokeLinecap)),
               "stroke-linejoin": _nullishCoalesce(svgProps["stroke-linejoin"], () => ( _tigercatcore.iconSvgDefaultStrokeLinejoin))
             },
-            svgNode.children === null ? void 0 : svgNode.children
+            node.children === null ? void 0 : node.children
           );
         }
         return node;
-      });
+      };
+      const children = builtInSvg ? [builtInSvg] : (_nullishCoalesce(defaultSlot, () => ( []))).map(normalizeSlotNode);
       return _vue.h.call(void 0, 
         "span",
         {