@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-M7JUNLA7.mjs → chunk-UM5GGKIX.mjs}

@@ -1,20 +1,31 @@
-import { h, defineComponent, computed } from 'vue';
-import { getSpinnerSVG, normalizeSvgAttrs, buttonDangerClasses, getButtonVariantClasses, classNames, buttonBaseClasses, buttonSizeClasses, buttonDisabledClasses, coerceClassValue, mergeStyleValues } from '@expcat/tigercat-core';
-
 // src/components/Button.ts
-var spinnerSvg = getSpinnerSVG("spinner");
-var LoadingSpinner = 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) => h(el.type, normalizeSvgAttrs(el.attrs)))
-);
+import { defineComponent, computed, h } from "vue";
+import {
+  composeComponentClasses,
+  mergeStyleValues,
+  buttonBaseClasses,
+  buttonSizeClasses,
+  buttonDisabledClasses,
+  buttonDangerClasses,
+  getButtonVariantClasses,
+  getSpinnerSVG,
+  normalizeSvgAttrs
+} from "@expcat/tigercat-core";
+var createLoadingSpinner = () => {
+  const spinnerSvg = getSpinnerSVG("spinner");
+  return 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) => h(el.type, normalizeSvgAttrs(el.attrs)))
+  );
+};
 var Button = defineComponent({
   name: "TigerButton",
   inheritAttrs: false,
@@ -80,14 +91,14 @@ var Button = defineComponent({
   setup(props, { slots, emit, attrs }) {
     const buttonClasses = computed(() => {
       const variantClasses = props.danger ? buttonDangerClasses[props.variant] ?? buttonDangerClasses.primary : getButtonVariantClasses(props.variant);
-      return classNames(
+      return composeComponentClasses(
         buttonBaseClasses,
         variantClasses,
         buttonSizeClasses[props.size],
         (props.disabled || props.loading) && buttonDisabledClasses,
         props.block && "w-full",
         props.className,
-        coerceClassValue(attrs.class)
+        attrs.class
       );
     });
     const mergedStyle = computed(() => mergeStyleValues(attrs.style, props.style));
@@ -97,7 +108,7 @@ var Button = defineComponent({
       const loadingNode = props.loading ? h(
         "span",
         { class: iconIsRight ? "ml-2 order-1" : "mr-2" },
-        slots["loading-icon"] ? slots["loading-icon"]() : LoadingSpinner
+        slots["loading-icon"] ? slots["loading-icon"]() : createLoadingSpinner()
       ) : null;
       const iconNode = !props.loading && slots.icon ? h("span", { class: iconIsRight ? "ml-2 order-1" : "mr-2" }, slots.icon()) : null;
       return h(
@@ -119,4 +130,7 @@ var Button = defineComponent({
 });
 var Button_default = Button;
 
-export { Button, Button_default };
+export {
+  Button,
+  Button_default
+};

package/dist/{chunk-ABPOLQLE.mjs → chunk-UMQUWX7U.mjs}

@@ -1,17 +1,24 @@
-import { PieChart } from './chunk-NVJRZYES.mjs';
-import { defineComponent, computed, h } from 'vue';
-import { getChartInnerRect, normalizeChartPadding, classNames } from '@expcat/tigercat-core';
+import {
+  PieChart
+} from "./chunk-NDS2DLUS.mjs";
 
+// src/components/DonutChart.ts
+import { defineComponent, computed, h } from "vue";
+import {
+  classNames,
+  getChartInnerRect,
+  normalizeChartPadding
+} from "@expcat/tigercat-core";
 var DONUT_PALETTE = [
-  "#5470c6",
-  "#91cc75",
-  "#fac858",
-  "#ee6666",
-  "#73c0de",
-  "#3ba272",
-  "#fc8452",
-  "#9a60b4",
-  "#ea7ccc"
+  "var(--tiger-chart-1,#5470c6)",
+  "var(--tiger-chart-2,#91cc75)",
+  "var(--tiger-chart-3,#fac858)",
+  "var(--tiger-chart-4,#ee6666)",
+  "var(--tiger-chart-5,#73c0de)",
+  "var(--tiger-chart-6,#3ba272)",
+  "var(--tiger-chart-1,#fc8452)",
+  "var(--tiger-chart-2,#9a60b4)",
+  "var(--tiger-chart-3,#ea7ccc)"
 ];
 var DonutChart = defineComponent({
   name: "TigerDonutChart",
@@ -131,7 +138,7 @@ var DonutChart = defineComponent({
     },
     borderColor: {
       type: String,
-      default: "#ffffff"
+      default: "var(--tiger-surface,#ffffff)"
     },
     hoverOffset: {
       type: Number,
@@ -155,6 +162,11 @@ var DonutChart = defineComponent({
     animated: {
       type: Boolean,
       default: false
+    },
+    // Visual modes (forwarded to PieChart, opt-in per PR-19k(b6/b7))
+    gradient: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ["update:hoveredIndex", "update:selectedIndex", "slice-click", "slice-hover"],
@@ -222,6 +234,7 @@ var DonutChart = defineComponent({
         borderColor: props.borderColor,
         hoverOffset: props.hoverOffset,
         shadow: props.shadow,
+        gradient: props.gradient,
         hoverable: props.hoverable,
         hoveredIndex: props.hoveredIndex,
         activeOpacity: props.activeOpacity,
@@ -252,7 +265,13 @@ var DonutChart = defineComponent({
             transform: "translate(-50%, -50%)",
             textAlign: "center",
             pointerEvents: "none",
-            lineHeight: "1.3"
+            lineHeight: "1.3",
+            padding: "var(--tiger-chart-donut-center-padding, 0)",
+            borderRadius: "var(--tiger-radius-pill, 9999px)",
+            background: "var(--tiger-chart-donut-center-bg, transparent)",
+            boxShadow: "var(--tiger-chart-donut-center-shadow, none)",
+            backdropFilter: "var(--tiger-chart-donut-center-backdrop, none)",
+            WebkitBackdropFilter: "var(--tiger-chart-donut-center-backdrop, none)"
           },
           "data-donut-center": "true"
         },
@@ -281,4 +300,7 @@ var DonutChart = defineComponent({
 });
 var DonutChart_default = DonutChart;
 
-export { DonutChart, DonutChart_default };
+export {
+  DonutChart,
+  DonutChart_default
+};

package/dist/{chunk-ZA2PLF7O.mjs → chunk-UNTTADHL.mjs}

@@ -1,7 +1,18 @@
-import { RowContextKey } from './chunk-2SCIJ2RW.mjs';
-import { defineComponent, inject, computed, h } from 'vue';
-import { classNames, getSpanClasses, getOffsetClasses, getOrderClasses, getFlexClasses, getColMergedStyleVars, getGutterStyles } from '@expcat/tigercat-core';
+import {
+  RowContextKey
+} from "./chunk-M3G6LJKZ.mjs";
 
+// src/components/Col.ts
+import { defineComponent, computed, h, inject } from "vue";
+import {
+  classNames,
+  getColMergedStyleVars,
+  getSpanClasses,
+  getOffsetClasses,
+  getOrderClasses,
+  getFlexClasses,
+  getColGutterClasses
+} from "@expcat/tigercat-core";
 var Col = defineComponent({
   name: "TigerCol",
   props: {
@@ -33,11 +44,11 @@ var Col = defineComponent({
         isFlexSpanMode.value ? "" : getSpanClasses(props.span),
         getOffsetClasses(props.offset),
         getOrderClasses(props.order),
-        getFlexClasses(props.flex)
+        getFlexClasses(props.flex),
+        getColGutterClasses(gutter.value)
       )
     );
     const colMergedStyle = computed(() => ({
-      ...getGutterStyles(gutter.value).colStyle,
       ...getColMergedStyleVars(
         isFlexSpanMode.value ? void 0 : props.span,
         props.offset,
@@ -57,4 +68,6 @@ var Col = defineComponent({
   }
 });
 
-export { Col };
+export {
+  Col
+};

package/dist/chunk-UQK22ZMC.mjs

@@ -1,7 +1,19 @@
-import { defineComponent, ref, computed, watch, onBeforeUnmount, h } from 'vue';
-import { hexToRgb, rgbToHsv, classNames, colorPickerBaseClasses, coerceClassValue, getColorPickerTriggerClasses, colorPickerPanelClasses, colorPickerInputClasses, colorPickerPresetClasses, hsvToRgb, rgbToHex, isValidHex } from '@expcat/tigercat-core';
-
 // src/components/ColorPicker.ts
+import { defineComponent, h, ref, computed, watch, onBeforeUnmount } from "vue";
+import {
+  colorPickerBaseClasses,
+  getColorPickerTriggerClasses,
+  colorPickerPanelClasses,
+  colorPickerInputClasses,
+  colorPickerPresetClasses,
+  hexToRgb,
+  rgbToHex,
+  rgbToHsv,
+  hsvToRgb,
+  isValidHex,
+  classNames,
+  coerceClassValue
+} from "@expcat/tigercat-core";
 var ColorPicker = defineComponent({
   name: "TigerColorPicker",
   props: {
@@ -148,4 +160,7 @@ var ColorPicker = defineComponent({
 });
 var ColorPicker_default = ColorPicker;
 
-export { ColorPicker, ColorPicker_default };
+export {
+  ColorPicker,
+  ColorPicker_default
+};

package/dist/{chunk-HK2TAPQX.js → chunk-UUJ7A3CN.js}

@@ -1,10 +1,28 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }// src/components/InputNumber.ts
+var _vue = require('vue');
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/InputNumber.ts
-var InputNumber = vue.defineComponent({
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var InputNumber = _vue.defineComponent.call(void 0, {
   name: "TigerInputNumber",
   inheritAttrs: false,
   props: {
@@ -71,9 +89,12 @@ var InputNumber = vue.defineComponent({
   },
   emits: ["update:modelValue", "change", "focus", "blur"],
   setup(props, { emit, attrs }) {
-    const inputRef = vue.ref(null);
-    const focused = vue.ref(false);
-    const displayValue = vue.ref("");
+    const inputRef = _vue.ref.call(void 0, null);
+    const focused = _vue.ref.call(void 0, false);
+    const repeatController = _tigercatcore.createRafRepeatActionController.call(void 0, );
+    let repeatValue = null;
+    let suppressNextClick = false;
+    const displayValue = _vue.ref.call(void 0, "");
     function toDisplayValue(val) {
       if (val === null || val === void 0) return "";
       if (props.formatter) return props.formatter(val);
@@ -86,7 +107,7 @@ var InputNumber = vue.defineComponent({
       const num = Number(str);
       return Number.isNaN(num) ? null : num;
     }
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => props.modelValue,
       (val) => {
         if (!focused.value) {
@@ -95,17 +116,17 @@ var InputNumber = vue.defineComponent({
       },
       { immediate: true }
     );
-    const isControlled = vue.computed(() => props.modelValue !== void 0);
-    const internalValue = vue.ref(props.modelValue ?? null);
-    const currentValue = vue.computed(
-      () => isControlled.value ? props.modelValue ?? null : internalValue.value
+    const isControlled = _vue.computed.call(void 0, () => props.modelValue !== void 0);
+    const internalValue = _vue.ref.call(void 0, _nullishCoalesce(props.modelValue, () => ( null)));
+    const currentValue = _vue.computed.call(void 0, 
+      () => isControlled.value ? _nullishCoalesce(props.modelValue, () => ( null)) : internalValue.value
     );
     function commitValue(val) {
       let finalVal = val;
       if (finalVal !== null) {
-        finalVal = tigercatCore.clampValue(finalVal, props.min, props.max);
+        finalVal = _tigercatcore.clampValue.call(void 0, finalVal, props.min, props.max);
         if (props.precision !== void 0) {
-          finalVal = tigercatCore.formatPrecision(finalVal, props.precision);
+          finalVal = _tigercatcore.formatPrecision.call(void 0, finalVal, props.precision);
         }
       }
       if (!isControlled.value) {
@@ -115,10 +136,10 @@ var InputNumber = vue.defineComponent({
       emit("change", finalVal);
       displayValue.value = toDisplayValue(finalVal);
     }
-    function handleStep(direction) {
-      if (props.disabled || props.readonly) return;
-      const next = tigercatCore.stepValue(
-        currentValue.value,
+    function handleStep(direction, baseValue = currentValue.value) {
+      if (props.disabled || props.readonly) return _nullishCoalesce(baseValue, () => ( null));
+      const next = _tigercatcore.stepValue.call(void 0, 
+        baseValue,
         props.step,
         direction,
         props.min,
@@ -126,6 +147,35 @@ var InputNumber = vue.defineComponent({
         props.precision
       );
       commitValue(next);
+      return next;
+    }
+    function handleStepClick(direction) {
+      if (suppressNextClick) {
+        suppressNextClick = false;
+        return;
+      }
+      handleStep(direction);
+    }
+    function startStepRepeat(direction) {
+      return (event) => {
+        event.preventDefault();
+        if (props.disabled || props.readonly) return;
+        if (direction === "down" && _tigercatcore.isAtMin.call(void 0, currentValue.value, props.min)) return;
+        if (direction === "up" && _tigercatcore.isAtMax.call(void 0, currentValue.value, props.max)) return;
+        suppressNextClick = true;
+        repeatValue = currentValue.value;
+        repeatController.start(() => {
+          const baseValue = repeatValue;
+          const nextValue = handleStep(direction, baseValue);
+          repeatValue = nextValue;
+          if (nextValue === baseValue) {
+            repeatController.stop();
+          }
+        });
+      };
+    }
+    function stopStepRepeat() {
+      repeatController.stop();
     }
     function handleInput(e) {
       const target = e.target;
@@ -157,46 +207,50 @@ var InputNumber = vue.defineComponent({
         commitValue(parsed);
       }
     }
-    const atMin = vue.computed(() => tigercatCore.isAtMin(currentValue.value, props.min));
-    const atMax = vue.computed(() => tigercatCore.isAtMax(currentValue.value, props.max));
-    const wrapperClasses = vue.computed(
-      () => tigercatCore.classNames(
-        tigercatCore.getInputNumberWrapperClasses(props.disabled),
-        tigercatCore.getInputNumberStatusClasses(props.status),
-        tigercatCore.getInputNumberSizeClasses(props.size),
-        focused.value && `ring-2 ${tigercatCore.getInputNumberFocusRingColor(props.status)}`,
-        tigercatCore.coerceClassValue(attrs.class)
+    const atMin = _vue.computed.call(void 0, () => _tigercatcore.isAtMin.call(void 0, currentValue.value, props.min));
+    const atMax = _vue.computed.call(void 0, () => _tigercatcore.isAtMax.call(void 0, currentValue.value, props.max));
+    const wrapperClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getInputNumberWrapperClasses.call(void 0, props.disabled),
+        _tigercatcore.getInputNumberStatusClasses.call(void 0, props.status),
+        _tigercatcore.getInputNumberSizeClasses.call(void 0, props.size),
+        focused.value && `ring-2 ${_tigercatcore.getInputNumberFocusRingColor.call(void 0, props.status)}`,
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       )
     );
-    const inputClasses = vue.computed(
-      () => tigercatCore.getInputNumberInputClasses(
+    const inputClasses = _vue.computed.call(void 0, 
+      () => _tigercatcore.getInputNumberInputClasses.call(void 0, 
         props.size,
         props.controls && props.controlsPosition === "right",
         props.controls && props.controlsPosition === "both"
       )
     );
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       if (props.autoFocus && inputRef.value) {
         inputRef.value.focus();
       }
     });
+    _vue.onBeforeUnmount.call(void 0, () => repeatController.stop());
     return () => {
       const children = [];
       if (props.controls && props.controlsPosition === "both") {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
               tabindex: -1,
               "aria-label": "Decrease",
-              class: tigercatCore.getInputNumberSideButtonClasses("left", props.disabled || atMin.value),
+              class: _tigercatcore.getInputNumberSideButtonClasses.call(void 0, "left", props.disabled || atMin.value),
               disabled: props.disabled || atMin.value,
-              onMousedown: (e) => e.preventDefault(),
-              onClick: () => handleStep("down")
+              onPointerdown: startStepRepeat("down"),
+              onPointerup: stopStepRepeat,
+              onPointerleave: stopStepRepeat,
+              onPointercancel: stopStepRepeat,
+              onClick: () => handleStepClick("down")
             },
             [
-              vue.h(
+              _vue.h.call(void 0, 
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -206,21 +260,21 @@ var InputNumber = vue.defineComponent({
                   "stroke-width": "2",
                   class: "w-4 h-4"
                 },
-                [vue.h("path", { d: tigercatCore.inputNumberMinusIconPathD })]
+                [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberMinusIconPathD })]
               )
             ]
           )
         );
       }
       children.push(
-        vue.h("input", {
+        _vue.h.call(void 0, "input", {
           ref: inputRef,
           type: "text",
           inputmode: "decimal",
           role: "spinbutton",
           "aria-valuemin": props.min === -Infinity ? void 0 : props.min,
           "aria-valuemax": props.max === Infinity ? void 0 : props.max,
-          "aria-valuenow": currentValue.value ?? void 0,
+          "aria-valuenow": _nullishCoalesce(currentValue.value, () => ( void 0)),
           class: inputClasses.value,
           value: displayValue.value,
           placeholder: props.placeholder,
@@ -236,19 +290,22 @@ var InputNumber = vue.defineComponent({
       );
       if (props.controls && props.controlsPosition === "both") {
         children.push(
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
               tabindex: -1,
               "aria-label": "Increase",
-              class: tigercatCore.getInputNumberSideButtonClasses("right", props.disabled || atMax.value),
+              class: _tigercatcore.getInputNumberSideButtonClasses.call(void 0, "right", props.disabled || atMax.value),
               disabled: props.disabled || atMax.value,
-              onMousedown: (e) => e.preventDefault(),
-              onClick: () => handleStep("up")
+              onPointerdown: startStepRepeat("up"),
+              onPointerup: stopStepRepeat,
+              onPointerleave: stopStepRepeat,
+              onPointercancel: stopStepRepeat,
+              onClick: () => handleStepClick("up")
             },
             [
-              vue.h(
+              _vue.h.call(void 0, 
                 "svg",
                 {
                   xmlns: "http://www.w3.org/2000/svg",
@@ -258,7 +315,7 @@ var InputNumber = vue.defineComponent({
                   "stroke-width": "2",
                   class: "w-4 h-4"
                 },
-                [vue.h("path", { d: tigercatCore.inputNumberPlusIconPathD })]
+                [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberPlusIconPathD })]
               )
             ]
           )
@@ -266,20 +323,23 @@ var InputNumber = vue.defineComponent({
       }
       if (props.controls && props.controlsPosition === "right") {
         children.push(
-          vue.h("div", { class: tigercatCore.inputNumberControlsRightClasses }, [
-            vue.h(
+          _vue.h.call(void 0, "div", { class: _tigercatcore.inputNumberControlsRightClasses }, [
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
                 tabindex: -1,
                 "aria-label": "Increase",
-                class: tigercatCore.getInputNumberStepButtonClasses("up", props.disabled || atMax.value),
+                class: _tigercatcore.getInputNumberStepButtonClasses.call(void 0, "up", props.disabled || atMax.value),
                 disabled: props.disabled || atMax.value,
-                onMousedown: (e) => e.preventDefault(),
-                onClick: () => handleStep("up")
+                onPointerdown: startStepRepeat("up"),
+                onPointerup: stopStepRepeat,
+                onPointerleave: stopStepRepeat,
+                onPointercancel: stopStepRepeat,
+                onClick: () => handleStepClick("up")
               },
               [
-                vue.h(
+                _vue.h.call(void 0, 
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -287,23 +347,26 @@ var InputNumber = vue.defineComponent({
                     fill: "currentColor",
                     class: "w-3 h-3"
                   },
-                  [vue.h("path", { d: tigercatCore.inputNumberUpIconPathD })]
+                  [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberUpIconPathD })]
                 )
               ]
             ),
-            vue.h(
+            _vue.h.call(void 0, 
               "button",
               {
                 type: "button",
                 tabindex: -1,
                 "aria-label": "Decrease",
-                class: tigercatCore.getInputNumberStepButtonClasses("down", props.disabled || atMin.value),
+                class: _tigercatcore.getInputNumberStepButtonClasses.call(void 0, "down", props.disabled || atMin.value),
                 disabled: props.disabled || atMin.value,
-                onMousedown: (e) => e.preventDefault(),
-                onClick: () => handleStep("down")
+                onPointerdown: startStepRepeat("down"),
+                onPointerup: stopStepRepeat,
+                onPointerleave: stopStepRepeat,
+                onPointercancel: stopStepRepeat,
+                onClick: () => handleStepClick("down")
               },
               [
-                vue.h(
+                _vue.h.call(void 0, 
                   "svg",
                   {
                     xmlns: "http://www.w3.org/2000/svg",
@@ -311,14 +374,14 @@ var InputNumber = vue.defineComponent({
                     fill: "currentColor",
                     class: "w-3 h-3"
                   },
-                  [vue.h("path", { d: tigercatCore.inputNumberDownIconPathD })]
+                  [_vue.h.call(void 0, "path", { d: _tigercatcore.inputNumberDownIconPathD })]
                 )
               ]
             )
           ])
         );
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           class: wrapperClasses.value
@@ -330,5 +393,7 @@ var InputNumber = vue.defineComponent({
 });
 var InputNumber_default = InputNumber;
 
-exports.InputNumber = InputNumber;
-exports.InputNumber_default = InputNumber_default;
+
+
+
+exports.InputNumber = InputNumber; exports.InputNumber_default = InputNumber_default;