@bigbinary/neeto-atoms 1.0.68 → 1.0.70

package/dist/{Avatar-D1hEMHgh.js → Avatar-DxRDQDjh.js}

@@ -57,7 +57,6 @@ const Avatar = forwardRef(
     const isXl = size === "xl";
     const primitiveSize = isXl ? "lg" : size;
     const seed = user?.id != null ? String(user.id) : user?.email?.trim().toLowerCase() || user?.name;
-    const fallbackStyle = user?.imageUrl ? void 0 : getAvatarColorStyle(seed);
     const avatarElement = /* @__PURE__ */ jsxs(
       Avatar$1,
       {
@@ -67,7 +66,7 @@ const Avatar = forwardRef(
         ...otherProps,
         children: [
           user?.imageUrl && /* @__PURE__ */ jsx(AvatarImage, { src: user.imageUrl, alt: user?.name ?? "" }),
-          /* @__PURE__ */ jsx(AvatarFallback, { style: fallbackStyle, children: initials }),
+          /* @__PURE__ */ jsx(AvatarFallback, { style: getAvatarColorStyle(seed), children: initials }),
           status && /* @__PURE__ */ jsx(AvatarBadge, { className: cn(STATUS_COLOR_MAP[status]) })
         ]
       }
@@ -90,4 +89,4 @@ const AvatarNamespace = Object.assign(Avatar, {
 });
 
 export { AvatarNamespace as A };
-//# sourceMappingURL=Avatar-D1hEMHgh.js.map
+//# sourceMappingURL=Avatar-DxRDQDjh.js.map

package/dist/Avatar-DxRDQDjh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar-DxRDQDjh.js","sources":["../src/components/Avatar/constants.ts","../src/components/Avatar/utils.ts","../src/components/Avatar/Avatar.tsx"],"sourcesContent":["export const STATUS_COLOR_MAP: Record<string, string> = {\n  online: \"bg-emerald-500 dark:bg-emerald-400\",\n  idle: \"bg-amber-500 dark:bg-amber-400\",\n  offline: \"bg-gray-400 dark:bg-gray-500\",\n};\n\nexport const SIDE_MAP: Record<string, \"top\" | \"right\" | \"bottom\" | \"left\"> = {\n  top: \"top\",\n  bottom: \"bottom\",\n  left: \"left\",\n  right: \"right\",\n  auto: \"bottom\",\n};\n\nexport const XL_CLASSES =\n  \"data-[size=lg]:size-16 [&>[data-slot=avatar-badge]]:size-4 [&>[data-slot=avatar-fallback]]:text-lg\";\n","import type { CSSProperties } from \"react\";\n\nexport function getInitials(name?: string): string {\n  if (!name) return \"\";\n\n  return name\n    .split(/\\s+/)\n    .slice(0, 2)\n    .map(word => word.charAt(0).toUpperCase())\n    .join(\"\");\n}\n\nfunction cyrb53(str: string, seed = 0): number {\n  let h1 = 0xdeadbeef ^ seed;\n  let h2 = 0x41c6ce57 ^ seed;\n  for (let i = 0; i < str.length; i++) {\n    const ch = str.charCodeAt(i);\n    h1 = Math.imul(h1 ^ ch, 2654435761);\n    h2 = Math.imul(h2 ^ ch, 1597334677);\n  }\n  h1 =\n    Math.imul(h1 ^ (h1 >>> 16), 2246822507) ^\n    Math.imul(h2 ^ (h2 >>> 13), 3266489909);\n  h2 =\n    Math.imul(h2 ^ (h2 >>> 16), 2246822507) ^\n    Math.imul(h1 ^ (h1 >>> 13), 3266489909);\n  return 4294967296 * (2097151 & h2) + (h1 >>> 0);\n}\n\nexport function getAvatarColorStyle(seed?: string): CSSProperties | undefined {\n  if (!seed) return undefined;\n\n  const hue = cyrb53(seed) % 360;\n\n  return {\n    backgroundColor: `oklch(var(--avatar-l) var(--avatar-c) ${hue})`,\n    color: \"var(--avatar-fg)\",\n  };\n}\n","import React, { forwardRef } from \"react\";\n\nimport { cn } from \"src/shadcn/lib/utils\";\nimport {\n  Avatar as PrimitiveAvatar,\n  AvatarImage,\n  AvatarFallback,\n  AvatarBadge,\n  AvatarGroup,\n  AvatarGroupCount,\n} from \"src/primitives/Avatar\";\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"src/primitives/Tooltip\";\n\nimport { STATUS_COLOR_MAP, SIDE_MAP, XL_CLASSES } from \"./constants\";\nimport { getAvatarColorStyle, getInitials } from \"./utils\";\n\ntype AvatarSize = \"sm\" | \"default\" | \"lg\" | \"xl\";\n\ninterface AvatarTooltipProps {\n  /** Tooltip content. Defaults to user.name if showTooltip is true. */\n  content?: React.ReactNode;\n  /** Tooltip position. */\n  position?: string;\n}\n\nexport interface AvatarProps extends Omit<\n  React.ComponentProps<typeof PrimitiveAvatar>,\n  \"size\"\n> {\n  /** User data for the avatar. */\n  user?: {\n    id?: string | number;\n    name?: string;\n    email?: string;\n    imageUrl?: string;\n  };\n  /** Status indicator displayed as a colored badge. */\n  status?: \"online\" | \"idle\" | \"offline\" | null;\n  /** Show the user's name in a tooltip on hover. */\n  showTooltip?: boolean;\n  /** Tooltip configuration. Overrides showTooltip content. */\n  tooltipProps?: AvatarTooltipProps;\n  /** Size of the avatar. */\n  size?: AvatarSize;\n  /** Additional CSS class names. */\n  className?: string;\n}\n\nconst Avatar = forwardRef<HTMLSpanElement, AvatarProps>(\n  (\n    {\n      user,\n      status,\n      showTooltip = false,\n      tooltipProps,\n      size = \"default\",\n      className,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const initials = getInitials(user?.name);\n    const isXl = size === \"xl\";\n    const primitiveSize = isXl ? \"lg\" : size;\n    const seed =\n      user?.id != null\n        ? String(user.id)\n        : user?.email?.trim().toLowerCase() || user?.name;\n\n    const avatarElement = (\n      <PrimitiveAvatar\n        ref={ref}\n        size={primitiveSize}\n        className={cn(isXl && XL_CLASSES, className)}\n        {...otherProps}\n      >\n        {user?.imageUrl && (\n          <AvatarImage src={user.imageUrl} alt={user?.name ?? \"\"} />\n        )}\n        <AvatarFallback style={getAvatarColorStyle(seed)}>\n          {initials}\n        </AvatarFallback>\n        {status && <AvatarBadge className={cn(STATUS_COLOR_MAP[status])} />}\n      </PrimitiveAvatar>\n    );\n\n    const tooltipContent =\n      tooltipProps?.content ?? (showTooltip ? user?.name : null);\n\n    if (tooltipContent) {\n      const side = SIDE_MAP[tooltipProps?.position ?? \"auto\"] ?? \"bottom\";\n\n      return (\n        <TooltipProvider delayDuration={0}>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              <span className=\"inline-flex\">{avatarElement}</span>\n            </TooltipTrigger>\n            <TooltipContent side={side}>{tooltipContent}</TooltipContent>\n          </Tooltip>\n        </TooltipProvider>\n      );\n    }\n\n    return avatarElement;\n  }\n);\n\nAvatar.displayName = \"Avatar\";\n\nconst AvatarNamespace = Object.assign(Avatar, {\n  Group: AvatarGroup,\n  GroupCount: AvatarGroupCount,\n});\n\nexport { AvatarNamespace as Avatar };\n"],"names":["PrimitiveAvatar"],"mappings":"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"}

package/dist/{DatePicker-DVXL9Qia.js → DatePicker-1OZmK2ki.js}

@@ -1026,129 +1026,143 @@ const DatePicker = forwardRef(
     const weekRowHoverClassName = picker === "week" ? "[&_button]:!transition-none [&:hover_button]:!bg-primary [&:hover_button]:!text-primary-foreground [&:hover_button]:!rounded-none [&:hover_button]:cursor-pointer" : void 0;
     const ariaDescribedBy = [error ? errorId : null, helpText ? helpTextId : null].filter(Boolean).join(" ") || void 0;
     const calendarSelected = () => {
-      if (showTime || needConfirm) return pendingDate ?? void 0;
+      if (showTime || needConfirm) {
+        return pendingDate ?? currentValue ?? void 0;
+      }
       return currentValue ?? void 0;
     };
-    const triggerContent = /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: trigger ? setOpen : void 0, children: [
-      trigger ? /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }) : /* @__PURE__ */ jsx(
-        DatePickerTrigger,
-        {
-          containerRef,
-          inputRef,
-          disabled,
-          error,
-          hasField,
-          className,
-          triggerSizeClass: sizeConfig.trigger,
-          inputSizeClass: sizeConfig.input,
-          iconSizeClass: sizeConfig.icon,
-          label,
-          ariaDescribedBy,
-          placeholder: placeholder ?? defaultPlaceholder,
-          inputText,
-          allowClear,
-          timezone,
-          onInputChange: handleInputChange,
-          onInputKeyDown: handleInputKeyDown,
-          onInputFocus: () => {
-            if (!open) openPopover();
-          },
-          onInputBlur: handleInputBlur,
-          onClear: handleClear
-        }
-      ),
-      open && /* @__PURE__ */ jsxs(
-        PopoverContent,
-        {
-          id: popoverContentId,
-          className: "w-auto p-0",
-          align,
-          side,
-          onOpenAutoFocus: (e) => e.preventDefault(),
-          onCloseAutoFocus: (e) => e.preventDefault(),
-          onPointerDownOutside: (e) => e.preventDefault(),
-          onInteractOutside: (e) => e.preventDefault(),
-          children: [
-            /* @__PURE__ */ jsxs("div", { className: cn("flex", showTime && "flex-row"), children: [
-              type === "date" && picker === "month" ? /* @__PURE__ */ jsx(
-                MonthPicker,
-                {
-                  value: currentValue ?? null,
-                  displayedYear: calendarMonth.getFullYear(),
-                  onYearChange: (year) => setCalendarMonth(
-                    new Date(year, calendarMonth.getMonth(), 1)
+    const handleTriggerOpenChange = (nextOpen) => {
+      if (nextOpen === open) return;
+      if (nextOpen) openPopover();
+      else closePopover();
+    };
+    const triggerContent = /* @__PURE__ */ jsxs(
+      Popover,
+      {
+        open,
+        onOpenChange: trigger ? handleTriggerOpenChange : void 0,
+        children: [
+          trigger ? /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: trigger }) : /* @__PURE__ */ jsx(
+            DatePickerTrigger,
+            {
+              containerRef,
+              inputRef,
+              disabled,
+              error,
+              hasField,
+              className,
+              triggerSizeClass: sizeConfig.trigger,
+              inputSizeClass: sizeConfig.input,
+              iconSizeClass: sizeConfig.icon,
+              label,
+              ariaDescribedBy,
+              placeholder: placeholder ?? defaultPlaceholder,
+              inputText,
+              allowClear,
+              timezone,
+              onInputChange: handleInputChange,
+              onInputKeyDown: handleInputKeyDown,
+              onInputFocus: () => {
+                if (!open) openPopover();
+              },
+              onInputBlur: handleInputBlur,
+              onClear: handleClear
+            }
+          ),
+          open && /* @__PURE__ */ jsxs(
+            PopoverContent,
+            {
+              id: popoverContentId,
+              className: "w-auto p-0",
+              align,
+              side,
+              onOpenAutoFocus: (e) => e.preventDefault(),
+              onCloseAutoFocus: (e) => e.preventDefault(),
+              onPointerDownOutside: (e) => e.preventDefault(),
+              onInteractOutside: (e) => e.preventDefault(),
+              children: [
+                /* @__PURE__ */ jsxs("div", { className: cn("flex", showTime && "flex-row"), children: [
+                  type === "date" && picker === "month" ? /* @__PURE__ */ jsx(
+                    MonthPicker,
+                    {
+                      value: currentValue ?? null,
+                      displayedYear: calendarMonth.getFullYear(),
+                      onYearChange: (year) => setCalendarMonth(
+                        new Date(year, calendarMonth.getMonth(), 1)
+                      ),
+                      onSelect: handleGridPickerSelect,
+                      isDisabled: (date) => isMonthDisabled(date, normalizedMinDate, normalizedMaxDate)
+                    }
+                  ) : type === "date" && picker === "year" ? /* @__PURE__ */ jsx(
+                    YearPicker,
+                    {
+                      value: currentValue ?? null,
+                      displayedYear: calendarMonth.getFullYear(),
+                      onYearChange: (year) => setCalendarMonth(new Date(year, 0, 1)),
+                      onSelect: handleGridPickerSelect,
+                      isDisabled: (date) => isYearDisabled(date, normalizedMinDate, normalizedMaxDate)
+                    }
+                  ) : type === "date" ? /* @__PURE__ */ jsx(
+                    Calendar$1,
+                    {
+                      mode: "single",
+                      captionLayout: "dropdown",
+                      today: todayDate,
+                      month: calendarMonth,
+                      onMonthChange: setCalendarMonth,
+                      selected: calendarSelected(),
+                      onSelect: handleSingleDateSelectWithPicker,
+                      disabled: calendarDisabled,
+                      weekStartsOn,
+                      classNames: weekRowHoverClassName ? { week: cn("mt-2 flex w-full", weekRowHoverClassName) } : void 0,
+                      ...weekHighlightProps,
+                      ...normalizedMinDate && { fromDate: normalizedMinDate },
+                      ...normalizedMaxDate && { toDate: normalizedMaxDate }
+                    }
+                  ) : /* @__PURE__ */ jsx(
+                    RangeCalendar,
+                    {
+                      todayDate,
+                      weekStartsOn,
+                      month: calendarMonth,
+                      onMonthChange: setCalendarMonth,
+                      selected: memoizedRangeSelected,
+                      onSelect: handleRangeSelect,
+                      disabled: calendarDisabled,
+                      fromDate: normalizedMinDate,
+                      toDate: normalizedMaxDate,
+                      onHoverIn: handleHoverIn,
+                      onHoverOut: handleHoverOut
+                    }
                   ),
-                  onSelect: handleGridPickerSelect,
-                  isDisabled: (date) => isMonthDisabled(date, normalizedMinDate, normalizedMaxDate)
-                }
-              ) : type === "date" && picker === "year" ? /* @__PURE__ */ jsx(
-                YearPicker,
-                {
-                  value: currentValue ?? null,
-                  displayedYear: calendarMonth.getFullYear(),
-                  onYearChange: (year) => setCalendarMonth(new Date(year, 0, 1)),
-                  onSelect: handleGridPickerSelect,
-                  isDisabled: (date) => isYearDisabled(date, normalizedMinDate, normalizedMaxDate)
-                }
-              ) : type === "date" ? /* @__PURE__ */ jsx(
-                Calendar$1,
-                {
-                  mode: "single",
-                  captionLayout: "dropdown",
-                  today: todayDate,
-                  month: calendarMonth,
-                  onMonthChange: setCalendarMonth,
-                  selected: calendarSelected(),
-                  onSelect: handleSingleDateSelectWithPicker,
-                  disabled: calendarDisabled,
-                  weekStartsOn,
-                  classNames: weekRowHoverClassName ? { week: cn("mt-2 flex w-full", weekRowHoverClassName) } : void 0,
-                  ...weekHighlightProps,
-                  ...normalizedMinDate && { fromDate: normalizedMinDate },
-                  ...normalizedMaxDate && { toDate: normalizedMaxDate }
-                }
-              ) : /* @__PURE__ */ jsx(
-                RangeCalendar,
-                {
-                  todayDate,
-                  weekStartsOn,
-                  month: calendarMonth,
-                  onMonthChange: setCalendarMonth,
-                  selected: memoizedRangeSelected,
-                  onSelect: handleRangeSelect,
-                  disabled: calendarDisabled,
-                  fromDate: normalizedMinDate,
-                  toDate: normalizedMaxDate,
-                  onHoverIn: handleHoverIn,
-                  onHoverOut: handleHoverOut
-                }
-              ),
-              showTime && /* @__PURE__ */ jsx("div", { className: "border-inline-start border-border", children: /* @__PURE__ */ jsx(
-                TimePickerPanel,
-                {
-                  value: pendingTime,
-                  onChange: setPendingTime,
-                  format: timePickerFormat,
-                  showSeconds,
-                  disabled
-                }
-              ) })
-            ] }),
-            showFooter && /* @__PURE__ */ jsx(
-              DatePickerFooter,
-              {
-                showTime,
-                needConfirm,
-                timezone,
-                onTimezoneChange,
-                onNow: handleNow,
-                onOk: handleOk
-              }
-            )
-          ]
-        }
-      )
-    ] });
+                  showTime && /* @__PURE__ */ jsx("div", { className: "border-inline-start border-border", children: /* @__PURE__ */ jsx(
+                    TimePickerPanel,
+                    {
+                      value: pendingTime,
+                      onChange: setPendingTime,
+                      format: timePickerFormat,
+                      showSeconds,
+                      disabled
+                    }
+                  ) })
+                ] }),
+                showFooter && /* @__PURE__ */ jsx(
+                  DatePickerFooter,
+                  {
+                    showTime,
+                    needConfirm,
+                    timezone,
+                    onTimezoneChange,
+                    onNow: handleNow,
+                    onOk: handleOk
+                  }
+                )
+              ]
+            }
+          )
+        ]
+      }
+    );
     if (!hasField) {
       return /* @__PURE__ */ jsx("div", { ref, className, children: triggerContent });
     }
@@ -1173,4 +1187,4 @@ const DatePicker = forwardRef(
 DatePicker.displayName = "DatePicker";
 
 export { DatePicker as D };
-//# sourceMappingURL=DatePicker-DVXL9Qia.js.map
+//# sourceMappingURL=DatePicker-1OZmK2ki.js.map