@flikk/ui 1.0.0-beta.16 → 1.0.0-beta.18

package/dist/components/core/Button/Button.js

@@ -104,7 +104,7 @@ const Button = React__default.forwardRef(({ children, className = "", iconOnly =
                 node;
         }
     }, [buttonRef]);
-    return (jsxs(motion.button, { ...restProps, ...animationProps, ref: mergedRef, type: "button", className: cn(buttonTheme.baseStyle, colorClasses, variantClasses, sizeClasses, blockStyle, stateClasses, darkMode && "dark", className), disabled: isDisabled, "data-state": state, "data-color": resolvedColor, "data-variant": resolvedVariant, "data-size": size, "data-icon-only": iconOnly ? "true" : "false", "data-block": block ? "true" : "false", "aria-disabled": isDisabled || undefined, "aria-invalid": isError || undefined, "aria-label": ariaLabel, onClick: handleClick, children: [showReflection &&
+    return (jsxs(motion.button, { type: "button", ...restProps, ...animationProps, ref: mergedRef, className: cn(buttonTheme.baseStyle, colorClasses, variantClasses, sizeClasses, blockStyle, stateClasses, darkMode && "dark", className), disabled: isDisabled, "data-state": state, "data-color": resolvedColor, "data-variant": resolvedVariant, "data-size": size, "data-icon-only": iconOnly ? "true" : "false", "data-block": block ? "true" : "false", "aria-disabled": isDisabled || undefined, "aria-invalid": isError || undefined, "aria-label": ariaLabel, onClick: handleClick, children: [showReflection &&
                 resolvedVariant !== "link" &&
                 resolvedVariant !== "outline" && (jsx("div", { className: "absolute top-0.25 right-0.25 left-0.25 h-3 border-t-[0.5px] border-white/40 rounded-t-[calc(var(--button-radius)-1.25px)] opacity-60" })), isLoading && (jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: jsx(Spinner, { size: "sm", color: color, className: spinnerClassName }) })), jsx("span", { className: cn("inline-flex items-center gap-2 whitespace-nowrap", isLoading && "opacity-0"), children: children }), enableRipple &&
                 ripples.map((ripple) => {

package/dist/components/core/Calendar/Calendar.js

@@ -225,7 +225,7 @@ const Calendar = React__default.forwardRef(({ mode = 'single', value, defaultVal
     const currentDate = new Date();
     const defaultYearRange = {
         start: currentDate.getFullYear() - 100,
-        end: currentDate.getFullYear(),
+        end: currentDate.getFullYear() + 10,
     };
     const actualYearRange = yearRange || defaultYearRange;
     const yearOptions = useMemo(() => {
@@ -236,7 +236,7 @@ const Calendar = React__default.forwardRef(({ mode = 'single', value, defaultVal
             startYear = Math.max(startYear, minDate.getFullYear());
         }
         if (maxDate) {
-            endYear = Math.min(endYear, maxDate.getFullYear());
+            endYear = Math.max(endYear, maxDate.getFullYear());
         }
         const options = [];
         for (let year = endYear; year >= startYear; year--) {

package/dist/components/core/Calendar/Calendar.types.d.ts

@@ -70,7 +70,7 @@ export interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>
     enableMonthDropdown?: boolean;
     /** Whether to enable year dropdown instead of navigation arrows (default: true) */
     enableYearDropdown?: boolean;
-    /** Year range for dropdown selection (default: ±50 years from current) */
+    /** Year range for dropdown selection (default: 100 years past to 10 years future from current year) */
     yearRange?: {
         start: number;
         end: number;

package/dist/components/core/Card/Card.theme.js

@@ -3,8 +3,8 @@ const cardTheme = {
     headerStyle: "flex flex-col p-6",
     titleStyle: "text-lg font-semibold leading-none text-[var(--color-text-primary)]",
     subtitleStyle: "text-base text-[var(--color-text-muted)] mt-1.5",
-    bodyStyle: "p-6 pt-0",
-    footerStyle: "flex items-center p-6 pt-0",
+    bodyStyle: "p-6 pt-0 first:pt-6",
+    footerStyle: "flex items-center p-6 pt-0 first:pt-6",
 };
 
 export { cardTheme };

package/dist/components/core/Tag/Tag.animations.js

@@ -1,17 +1,4 @@
 const tagVariants = {
-    initial: {
-        scale: 0,
-        opacity: 0,
-    },
-    animate: {
-        scale: 1,
-        opacity: 1,
-        transition: {
-            type: "spring",
-            stiffness: 500,
-            damping: 25,
-        },
-    },
     exit: {
         scale: 0,
         opacity: 0,

package/dist/components/core/Tag/Tag.js

@@ -54,7 +54,7 @@ const Tag = React__default.forwardRef(({ children, size = "md", removable = true
         }
         return null;
     };
-    return (jsxs(motion.span, { ref: ref, className: cn(theme.baseStyle, theme.sizes[size], hasLeadingContent && "pl-0.5", showRemoveButton && "pr-0.5", disabled && theme.disabledStyle, className), layout: true, transition: tagLayoutTransition, variants: tagVariants, initial: "initial", animate: "animate", exit: "exit", "data-size": size, "data-disabled": disabled ? "true" : "false", "data-removable": removable ? "true" : "false", "data-has-avatar": avatar ? "true" : "false", ...props, children: [renderLeadingContent(), children, showRemoveButton && (jsx("button", { type: "button", onClick: handleRemove, className: theme.removeButtonStyle, "aria-label": `Remove ${typeof children === "string" ? children : "tag"}`, children: jsx(XMarkIcon, { className: theme.removeIconSizes[size] }) }))] }));
+    return (jsxs(motion.span, { ref: ref, className: cn(theme.baseStyle, theme.sizes[size], hasLeadingContent && "pl-0.5", showRemoveButton && "pr-0.5", disabled && theme.disabledStyle, className), layout: true, transition: tagLayoutTransition, variants: tagVariants, exit: "exit", "data-size": size, "data-disabled": disabled ? "true" : "false", "data-removable": removable ? "true" : "false", "data-has-avatar": avatar ? "true" : "false", ...props, children: [renderLeadingContent(), children, showRemoveButton && (jsx("button", { type: "button", onClick: handleRemove, className: theme.removeButtonStyle, "aria-label": `Remove ${typeof children === "string" ? children : "tag"}`, children: jsx(XMarkIcon, { className: theme.removeIconSizes[size] }) }))] }));
 });
 Tag.displayName = "Tag";
 

package/dist/components/effects/index.d.ts

@@ -1,5 +1,5 @@
-export { CustomCursor } from "./CustomCursor";
-export type { CustomCursorProps } from "./CustomCursor";
+export { CustomCursorProvider, CustomCursor, CustomCursorFollow, useCustomCursor } from "./CustomCursor";
+export type { CustomCursorProps, CustomCursorProviderProps, CustomCursorFollowProps, CustomCursorContextType, CustomCursorSize, CustomCursorColor, CustomCursorVariant, CustomCursorShape, CustomCursorTheme, CustomCursorThemeOverrides, } from "./CustomCursor";
 export { GlassEffect } from "./GlassEffect";
 export type { GlassEffectProps, BlendMode } from "./GlassEffect";
 export { Overlay } from "./Overlay";

package/dist/components/effects/index.js

@@ -1,4 +1,4 @@
-export { CustomCursor } from './CustomCursor/CustomCursor.js';
+export { CustomCursor, CustomCursorFollow, CustomCursorProvider, useCustomCursor } from './CustomCursor/CustomCursor.js';
 export { GlassEffect } from './GlassEffect/GlassEffect.js';
 export { Overlay } from './Overlay/Overlay.js';
 export { GlassSurface } from './GlassSurface/GlassSurface.js';

package/dist/components/forms/DatePicker/DatePickerBody.js

@@ -213,7 +213,7 @@ const DatePickerBody = ({ isOpen, className, onClose, portal = true, placement =
                                                     const adjustedLeft = new Date(newDate);
                                                     adjustedLeft.setMonth(adjustedLeft.getMonth() - 1);
                                                     setLeftCalendarDate(adjustedLeft);
-                                                }, onNavigatePrev: null, onNavigateNext: handleNavigateNext, minDate: minDate, maxDate: maxDate, isDateDisabled: isDateDisabled, showToday: showToday, selectTodayByDefault: false, weekdays: weekdays, months: months, yearRange: yearRange, size: "md" }) })] })) }), jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--color-border)]", children: [jsx("div", { className: "text-sm text-[var(--color-text-muted", children: formatRangeDisplay(tempRange) }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { variant: "outline", color: "neutral", size: "sm", onClick: handleCancel, children: "Cancel" }), jsx(Button, { variant: "filled", size: "sm", onClick: handleApply, disabled: !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.start) || !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.end), children: "Apply" })] })] })] })) : (
+                                                }, onNavigatePrev: null, onNavigateNext: handleNavigateNext, minDate: minDate, maxDate: maxDate, isDateDisabled: isDateDisabled, showToday: showToday, selectTodayByDefault: false, weekdays: weekdays, months: months, yearRange: yearRange, size: "md" }) })] })) }), jsxs("div", { className: "flex items-center justify-between px-4 py-3 border-t border-[var(--color-border)]", children: [jsx("div", { className: "text-sm text-[var(--color-text-muted)]", children: formatRangeDisplay(tempRange) }), jsxs("div", { className: "flex items-center gap-2", children: [jsx(Button, { variant: "outline", color: "neutral", size: "sm", onClick: handleCancel, children: "Cancel" }), jsx(Button, { variant: "filled", size: "sm", onClick: handleApply, disabled: !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.start) || !(tempRange === null || tempRange === void 0 ? void 0 : tempRange.end), children: "Apply" })] })] })] })) : (
                     // Single calendar for single mode
                     jsx("div", { className: "flex-1 p-4", children: children || (jsx(Calendar, { mode: "single", value: selectedValue, onChange: (value) => {
                                 handleDateSelect(value);

package/dist/index.js

@@ -64,7 +64,7 @@ export { Combobox } from './components/forms/Combobox/Combobox.js';
 export { CommandPalette } from './components/core/CommandPalette/CommandPalette.js';
 export { ContextMenu } from './components/core/ContextMenu/ContextMenu.js';
 export { CronInput } from './components/forms/CronInput/CronInput.js';
-export { CustomCursor } from './components/effects/CustomCursor/CustomCursor.js';
+export { CustomCursor, CustomCursorFollow, CustomCursorProvider, useCustomCursor } from './components/effects/CustomCursor/CustomCursor.js';
 export { DEFAULT_CHART_COLORS, EXTENDED_CHART_COLORS, MINIMAL_CHART_COLORS, colorClassToVariable, combineClasses, createColorClass, extractFillClass, extractStrokeClass, generateColorPalette, generateSeriesColors, getContrastColor } from './components/charts/utils/color-utils.js';
 export { DEFAULT_DATE_RANGE_PRESETS } from './components/forms/DateRangePicker/dateRangePresets.js';
 export { DatePicker } from './components/forms/DatePicker/DatePicker.js';