@revikornmann/muka-ui 0.16.0 → 0.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (111) hide show
  1. package/dist/cjs/components/ChatComposer/ChatComposer.js +12 -4
  2. package/dist/cjs/components/ChatComposer/ChatComposer.js.map +1 -1
  3. package/dist/cjs/components/EmojiPicker/EmojiPicker.css +19 -0
  4. package/dist/cjs/components/EmojiPicker/EmojiPicker.js +54 -0
  5. package/dist/cjs/components/EmojiPicker/EmojiPicker.js.map +1 -0
  6. package/dist/cjs/components/EmojiPicker/index.js +12 -0
  7. package/dist/cjs/components/EmojiPicker/index.js.map +1 -0
  8. package/dist/cjs/components/PhotoDraftStrip/PhotoDraftStrip.css +27 -0
  9. package/dist/cjs/components/PhotoDraftStrip/PhotoDraftStrip.js +36 -0
  10. package/dist/cjs/components/PhotoDraftStrip/PhotoDraftStrip.js.map +1 -0
  11. package/dist/cjs/components/PhotoDraftStrip/index.js +11 -0
  12. package/dist/cjs/components/PhotoDraftStrip/index.js.map +1 -0
  13. package/dist/cjs/components/RecordingBar/RecordingBar.css +47 -0
  14. package/dist/cjs/components/RecordingBar/RecordingBar.js +22 -0
  15. package/dist/cjs/components/RecordingBar/RecordingBar.js.map +1 -0
  16. package/dist/cjs/components/RecordingBar/index.js +11 -0
  17. package/dist/cjs/components/RecordingBar/index.js.map +1 -0
  18. package/dist/cjs/components/VoiceMessage/VoiceMessage.css +29 -0
  19. package/dist/cjs/components/VoiceMessage/VoiceMessage.js +85 -0
  20. package/dist/cjs/components/VoiceMessage/VoiceMessage.js.map +1 -0
  21. package/dist/cjs/components/VoiceMessage/index.js +11 -0
  22. package/dist/cjs/components/VoiceMessage/index.js.map +1 -0
  23. package/dist/cjs/components/VoiceRecorder/audio.js +61 -0
  24. package/dist/cjs/components/VoiceRecorder/audio.js.map +1 -0
  25. package/dist/cjs/components/VoiceRecorder/index.js +16 -0
  26. package/dist/cjs/components/VoiceRecorder/index.js.map +1 -0
  27. package/dist/cjs/components/VoiceRecorder/useVoiceRecorder.js +213 -0
  28. package/dist/cjs/components/VoiceRecorder/useVoiceRecorder.js.map +1 -0
  29. package/dist/cjs/components/Waveform/Waveform.css +23 -0
  30. package/dist/cjs/components/Waveform/Waveform.js +36 -0
  31. package/dist/cjs/components/Waveform/Waveform.js.map +1 -0
  32. package/dist/cjs/components/Waveform/index.js +11 -0
  33. package/dist/cjs/components/Waveform/index.js.map +1 -0
  34. package/dist/cjs/components/index.js +18 -1
  35. package/dist/cjs/components/index.js.map +1 -1
  36. package/dist/esm/components/ChatComposer/ChatComposer.js +12 -4
  37. package/dist/esm/components/ChatComposer/ChatComposer.js.map +1 -1
  38. package/dist/esm/components/EmojiPicker/EmojiPicker.css +19 -0
  39. package/dist/esm/components/EmojiPicker/EmojiPicker.js +50 -0
  40. package/dist/esm/components/EmojiPicker/EmojiPicker.js.map +1 -0
  41. package/dist/esm/components/EmojiPicker/index.js +3 -0
  42. package/dist/esm/components/EmojiPicker/index.js.map +1 -0
  43. package/dist/esm/components/PhotoDraftStrip/PhotoDraftStrip.css +27 -0
  44. package/dist/esm/components/PhotoDraftStrip/PhotoDraftStrip.js +32 -0
  45. package/dist/esm/components/PhotoDraftStrip/PhotoDraftStrip.js.map +1 -0
  46. package/dist/esm/components/PhotoDraftStrip/index.js +3 -0
  47. package/dist/esm/components/PhotoDraftStrip/index.js.map +1 -0
  48. package/dist/esm/components/RecordingBar/RecordingBar.css +47 -0
  49. package/dist/esm/components/RecordingBar/RecordingBar.js +18 -0
  50. package/dist/esm/components/RecordingBar/RecordingBar.js.map +1 -0
  51. package/dist/esm/components/RecordingBar/index.js +3 -0
  52. package/dist/esm/components/RecordingBar/index.js.map +1 -0
  53. package/dist/esm/components/VoiceMessage/VoiceMessage.css +29 -0
  54. package/dist/esm/components/VoiceMessage/VoiceMessage.js +81 -0
  55. package/dist/esm/components/VoiceMessage/VoiceMessage.js.map +1 -0
  56. package/dist/esm/components/VoiceMessage/index.js +3 -0
  57. package/dist/esm/components/VoiceMessage/index.js.map +1 -0
  58. package/dist/esm/components/VoiceRecorder/audio.js +55 -0
  59. package/dist/esm/components/VoiceRecorder/audio.js.map +1 -0
  60. package/dist/esm/components/VoiceRecorder/index.js +4 -0
  61. package/dist/esm/components/VoiceRecorder/index.js.map +1 -0
  62. package/dist/esm/components/VoiceRecorder/useVoiceRecorder.js +210 -0
  63. package/dist/esm/components/VoiceRecorder/useVoiceRecorder.js.map +1 -0
  64. package/dist/esm/components/Waveform/Waveform.css +23 -0
  65. package/dist/esm/components/Waveform/Waveform.js +32 -0
  66. package/dist/esm/components/Waveform/Waveform.js.map +1 -0
  67. package/dist/esm/components/Waveform/index.js +3 -0
  68. package/dist/esm/components/Waveform/index.js.map +1 -0
  69. package/dist/esm/components/index.js +6 -0
  70. package/dist/esm/components/index.js.map +1 -1
  71. package/dist/styles/components/EmojiPicker.css +19 -0
  72. package/dist/styles/components/PhotoDraftStrip.css +27 -0
  73. package/dist/styles/components/RecordingBar.css +47 -0
  74. package/dist/styles/components/VoiceMessage.css +29 -0
  75. package/dist/styles/components/Waveform.css +23 -0
  76. package/dist/styles/index.css +516 -356
  77. package/dist/styles/muka-dark.css +516 -356
  78. package/dist/styles/muka-light.css +516 -356
  79. package/dist/styles/wireframe-dark.css +516 -356
  80. package/dist/styles/wireframe-light.css +516 -356
  81. package/dist/types/components/ChatComposer/ChatComposer.d.ts +7 -0
  82. package/dist/types/components/ChatComposer/ChatComposer.d.ts.map +1 -1
  83. package/dist/types/components/EmojiPicker/EmojiPicker.d.ts +28 -0
  84. package/dist/types/components/EmojiPicker/EmojiPicker.d.ts.map +1 -0
  85. package/dist/types/components/EmojiPicker/index.d.ts +3 -0
  86. package/dist/types/components/EmojiPicker/index.d.ts.map +1 -0
  87. package/dist/types/components/PhotoDraftStrip/PhotoDraftStrip.d.ts +51 -0
  88. package/dist/types/components/PhotoDraftStrip/PhotoDraftStrip.d.ts.map +1 -0
  89. package/dist/types/components/PhotoDraftStrip/index.d.ts +3 -0
  90. package/dist/types/components/PhotoDraftStrip/index.d.ts.map +1 -0
  91. package/dist/types/components/RecordingBar/RecordingBar.d.ts +22 -0
  92. package/dist/types/components/RecordingBar/RecordingBar.d.ts.map +1 -0
  93. package/dist/types/components/RecordingBar/index.d.ts +3 -0
  94. package/dist/types/components/RecordingBar/index.d.ts.map +1 -0
  95. package/dist/types/components/VoiceMessage/VoiceMessage.d.ts +34 -0
  96. package/dist/types/components/VoiceMessage/VoiceMessage.d.ts.map +1 -0
  97. package/dist/types/components/VoiceMessage/index.d.ts +3 -0
  98. package/dist/types/components/VoiceMessage/index.d.ts.map +1 -0
  99. package/dist/types/components/VoiceRecorder/audio.d.ts +20 -0
  100. package/dist/types/components/VoiceRecorder/audio.d.ts.map +1 -0
  101. package/dist/types/components/VoiceRecorder/index.d.ts +4 -0
  102. package/dist/types/components/VoiceRecorder/index.d.ts.map +1 -0
  103. package/dist/types/components/VoiceRecorder/useVoiceRecorder.d.ts +48 -0
  104. package/dist/types/components/VoiceRecorder/useVoiceRecorder.d.ts.map +1 -0
  105. package/dist/types/components/Waveform/Waveform.d.ts +31 -0
  106. package/dist/types/components/Waveform/Waveform.d.ts.map +1 -0
  107. package/dist/types/components/Waveform/index.d.ts +3 -0
  108. package/dist/types/components/Waveform/index.d.ts.map +1 -0
  109. package/dist/types/components/index.d.ts +6 -0
  110. package/dist/types/components/index.d.ts.map +1 -1
  111. package/package.json +1 -1
@@ -0,0 +1,213 @@
1
+ "use strict";
2
+ 'use client';
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.useVoiceRecorder = useVoiceRecorder;
5
+ const react_1 = require("react");
6
+ const audio_1 = require("./audio");
7
+ /** Number of live bars kept for the moving waveform while recording. */
8
+ const LIVE_PEAK_WINDOW = 40;
9
+ const MIME_CANDIDATES = [
10
+ { mime: 'audio/webm;codecs=opus', ext: 'webm' },
11
+ { mime: 'audio/webm', ext: 'webm' },
12
+ { mime: 'audio/ogg;codecs=opus', ext: 'ogg' },
13
+ { mime: 'audio/mp4', ext: 'm4a' },
14
+ ];
15
+ function pickMimeType() {
16
+ if (typeof MediaRecorder !== 'undefined' &&
17
+ typeof MediaRecorder.isTypeSupported === 'function') {
18
+ for (const candidate of MIME_CANDIDATES) {
19
+ if (MediaRecorder.isTypeSupported(candidate.mime))
20
+ return candidate;
21
+ }
22
+ }
23
+ // Let the browser choose a default container; webm is the safe guess for ext.
24
+ return { mime: '', ext: 'webm' };
25
+ }
26
+ /**
27
+ * `useVoiceRecorder` — headless hook exposing recorder status, the live waveform
28
+ * and the finished {@link VoiceClip}. Feed `elapsedMs` + `livePeaks` into a
29
+ * `RecordingBar`, and persist the returned clip's `peaks` for `VoiceMessage`.
30
+ */
31
+ function useVoiceRecorder() {
32
+ const [status, setStatus] = (0, react_1.useState)('idle');
33
+ const [elapsedMs, setElapsedMs] = (0, react_1.useState)(0);
34
+ const [livePeaks, setLivePeaks] = (0, react_1.useState)([]);
35
+ const [error, setError] = (0, react_1.useState)(null);
36
+ const recorderRef = (0, react_1.useRef)(null);
37
+ const streamRef = (0, react_1.useRef)(null);
38
+ const chunksRef = (0, react_1.useRef)([]);
39
+ const audioCtxRef = (0, react_1.useRef)(null);
40
+ const analyserRef = (0, react_1.useRef)(null);
41
+ const rafRef = (0, react_1.useRef)(null);
42
+ const startedAtRef = (0, react_1.useRef)(0);
43
+ const allSamplesRef = (0, react_1.useRef)([]);
44
+ const mimeRef = (0, react_1.useRef)({ mime: '', ext: 'webm' });
45
+ const statusRef = (0, react_1.useRef)('idle');
46
+ const setPhase = (0, react_1.useCallback)((next) => {
47
+ statusRef.current = next;
48
+ setStatus(next);
49
+ }, []);
50
+ const teardown = (0, react_1.useCallback)(() => {
51
+ if (rafRef.current !== null) {
52
+ cancelAnimationFrame(rafRef.current);
53
+ rafRef.current = null;
54
+ }
55
+ if (audioCtxRef.current) {
56
+ void audioCtxRef.current.close().catch(() => { });
57
+ audioCtxRef.current = null;
58
+ }
59
+ analyserRef.current = null;
60
+ if (streamRef.current) {
61
+ streamRef.current.getTracks().forEach((t) => t.stop());
62
+ streamRef.current = null;
63
+ }
64
+ }, []);
65
+ (0, react_1.useEffect)(() => () => teardown(), [teardown]);
66
+ const sampleLoop = (0, react_1.useCallback)(() => {
67
+ const analyser = analyserRef.current;
68
+ if (!analyser)
69
+ return;
70
+ const buffer = new Uint8Array(analyser.fftSize);
71
+ analyser.getByteTimeDomainData(buffer);
72
+ // RMS around the 128 midpoint → 0..1 amplitude.
73
+ let sumSquares = 0;
74
+ for (let i = 0; i < buffer.length; i += 1) {
75
+ const centered = (buffer[i] - 128) / 128;
76
+ sumSquares += centered * centered;
77
+ }
78
+ const rms = Math.sqrt(sumSquares / buffer.length);
79
+ const amplitude = Math.min(1, rms * 2.2);
80
+ allSamplesRef.current.push(amplitude);
81
+ setLivePeaks((prev) => {
82
+ const next = [...prev, amplitude];
83
+ return next.length > LIVE_PEAK_WINDOW
84
+ ? next.slice(next.length - LIVE_PEAK_WINDOW)
85
+ : next;
86
+ });
87
+ setElapsedMs(Date.now() - startedAtRef.current);
88
+ rafRef.current = requestAnimationFrame(sampleLoop);
89
+ }, []);
90
+ const start = (0, react_1.useCallback)(async () => {
91
+ const phase = statusRef.current;
92
+ if (phase === 'recording' || phase === 'requesting')
93
+ return;
94
+ if (!(0, audio_1.isVoiceRecordingSupported)()) {
95
+ setPhase('error');
96
+ setError('Recording is not available in this browser.');
97
+ return;
98
+ }
99
+ setPhase('requesting');
100
+ setError(null);
101
+ setElapsedMs(0);
102
+ setLivePeaks([]);
103
+ chunksRef.current = [];
104
+ allSamplesRef.current = [];
105
+ let stream;
106
+ try {
107
+ stream = await navigator.mediaDevices.getUserMedia({ audio: true });
108
+ }
109
+ catch {
110
+ setPhase('error');
111
+ setError('Microphone access was denied.');
112
+ return;
113
+ }
114
+ streamRef.current = stream;
115
+ const chosen = pickMimeType();
116
+ mimeRef.current = chosen;
117
+ let recorder;
118
+ try {
119
+ recorder = chosen.mime
120
+ ? new MediaRecorder(stream, { mimeType: chosen.mime })
121
+ : new MediaRecorder(stream);
122
+ }
123
+ catch {
124
+ recorder = new MediaRecorder(stream);
125
+ }
126
+ recorderRef.current = recorder;
127
+ recorder.ondataavailable = (event) => {
128
+ if (event.data && event.data.size > 0)
129
+ chunksRef.current.push(event.data);
130
+ };
131
+ // Live waveform via an analyser tapped off the same stream.
132
+ try {
133
+ const AudioCtx = window.AudioContext ||
134
+ window
135
+ .webkitAudioContext;
136
+ if (AudioCtx) {
137
+ const ctx = new AudioCtx();
138
+ audioCtxRef.current = ctx;
139
+ const source = ctx.createMediaStreamSource(stream);
140
+ const analyser = ctx.createAnalyser();
141
+ analyser.fftSize = 1024;
142
+ source.connect(analyser);
143
+ analyserRef.current = analyser;
144
+ }
145
+ }
146
+ catch {
147
+ // Waveform is a nicety; recording still works without it.
148
+ }
149
+ startedAtRef.current = Date.now();
150
+ recorder.start(100);
151
+ setPhase('recording');
152
+ rafRef.current = requestAnimationFrame(sampleLoop);
153
+ }, [sampleLoop, setPhase]);
154
+ const stop = (0, react_1.useCallback)(async () => {
155
+ const recorder = recorderRef.current;
156
+ if (!recorder || statusRef.current !== 'recording') {
157
+ teardown();
158
+ setPhase('idle');
159
+ return null;
160
+ }
161
+ setPhase('stopping');
162
+ const durationSec = Math.max(0, (Date.now() - startedAtRef.current) / 1000);
163
+ const blob = await new Promise((resolve) => {
164
+ recorder.onstop = () => {
165
+ const type = mimeRef.current.mime || recorder.mimeType || 'audio/webm';
166
+ resolve(new Blob(chunksRef.current, { type }));
167
+ };
168
+ recorder.stop();
169
+ });
170
+ if (rafRef.current !== null) {
171
+ cancelAnimationFrame(rafRef.current);
172
+ rafRef.current = null;
173
+ }
174
+ const peaks = (0, audio_1.downsamplePeaks)(allSamplesRef.current);
175
+ teardown();
176
+ recorderRef.current = null;
177
+ setPhase('idle');
178
+ setLivePeaks([]);
179
+ setElapsedMs(0);
180
+ if (blob.size === 0)
181
+ return null;
182
+ return {
183
+ blob,
184
+ mimeType: blob.type,
185
+ ext: mimeRef.current.ext,
186
+ durationSec,
187
+ peaks,
188
+ };
189
+ }, [setPhase, teardown]);
190
+ const cancel = (0, react_1.useCallback)(() => {
191
+ const recorder = recorderRef.current;
192
+ if (recorder && recorder.state !== 'inactive') {
193
+ recorder.onstop = null;
194
+ try {
195
+ recorder.stop();
196
+ }
197
+ catch {
198
+ // already stopping
199
+ }
200
+ }
201
+ recorderRef.current = null;
202
+ chunksRef.current = [];
203
+ allSamplesRef.current = [];
204
+ teardown();
205
+ setPhase('idle');
206
+ setLivePeaks([]);
207
+ setElapsedMs(0);
208
+ setError(null);
209
+ }, [setPhase, teardown]);
210
+ return { status, elapsedMs, livePeaks, error, start, stop, cancel };
211
+ }
212
+ exports.default = useVoiceRecorder;
213
+ //# sourceMappingURL=useVoiceRecorder.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useVoiceRecorder.js","sourceRoot":"","sources":["../../../../components/VoiceRecorder/useVoiceRecorder.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,23 @@
1
+ /* Waveform Component Styles */
2
+
3
+ /*
4
+ * A row of amplitude bars. Muka ships no audio/waveform primitive; this is
5
+ * drawn from color + spacing tokens only. Bar height (per-peak magnitude) and
6
+ * the played/unplayed color split are data-driven, so they arrive as inline
7
+ * styles from the component; everything else is tokenized here.
8
+ */
9
+ .muka-waveform {
10
+ display: flex;
11
+ align-items: center;
12
+ gap: var(--spacing-05, 2px);
13
+ width: 100%;
14
+ min-width: 0;
15
+ }
16
+
17
+ .muka-waveform__bar {
18
+ flex: 1 1 0;
19
+ min-width: 2px;
20
+ max-width: 4px;
21
+ border-radius: var(--radius-full, 9999px);
22
+ background: var(--color-border-contrast);
23
+ }
@@ -0,0 +1,36 @@
1
+ "use strict";
2
+ 'use client';
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.Waveform = void 0;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ require("./Waveform.css");
7
+ /** A flat baseline used when there are no samples yet (keeps the strip stable). */
8
+ const FLAT = 0.08;
9
+ /** Number of placeholder bars drawn before any samples arrive. */
10
+ const PLACEHOLDER_BARS = 24;
11
+ /**
12
+ * Waveform — a bar visualization of an audio amplitude series.
13
+ *
14
+ * Shared by the composer's recording state (live amplitudes) and the
15
+ * `VoiceMessage` player (persisted peaks with a played/unplayed split). Pure and
16
+ * network-free: it renders whatever `peaks` it is handed. `progress` tints the
17
+ * leading fraction of bars with `activeColor`; the rest use `inactiveColor`.
18
+ * Both default to Muka tokens but are overridable so a tinted (`own`) bubble can
19
+ * pass an inverse color for contrast.
20
+ */
21
+ const Waveform = ({ peaks, progress = 0, activeColor = 'var(--color-action-default)', inactiveColor = 'var(--color-border-contrast)', height = 'var(--spacing-6)', 'aria-label': ariaLabel, className = '', }) => {
22
+ const bars = peaks.length > 0 ? peaks : new Array(PLACEHOLDER_BARS).fill(FLAT);
23
+ const playedIndex = Math.round(progress * bars.length);
24
+ const classes = ['muka-waveform', className].filter(Boolean).join(' ');
25
+ return ((0, jsx_runtime_1.jsx)("div", { className: classes, style: { height }, role: ariaLabel ? 'img' : 'presentation', "aria-label": ariaLabel, "aria-hidden": ariaLabel ? undefined : true, children: bars.map((peak, i) => {
26
+ const magnitude = Math.max(FLAT, Math.min(1, peak));
27
+ const played = i < playedIndex;
28
+ return ((0, jsx_runtime_1.jsx)("span", { className: "muka-waveform__bar", style: {
29
+ height: `${Math.round(magnitude * 100)}%`,
30
+ background: played ? activeColor : inactiveColor,
31
+ } }, i));
32
+ }) }));
33
+ };
34
+ exports.Waveform = Waveform;
35
+ exports.default = exports.Waveform;
36
+ //# sourceMappingURL=Waveform.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Waveform.js","sourceRoot":"","sources":["../../../../components/Waveform/Waveform.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;AAGb,0BAAwB;AAyBxB,mFAAmF;AACnF,MAAM,IAAI,GAAG,IAAI,CAAC;AAElB,kEAAkE;AAClE,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAE5B;;;;;;;;;GASG;AACI,MAAM,QAAQ,GAA4B,CAAC,EAChD,KAAK,EACL,QAAQ,GAAG,CAAC,EACZ,WAAW,GAAG,6BAA6B,EAC3C,aAAa,GAAG,8BAA8B,EAC9C,MAAM,GAAG,kBAAkB,EAC3B,YAAY,EAAE,SAAS,EACvB,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC/E,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC;IAEvD,MAAM,OAAO,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,gCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,EAAE,MAAM,EAAE,EACjB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,cAAc,gBAC5B,SAAS,iBACR,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,YAExC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;YACpB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;YACpD,MAAM,MAAM,GAAG,CAAC,GAAG,WAAW,CAAC;YAC/B,OAAO,CACL,iCAEE,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAE;oBACL,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,GAAG;oBACzC,UAAU,EAAE,MAAM,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,aAAa;iBACjD,IALI,CAAC,CAMN,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,QAAQ,YAsCnB;AAEF,kBAAe,gBAAQ,CAAC"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = exports.Waveform = void 0;
7
+ var Waveform_1 = require("./Waveform");
8
+ Object.defineProperty(exports, "Waveform", { enumerable: true, get: function () { return Waveform_1.Waveform; } });
9
+ var Waveform_2 = require("./Waveform");
10
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Waveform_2).default; } });
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Waveform/index.ts"],"names":[],"mappings":";;;;;;AAAA,uCAA0D;AAAjD,oGAAA,QAAQ,OAAA;AACjB,uCAAqC;AAA5B,oHAAA,OAAO,OAAA"}
@@ -2,7 +2,7 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TableCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.RangeSlider = exports.DataPieChart = exports.PieChart = exports.Progress = exports.ProfileBadge = exports.AvatarGroup = exports.Avatar = exports.BadgeNumber = exports.Badge = exports.Container = exports.Section = exports.NavigationTransition = exports.AppShell = exports.View = exports.Dialog = exports.BottomBarTab = exports.BottomBar = exports.ControlBar = exports.TopBar = exports.ProgressAccordeon = exports.ProgressTracker = exports.EmptyState = exports.Toast = exports.Alert = exports.RadioTile = exports.CheckboxTile = exports.Toggle = exports.Checkbox = exports.Radio = exports.TabPanel = exports.Tab = exports.TabList = exports.Tabs = exports.Select = exports.Divider = exports.Chip = exports.Icon = exports.Label = exports.Card = exports.NumberInput = exports.useForm = exports.Form = exports.Input = exports.ListItem = exports.Button = void 0;
4
4
  exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = exports.PopoverClose = exports.PopoverTrigger = exports.PopoverRoot = exports.PopoverContent = exports.Popover = exports.Tooltip = exports.Drawer = exports.Pagination = exports.Breadcrumb = exports.Skeleton = exports.Textarea = exports.ContextMenuSubContent = exports.ContextMenuSubTrigger = exports.ContextMenuSub = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuCheckboxItem = exports.ContextMenuGroup = exports.ContextMenuSeparator = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = exports.MenuSubContent = exports.MenuSubTrigger = exports.MenuSub = exports.MenuRadioItem = exports.MenuRadioGroup = exports.MenuCheckboxItem = exports.MenuGroup = exports.MenuSeparator = exports.MenuItem = exports.MenuContent = exports.MenuTrigger = exports.Menu = exports.FileUploadItem = exports.FileUpload = exports.SmsOtpField = exports.DocumentViewer = exports.Tile = exports.PriceTag = exports.SegmentGroup = exports.DatePicker = exports.DataTable = exports.useTableSelection = exports.TablePagination = exports.TableHeaderCell = void 0;
5
- exports.TextLink = exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.ChatComposer = exports.ChatPhotoGrid = exports.ChatMessageList = exports.ChatMessageStack = exports.ChatMessage = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = exports.AccordionContent = void 0;
5
+ exports.TextLink = exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.DEFAULT_EMOJI = exports.EmojiPicker = exports.PhotoDraftStrip = exports.VOICE_PEAK_COUNT = exports.isVoiceRecordingSupported = exports.formatClock = exports.downsamplePeaks = exports.useVoiceRecorder = exports.VoiceMessage = exports.RecordingBar = exports.Waveform = exports.ChatComposer = exports.ChatPhotoGrid = exports.ChatMessageList = exports.ChatMessageStack = exports.ChatMessage = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = exports.AccordionContent = void 0;
6
6
  // Muka Design System Components
7
7
  var Button_1 = require("./Button");
8
8
  Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
@@ -186,6 +186,23 @@ var ChatPhotoGrid_1 = require("./ChatPhotoGrid");
186
186
  Object.defineProperty(exports, "ChatPhotoGrid", { enumerable: true, get: function () { return ChatPhotoGrid_1.ChatPhotoGrid; } });
187
187
  var ChatComposer_1 = require("./ChatComposer");
188
188
  Object.defineProperty(exports, "ChatComposer", { enumerable: true, get: function () { return ChatComposer_1.ChatComposer; } });
189
+ var Waveform_1 = require("./Waveform");
190
+ Object.defineProperty(exports, "Waveform", { enumerable: true, get: function () { return Waveform_1.Waveform; } });
191
+ var RecordingBar_1 = require("./RecordingBar");
192
+ Object.defineProperty(exports, "RecordingBar", { enumerable: true, get: function () { return RecordingBar_1.RecordingBar; } });
193
+ var VoiceMessage_1 = require("./VoiceMessage");
194
+ Object.defineProperty(exports, "VoiceMessage", { enumerable: true, get: function () { return VoiceMessage_1.VoiceMessage; } });
195
+ var VoiceRecorder_1 = require("./VoiceRecorder");
196
+ Object.defineProperty(exports, "useVoiceRecorder", { enumerable: true, get: function () { return VoiceRecorder_1.useVoiceRecorder; } });
197
+ Object.defineProperty(exports, "downsamplePeaks", { enumerable: true, get: function () { return VoiceRecorder_1.downsamplePeaks; } });
198
+ Object.defineProperty(exports, "formatClock", { enumerable: true, get: function () { return VoiceRecorder_1.formatClock; } });
199
+ Object.defineProperty(exports, "isVoiceRecordingSupported", { enumerable: true, get: function () { return VoiceRecorder_1.isVoiceRecordingSupported; } });
200
+ Object.defineProperty(exports, "VOICE_PEAK_COUNT", { enumerable: true, get: function () { return VoiceRecorder_1.VOICE_PEAK_COUNT; } });
201
+ var PhotoDraftStrip_1 = require("./PhotoDraftStrip");
202
+ Object.defineProperty(exports, "PhotoDraftStrip", { enumerable: true, get: function () { return PhotoDraftStrip_1.PhotoDraftStrip; } });
203
+ var EmojiPicker_1 = require("./EmojiPicker");
204
+ Object.defineProperty(exports, "EmojiPicker", { enumerable: true, get: function () { return EmojiPicker_1.EmojiPicker; } });
205
+ Object.defineProperty(exports, "DEFAULT_EMOJI", { enumerable: true, get: function () { return EmojiPicker_1.DEFAULT_EMOJI; } });
189
206
  var AgentTaskList_1 = require("./AgentTaskList");
190
207
  Object.defineProperty(exports, "AgentTaskList", { enumerable: true, get: function () { return AgentTaskList_1.AgentTaskList; } });
191
208
  var TypingIndicator_1 = require("./TypingIndicator");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
@@ -14,7 +14,7 @@ import './ChatComposer.css';
14
14
  * strip. Submits on Enter (Shift+Enter for a newline). Designed to live in a
15
15
  * `BottomBar`.
16
16
  */
17
- export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder = 'Reply...', onLeadingClick, leadingIcon = 'add', leadingLabel = 'Add attachment', onEmoji, showEmoji = true, emojiLabel = 'Add emoji', onRecordStart, micLabel = 'Record voice message', sendLabel = 'Send message', recording = false, recordingSlot, onRecordPause, onRecordDiscard, pauseLabel = 'Pause recording', discardLabel = 'Discard recording', attachments, attachmentsOverflowLabel = 'Show more attachments', loading = false, disabled = false, maxLines = 10, autoFocus = false, className = '', }, forwardedRef) => {
17
+ export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder = 'Reply...', onLeadingClick, leadingIcon = 'add', leadingLabel = 'Add attachment', onEmoji, showEmoji = true, emojiLabel = 'Add emoji', onRecordStart, micLabel = 'Record voice message', sendLabel = 'Send message', canSubmit: canSubmitProp, recording = false, recordingSlot, onRecordPause, onRecordDiscard, pauseLabel = 'Pause recording', discardLabel = 'Discard recording', attachments, attachmentsOverflowLabel = 'Show more attachments', loading = false, disabled = false, maxLines = 10, autoFocus = false, className = '', }, forwardedRef) => {
18
18
  const textareaRef = useRef(null);
19
19
  const attachmentsRef = useRef(null);
20
20
  useImperativeHandle(forwardedRef, () => textareaRef.current);
@@ -30,9 +30,12 @@ export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder
30
30
  el.style.height = `${next}px`;
31
31
  el.style.overflowY = el.scrollHeight > maxHeight ? 'auto' : 'hidden';
32
32
  }, [value, maxLines, recording]);
33
+ // `canSubmit` overrides the default "text is non-empty" rule when provided,
34
+ // so a caption-less gallery send can be enabled from staged attachments.
35
+ const textEnabled = canSubmitProp ?? value.trim().length > 0;
33
36
  const canSubmit = recording
34
37
  ? !disabled && !loading
35
- : !disabled && !loading && value.trim().length > 0;
38
+ : !disabled && !loading && textEnabled;
36
39
  const handleSubmit = () => {
37
40
  if (!canSubmit)
38
41
  return;
@@ -51,8 +54,13 @@ export const ChatComposer = forwardRef(({ value, onChange, onSubmit, placeholder
51
54
  el.scrollBy({ left: el.clientWidth * 0.8, behavior: 'smooth' });
52
55
  };
53
56
  // Trailing button is a mic only when the field is empty, not recording, and
54
- // a record handler is supplied; otherwise it is the send button.
55
- const showMic = !recording && onRecordStart && value.trim().length === 0;
57
+ // a record handler is supplied; otherwise it is the send button. When send
58
+ // enablement is controlled (`canSubmit`), always show send so a caption-less
59
+ // gallery can be sent from an empty field.
60
+ const showMic = !recording &&
61
+ onRecordStart &&
62
+ canSubmitProp === undefined &&
63
+ value.trim().length === 0;
56
64
  const classes = [
57
65
  'muka-chat-composer',
58
66
  recording && 'muka-chat-composer--recording',
@@ -1 +1 @@
1
- {"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../../../../components/ChatComposer/ChatComposer.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ChatComposer.js","sourceRoot":"","sources":["../../../../components/ChatComposer/ChatComposer.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,19 @@
1
+ /* EmojiPicker Component Styles */
2
+
3
+ .muka-emoji-picker {
4
+ display: grid;
5
+ grid-template-columns: repeat(8, 1fr);
6
+ gap: var(--spacing-1);
7
+ padding: var(--spacing-2);
8
+ max-height: 12rem;
9
+ overflow-y: auto;
10
+ background: var(--color-surface-level2);
11
+ border: var(--border-width-regular, 1px) solid var(--color-border-default);
12
+ border-radius: var(--radius-lg);
13
+ box-shadow: var(--menu-content-shadow, 0 4px 12px rgba(0, 0, 0, 0.12));
14
+ }
15
+
16
+ .muka-emoji-picker__glyph {
17
+ font-size: 1.25rem;
18
+ line-height: 1;
19
+ }
@@ -0,0 +1,50 @@
1
+ 'use client';
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { useEffect, useRef } from 'react';
4
+ import { Button } from '../Button';
5
+ import './EmojiPicker.css';
6
+ /** A small default set of common Unicode emoji. Override via the `emoji` prop. */
7
+ export const DEFAULT_EMOJI = [
8
+ '😀', '😄', '😉', '😊', '😍', '😘', '😎', '🤔',
9
+ '😅', '😂', '🙃', '😴', '😇', '🥳', '😢', '😡',
10
+ '👍', '👎', '👌', '🙏', '👏', '💪', '🤝', '✌️',
11
+ '👋', '🫡', '🔥', '✅', '❌', '⚠️', '❗', '❓',
12
+ '💯', '🎉', '⭐', '❤️', '💥', '👀', '💡', '⏰',
13
+ ];
14
+ /**
15
+ * EmojiPicker — a minimal panel of Unicode emoji that inserts into a composer.
16
+ *
17
+ * Optional and dependency-free: apps may ignore it and wire only
18
+ * `ChatComposer.onEmoji`. Emoji are plain text, so once inserted they render in
19
+ * sent bubbles for free. Closes on Escape or an outside click.
20
+ */
21
+ export const EmojiPicker = ({ open, onClose, onSelect, title = 'Emoji', emoji = DEFAULT_EMOJI, className = '', }) => {
22
+ const panelRef = useRef(null);
23
+ useEffect(() => {
24
+ if (!open)
25
+ return;
26
+ const onKey = (e) => {
27
+ if (e.key === 'Escape')
28
+ onClose();
29
+ };
30
+ const onPointer = (e) => {
31
+ if (panelRef.current && !panelRef.current.contains(e.target)) {
32
+ onClose();
33
+ }
34
+ };
35
+ document.addEventListener('keydown', onKey);
36
+ // Defer so the opening click doesn't immediately close the panel.
37
+ const id = window.setTimeout(() => document.addEventListener('pointerdown', onPointer), 0);
38
+ return () => {
39
+ document.removeEventListener('keydown', onKey);
40
+ window.clearTimeout(id);
41
+ document.removeEventListener('pointerdown', onPointer);
42
+ };
43
+ }, [open, onClose]);
44
+ if (!open)
45
+ return null;
46
+ const classes = ['muka-emoji-picker', className].filter(Boolean).join(' ');
47
+ return (_jsx("div", { ref: panelRef, className: classes, role: "dialog", "aria-label": title, children: emoji.map((char) => (_jsx(Button, { variant: "ghost", size: "sm", iconOnly: true, "aria-label": char, onClick: () => onSelect(char), children: _jsx("span", { className: "muka-emoji-picker__glyph", children: char }) }, char))) }));
48
+ };
49
+ export default EmojiPicker;
50
+ //# sourceMappingURL=EmojiPicker.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"EmojiPicker.js","sourceRoot":"","sources":["../../../../components/EmojiPicker/EmojiPicker.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export { EmojiPicker, DEFAULT_EMOJI, } from './EmojiPicker';
2
+ export { default } from './EmojiPicker';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/EmojiPicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EAEX,aAAa,GACd,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
@@ -0,0 +1,27 @@
1
+ /* PhotoDraftStrip Component Styles */
2
+
3
+ .muka-photo-draft-strip {
4
+ display: flex;
5
+ align-items: center;
6
+ gap: var(--spacing-3);
7
+ width: 100%;
8
+ padding: var(--spacing-2) 0;
9
+ }
10
+
11
+ .muka-photo-draft-strip__track {
12
+ display: flex;
13
+ gap: var(--spacing-2);
14
+ flex: 1 1 auto;
15
+ min-width: 0;
16
+ overflow-x: auto;
17
+ scroll-behavior: smooth;
18
+ scrollbar-width: none;
19
+ }
20
+
21
+ .muka-photo-draft-strip__track::-webkit-scrollbar {
22
+ display: none;
23
+ }
24
+
25
+ .muka-photo-draft-strip__item {
26
+ flex: 0 0 auto;
27
+ }
@@ -0,0 +1,32 @@
1
+ 'use client';
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Button } from '../Button';
4
+ import { Icon } from '../Icon';
5
+ import { Spinner } from '../Spinner';
6
+ import { Thumbnail } from '../Thumbnail';
7
+ import './PhotoDraftStrip.css';
8
+ /**
9
+ * PhotoDraftStrip — a controlled, horizontally-scrolling strip of staged photos
10
+ * shown above the composer while they upload. Each tile is a Muka `Thumbnail`
11
+ * carrying its own upload progress / error and a remove (×) control, so a
12
+ * per-item failure never blocks sending the rest.
13
+ *
14
+ * Controlled and network-free: the app owns upload, object URLs and the cap on
15
+ * how many photos may be staged. The optional send button lives here because
16
+ * the composer only enables its own send once text is non-empty — it can't send
17
+ * a caption-less gallery. Sending is enabled once every tile has settled and at
18
+ * least one uploaded successfully.
19
+ */
20
+ export const PhotoDraftStrip = ({ photos, onRemove, onSend, sending = false, showSend = true, sendLabel = 'Send photos', removeLabel = 'Remove photo', viewLabel = 'View photo', errorCaption = 'Upload failed', className = '', }) => {
21
+ if (photos.length === 0)
22
+ return null;
23
+ // Allow sending once every tile settled (uploaded or failed) and at least one
24
+ // uploaded successfully — a failed tile shouldn't block the rest.
25
+ const anyUploading = photos.some((p) => p.status === 'uploading');
26
+ const anyReady = photos.some((p) => p.status === 'ready');
27
+ const canSend = !sending && !anyUploading && anyReady;
28
+ const classes = ['muka-photo-draft-strip', className].filter(Boolean).join(' ');
29
+ return (_jsxs("div", { className: classes, children: [_jsx("div", { className: "muka-photo-draft-strip__track", children: photos.map((photo) => (_jsx("div", { className: "muka-photo-draft-strip__item", children: _jsx(Thumbnail, { src: photo.previewUrl, alt: photo.fileName, shape: "1:1", processing: photo.status === 'uploading' && photo.progress <= 0, loading: photo.status === 'uploading' && photo.progress > 0, progress: photo.progress, error: photo.status === 'error', caption: photo.status === 'error' ? errorCaption : undefined, onRemove: () => onRemove(photo.id), removeLabel: removeLabel, viewLabel: viewLabel }) }, photo.id))) }), showSend && (_jsx(Button, { variant: "primary", size: "lg", iconOnly: true, "aria-label": sendLabel, onClick: onSend, disabled: !canSend, children: sending ? (_jsx(Spinner, { size: "sm", variant: "inverse" })) : (_jsx(Icon, { name: "send-plane2", size: "md" })) }))] }));
30
+ };
31
+ export default PhotoDraftStrip;
32
+ //# sourceMappingURL=PhotoDraftStrip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhotoDraftStrip.js","sourceRoot":"","sources":["../../../../components/PhotoDraftStrip/PhotoDraftStrip.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,uBAAuB,CAAC;AA+C/B;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,MAAM,EACN,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,SAAS,GAAG,aAAa,EACzB,WAAW,GAAG,cAAc,EAC5B,SAAS,GAAG,YAAY,EACxB,YAAY,GAAG,eAAe,EAC9B,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,8EAA8E;IAC9E,kEAAkE;IAClE,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,WAAW,CAAC,CAAC;IAClE,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC;IAC1D,MAAM,OAAO,GAAG,CAAC,OAAO,IAAI,CAAC,YAAY,IAAI,QAAQ,CAAC;IAEtD,MAAM,OAAO,GAAG,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEhF,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,cAAK,SAAS,EAAC,+BAA+B,YAC3C,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,cAAoB,SAAS,EAAC,8BAA8B,YAC1D,KAAC,SAAS,IACR,GAAG,EAAE,KAAK,CAAC,UAAU,EACrB,GAAG,EAAE,KAAK,CAAC,QAAQ,EACnB,KAAK,EAAC,KAAK,EACX,UAAU,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW,IAAI,KAAK,CAAC,QAAQ,IAAI,CAAC,EAC/D,OAAO,EAAE,KAAK,CAAC,MAAM,KAAK,WAAW,IAAI,KAAK,CAAC,QAAQ,GAAG,CAAC,EAC3D,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,KAAK,EAAE,KAAK,CAAC,MAAM,KAAK,OAAO,EAC/B,OAAO,EAAE,KAAK,CAAC,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,EAC5D,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,EAClC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,IAbM,KAAK,CAAC,EAAE,CAcZ,CACP,CAAC,GACE,EAEL,QAAQ,IAAI,CACX,KAAC,MAAM,IACL,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,IAAI,EACT,QAAQ,sBACI,SAAS,EACrB,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,CAAC,OAAO,YAEjB,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,GAAG,CACxC,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,IAAI,GAAG,CACtC,GACM,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { PhotoDraftStrip, } from './PhotoDraftStrip';
2
+ export { default } from './PhotoDraftStrip';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/PhotoDraftStrip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,eAAe,GAGhB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}