@fernir2/saas-kit 0.0.183 → 0.0.185

package/packages/level2/fd-component-toolbox/big-calendar/BigCalendar.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+export interface CalendarEvent {
+    id: string;
+    title: string;
+    dateTime: Date;
+}
+export interface BigCalendarProps {
+    dateWindow: Date;
+    events: CalendarEvent[];
+}
+export declare function BigCalendar({ dateWindow, events }: BigCalendarProps): React.JSX.Element;

package/packages/level2/fd-component-toolbox/big-calendar/BigCalendar.funcs.cjs.js

@@ -0,0 +1,131 @@
+'use strict';
+'use strict';
+
+var dateTime = require('../../../fd-toolbox/time/date-time.cjs.js');
+var dateFormats = require('../../../fd-toolbox/dates/date-formats.cjs.js');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
+const mockEvents = [{
+  id: "1",
+  title: "Retro SaaS Kit",
+  dateTime: dateTime.parseExact("2026-02-06 17:15:00", dateFormats.dateFormats.isoWithoutLeadingZeros)
+}, {
+  id: "2",
+  title: "St. Valentine's Day",
+  dateTime: dateTime.parseExact("2026-02-14 00:00:00", dateFormats.dateFormats.isoWithoutLeadingZeros)
+}, {
+  id: "3",
+  title: "Another Event",
+  dateTime: dateTime.parseExact("2026-03-06 18:30:00", dateFormats.dateFormats.isoWithoutLeadingZeros)
+}, {
+  id: "4",
+  title: "Yet Another Event",
+  dateTime: dateTime.parseExact("2026-02-06 17:00:00", dateFormats.dateFormats.isoWithoutLeadingZeros)
+}];
+const weekDays = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"];
+const todayDate = formatDateKey(dateTime.getNow());
+function getCalendarDays(year, month) {
+  const monthStart = startOfMonth(year, month);
+  const monthEnd = endOfMonth(year, month);
+  const firstWeekDay = (monthStart.getDay() + 6) % 7;
+  const daysInMonth = monthEnd.getDate();
+  const days = [];
+  for (let i = firstWeekDay; i > 0; i--) {
+    days.push({
+      date: addDays(monthStart, -i),
+      isCurrentMonth: false
+    });
+  }
+  for (let day = 1; day <= daysInMonth; day++) {
+    days.push({
+      date: buildDate(year, month, day),
+      isCurrentMonth: true
+    });
+  }
+  while (days.length % 7 !== 0) {
+    const lastDate = days[days.length - 1].date;
+    days.push({
+      date: addDays(lastDate, 1),
+      isCurrentMonth: false
+    });
+  }
+  return days;
+}
+__name(getCalendarDays, "getCalendarDays");
+function formatEventTime(event) {
+  const locale = navigator.language;
+  return new Intl.DateTimeFormat(locale, {
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(event.dateTime);
+}
+__name(formatEventTime, "formatEventTime");
+function getDayCellData(days, index, eventsByDate) {
+  const {
+    date,
+    isCurrentMonth
+  } = days[index];
+  const dateKey = formatDateKey(date);
+  return {
+    date,
+    dateKey,
+    isCurrentMonth,
+    dayEvents: eventsByDate.get(dateKey) ?? [],
+    isLastColumn: (index + 1) % 7 === 0,
+    isLastRow: index >= days.length - 7
+  };
+}
+__name(getDayCellData, "getDayCellData");
+function buildEventsByDateMap(events) {
+  const eventsByDate = /* @__PURE__ */new Map();
+  for (const event of events) {
+    const dateKey = formatDateKey(event.dateTime);
+    const dayEvents = eventsByDate.get(dateKey);
+    if (dayEvents) {
+      dayEvents.push(event);
+    } else {
+      eventsByDate.set(dateKey, [event]);
+    }
+  }
+  for (const dayEvents of eventsByDate.values()) {
+    dayEvents.sort((a, b) => a.dateTime.getTime() - b.dateTime.getTime());
+  }
+  return eventsByDate;
+}
+__name(buildEventsByDateMap, "buildEventsByDateMap");
+function buildDate(year, month, day) {
+  return dateTime.parseExact(`${year}-${month + 1}-${day} 00:00:00`, dateFormats.dateFormats.isoWithoutLeadingZeros);
+}
+__name(buildDate, "buildDate");
+function addDays(date, days) {
+  return dateTime.subtractTime(date, -days * 24, 0);
+}
+__name(addDays, "addDays");
+function startOfMonth(year, month) {
+  return buildDate(year, month, 1);
+}
+__name(startOfMonth, "startOfMonth");
+function endOfMonth(year, month) {
+  const firstDayOfNextMonth = buildDate(year, month + 1, 1);
+  return dateTime.subtractTime(firstDayOfNextMonth, 24, 0);
+}
+__name(endOfMonth, "endOfMonth");
+function formatDateKey(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+__name(formatDateKey, "formatDateKey");
+
+exports.buildEventsByDateMap = buildEventsByDateMap;
+exports.formatEventTime = formatEventTime;
+exports.getCalendarDays = getCalendarDays;
+exports.getDayCellData = getDayCellData;
+exports.mockEvents = mockEvents;
+exports.todayDate = todayDate;
+exports.weekDays = weekDays;

package/packages/level2/fd-component-toolbox/big-calendar/BigCalendar.funcs.d.ts

@@ -0,0 +1,21 @@
+import { CalendarEvent } from "./BigCalendar";
+export declare const mockEvents: CalendarEvent[];
+export declare const weekDays: string[];
+export declare const todayDate: string;
+export declare function getCalendarDays(year: number, month: number): {
+    date: Date;
+    isCurrentMonth: boolean;
+}[];
+export declare function formatEventTime(event: CalendarEvent): string;
+export declare function getDayCellData(days: {
+    date: Date;
+    isCurrentMonth: boolean;
+}[], index: number, eventsByDate: Map<string, CalendarEvent[]>): {
+    date: Date;
+    dateKey: string;
+    isCurrentMonth: boolean;
+    dayEvents: CalendarEvent[];
+    isLastColumn: boolean;
+    isLastRow: boolean;
+};
+export declare function buildEventsByDateMap(events: CalendarEvent[]): Map<string, CalendarEvent[]>;

package/packages/level2/fd-component-toolbox/big-calendar/BigCalendar.funcs.js

@@ -0,0 +1,123 @@
+'use strict';
+import { parseExact, getNow, subtractTime } from '../../../fd-toolbox/time/date-time.js';
+import { dateFormats } from '../../../fd-toolbox/dates/date-formats.js';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
+const mockEvents = [{
+  id: "1",
+  title: "Retro SaaS Kit",
+  dateTime: parseExact("2026-02-06 17:15:00", dateFormats.isoWithoutLeadingZeros)
+}, {
+  id: "2",
+  title: "St. Valentine's Day",
+  dateTime: parseExact("2026-02-14 00:00:00", dateFormats.isoWithoutLeadingZeros)
+}, {
+  id: "3",
+  title: "Another Event",
+  dateTime: parseExact("2026-03-06 18:30:00", dateFormats.isoWithoutLeadingZeros)
+}, {
+  id: "4",
+  title: "Yet Another Event",
+  dateTime: parseExact("2026-02-06 17:00:00", dateFormats.isoWithoutLeadingZeros)
+}];
+const weekDays = ["MON", "TUE", "WED", "THU", "FRI", "SAT", "SUN"];
+const todayDate = formatDateKey(getNow());
+function getCalendarDays(year, month) {
+  const monthStart = startOfMonth(year, month);
+  const monthEnd = endOfMonth(year, month);
+  const firstWeekDay = (monthStart.getDay() + 6) % 7;
+  const daysInMonth = monthEnd.getDate();
+  const days = [];
+  for (let i = firstWeekDay; i > 0; i--) {
+    days.push({
+      date: addDays(monthStart, -i),
+      isCurrentMonth: false
+    });
+  }
+  for (let day = 1; day <= daysInMonth; day++) {
+    days.push({
+      date: buildDate(year, month, day),
+      isCurrentMonth: true
+    });
+  }
+  while (days.length % 7 !== 0) {
+    const lastDate = days[days.length - 1].date;
+    days.push({
+      date: addDays(lastDate, 1),
+      isCurrentMonth: false
+    });
+  }
+  return days;
+}
+__name(getCalendarDays, "getCalendarDays");
+function formatEventTime(event) {
+  const locale = navigator.language;
+  return new Intl.DateTimeFormat(locale, {
+    hour: "numeric",
+    minute: "2-digit"
+  }).format(event.dateTime);
+}
+__name(formatEventTime, "formatEventTime");
+function getDayCellData(days, index, eventsByDate) {
+  const {
+    date,
+    isCurrentMonth
+  } = days[index];
+  const dateKey = formatDateKey(date);
+  return {
+    date,
+    dateKey,
+    isCurrentMonth,
+    dayEvents: eventsByDate.get(dateKey) ?? [],
+    isLastColumn: (index + 1) % 7 === 0,
+    isLastRow: index >= days.length - 7
+  };
+}
+__name(getDayCellData, "getDayCellData");
+function buildEventsByDateMap(events) {
+  const eventsByDate = /* @__PURE__ */new Map();
+  for (const event of events) {
+    const dateKey = formatDateKey(event.dateTime);
+    const dayEvents = eventsByDate.get(dateKey);
+    if (dayEvents) {
+      dayEvents.push(event);
+    } else {
+      eventsByDate.set(dateKey, [event]);
+    }
+  }
+  for (const dayEvents of eventsByDate.values()) {
+    dayEvents.sort((a, b) => a.dateTime.getTime() - b.dateTime.getTime());
+  }
+  return eventsByDate;
+}
+__name(buildEventsByDateMap, "buildEventsByDateMap");
+function buildDate(year, month, day) {
+  return parseExact(`${year}-${month + 1}-${day} 00:00:00`, dateFormats.isoWithoutLeadingZeros);
+}
+__name(buildDate, "buildDate");
+function addDays(date, days) {
+  return subtractTime(date, -days * 24, 0);
+}
+__name(addDays, "addDays");
+function startOfMonth(year, month) {
+  return buildDate(year, month, 1);
+}
+__name(startOfMonth, "startOfMonth");
+function endOfMonth(year, month) {
+  const firstDayOfNextMonth = buildDate(year, month + 1, 1);
+  return subtractTime(firstDayOfNextMonth, 24, 0);
+}
+__name(endOfMonth, "endOfMonth");
+function formatDateKey(date) {
+  const year = date.getFullYear();
+  const month = String(date.getMonth() + 1).padStart(2, "0");
+  const day = String(date.getDate()).padStart(2, "0");
+  return `${year}-${month}-${day}`;
+}
+__name(formatDateKey, "formatDateKey");
+
+export { buildEventsByDateMap, formatEventTime, getCalendarDays, getDayCellData, mockEvents, todayDate, weekDays };

package/packages/level2/fd-component-toolbox/big-calendar/BigCalendar.js

@@ -0,0 +1,66 @@
+'use strict';
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { cn } from '../../../fd-toolbox/lib/utils.js';
+import { getCalendarDays, buildEventsByDateMap, getDayCellData, todayDate, weekDays, formatEventTime } from './BigCalendar.funcs.js';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", {
+  value,
+  configurable: true
+});
+function BigCalendar({
+  dateWindow,
+  events
+}) {
+  const year = dateWindow.getFullYear();
+  const month = dateWindow.getMonth();
+  const days = getCalendarDays(year, month);
+  const eventsByDate = buildEventsByDateMap(events);
+  return /* @__PURE__ */jsx("div", {
+    className: "border-border bg-background w-full overflow-hidden rounded-xl border",
+    children: /* @__PURE__ */jsx("div", {
+      className: "grid auto-rows-fr grid-cols-7",
+      children: days.map((_, index) => {
+        const {
+          date,
+          dateKey,
+          dayEvents,
+          isLastColumn,
+          isLastRow
+        } = getDayCellData(days, index, eventsByDate);
+        const isToday = dateKey === todayDate;
+        const weekDayLabel = weekDays[index % 7];
+        const isFirstRow = index < 7;
+        return /* @__PURE__ */jsxs("div", {
+          className: cn("border-border relative flex h-34 flex-col p-1.5 text-xs", !isLastColumn && "border-r", !isLastRow && "border-b"),
+          children: [isFirstRow && /* @__PURE__ */jsx("div", {
+            className: "text-muted-foreground text-center text-sm font-medium",
+            children: weekDayLabel
+          }), /* @__PURE__ */jsx("div", {
+            className: "mt-1 mb-1.5 flex justify-center",
+            children: isToday ? /* @__PURE__ */jsx("span", {
+              className: "bg-fd-tertiary-900 text-primary-foreground inline-flex h-6 w-6 items-center justify-center rounded-full text-sm font-semibold",
+              children: date.getDate()
+            }) : /* @__PURE__ */jsx("span", {
+              className: "text-foreground text-sm font-semibold",
+              children: date.getDate()
+            })
+          }), /* @__PURE__ */jsx("div", {
+            className: "space-y-1",
+            children: dayEvents.map(event => /* @__PURE__ */jsxs("div", {
+              className: "bg-accent text-accent-foreground truncate rounded px-2 py-0.5 text-xs",
+              children: [/* @__PURE__ */jsx("span", {
+                className: "mr-1 opacity-70",
+                children: formatEventTime(event)
+              }), event.title]
+            }, event.id))
+          })]
+        }, dateKey);
+      })
+    })
+  });
+}
+__name(BigCalendar, "BigCalendar");
+
+export { BigCalendar };

package/packages/level2/fd-component-toolbox/button/Button.cjs.js

@@ -3,10 +3,11 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var reactSlot = require('@radix-ui/react-slot');
 var classVarianceAuthority = require('class-variance-authority');
 var utils = require('../../../fd-toolbox/lib/utils.cjs.js');
+var tooltipConstants = require('../tooltip/tooltip-constants.cjs.js');
 var Tooltip = require('../tooltip/Tooltip.cjs.js');
+var react = require('@base-ui/react');
 
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", {
@@ -16,11 +17,11 @@ var __name = (target, value) => __defProp(target, "name", {
 const buttonVariants = classVarianceAuthority.cva("focus-visible:ring-primary inline-flex items-center justify-center rounded-md text-sm font-medium whitespace-nowrap transition-colors focus-visible:ring-1 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50", {
   variants: {
     variant: {
-      default: "bg-primary text-primary-foreground hover:bg-primary/90 shadow",
-      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 shadow-sm",
+      default: "bg-primary text-primary-foreground hover:bg-primary/90 cursor-pointer shadow",
+      destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90 cursor-pointer shadow-sm",
       outline: "border-input bg-background hover:bg-accent hover:text-accent-foreground border shadow-sm",
       secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80 shadow-sm",
-      ghost: "hover:bg-accent hover:text-accent-foreground",
+      ghost: "hover:bg-accent hover:text-accent-foreground cursor-pointer",
       link: "text-primary underline-offset-4 hover:underline",
       icon: "hover:text-accent-foreground cursor-pointer",
       float: "border-border hover:border-fd-accent rounded-none border-b",
@@ -42,7 +43,6 @@ const Button = /* @__PURE__ */__name(({
   className,
   variant,
   size,
-  asChild,
   tooltipText,
   tooltipSide,
   tooltipClassName,
@@ -63,71 +63,49 @@ const Button = /* @__PURE__ */__name(({
   "data-state": dataState,
   onKeyDown,
   onPointerDown,
+  render,
   ref
 }) => {
   const hasButtonAsChild = React.Children.toArray(children).some(child => React.isValidElement(child) && child.type === "button");
-  const Comp = asChild || hasButtonAsChild ? reactSlot.Slot : "button";
+  const props = {
+    className: utils.cn(buttonVariants({
+      variant,
+      size,
+      className
+    })),
+    ref,
+    onClick,
+    id,
+    disabled,
+    type,
+    style,
+    tabIndex,
+    title,
+    onMouseEnter,
+    "aria-controls": ariaControls,
+    "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHaspopup,
+    "data-disabled": dataDisabled,
+    "data-state": dataState,
+    onKeyDown,
+    onPointerDown,
+    children
+  };
+  const elements = react.useRender({
+    defaultTagName: "button",
+    render: hasButtonAsChild ? render : void 0,
+    props
+  });
   if (!tooltipText) {
-    return /* @__PURE__ */jsxRuntime.jsx(Comp, {
-      className: utils.cn(buttonVariants({
-        variant,
-        size,
-        className
-      })),
-      ref,
-      onClick,
-      id,
-      disabled,
-      type,
-      style,
-      tabIndex,
-      title,
-      onMouseEnter,
-      "aria-controls": ariaControls,
-      "aria-expanded": ariaExpanded,
-      "aria-haspopup": ariaHaspopup,
-      "data-disabled": dataDisabled,
-      "data-state": dataState,
-      onKeyDown,
-      onPointerDown,
-      children
-    });
+    return elements;
   } else {
-    return /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipProvider, {
+    return /* @__PURE__ */jsxRuntime.jsx(Tooltip.Tooltip, {
+      content: tooltipText,
       delayDuration: 100,
-      children: /* @__PURE__ */jsxRuntime.jsxs(Tooltip.Tooltip, {
-        children: [/* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipTrigger, {
-          render: /* @__PURE__ */jsxRuntime.jsx(Comp, {
-            className: utils.cn(buttonVariants({
-              variant,
-              size,
-              className
-            })),
-            ref,
-            onClick,
-            id,
-            disabled,
-            type,
-            style,
-            tabIndex,
-            title,
-            onMouseEnter,
-            "aria-controls": ariaControls,
-            "aria-expanded": ariaExpanded,
-            "aria-haspopup": ariaHaspopup,
-            "data-disabled": dataDisabled,
-            "data-state": dataState,
-            onKeyDown,
-            onPointerDown,
-            children
-          })
-        }), /* @__PURE__ */jsxRuntime.jsx(Tooltip.TooltipContent, {
-          align: tooltipAlign ?? Tooltip.tooltipAlignsStrings[Tooltip.tooltipAligns.center],
-          className: tooltipClassName,
-          side: tooltipSide ?? Tooltip.tooltipContentSidesStrings[Tooltip.tooltipContentSides.bottom],
-          children: tooltipText
-        })]
-      })
+      align: tooltipAlign,
+      className: tooltipClassName,
+      side: tooltipSide ?? tooltipConstants.tooltipSides.bottom,
+      children: elements
     });
   }
 }, "Button");

package/packages/level2/fd-component-toolbox/button/Button.d.ts

@@ -1,7 +1,8 @@
-import React from "react";
+import React, { ReactElement } from "react";
 import { type VariantProps } from "class-variance-authority";
-import { TooltipContentSideString, TooltipAlignString } from "../tooltip/Tooltip";
+import { tooltipAligns, tooltipSides } from "../tooltip/tooltip-constants";
 import { VoidFuncNoParam } from "../../../fd-toolbox/functions/getter-setter-functions";
+type Booleanish = boolean | "true" | "false" | "dialog" | "menu" | "grid" | "listbox" | "tree" | undefined;
 /**
  * Using {@link https:/cva.style/docs/getting-started/variants class-variance-authority}
  */
@@ -23,10 +24,6 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     title?: string;
     disabled?: boolean;
     onMouseEnter?: React.MouseEventHandler<HTMLButtonElement>;
-    /**
-     * If true, renders the button as a child component using Radix UI Slot, allowing composition with other components
-     */
-    asChild?: boolean;
     /**
      * Text to display in the tooltip when hovering over the button
      */
@@ -34,7 +31,7 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     /**
      * Side of the button where the tooltip should appear
      */
-    tooltipSide?: TooltipContentSideString;
+    tooltipSide?: keyof typeof tooltipSides;
     /**
      * Additional CSS classes to apply to the tooltip content
      */
@@ -42,16 +39,17 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     /**
      * Alignment of the tooltip relative to the button
      */
-    tooltipAlign?: TooltipAlignString;
+    tooltipAlign?: keyof typeof tooltipAligns;
     /**
      * Ref to access the underlying button element
      */
     ref?: React.Ref<HTMLButtonElement>;
     "aria-controls"?: string;
-    "aria-expanded"?: boolean;
-    "aria-haspopup"?: boolean;
+    "aria-expanded"?: Booleanish;
+    "aria-haspopup"?: Booleanish;
     "data-disabled"?: string;
     "data-state"?: string;
+    render?: ReactElement;
     onKeyDown?: VoidFuncNoParam;
     onPointerDown?: VoidFuncNoParam;
 }
@@ -64,6 +62,7 @@ export type ButtonVariant = VariantProps<typeof buttonVariants>["variant"];
  * Based on {@link https:/www.radix-ui.com/primitives/docs/utilities/slot Slot}
  */
 export declare const Button: {
-    ({ className, variant, size, asChild, tooltipText, tooltipSide, tooltipClassName, tooltipAlign, children, onClick, id, disabled, type, style, tabIndex, title, onMouseEnter, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "data-disabled": dataDisabled, "data-state": dataState, onKeyDown, onPointerDown, ref, }: ButtonProps): React.JSX.Element;
+    ({ className, variant, size, tooltipText, tooltipSide, tooltipClassName, tooltipAlign, children, onClick, id, disabled, type, style, tabIndex, title, onMouseEnter, "aria-controls": ariaControls, "aria-expanded": ariaExpanded, "aria-haspopup": ariaHaspopup, "data-disabled": dataDisabled, "data-state": dataState, onKeyDown, onPointerDown, render, ref, }: ButtonProps): React.JSX.Element;
     displayName: string;
 };
+export {};

package/packages/level2/fd-component-toolbox/button/Button.funcs.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 'use strict';
 
-var __defProp=Object['defineProperty'],__name=(_0x4e6c63,_0x3ccaf2)=>__defProp(_0x4e6c63,'name',{'value':_0x3ccaf2,'configurable':!![]});function handleClick(_0x4d6d7a,_0x4de505){!_0x4d6d7a&&_0x4de505();}__name(handleClick,'handleClick');
+var __defProp=Object['defineProperty'],__name=(_0x2e591c,_0x207e62)=>__defProp(_0x2e591c,'name',{'value':_0x207e62,'configurable':!![]});function handleClick(_0x17a00a,_0x5074a8){!_0x17a00a&&_0x5074a8();}__name(handleClick,'handleClick');
 
 exports.handleClick = handleClick;

package/packages/level2/fd-component-toolbox/button/Button.funcs.js

@@ -1,4 +1,4 @@
 'use strict';
-var __defProp=Object['defineProperty'],__name=(_0x4e6c63,_0x3ccaf2)=>__defProp(_0x4e6c63,'name',{'value':_0x3ccaf2,'configurable':!![]});function handleClick(_0x4d6d7a,_0x4de505){!_0x4d6d7a&&_0x4de505();}__name(handleClick,'handleClick');
+var __defProp=Object['defineProperty'],__name=(_0x2e591c,_0x207e62)=>__defProp(_0x2e591c,'name',{'value':_0x207e62,'configurable':!![]});function handleClick(_0x17a00a,_0x5074a8){!_0x17a00a&&_0x5074a8();}__name(handleClick,'handleClick');
 
 export { handleClick };