@djangocfg/ui-tools 2.1.335 → 2.1.336

package/README.md

@@ -28,11 +28,11 @@ This package contains heavy components that are loaded lazily to keep your initi
 | `@djangocfg/ui-tools` | Heavy tools with lazy loading |
 | `@djangocfg/ui-nextjs` | Next.js apps (extends ui-core) |
 
-## Tools (15)
+## Tools (16)
 
 | Tool | Bundle Size | Description |
 |------|-------------|-------------|
-| `Map` | ~800KB | MapLibre GL maps with markers, clusters, layers |
+| `Map` | ~800KB | MapLibre GL maps with markers, clusters, layers. See [Map/README.md](src/tools/Map/README.md). |
 | `Mermaid` | ~800KB | Diagram rendering with declarative builders |
 | `CodeEditor` | ~550KB | Monaco-based code editor with diff view |
 | `PrettyCode` | ~500KB | Code syntax highlighting (read-only) |
@@ -40,6 +40,7 @@ This package contains heavy components that are loaded lazily to keep your initi
 | `JsonForm` | ~300KB | JSON Schema form generator |
 | `MarkdownEditor` | ~200KB | WYSIWYG markdown editor with Tiptap, `@`-mentions (auto-flip popup), customizable markdown serialization via presets |
 | `LottiePlayer` | ~200KB | Lottie animation player |
+| `Chat` | ~150KB | Decomposed, transport-agnostic chat — streaming (SSE), tool calls, attachments, sources, mobile-ready. Reuses `MarkdownMessage`. See [Chat/README.md](src/tools/Chat/README.md). |
 | `AudioPlayer` | ~80KB | WebView-safe audio player (v6) — static peaks waveform + clip-path playhead |
 | `VideoPlayer` | ~150KB | Professional video player with Vidstack |
 | `MarkdownMessage` | ~120KB | Read-only chat-tuned markdown renderer — GFM + soft line breaks + smart typography + emoji shortcodes + sanitized HTML + syntax-highlighted code fences + mermaid + declarative `linkRules` for custom URL schemes. See [MarkdownMessage/README.md](src/components/markdown/MarkdownMessage/README.md) for the plugin pipeline. |
@@ -577,6 +578,71 @@ const schema = {
 />
 ```
 
+## Chat
+
+Decomposed, transport-agnostic chat. Streaming-aware, markdown-native, mobile-ready. Sits on top of `MarkdownMessage` (no second markdown stack).
+
+```tsx
+import { ChatRoot, createHttpTransport } from '@djangocfg/ui-tools';
+
+const transport = createHttpTransport({
+  baseUrl: '/api/chat',
+  getAuthHeader: () => ({ Authorization: `Bearer ${getToken()}` }),
+});
+
+export function MyChat() {
+  return (
+    <div className="h-[600px]">
+      <ChatRoot transport={transport} config={{ greeting: 'How can I help?' }} />
+    </div>
+  );
+}
+```
+
+Three usage levels — pick the smallest one that fits:
+
+```tsx
+// 1) One-line preset
+<ChatRoot transport={transport} />
+
+// 2) Composition — bring your own layout, reuse the parts
+<ChatProvider transport={transport}>
+  <MyHeader />
+  <MessageList renderEmpty={() => <EmptyState greeting="Custom" />} />
+  <Composer composer={composer} />
+</ChatProvider>
+
+// 3) Headless — just hooks
+const chat = useChat({ transport });
+const composer = useChatComposer({ onSubmit: chat.sendMessage });
+```
+
+Built-in transports:
+- **`createHttpTransport`** — fetch + SSE streaming (default for web)
+- **`createMockTransport`** — scripted in-memory replies for tests/stories
+
+Custom hosts (Wails RPC, WebSocket, gRPC) implement the `ChatTransport` interface.
+
+What's exported: types (`ChatMessage`, `ChatToolCall`, `ChatAttachment`, `ChatSource`, `ChatTransport`, `ChatStreamEvent`, …), pure core (`reducer`, `createId`, `createTokenBuffer`), hooks (`useChat`, `useChatComposer`, `useChatScroll`, `useChatHistory`, `useChatLayout`), context (`ChatProvider`, `useChatContext`), and components (`ChatRoot`, `MessageList`, `MessageBubble`, `MessageActions`, `Composer`, `Sources`, `ToolCalls`, `Attachments`, `EmptyState`, `ErrorBanner`, `JumpToLatest`, `StreamingIndicator`).
+
+Highlights:
+- Token coalescing (~16ms) → ≤1 render per frame during fast streams.
+- Plain-text rendering during stream, full markdown on done.
+- Memoized bubbles by `(id, content, isStreaming, version, toolCalls, sources, attachments)`.
+- `100dvh`, safe-area inset, 16px textarea (no iOS focus-zoom).
+- `role="log"` + `aria-live="polite"`, `aria-busy` on streaming bubbles, `role="alert"` errors.
+- Cancel keeps partial text with `[cancelled]` marker.
+- Tool calls — auto-open while running, auto-close on completion. Pluggable payload renderers via `dispatchToolPayload(matchers, fallback)`.
+- Personas — `config.user` + `config.assistant` for avatar/name, `message.sender` for per-message overrides (multi-user chats).
+- Attachments — `AttachmentsGrid` (thumbs) + `AttachmentsList` (rich renderers); per-type registry `{ image, audio, video, file }` plus `onAttachmentOpen` for host-side lightbox.
+- Audio triggers — optional sounds on send / receive / stream start / error / mention. iOS unlock + cross-tab persisted volume / mute. Off by default.
+- Slots — `header`, `footer`, `banner`, `empty`, `composerToolbarStart/End`, `composerAttachmentTray`, `jumpToLatest` (plus render-prop variants).
+- Helpers — `useChatLightbox`, `collectImageAttachments` for swapping in `<LazyImageViewer>` host-side.
+
+Heavy renderers stay opt-in subpath imports — `ui-tools/Chat` doesn't pull `AudioPlayer`/`ImageViewer`/`Map`/`JsonTree` into its dep graph.
+
+Full docs in [`src/tools/Chat/README.md`](src/tools/Chat/README.md). Implementation plan in [`@dev/@refactoring7-chat/`](@dev/@refactoring7-chat/).
+
 ## Markdown Message
 
 Read-only markdown renderer tuned for chat / agent transcripts. Built

package/dist/ChatRoot-IIYQEWUU.mjs

@@ -0,0 +1,5 @@
+export { ChatRoot } from './chunk-KRETIZU6.mjs';
+import './chunk-2ZLKZ5VR.mjs';
+import './chunk-N2XQF2OL.mjs';
+//# sourceMappingURL=ChatRoot-IIYQEWUU.mjs.map
+//# sourceMappingURL=ChatRoot-IIYQEWUU.mjs.map

package/dist/ChatRoot-IIYQEWUU.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-IIYQEWUU.mjs"}

package/dist/ChatRoot-PNNGQCYF.css

@@ -0,0 +1,7 @@
+@source "../src/**/*.{ts,tsx}";
+/* src/components/FloatingToolbar/FloatingToolbar.css */
+.scroll-unlocked {
+  box-shadow: 0 0 0 2px hsl(var(--ring));
+  transition: box-shadow 150ms;
+}
+/*# sourceMappingURL=ChatRoot-PNNGQCYF.css.map */

package/dist/ChatRoot-PNNGQCYF.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/FloatingToolbar/FloatingToolbar.css"],"sourcesContent":["/* Focus ring when scroll isolation is unlocked */\n.scroll-unlocked {\n  box-shadow: 0 0 0 2px hsl(var(--ring));\n  transition: box-shadow 150ms;\n}\n"],"mappings":";AACA,CAAC;AACC,cAAY,EAAE,EAAE,EAAE,IAAI,IAAI,IAAI;AAC9B,cAAY,WAAW;AACzB;","names":[]}

package/dist/ChatRoot-UUKTYM4N.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+var chunkNRXYYO5V_cjs = require('./chunk-NRXYYO5V.cjs');
+require('./chunk-B5AWZOHJ.cjs');
+require('./chunk-OLISEQHS.cjs');
+
+
+
+Object.defineProperty(exports, "ChatRoot", {
+  enumerable: true,
+  get: function () { return chunkNRXYYO5V_cjs.ChatRoot; }
+});
+//# sourceMappingURL=ChatRoot-UUKTYM4N.cjs.map
+//# sourceMappingURL=ChatRoot-UUKTYM4N.cjs.map

package/dist/ChatRoot-UUKTYM4N.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"ChatRoot-UUKTYM4N.cjs"}

package/dist/{CronScheduler.client-3O3VU4CI.mjs → CronScheduler.client-DLMXCPAJ.mjs}

@@ -1,5 +1,5 @@
-import { useCronType, ScheduleTypeSelector, TimeSelector, DayChips, MonthDayGrid, CustomInput, SchedulePreview, CronSchedulerProvider } from './chunk-PZKAH7WQ.mjs';
-import { __name } from './chunk-CGILA3WO.mjs';
+import { useCronType, ScheduleTypeSelector, TimeSelector, DayChips, MonthDayGrid, CustomInput, SchedulePreview, CronSchedulerProvider } from './chunk-PVAX67JG.mjs';
+import { __name } from './chunk-N2XQF2OL.mjs';
 import { cn } from '@djangocfg/ui-core/lib';
 import { jsxs, jsx } from 'react/jsx-runtime';
 
@@ -63,5 +63,5 @@ __name(CronScheduler, "CronScheduler");
 var CronScheduler_client_default = CronScheduler;
 
 export { CronScheduler, CronScheduler_client_default as default };
-//# sourceMappingURL=CronScheduler.client-3O3VU4CI.mjs.map
-//# sourceMappingURL=CronScheduler.client-3O3VU4CI.mjs.map
+//# sourceMappingURL=CronScheduler.client-DLMXCPAJ.mjs.map
+//# sourceMappingURL=CronScheduler.client-DLMXCPAJ.mjs.map

package/dist/{CronScheduler.client-3O3VU4CI.mjs.map → CronScheduler.client-DLMXCPAJ.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":[],"mappings":";;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,WAAA,EAAY;AAE7B,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,wBAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACR,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACR,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CS,MAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-3O3VU4CI.mjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}
+{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":[],"mappings":";;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAI,WAAA,EAAY;AAE7B,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,EAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,wBAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACR,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACR,GAAA,CAAC,YAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACR,GAAA,CAAC,WAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACC,GAAA;AAAA,MAAC,eAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CS,MAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACE,GAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAA,GAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgB,MAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-DLMXCPAJ.mjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}

package/dist/{CronScheduler.client-A4GO6YBY.cjs → CronScheduler.client-WEJF4PWQ.cjs}

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var chunkF2CMIIOH_cjs = require('./chunk-F2CMIIOH.cjs');
-var chunkWGEGR3DF_cjs = require('./chunk-WGEGR3DF.cjs');
+var chunk76NNDZH6_cjs = require('./chunk-76NNDZH6.cjs');
+var chunkOLISEQHS_cjs = require('./chunk-OLISEQHS.cjs');
 var lib = require('@djangocfg/ui-core/lib');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -15,15 +15,15 @@ function CronSchedulerInner({
   disabled,
   className
 }) {
-  const { type } = chunkF2CMIIOH_cjs.useCronType();
+  const { type } = chunk76NNDZH6_cjs.useCronType();
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: lib.cn("space-y-3", className), children: [
-    /* @__PURE__ */ jsxRuntime.jsx(chunkF2CMIIOH_cjs.ScheduleTypeSelector, { disabled }),
-    type !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkF2CMIIOH_cjs.TimeSelector, { format: timeFormat, disabled }),
-    type === "weekly" && /* @__PURE__ */ jsxRuntime.jsx(chunkF2CMIIOH_cjs.DayChips, { disabled, showPresets: true }),
-    type === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(chunkF2CMIIOH_cjs.MonthDayGrid, { disabled, showPresets: true }),
-    type === "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunkF2CMIIOH_cjs.CustomInput, { disabled }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunk76NNDZH6_cjs.ScheduleTypeSelector, { disabled }),
+    type !== "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunk76NNDZH6_cjs.TimeSelector, { format: timeFormat, disabled }),
+    type === "weekly" && /* @__PURE__ */ jsxRuntime.jsx(chunk76NNDZH6_cjs.DayChips, { disabled, showPresets: true }),
+    type === "monthly" && /* @__PURE__ */ jsxRuntime.jsx(chunk76NNDZH6_cjs.MonthDayGrid, { disabled, showPresets: true }),
+    type === "custom" && /* @__PURE__ */ jsxRuntime.jsx(chunk76NNDZH6_cjs.CustomInput, { disabled }),
     showPreview && /* @__PURE__ */ jsxRuntime.jsx(
-      chunkF2CMIIOH_cjs.SchedulePreview,
+      chunk76NNDZH6_cjs.SchedulePreview,
       {
         showCronExpression: true,
         allowCopy
@@ -31,7 +31,7 @@ function CronSchedulerInner({
     )
   ] });
 }
-chunkWGEGR3DF_cjs.__name(CronSchedulerInner, "CronSchedulerInner");
+chunkOLISEQHS_cjs.__name(CronSchedulerInner, "CronSchedulerInner");
 function CronScheduler({
   value,
   onChange,
@@ -44,7 +44,7 @@ function CronScheduler({
   className
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkF2CMIIOH_cjs.CronSchedulerProvider,
+    chunk76NNDZH6_cjs.CronSchedulerProvider,
     {
       value,
       onChange,
@@ -63,10 +63,10 @@ function CronScheduler({
     }
   );
 }
-chunkWGEGR3DF_cjs.__name(CronScheduler, "CronScheduler");
+chunkOLISEQHS_cjs.__name(CronScheduler, "CronScheduler");
 var CronScheduler_client_default = CronScheduler;
 
 exports.CronScheduler = CronScheduler;
 exports.default = CronScheduler_client_default;
-//# sourceMappingURL=CronScheduler.client-A4GO6YBY.cjs.map
-//# sourceMappingURL=CronScheduler.client-A4GO6YBY.cjs.map
+//# sourceMappingURL=CronScheduler.client-WEJF4PWQ.cjs.map
+//# sourceMappingURL=CronScheduler.client-WEJF4PWQ.cjs.map

package/dist/{CronScheduler.client-A4GO6YBY.cjs.map → CronScheduler.client-WEJF4PWQ.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":["useCronType","cn","jsx","ScheduleTypeSelector","TimeSelector","DayChips","MonthDayGrid","CustomInput","SchedulePreview","__name","CronSchedulerProvider"],"mappings":";;;;;;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIA,6BAAA,EAAY;AAE7B,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,0CAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACRD,cAAA,CAACE,8BAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACRF,cAAA,CAACG,0BAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACRH,cAAA,CAACI,8BAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACRJ,cAAA,CAACK,6BAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACCL,cAAA;AAAA,MAACM,iCAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CSC,wBAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACEP,cAAA;AAAA,IAACQ,uCAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAAR,cAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgBO,wBAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-A4GO6YBY.cjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}
+{"version":3,"sources":["../src/tools/CronScheduler/CronScheduler.client.tsx"],"names":["useCronType","cn","jsx","ScheduleTypeSelector","TimeSelector","DayChips","MonthDayGrid","CustomInput","SchedulePreview","__name","CronSchedulerProvider"],"mappings":";;;;;;;;;AAmCA,SAAS,kBAAA,CAAmB;AAAA,EAC1B,WAAA;AAAA,EACA,kBAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAA4B;AAC1B,EAAA,MAAM,EAAE,IAAA,EAAK,GAAIA,6BAAA,EAAY;AAE7B,EAAA,uCACG,KAAA,EAAA,EAAI,SAAA,EAAWC,MAAA,CAAG,WAAA,EAAa,SAAS,CAAA,EAEvC,QAAA,EAAA;AAAA,oBAAAC,cAAA,CAACC,0CAAqB,QAAA,EAAoB,CAAA;AAAA,IAGzC,SAAS,QAAA,oBACRD,cAAA,CAACE,8BAAA,EAAA,EAAa,MAAA,EAAQ,YAAY,QAAA,EAAoB,CAAA;AAAA,IAIvD,SAAS,QAAA,oBACRF,cAAA,CAACG,0BAAA,EAAA,EAAS,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI3C,SAAS,SAAA,oBACRH,cAAA,CAACI,8BAAA,EAAA,EAAa,QAAA,EAAoB,aAAW,IAAA,EAAC,CAAA;AAAA,IAI/C,IAAA,KAAS,QAAA,oBACRJ,cAAA,CAACK,6BAAA,EAAA,EAAY,QAAA,EAAoB,CAAA;AAAA,IAIlC,WAAA,oBACCL,cAAA;AAAA,MAACM,iCAAA;AAAA,MAAA;AAAA,QACC,kBAAA,EAAkB,IAAA;AAAA,QAClB;AAAA;AAAA;AACF,GAAA,EAEJ,CAAA;AAEJ;AA5CSC,wBAAA,CAAA,kBAAA,EAAA,oBAAA,CAAA;AA2EF,SAAS,aAAA,CAAc;AAAA,EAC5B,KAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA,GAAc,OAAA;AAAA,EACd,WAAA,GAAc,IAAA;AAAA,EACd,kBAAA,GAAqB,KAAA;AAAA,EACrB,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,KAAA;AAAA,EACb,QAAA,GAAW,KAAA;AAAA,EACX;AACF,CAAA,EAAuB;AACrB,EAAA,uBACEP,cAAA;AAAA,IAACQ,uCAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,QAAA;AAAA,MACA,WAAA;AAAA,MAEA,QAAA,kBAAAR,cAAA;AAAA,QAAC,kBAAA;AAAA,QAAA;AAAA,UACC,WAAA;AAAA,UACA,kBAAA;AAAA,UACA,SAAA;AAAA,UACA,UAAA;AAAA,UACA,QAAA;AAAA,UACA;AAAA;AAAA;AACF;AAAA,GACF;AAEJ;AA3BgBO,wBAAA,CAAA,aAAA,EAAA,eAAA,CAAA;AA6BhB,IAAO,4BAAA,GAAQ","file":"CronScheduler.client-WEJF4PWQ.cjs","sourcesContent":["'use client';\n\n/**\n * CronScheduler Client Component\n *\n * Compact cron expression builder following Apple HIG principles.\n * Uses context-based architecture for state management.\n */\n\nimport { cn } from '@djangocfg/ui-core/lib';\nimport { CronSchedulerProvider } from './context/CronSchedulerContext';\nimport { useCronType } from './context/hooks';\nimport {\n  ScheduleTypeSelector,\n  TimeSelector,\n  DayChips,\n  MonthDayGrid,\n  CustomInput,\n  SchedulePreview,\n} from './components';\nimport type { CronSchedulerProps } from './types';\n\n// ============================================================================\n// Inner Component (uses context)\n// ============================================================================\n\ninterface CronSchedulerInnerProps {\n  showPreview: boolean;\n  showCronExpression: boolean;\n  allowCopy: boolean;\n  timeFormat: '12h' | '24h';\n  disabled: boolean;\n  className?: string;\n}\n\nfunction CronSchedulerInner({\n  showPreview,\n  showCronExpression,\n  allowCopy,\n  timeFormat,\n  disabled,\n  className,\n}: CronSchedulerInnerProps) {\n  const { type } = useCronType();\n\n  return (\n    <div className={cn('space-y-3', className)}>\n      {/* Schedule Type Selector */}\n      <ScheduleTypeSelector disabled={disabled} />\n\n      {/* Time Selector (shown for daily, weekly, monthly) */}\n      {type !== 'custom' && (\n        <TimeSelector format={timeFormat} disabled={disabled} />\n      )}\n\n      {/* Day Chips (weekly only) */}\n      {type === 'weekly' && (\n        <DayChips disabled={disabled} showPresets />\n      )}\n\n      {/* Month Day Grid (monthly only) */}\n      {type === 'monthly' && (\n        <MonthDayGrid disabled={disabled} showPresets />\n      )}\n\n      {/* Custom Input (custom only) */}\n      {type === 'custom' && (\n        <CustomInput disabled={disabled} />\n      )}\n\n      {/* Preview - always show cron expression */}\n      {showPreview && (\n        <SchedulePreview\n          showCronExpression\n          allowCopy={allowCopy}\n        />\n      )}\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component (with Provider)\n// ============================================================================\n\n/**\n * CronScheduler - Compact cron expression builder\n *\n * A user-friendly interface for creating cron schedules without\n * needing to know cron syntax. Follows Apple HIG design principles.\n *\n * @example\n * // Basic usage\n * <CronScheduler\n *   value={cronExpression}\n *   onChange={setCronExpression}\n * />\n *\n * @example\n * // With all options\n * <CronScheduler\n *   value=\"0 9 * * 1-5\"\n *   onChange={handleChange}\n *   defaultType=\"weekly\"\n *   showPreview\n *   showCronExpression\n *   allowCopy\n *   timeFormat=\"24h\"\n * />\n */\nexport function CronScheduler({\n  value,\n  onChange,\n  defaultType = 'daily',\n  showPreview = true,\n  showCronExpression = false,\n  allowCopy = false,\n  timeFormat = '24h',\n  disabled = false,\n  className,\n}: CronSchedulerProps) {\n  return (\n    <CronSchedulerProvider\n      value={value}\n      onChange={onChange}\n      defaultType={defaultType}\n    >\n      <CronSchedulerInner\n        showPreview={showPreview}\n        showCronExpression={showCronExpression}\n        allowCopy={allowCopy}\n        timeFormat={timeFormat}\n        disabled={disabled}\n        className={className}\n      />\n    </CronSchedulerProvider>\n  );\n}\n\nexport default CronScheduler;\n"]}