@admin-layout/tailwind-ui 12.2.4-alpha.6 → 12.2.4-alpha.60

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

@@ -0,0 +1,7 @@
+export { AIToolbar, AIToolbarLeading, AIToolbarMain, AIToolbarTrailing, AIToolbarInputSurface, AIToolbarStatusDot, } from './components/AIToolbarPrimitives';
+export type { AIToolbarProps, AIToolbarSectionProps, AIToolbarInputSurfaceProps, AIToolbarStatusDotProps, } from './components/AIToolbarPrimitives';
+export * from './components';
+export type { CompletionSubmitOptions, UseCompletionReturn, SystemAudioProps, AIToolbarAppProps, AIToolbarHostPlatform, ChatMessage, ChatConversation, VadConfig, ToolbarAiProvider, ToolbarSelectedProvider, ToolbarAudioDevices, ToolbarAttachedFile, ToolbarScreenshotConfiguration, } from './components/types';
+export { setMarketplaceCharacters, useActiveCharacter, useCharacterPicker } from './hooks/useActiveCharacter';
+export type { MarketplaceCharacterEntry, ActiveCharacter, CharacterListEntry, CharacterPicker, } from './hooks/useActiveCharacter';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/AIToolbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,SAAS,EACT,gBAAgB,EAChB,aAAa,EACb,iBAAiB,EACjB,qBAAqB,EACrB,kBAAkB,GACrB,MAAM,kCAAkC,CAAC;AAC1C,YAAY,EACR,cAAc,EACd,qBAAqB,EACrB,0BAA0B,EAC1B,uBAAuB,GAC1B,MAAM,kCAAkC,CAAC;AAE1C,cAAc,cAAc,CAAC;AAE7B,YAAY,EACR,uBAAuB,EACvB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,8BAA8B,GACjC,MAAM,oBAAoB,CAAC;AAE5B,OAAO,EAAE,wBAAwB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAC9G,YAAY,EACR,yBAAyB,EACzB,eAAe,EACf,kBAAkB,EAClB,eAAe,GAClB,MAAM,4BAA4B,CAAC"}

package/lib/components/AIToolbar/utils/emotionClassifier.d.ts

@@ -0,0 +1,19 @@
+export type EmotionLabel = 'admiration' | 'amusement' | 'anger' | 'annoyance' | 'approval' | 'caring' | 'confusion' | 'curiosity' | 'desire' | 'disappointment' | 'disapproval' | 'disgust' | 'embarrassment' | 'excitement' | 'fear' | 'gratitude' | 'grief' | 'joy' | 'love' | 'nervousness' | 'neutral' | 'optimism' | 'pride' | 'realization' | 'relief' | 'remorse' | 'sadness' | 'surprise';
+/** All 28 labels, in the SillyTavern canonical order. */
+export declare const ALL_EMOTIONS: EmotionLabel[];
+/**
+ * Classify a chat-message string into one of the 28 GoEmotions labels.
+ *
+ * Returns `'neutral'` when no rule fires, which is what every sprite pack
+ * uses as the fallback (and what `character_get_expression` falls back to
+ * server-side when the requested sprite is missing).
+ *
+ * @param text - The assistant's message text. Markdown formatting is fine —
+ *               the regexes only care about word content.
+ * @param available - Optional restrict-set: only return labels present here.
+ *                    Useful when the caller knows which sprites the
+ *                    character actually ships and wants to avoid a Tauri
+ *                    round-trip for labels that will fall back anyway.
+ */
+export declare function classifyEmotion(text: string | null | undefined, available?: readonly string[]): EmotionLabel;
+//# sourceMappingURL=emotionClassifier.d.ts.map

package/lib/components/AIToolbar/utils/emotionClassifier.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotionClassifier.d.ts","sourceRoot":"","sources":["../../../../src/components/AIToolbar/utils/emotionClassifier.ts"],"names":[],"mappings":"AAqBA,MAAM,MAAM,YAAY,GAClB,YAAY,GACZ,WAAW,GACX,OAAO,GACP,WAAW,GACX,UAAU,GACV,QAAQ,GACR,WAAW,GACX,WAAW,GACX,QAAQ,GACR,gBAAgB,GAChB,aAAa,GACb,SAAS,GACT,eAAe,GACf,YAAY,GACZ,MAAM,GACN,WAAW,GACX,OAAO,GACP,KAAK,GACL,MAAM,GACN,aAAa,GACb,SAAS,GACT,UAAU,GACV,OAAO,GACP,aAAa,GACb,QAAQ,GACR,SAAS,GACT,SAAS,GACT,UAAU,CAAC;AAEjB,yDAAyD;AACzD,eAAO,MAAM,YAAY,EAAE,YAAY,EA6BtC,CAAC;AAgNF;;;;;;;;;;;;;GAaG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,EAAE,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,YAAY,CAuB5G"}

package/lib/components/AIToolbar/utils/emotionClassifier.js

@@ -0,0 +1,142 @@
+// Lightweight emotion classifier for assistant message text.
+//
+// Picks one of the 28 SillyTavern / GoEmotions labels so the AIToolbar can
+// switch the assistant's avatar to the matching expression sprite (see
+// `packages-extensions/seraphina-character-extension/characters/Seraphina/`
+// for the canonical sprite layout: `neutral.png`, `joy.png`, `caring.png`,
+// `surprise.png`, etc.).
+//
+// This is intentionally a heuristic (regex/keyword scoring) — fast, offline,
+// no model dependency — and is the same shape (`text → label`) as a real
+// GoEmotions classifier, so it can be transparently swapped for an ONNX
+// transformer later without touching the call sites.
+//
+// Limitations:
+//   - English only; would need rework for i18n responses.
+//   - Misses subtle nuance (sarcasm, mixed emotions) — picks the *strongest*
+//     signal and never returns more than one label.
+//   - Stage directions in italics ("smiles warmly") count the same as inline
+//     dialogue; that's actually desirable for character-card style replies
+//     where mood lives in the prose.
+/** All 28 labels, in the SillyTavern canonical order. */
+const RULES = [{
+  label: 'joy',
+  patterns: [/\b(happy|happiness|joy(ful)?|delight(ed|ful)?|cheerful|glad)\b/gi, /\b(smile[sd]?|grin(s|ned|ning)?|beam(s|ing|ed)?)\b/gi, /:\)|=\)|<3+/g]
+}, {
+  label: 'amusement',
+  patterns: [/\b(laugh(s|ed|ing|ter)?|chuckle[sd]?|giggle[sd]?|snicker(s|ed|ing)?)\b/gi, /\b(amus(ed|ing|ement)|funny|hilarious|teasing)\b/gi, /\bha+ha+\b/gi, /lol\b/gi]
+}, {
+  label: 'love',
+  patterns: [/\b(i love you|love you|my love|beloved|darling|sweetheart|dearest)\b/gi, /\b(adore[sd]?|cherish(ed|es)?|smitten)\b/gi],
+  weight: 2
+}, {
+  label: 'caring',
+  patterns: [/\b(gentle(ly)?|tender(ly)?|softly|kind(ly|ness)?|warm(ly|th)?|reassuring(ly)?)\b/gi, /\b(comfort(s|ed|ing)?|soothing(ly)?|protect(s|ing|ed)?|nurturing)\b/gi, /\b(are you (ok|okay|alright)|how are you feeling|don'?t worry)\b/gi]
+}, {
+  label: 'admiration',
+  patterns: [/\b(impressive|impressed|brilliant|magnificent|incredible|amazing|remarkable|astonishing|stunning|breathtaking)\b/gi, /\b(well done|great job|so proud of you)\b/gi]
+}, {
+  label: 'approval',
+  patterns: [/\b(approve|agree|exactly|precisely|that'?s right|good idea|sounds good|works for me)\b/gi, /\b(yes,?\s+(of course|absolutely|certainly))/gi]
+}, {
+  label: 'disapproval',
+  patterns: [/\b(disapprove|that'?s wrong|i don'?t agree|i wouldn'?t|shouldn'?t have)\b/gi, /\b(unacceptable|not okay)\b/gi]
+}, {
+  label: 'anger',
+  patterns: [/\b(angry|furious|enraged|seething|livid|outraged)\b/gi, /\b(scowl(s|ed|ing)?|glare[sd]?|snarl(s|ed|ing)?|growl(s|ed|ing)?)\b/gi, /\bhow dare you\b/gi],
+  weight: 2
+}, {
+  label: 'annoyance',
+  patterns: [/\b(annoy(ed|ing|ance)?|irritat(ed|ing|ion)|frustrat(ed|ing|ion))\b/gi, /\b(sigh(s|ed|ing)?|huff(s|ed|ing)?|rolls? (her|his|their) eyes)\b/gi, /\b(ugh|tsk)\b/gi]
+}, {
+  label: 'fear',
+  patterns: [/\b(afraid|scared|terrified|frightened|fearful|horrified)\b/gi, /\b(trembl(es|ed|ing)|shiver(s|ed|ing)?|flinch(es|ed|ing)?)\b/gi, /\b(panic(ked|king)?|dread)\b/gi],
+  weight: 2
+}, {
+  label: 'nervousness',
+  patterns: [/\b(nervous(ly|ness)?|anxious(ly)?|uneasy|jittery|tense(ly)?|on edge)\b/gi, /\b(fidget(s|ed|ing)?|bites? (her|his|their) lip|wrings? (her|his|their) hands)\b/gi]
+}, {
+  label: 'sadness',
+  patterns: [/\b(sad(ness|ly)?|unhappy|sorrow(ful)?|heartbroken|miserable|melancholy|forlorn)\b/gi, /\b(tear(s|ful|y)|crying|weep(s|ing|ed)?|sob(s|bing|bed)?)\b/gi, /:\(/g],
+  weight: 2
+}, {
+  label: 'grief',
+  patterns: [/\b(grief|grieving|mourn(s|ed|ing)?|bereaved|devastated)\b/gi, /\b(loss of|passed away|gone forever)\b/gi],
+  weight: 2
+}, {
+  label: 'remorse',
+  patterns: [/\b(i'?m sorry|i am sorry|my apologies|apologi[sz]e|forgive me|regret(s|ted|ting)?|guilty|guilt)\b/gi, /\b(shouldn'?t have|wish i hadn'?t)\b/gi],
+  weight: 2
+}, {
+  label: 'disappointment',
+  patterns: [/\b(disappointed|disappointing|let down|underwhelm(ed|ing)?|expected (more|better))\b/gi]
+}, {
+  label: 'embarrassment',
+  patterns: [/\b(embarrass(ed|ing|ment)?|flustered|mortified|sheepish(ly)?)\b/gi, /\b(blush(es|ed|ing)?|cheeks (turn|burn|flush))\b/gi]
+}, {
+  label: 'disgust',
+  patterns: [/\b(disgust(ed|ing)?|revolted|repulsed|nauseat(ed|ing)|gross|yuck|ew)\b/gi, /\b(grimace[sd]?|wrinkles? (her|his|their) nose)\b/gi]
+}, {
+  label: 'excitement',
+  patterns: [/\b(excited(ly)?|thrilled|exhilarat(ed|ing)|exhilaration|elated|ecstatic|stoked|pumped)\b/gi, /\b(can'?t wait|bouncing|jumps? up)\b/gi]
+}, {
+  label: 'gratitude',
+  patterns: [/\b(thank you|thanks|thank(ful|fully)?|grateful(ly)?|appreciat(e|ed|ing|ion))\b/gi],
+  weight: 2
+}, {
+  label: 'pride',
+  patterns: [/\b(proud(ly)?|pride)\b/gi, /\b(chin (held )?high|stands? tall)\b/gi]
+}, {
+  label: 'relief',
+  patterns: [/\b(relief|relieved|reliev(es|ed|ing)?)\b/gi, /\b(exhale[sd]? (deeply|slowly)|breathes? out)\b/gi]
+}, {
+  label: 'optimism',
+  patterns: [/\b(hopeful(ly)?|optimist(ic)?|things will (work|turn) out|look(ing)? forward|we'?ll figure)\b/gi]
+}, {
+  label: 'desire',
+  patterns: [/\b(crave[sd]?|yearn(s|ed|ing)?|long(s|ed|ing) for|want(s|ed|ing)? you|need(s|ed|ing)? you)\b/gi, /\b(lean(s|ed|ing)? in close|breathless)\b/gi]
+}, {
+  label: 'curiosity',
+  patterns: [/\b(curious(ly)?|curiosity|intrigu(ed|ing)|wonder(s|ed|ing)? (about|what|why|how))\b/gi, /\btell me more\b/gi]
+}, {
+  label: 'confusion',
+  patterns: [/\b(confus(ed|ing|ion)|puzzl(ed|ing)|baffl(ed|ing)|perplex(ed|ing))\b/gi, /\b(tilts? (her|his|their) head|raises? an eyebrow|i don'?t understand|what do you mean)\b/gi, /\?\?+/g]
+}, {
+  label: 'realization',
+  patterns: [/\b(realiz(es|ed|ing)|realisation|i see now|of course!|that makes sense|finally understand)\b/gi, /\b(aha|eureka)\b/gi]
+}, {
+  label: 'surprise',
+  patterns: [/\b(surpris(ed|ing|e)|astonish(ed|ing)|astounded|shocked|stunned|taken aback)\b/gi, /\b(gasp(s|ed|ing)?|eyes (widen|go wide))\b/gi, /\b(oh!|wha[at]?\?!)/gi]
+}];
+/**
+ * Classify a chat-message string into one of the 28 GoEmotions labels.
+ *
+ * Returns `'neutral'` when no rule fires, which is what every sprite pack
+ * uses as the fallback (and what `character_get_expression` falls back to
+ * server-side when the requested sprite is missing).
+ *
+ * @param text - The assistant's message text. Markdown formatting is fine —
+ *               the regexes only care about word content.
+ * @param available - Optional restrict-set: only return labels present here.
+ *                    Useful when the caller knows which sprites the
+ *                    character actually ships and wants to avoid a Tauri
+ *                    round-trip for labels that will fall back anyway.
+ */
+function classifyEmotion(text, available) {
+  if (!text) return 'neutral';
+  let bestLabel = 'neutral';
+  let bestScore = 0;
+  for (const rule of RULES) {
+    const weight = rule.weight ?? 1;
+    let score = 0;
+    for (const pattern of rule.patterns) {
+      const matches = text.match(pattern);
+      if (matches) score += matches.length * weight;
+    }
+    if (score > bestScore) {
+      bestScore = score;
+      bestLabel = rule.label;
+    }
+  }
+  return bestLabel;
+}export{classifyEmotion};//# sourceMappingURL=emotionClassifier.js.map

package/lib/components/AIToolbar/utils/emotionClassifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"emotionClassifier.js","sources":["../../../../src/components/AIToolbar/utils/emotionClassifier.ts"],"sourcesContent":[null],"names":[],"mappings":"AAqBA;AA8BA;AACA;AA6OA;;;;;;;;;;;;;AAaG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/Button/Button.d.ts

@@ -8,6 +8,6 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     fullWidth?: boolean;
     children: React.ReactNode;
 }
-declare const Button: ({ variant, size, isLoading, fullWidth, className, children, disabled, ...props }: ButtonProps) => React.JSX.Element;
+declare const Button: ({ variant, size, isLoading, fullWidth, className, children, disabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
 export { Button as TailwindUiButton };
 //# sourceMappingURL=Button.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,GAAI,kFASb,WAAW,sBA6Cb,CAAC;AAEF,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,GAAI,kFASb,WAAW,4CA6Cb,CAAC;AAEF,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,CAAC"}

package/lib/components/Button/Button.js

@@ -1,4 +1,4 @@
-import React__default from'react';import {Loader2}from'lucide-react';const Button = ({
+import {jsxs,jsx}from'react/jsx-runtime';import {Loader2}from'lucide-react';const Button = ({
   variant = 'primary',
   size = 'medium',
   isLoading = false,
@@ -39,11 +39,12 @@ import React__default from'react';import {Loader2}from'lucide-react';const Butto
   const sizeClasses = getSizeClasses();
   const widthClass = fullWidth ? 'w-full' : '';
   const disabledClass = isLoading || disabled ? 'opacity-50 cursor-not-allowed' : 'cursor-pointer interactive-hover';
-  return React__default.createElement("button", {
+  return jsxs("button", {
     className: `${baseClasses} ${variantClasses} ${sizeClasses} ${widthClass} ${disabledClass} ${className}`,
     disabled: isLoading || disabled,
-    ...props
-  }, isLoading && React__default.createElement(Loader2, {
-    className: "w-4 h-4 mr-2 animate-spin"
-  }), children);
+    ...props,
+    children: [isLoading && jsx(Loader2, {
+      className: "w-4 h-4 mr-2 animate-spin"
+    }), children]
+  });
 };export{Button as TailwindUiButton};//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":"qEAIA,MAAM,MAAM;AAEZ,EAAA,OAAM,GAAA;MACF,GAAA,QAAU;WACH,GAAA,KAAA;WACP,GAAU,KAAE;WACZ,GAAU,EAAE;AACZ,EAAA,QAAA;AACH,EAAA,QAAA;AAED,EAAA,GAAA;AAwDA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":"4EAIA,MAAM,MAAM;AAEZ,EAAA,OAAM,GAAA;MACF,GAAA,QAAU;WACH,GAAA,KAAA;WACP,GAAU,KAAE;WACZ,GAAU,EAAE;AACZ,EAAA,QAAA;AACH,EAAA,QAAA;AAED,EAAA,GAAA;AAwDA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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"}