@admin-layout/tailwind-ui 12.2.4-alpha.9 → 12.2.4-alpha.97

package/lib/components/CharacterSlotPicker/CharacterSlotPicker.js

@@ -0,0 +1,249 @@
+import {jsx,jsxs}from'react/jsx-runtime';import*as React from'react';import {Star,X,Settings}from'lucide-react';import {Popover,PopoverTrigger,PopoverContent}from'../../shardui/popover.js';import {useCharacterPicker}from'../AIToolbar/hooks/useActiveCharacter.js';import {useCharacterSlots,SLOT_NUMBERS}from'../../hooks/characterSlotsPreference.js';import {useCharacterOverrides,setCharacterOverrides}from'../../hooks/characterOverrides.js';// helpers
+function findCharacterByFile(list, fileName) {
+  if (!fileName) return null;
+  return list.find(c => c.fileName === fileName) ?? null;
+}
+function SlotSettingsForm({
+  fileName,
+  characterName,
+  onClose
+}) {
+  const overrides = useCharacterOverrides(fileName);
+  const [voiceId, setVoiceId] = React.useState(overrides.voiceId);
+  const [addendum, setAddendum] = React.useState(overrides.addendum);
+  // Keep local state in sync if the popover re-opens for a different snapshot.
+  React.useEffect(() => {
+    setVoiceId(overrides.voiceId);
+    setAddendum(overrides.addendum);
+  }, [overrides.voiceId, overrides.addendum]);
+  const handleSave = () => {
+    setCharacterOverrides(fileName, {
+      voiceId: voiceId.trim(),
+      addendum: addendum.trim()
+    });
+    onClose();
+  };
+  return jsxs("div", {
+    className: "flex flex-col gap-2 p-1",
+    children: [jsx("div", {
+      className: "px-1 text-xs font-semibold text-foreground/80",
+      children: characterName
+    }), jsxs("label", {
+      className: "flex flex-col gap-1",
+      children: [jsx("span", {
+        className: "text-xs text-muted-foreground",
+        children: "TTS voice ID"
+      }), jsx("input", {
+        type: "text",
+        value: voiceId,
+        onChange: e => setVoiceId(e.target.value),
+        placeholder: "e.g. ElevenLabs voice id",
+        spellCheck: false,
+        className: "w-full rounded-md border border-border bg-background px-2 py-1 text-xs font-mono outline-none focus:border-primary"
+      })]
+    }), jsxs("label", {
+      className: "flex flex-col gap-1",
+      children: [jsx("span", {
+        className: "text-xs text-muted-foreground",
+        children: "Prompt addendum"
+      }), jsx("textarea", {
+        value: addendum,
+        onChange: e => setAddendum(e.target.value),
+        rows: 4,
+        placeholder: "Extra instructions appended to this character's persona\u2026",
+        className: "w-full resize-y rounded-md border border-border bg-background px-2 py-1 text-xs outline-none focus:border-primary"
+      })]
+    }), jsxs("div", {
+      className: "flex justify-end gap-2 pt-1",
+      children: [jsx("button", {
+        type: "button",
+        onClick: onClose,
+        className: "rounded-md px-2 py-1 text-xs text-muted-foreground hover:bg-muted",
+        children: "Cancel"
+      }), jsx("button", {
+        type: "button",
+        onClick: handleSave,
+        className: "rounded-md bg-primary px-2 py-1 text-xs font-medium text-primary-foreground hover:opacity-90",
+        children: "Save"
+      })]
+    })]
+  });
+}
+function SlotTile({
+  slot,
+  fileName,
+  character,
+  isDefault,
+  onPick,
+  onClear,
+  onActivate,
+  onSetDefault,
+  candidates
+}) {
+  const [open, setOpen] = React.useState(false);
+  const [settingsOpen, setSettingsOpen] = React.useState(false);
+  const filled = Boolean(fileName);
+  const handleTileClick = () => {
+    if (filled) onActivate(slot);else setOpen(true);
+  };
+  const handleContextMenu = e => {
+    if (!filled) return;
+    e.preventDefault();
+    onClear(slot);
+  };
+  return jsxs(Popover, {
+    open: open && !filled,
+    onOpenChange: setOpen,
+    children: [jsx(PopoverTrigger, {
+      asChild: true,
+      children: jsxs("button", {
+        type: "button",
+        onClick: handleTileClick,
+        onContextMenu: handleContextMenu,
+        title: filled ? `Slot ${slot} · ${character?.name ?? fileName} (click to activate, right-click to clear)` : `Slot ${slot} · empty (click to assign)`,
+        className: ['group relative aspect-square w-full overflow-hidden rounded-xl border bg-muted/30 transition', 'flex items-center justify-center', filled ? 'border-border hover:border-primary/60' : 'border-dashed border-border/60 hover:border-primary/50 hover:bg-muted/50', isDefault ? 'ring-2 ring-primary ring-offset-2 ring-offset-background' : ''].join(' '),
+        children: [jsx("span", {
+          className: "absolute left-1 top-1 z-10 rounded bg-background/80 px-1 text-xs font-semibold text-foreground/70",
+          children: slot
+        }), filled && character?.avatarSrc ? jsx("img", {
+          src: character.avatarSrc,
+          alt: character.name,
+          className: "h-full w-full object-cover"
+        }) : filled ? jsx("span", {
+          className: "px-2 text-center text-sm font-medium text-foreground/80",
+          children: character?.name ?? fileName
+        }) : jsx("span", {
+          className: "text-2xl text-muted-foreground/60",
+          children: "+"
+        }), filled && jsx("button", {
+          type: "button",
+          onClick: e => {
+            e.stopPropagation();
+            onSetDefault(slot);
+          },
+          title: isDefault ? 'Default slot' : 'Set as default',
+          className: ['absolute right-1 top-1 z-10 rounded-full p-0.5 transition', isDefault ? 'bg-primary text-primary-foreground' : 'bg-background/80 text-muted-foreground opacity-0 group-hover:opacity-100 hover:text-foreground'].join(' '),
+          children: jsx(Star, {
+            className: "h-3 w-3",
+            fill: isDefault ? 'currentColor' : 'none'
+          })
+        }), filled && jsx("button", {
+          type: "button",
+          onClick: e => {
+            e.stopPropagation();
+            onClear(slot);
+          },
+          title: "Clear slot",
+          className: "absolute bottom-1 right-1 z-10 rounded-full bg-background/80 p-0.5 text-muted-foreground opacity-0 transition group-hover:opacity-100 hover:text-destructive",
+          children: jsx(X, {
+            className: "h-3 w-3"
+          })
+        }), filled && fileName && jsxs(Popover, {
+          open: settingsOpen,
+          onOpenChange: setSettingsOpen,
+          children: [jsx(PopoverTrigger, {
+            asChild: true,
+            children: jsx("button", {
+              type: "button",
+              onClick: e => {
+                e.stopPropagation();
+                setSettingsOpen(true);
+              },
+              title: "Slot settings (voice id & prompt addendum)",
+              className: "absolute bottom-1 left-1 z-10 rounded-full bg-background/80 p-0.5 text-muted-foreground opacity-0 transition group-hover:opacity-100 hover:text-foreground",
+              children: jsx(Settings, {
+                className: "h-3 w-3"
+              })
+            })
+          }), jsx(PopoverContent, {
+            align: "start",
+            sideOffset: 6,
+            className: "w-72 p-2",
+            onClick: e => e.stopPropagation(),
+            children: jsx(SlotSettingsForm, {
+              fileName: fileName,
+              characterName: character?.name ?? fileName,
+              onClose: () => setSettingsOpen(false)
+            })
+          })]
+        })]
+      })
+    }), jsx(PopoverContent, {
+      align: "start",
+      sideOffset: 6,
+      className: "w-56 p-1",
+      children: jsx("div", {
+        className: "max-h-64 overflow-y-auto",
+        children: candidates.length === 0 ? jsx("p", {
+          className: "px-2 py-4 text-center text-sm text-muted-foreground",
+          children: "No characters installed."
+        }) : candidates.map(c => jsxs("button", {
+          type: "button",
+          onClick: () => {
+            onPick(slot, c.name, c.fileName);
+            setOpen(false);
+          },
+          className: "flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-sm hover:bg-muted",
+          children: [c.avatarSrc ? jsx("img", {
+            src: c.avatarSrc,
+            alt: "",
+            className: "h-6 w-6 rounded object-cover"
+          }) : jsx("span", {
+            className: "inline-block h-6 w-6 rounded bg-muted"
+          }), jsx("span", {
+            className: "truncate",
+            children: c.name
+          })]
+        }, c.fileName ?? c.name))
+      })
+    })]
+  });
+}
+function CharacterSlotPicker({
+  className
+}) {
+  const picker = useCharacterPicker();
+  const {
+    slots,
+    defaultSlot,
+    setSlot,
+    setDefaultSlot
+  } = useCharacterSlots();
+  const handlePick = React.useCallback((slot, name, fileName) => {
+    if (!fileName) return;
+    void setSlot(slot, fileName);
+  }, [setSlot]);
+  const handleClear = React.useCallback(slot => {
+    void setSlot(slot, null);
+  }, [setSlot]);
+  const handleActivate = React.useCallback(slot => {
+    const fileName = slots[slot];
+    const c = findCharacterByFile(picker.characters, fileName);
+    if (c?.name) picker.setActive(c.name);
+  }, [picker, slots]);
+  const handleSetDefault = React.useCallback(slot => {
+    void setDefaultSlot(slot);
+    // Also activate the default slot's character so the change is visible.
+    const fileName = slots[slot];
+    const c = findCharacterByFile(picker.characters, fileName);
+    if (c?.name) picker.setActive(c.name);
+  }, [picker, slots, setDefaultSlot]);
+  return jsx("div", {
+    className: ['grid grid-cols-3 gap-2', className ?? ''].join(' '),
+    children: SLOT_NUMBERS.map(slot => {
+      const fileName = slots[slot];
+      const character = findCharacterByFile(picker.characters, fileName);
+      return jsx(SlotTile, {
+        slot: slot,
+        fileName: fileName,
+        character: character,
+        isDefault: slot === defaultSlot,
+        onPick: handlePick,
+        onClear: handleClear,
+        onActivate: handleActivate,
+        onSetDefault: handleSetDefault,
+        candidates: picker.characters
+      }, slot);
+    })
+  });
+}export{CharacterSlotPicker};//# sourceMappingURL=CharacterSlotPicker.js.map

package/lib/components/CharacterSlotPicker/CharacterSlotPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CharacterSlotPicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/CharacterSlotPicker/index.d.ts

@@ -0,0 +1,3 @@
+export { CharacterSlotPicker } from './CharacterSlotPicker';
+export type { CharacterSlotPickerProps } from './CharacterSlotPicker';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/CharacterSlotPicker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CharacterSlotPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,YAAY,EAAE,wBAAwB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/components/DatePicker/DatePicker.js

@@ -1,4 +1,4 @@
-import React__default,{useRef,useEffect}from'react';import {useActor}from'@xstate/react';import {datePickerMachine}from'./machine.js';import {getDaysInMonth,getYearsRange,months}from'./utils.js';const DatePicker = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {useRef,useEffect}from'react';import {useActor}from'@xstate/react';import {datePickerMachine}from'./machine.js';import {getDaysInMonth,getYearsRange,months}from'./utils.js';const DatePicker = ({
   value,
   onChange,
   placeholder = 'Select date',
@@ -53,148 +53,166 @@ import React__default,{useRef,useEffect}from'react';import {useActor}from'@xstat
   // Group dates into rows (5 rows of 7 days each - may have empty cells)
   const numberOfRows = Math.ceil(daysInMonth / 7);
   const years = getYearsRange(currentDate.getFullYear());
-  return React__default.createElement("div", {
+  return jsxs("div", {
     ref: containerRef,
-    className: `relative ${className}`
-  }, React__default.createElement("div", {
-    className: "relative"
-  }, React__default.createElement("input", {
-    type: "text",
-    className: "w-full px-2 py-1 h-7 border border-gray-300 hover:border-blue-400 focus:border-blue-400 \n                    rounded text-xs transition-colors duration-200 ease-in-out shadow-sm \n                    focus:outline-none focus:ring-0",
-    placeholder: placeholder,
-    value: inputValue,
-    onChange: e => send({
-      type: 'INPUT_CHANGE',
-      value: e.target.value
-    }),
-    onClick: () => send({
-      type: 'TOGGLE_CALENDAR'
-    }),
-    readOnly: true
-  }), React__default.createElement("div", {
-    className: "absolute inset-y-0 right-0 flex items-center px-2 cursor-pointer text-gray-400",
-    onClick: () => send({
-      type: 'TOGGLE_CALENDAR'
-    })
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-3 w-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2,
-    d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
-  })))), isOpen && React__default.createElement("div", {
-    className: "absolute z-50 mt-1 w-72 bg-white rounded shadow-md border border-gray-200"
-  }, React__default.createElement("div", {
-    className: "px-1 py-1 border-b border-gray-200"
-  }, React__default.createElement("div", {
-    className: "flex justify-between items-center"
-  }, React__default.createElement("button", {
-    className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
-    onClick: () => send({
-      type: 'PREV_MONTH'
-    })
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-3 w-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2.5,
-    d: "M15 19l-7-7 7-7"
-  }))), React__default.createElement("div", {
-    className: "flex items-center space-x-1 text-xs"
-  }, React__default.createElement("select", {
-    className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-20 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
-    value: currentMonth.getMonth(),
-    onChange: e => send({
-      type: 'SELECT_MONTH',
-      month: parseInt(e.target.value)
-    }),
-    style: {
-      backgroundPosition: 'right 4px center'
-    }
-  }, months.map((month, index) => React__default.createElement("option", {
-    key: month,
-    value: index
-  }, month))), React__default.createElement("select", {
-    className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-14 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
-    value: currentMonth.getFullYear(),
-    onChange: e => send({
-      type: 'SELECT_YEAR',
-      year: parseInt(e.target.value)
-    }),
-    style: {
-      backgroundPosition: 'right 4px center'
-    }
-  }, years.map(year => React__default.createElement("option", {
-    key: year,
-    value: year
-  }, year)))), React__default.createElement("button", {
-    className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
-    onClick: () => send({
-      type: 'NEXT_MONTH'
-    })
-  }, React__default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    className: "h-3 w-3",
-    fill: "none",
-    viewBox: "0 0 24 24",
-    stroke: "currentColor"
-  }, React__default.createElement("path", {
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: 2.5,
-    d: "M9 5l7 7-7 7"
-  }))))), React__default.createElement("div", {
-    className: "border-b border-gray-200"
-  }, React__default.createElement("div", {
-    className: "flex border-b border-gray-100 bg-gray-50"
-  }, ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, index) => React__default.createElement("div", {
-    key: day,
-    className: `flex-1 px-1 py-1 text-xs text-center font-medium text-gray-700 ${index < 6 ? 'border-r border-gray-100' : ''}`
-  }, day))), React__default.createElement("div", {
-    className: "p-0"
-  }, Array.from({
-    length: numberOfRows
-  }).map((_, rowIndex) => React__default.createElement("div", {
-    key: `row-${rowIndex}`,
-    className: "flex border-b border-gray-100 last:border-b-0"
-  }, Array.from({
-    length: 7
-  }).map((_, colIndex) => {
-    const dateIndex = rowIndex * 7 + colIndex;
-    // Return empty cell if out of range
-    if (dateIndex >= dates.length) {
-      return React__default.createElement("div", {
-        key: `empty-${rowIndex}-${colIndex}`,
-        className: "flex-1 h-6 border-r border-gray-100 last:border-r-0"
-      });
-    }
-    const date = dates[dateIndex];
-    const isToday = date.getDate() === currentDate.getDate() && date.getMonth() === currentDate.getMonth() && date.getFullYear() === currentDate.getFullYear();
-    const isSelected = selectedDate && date.getDate() === selectedDate.getDate() && date.getMonth() === selectedDate.getMonth() && date.getFullYear() === selectedDate.getFullYear();
-    return React__default.createElement("div", {
-      key: `date-${date.getDate()}`,
-      className: `
+    className: `relative ${className}`,
+    children: [jsxs("div", {
+      className: "relative",
+      children: [jsx("input", {
+        type: "text",
+        className: "w-full px-2 py-1 h-7 border border-gray-300 hover:border-blue-400 focus:border-blue-400 \n                    rounded text-xs transition-colors duration-200 ease-in-out shadow-sm \n                    focus:outline-none focus:ring-0",
+        placeholder: placeholder,
+        value: inputValue,
+        onChange: e => send({
+          type: 'INPUT_CHANGE',
+          value: e.target.value
+        }),
+        onClick: () => send({
+          type: 'TOGGLE_CALENDAR'
+        }),
+        readOnly: true
+      }), jsx("div", {
+        className: "absolute inset-y-0 right-0 flex items-center px-2 cursor-pointer text-gray-400",
+        onClick: () => send({
+          type: 'TOGGLE_CALENDAR'
+        }),
+        children: jsx("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          className: "h-3 w-3",
+          fill: "none",
+          viewBox: "0 0 24 24",
+          stroke: "currentColor",
+          children: jsx("path", {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: 2,
+            d: "M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"
+          })
+        })
+      })]
+    }), isOpen && jsxs("div", {
+      className: "absolute z-50 mt-1 w-72 bg-white rounded shadow-md border border-gray-200",
+      children: [jsx("div", {
+        className: "px-1 py-1 border-b border-gray-200",
+        children: jsxs("div", {
+          className: "flex justify-between items-center",
+          children: [jsx("button", {
+            className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
+            onClick: () => send({
+              type: 'PREV_MONTH'
+            }),
+            children: jsx("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-3 w-3",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2.5,
+                d: "M15 19l-7-7 7-7"
+              })
+            })
+          }), jsxs("div", {
+            className: "flex items-center space-x-1 text-xs",
+            children: [jsx("select", {
+              className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-20 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
+              value: currentMonth.getMonth(),
+              onChange: e => send({
+                type: 'SELECT_MONTH',
+                month: parseInt(e.target.value)
+              }),
+              style: {
+                backgroundPosition: 'right 4px center'
+              },
+              children: months.map((month, index) => jsx("option", {
+                value: index,
+                children: month
+              }, month))
+            }), jsx("select", {
+              className: "appearance-none bg-transparent cursor-pointer py-0 px-1 pr-6 w-14 rounded hover:bg-gray-100 text-gray-800 border-0 focus:outline-none focus:ring-0 text-xs",
+              value: currentMonth.getFullYear(),
+              onChange: e => send({
+                type: 'SELECT_YEAR',
+                year: parseInt(e.target.value)
+              }),
+              style: {
+                backgroundPosition: 'right 4px center'
+              },
+              children: years.map(year => jsx("option", {
+                value: year,
+                children: year
+              }, year))
+            })]
+          }), jsx("button", {
+            className: "p-0.5 hover:bg-gray-100 text-gray-600 rounded flex items-center justify-center w-5 h-5",
+            onClick: () => send({
+              type: 'NEXT_MONTH'
+            }),
+            children: jsx("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              className: "h-3 w-3",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              stroke: "currentColor",
+              children: jsx("path", {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2.5,
+                d: "M9 5l7 7-7 7"
+              })
+            })
+          })]
+        })
+      }), jsxs("div", {
+        className: "border-b border-gray-200",
+        children: [jsx("div", {
+          className: "flex border-b border-gray-100 bg-gray-50",
+          children: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'].map((day, index) => jsx("div", {
+            className: `flex-1 px-1 py-1 text-xs text-center font-medium text-gray-700 ${index < 6 ? 'border-r border-gray-100' : ''}`,
+            children: day
+          }, day))
+        }), jsx("div", {
+          className: "p-0",
+          children: Array.from({
+            length: numberOfRows
+          }).map((_, rowIndex) => jsx("div", {
+            className: "flex border-b border-gray-100 last:border-b-0",
+            children: Array.from({
+              length: 7
+            }).map((_, colIndex) => {
+              const dateIndex = rowIndex * 7 + colIndex;
+              // Return empty cell if out of range
+              if (dateIndex >= dates.length) {
+                return jsx("div", {
+                  className: "flex-1 h-6 border-r border-gray-100 last:border-r-0"
+                }, `empty-${rowIndex}-${colIndex}`);
+              }
+              const date = dates[dateIndex];
+              const isToday = date.getDate() === currentDate.getDate() && date.getMonth() === currentDate.getMonth() && date.getFullYear() === currentDate.getFullYear();
+              const isSelected = selectedDate && date.getDate() === selectedDate.getDate() && date.getMonth() === selectedDate.getMonth() && date.getFullYear() === selectedDate.getFullYear();
+              return jsx("div", {
+                className: `
                           flex-1 h-6 flex items-center justify-center text-xs cursor-pointer transition-colors
                           border-r border-gray-100 last:border-r-0
                           ${isToday && !isSelected ? 'font-bold text-blue-600' : ''}
                           ${isSelected ? 'bg-blue-50 text-blue-700 font-medium' : 'hover:bg-gray-50'}
                         `,
-      onClick: () => handleDateSelect(date)
-    }, date.getDate());
-  }))))), React__default.createElement("div", {
-    className: "py-1 px-1 flex justify-end"
-  }, React__default.createElement("button", {
-    className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
-    onClick: () => handleDateSelect(new Date())
-  }, "Today"))));
-};export{DatePicker,DatePicker as default};//# sourceMappingURL=DatePicker.js.map
+                onClick: () => handleDateSelect(date),
+                children: date.getDate()
+              }, `date-${date.getDate()}`);
+            })
+          }, `row-${rowIndex}`))
+        })]
+      }), jsx("div", {
+        className: "py-1 px-1 flex justify-end",
+        children: jsx("button", {
+          className: "px-2 py-0.5 text-xs text-blue-600 hover:bg-blue-50 transition-colors",
+          onClick: () => handleDateSelect(new Date()),
+          children: "Today"
+        })
+      })]
+    })]
+  });
+};export{DatePicker};//# sourceMappingURL=DatePicker.js.map

package/lib/components/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"DatePicker.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Dialog/Dialog.d.ts

@@ -0,0 +1,20 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface DialogProps {
+    isOpen: boolean;
+    title?: string;
+    subtitle?: string;
+    onClose: () => void;
+    onSave?: () => void;
+    loading?: boolean;
+    children?: ReactNode;
+    saveLabel?: string;
+    cancelLabel?: string;
+    saveDisabled?: boolean;
+    hideFooter?: boolean;
+    width?: CSSProperties['width'];
+    height?: CSSProperties['height'];
+    className?: string;
+    bodyClassName?: string;
+}
+export declare function Dialog({ isOpen, title, subtitle, onClose, onSave, loading, children, saveLabel, cancelLabel, saveDisabled, hideFooter, width, height, className, bodyClassName, }: DialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dialog.d.ts.map

package/lib/components/Dialog/Dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,aAAa,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAC;AAGlF,MAAM,WAAW,WAAW;IACxB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAoBD,wBAAgB,MAAM,CAAC,EACnB,MAAM,EACN,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,EACR,SAAkB,EAClB,WAAsB,EACtB,YAAY,EACZ,UAAU,EACV,KAAK,EACL,MAAM,EACN,SAAS,EACT,aAAa,GAChB,EAAE,WAAW,2CAuGb"}