@tachui/primitives 0.8.11 → 0.8.13

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.
package/README.md CHANGED
@@ -61,7 +61,7 @@ ZStack({
61
61
  .modifier.padding(16)
62
62
  .backgroundColor('rgba(0,0,0,0.7)')
63
63
  .foregroundColor('white')
64
- .build(),
64
+ ,
65
65
  ],
66
66
  })
67
67
  ```
@@ -101,14 +101,14 @@ Text('Hello, tachUI!')
101
101
  .modifier.font({ family: 'San Francisco', size: 18, weight: 600 })
102
102
  .foregroundColor('#007AFF')
103
103
  .textAlign('center')
104
- .build()
104
+
105
105
  ```
106
106
 
107
107
  **Advanced Text Features:**
108
108
 
109
109
  ```typescript
110
110
  // Multiline text with line clamping
111
- Text(longContent).modifier.lineClamp(3).wordBreak('break-word').build()
111
+ Text(longContent).modifier.lineClamp(3).wordBreak('break-word')
112
112
 
113
113
  // Reactive text content
114
114
  const [count, setCount] = createSignal(0)
@@ -124,7 +124,7 @@ Image('/path/to/image.jpg')
124
124
  .modifier.size({ width: 200, height: 150 })
125
125
  .cornerRadius(8)
126
126
  .aspectRatio('cover')
127
- .build()
127
+
128
128
  ```
129
129
 
130
130
  **Image with Assets:**
@@ -135,7 +135,7 @@ import { Assets } from '@tachui/core'
135
135
  Image(Assets.profilePicture)
136
136
  .modifier.size({ width: 60, height: 60 })
137
137
  .cornerRadius(30)
138
- .build()
138
+
139
139
  ```
140
140
 
141
141
  #### HTML
@@ -163,7 +163,7 @@ Button('Click Me', () => {
163
163
  .backgroundColor('#007AFF')
164
164
  .foregroundColor('white')
165
165
  .cornerRadius(8)
166
- .build()
166
+
167
167
  ```
168
168
 
169
169
  **Button States:**
@@ -174,7 +174,7 @@ Button('Stateful Button', handleClick)
174
174
  .hover({ backgroundColor: '#0051D5' })
175
175
  .active({ transform: 'scale(0.95)' })
176
176
  .disabled({ opacity: 0.5 })
177
- .build()
177
+
178
178
  ```
179
179
 
180
180
  #### Toggle
@@ -189,7 +189,7 @@ Toggle({
189
189
  onToggle: setIsEnabled,
190
190
  })
191
191
  .modifier.accentColor('#007AFF')
192
- .build()
192
+
193
193
  ```
194
194
 
195
195
  #### Picker
@@ -225,7 +225,7 @@ BasicInput({
225
225
  .modifier.padding(12)
226
226
  .border(1, '#E5E5EA')
227
227
  .cornerRadius(8)
228
- .build()
228
+
229
229
  ```
230
230
 
231
231
  **Advanced Input Features:**
@@ -269,8 +269,8 @@ VStack({
269
269
  HStack({
270
270
  alignment: 'center',
271
271
  children: [
272
- Image(Assets.logo).modifier.size({ width: 40, height: 40 }).build(),
273
- Text('My App').modifier.font({ size: 24, weight: 'bold' }).build(),
272
+ Image(Assets.logo).modifier.size({ width: 40, height: 40 }),
273
+ Text('My App').modifier.font({ size: 24, weight: 'bold' }),
274
274
  Spacer(),
275
275
  Button('Menu', toggleMenu),
276
276
  ],
@@ -283,7 +283,7 @@ VStack({
283
283
  Text('Welcome to tachUI!')
284
284
  .modifier.font({ size: 18 })
285
285
  .textAlign('center')
286
- .build(),
286
+ ,
287
287
 
288
288
  Divider(),
289
289
 
@@ -294,7 +294,7 @@ VStack({
294
294
  Button('Learn More', openDocs)
295
295
  .modifier.backgroundColor('transparent')
296
296
  .foregroundColor('#007AFF')
297
- .build(),
297
+ ,
298
298
  ],
299
299
  }),
300
300
  ],
@@ -314,19 +314,19 @@ VStack({
314
314
  Image(item.image)
315
315
  .modifier.size({ mobile: 40, desktop: 60 })
316
316
  .cornerRadius({ mobile: 4, desktop: 8 })
317
- .build(),
317
+ ,
318
318
 
319
319
  VStack({
320
320
  alignment: 'leading',
321
321
  children: [
322
322
  Text(item.title)
323
323
  .modifier.font({ size: { mobile: 16, desktop: 18 } })
324
- .build(),
324
+ ,
325
325
 
326
326
  Text(item.description)
327
327
  .modifier.font({ size: { mobile: 14, desktop: 16 } })
328
328
  .opacity(0.7)
329
- .build(),
329
+ ,
330
330
  ],
331
331
  }),
332
332
  ],
@@ -350,7 +350,7 @@ Button('Accessible Button', handleClick)
350
350
  .modifier.accessibilityLabel('Save document')
351
351
  .accessibilityRole('button')
352
352
  .accessibilityHint('Saves the current document')
353
- .build()
353
+
354
354
  ```
355
355
 
356
356
  ## Styling Integration
@@ -364,7 +364,7 @@ Text('Styled with modifiers')
364
364
  .modifier.apply(padding(16))
365
365
  .apply(margin({ vertical: 8 }))
366
366
  .apply(backgroundColor('#F2F2F7'))
367
- .build()
367
+
368
368
  ```
369
369
 
370
370
  ## Performance Characteristics
@@ -431,7 +431,7 @@ VStack({
431
431
  Image(userAvatar),
432
432
  Text(userName),
433
433
  Spacer(),
434
- Text('>').modifier.opacity(0.5).build(),
434
+ Text('>').modifier.opacity(0.5),
435
435
  ],
436
436
  }),
437
437
  }),
@@ -1,26 +1,26 @@
1
- import { withModifiers as h, ComponentWithCSSClasses as M, processElementOverride as _, createSignal as w, useLifecycle as $, registerComponentWithLifecycleHooks as F, h as S, createEffect as E, ConcatenatedComponent as O, text as W, isSignal as v } from "@tachui/core";
2
- import { aspectRatio as z } from "@tachui/modifiers";
1
+ import { withModifiers as f, ComponentWithCSSClasses as z, processElementOverride as H, createSignal as E, useLifecycle as $, registerComponentWithLifecycleHooks as M, h as S, createEffect as b, ConcatenatedComponent as O, text as W, isSignal as v } from "@tachui/core";
2
+ import { aspectRatio as x } from "@tachui/modifiers";
3
3
  var Y = Object.defineProperty, V = (e, t, s) => t in e ? Y(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, g = (e, t, s) => V(e, typeof t != "symbol" ? t + "" : t, s);
4
- function A(e) {
4
+ function L(e) {
5
5
  return typeof e == "object" && e !== null && typeof e.resolve == "function";
6
6
  }
7
7
  function D(e) {
8
- return e && (A(e) ? e.resolve() : e);
8
+ return e && (L(e) ? e.resolve() : e);
9
9
  }
10
- class I extends M {
10
+ class F extends z {
11
11
  constructor(t) {
12
12
  super(), this.props = t, g(this, "type", "component"), g(this, "id"), g(this, "mounted", !1), g(this, "cleanup", []), g(this, "effectiveTag"), g(this, "validationResult"), g(this, "loadingStateSignal"), g(this, "setLoadingState"), this.id = `image-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
13
- const s = _("Image", "img", this.props.element);
13
+ const s = H("Image", "img", this.props.element);
14
14
  this.effectiveTag = s.tag, this.validationResult = s.validation;
15
- const o = this.props.src ? "idle" : "error", [n, i] = w(o);
16
- this.loadingStateSignal = n, this.setLoadingState = i, $(this, {
15
+ const n = this.props.src ? "idle" : "error", [o, i] = E(n);
16
+ this.loadingStateSignal = o, this.setLoadingState = i, $(this, {
17
17
  onDOMReady: (l, u) => {
18
- A(this.props.src) && u instanceof HTMLImageElement && this.setupImageAssetReactivityForDOMElement(
18
+ L(this.props.src) && u instanceof HTMLImageElement && this.setupImageAssetReactivityForDOMElement(
19
19
  this.props.src,
20
20
  u
21
21
  );
22
22
  }
23
- }), F(this);
23
+ }), M(this);
24
24
  }
25
25
  /**
26
26
  * Set loading state and notify callback
@@ -53,8 +53,8 @@ class I extends M {
53
53
  if (this.props.errorPlaceholder && typeof this.props.errorPlaceholder == "object")
54
54
  return this.props.errorPlaceholder.render();
55
55
  }
56
- const s = D(this.props.src), o = ["tachui-image"], n = this.createClassString(this.props, o), i = S(this.effectiveTag, {
57
- className: n,
56
+ const s = D(this.props.src), n = ["tachui-image"], o = this.createClassString(this.props, n), i = S(this.effectiveTag, {
57
+ className: o,
58
58
  src: s,
59
59
  // Pass resolved src for initial render
60
60
  alt: this.props.alt,
@@ -76,11 +76,11 @@ class I extends M {
76
76
  * Set up ImageAsset reactivity for a real DOM element (called from onDOMReady)
77
77
  */
78
78
  setupImageAssetReactivityForDOMElement(t, s) {
79
- const o = E(() => {
80
- const n = t.resolve();
81
- s.src = n, this.setLoadingStateWithCallback("loading");
79
+ const n = b(() => {
80
+ const o = t.resolve();
81
+ s.src = o, this.setLoadingStateWithCallback("loading");
82
82
  });
83
- this.cleanup.push(() => o.dispose());
83
+ this.cleanup.push(() => n.dispose());
84
84
  }
85
85
  // ============================================================================
86
86
  // Concatenation Support (Phase 3.1)
@@ -89,7 +89,7 @@ class I extends M {
89
89
  * Concatenate this image with another concatenatable component
90
90
  */
91
91
  concat(t) {
92
- const s = this.toSegment(), o = t.toSegment(), n = {
92
+ const s = this.toSegment(), n = t.toSegment(), o = {
93
93
  totalSegments: t instanceof O ? t.segments.length + 1 : 2,
94
94
  accessibilityRole: t instanceof O ? this.mergeAccessibilityRoles(
95
95
  "group",
@@ -98,7 +98,7 @@ class I extends M {
98
98
  semanticStructure: "inline"
99
99
  // Images are typically inline in concatenation
100
100
  };
101
- return new O([s, o], n);
101
+ return new O([s, n], o);
102
102
  }
103
103
  /**
104
104
  * Convert this image to a segment for concatenation
@@ -147,23 +147,23 @@ class I extends M {
147
147
  return t === "composite" || s === "composite" ? "composite" : "group";
148
148
  }
149
149
  }
150
- function x(e, t = {}) {
151
- const s = { ...t, src: e }, o = new I(s), n = h(o);
152
- return n.scaledToFit = function() {
153
- const i = new I({
154
- ...s,
155
- aspectRatio: void 0,
156
- contentMode: "fit"
157
- }), l = h(i);
158
- return l.scaledToFit = n.scaledToFit, l.scaledToFill = n.scaledToFill, l.modifiers.push(z(void 0, "fit")), l;
159
- }, n.scaledToFill = function() {
160
- const i = new I({
161
- ...s,
162
- aspectRatio: void 0,
163
- contentMode: "fill"
164
- }), l = h(i);
165
- return l.scaledToFit = n.scaledToFit, l.scaledToFill = n.scaledToFill, l.modifiers.push(z(void 0, "fill")), l;
166
- }, n;
150
+ function I(e, t = {}) {
151
+ const s = { ...t, src: e }, n = new F(s), o = f(n), i = (l) => {
152
+ if (l && Array.isArray(l.modifiers))
153
+ return l;
154
+ if (l?._modifiableComponent && Array.isArray(l._modifiableComponent.modifiers))
155
+ return l._modifiableComponent;
156
+ if (Array.isArray(o?.modifiers))
157
+ return o;
158
+ if (o?._modifiableComponent && Array.isArray(o._modifiableComponent.modifiers))
159
+ return o._modifiableComponent;
160
+ throw new Error("Image shorthand target is not modifiable");
161
+ };
162
+ return o.scaledToFit = function() {
163
+ return i(this).modifiers.push(x(void 0, "fit")), o;
164
+ }, o.scaledToFill = function() {
165
+ return i(this).modifiers.push(x(void 0, "fill")), o;
166
+ }, o;
167
167
  }
168
168
  const J = {
169
169
  idle: "idle",
@@ -181,17 +181,17 @@ const J = {
181
181
  * Create a responsive image with multiple sources
182
182
  */
183
183
  responsive(e, t, s = {}) {
184
- const o = e.map((n) => {
185
- const i = [n.src];
186
- return n.width && i.push(`${n.width}w`), i.join(" ");
184
+ const n = e.map((o) => {
185
+ const i = [o.src];
186
+ return o.width && i.push(`${o.width}w`), i.join(" ");
187
187
  }).join(", ");
188
- return x(t, { ...s, srcSet: o });
188
+ return I(t, { ...s, srcSet: n });
189
189
  },
190
190
  /**
191
191
  * Create an image with progressive loading
192
192
  */
193
193
  progressive(e, t, s = {}) {
194
- return x(e, {
194
+ return I(e, {
195
195
  ...s,
196
196
  lowQualitySrc: e,
197
197
  highQualitySrc: t
@@ -201,7 +201,7 @@ const J = {
201
201
  * Create an image with loading placeholder
202
202
  */
203
203
  withPlaceholder(e, t, s = {}) {
204
- return x(e, {
204
+ return I(e, {
205
205
  ...s,
206
206
  placeholder: t
207
207
  });
@@ -209,8 +209,8 @@ const J = {
209
209
  };
210
210
  var B = Object.defineProperty, N = (e, t, s) => t in e ? B(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, C = (e, t, s) => N(e, typeof t != "symbol" ? t + "" : t, s);
211
211
  class m {
212
- constructor(t, s, o, n = {}) {
213
- this.props = t, this.tag = s, this.content = o, this.attributes = n, C(this, "type", "component"), C(this, "id"), C(this, "mounted", !1), C(this, "cleanup", []), this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
212
+ constructor(t, s, n, o = {}) {
213
+ this.props = t, this.tag = s, this.content = n, this.attributes = o, C(this, "type", "component"), C(this, "id"), C(this, "mounted", !1), C(this, "cleanup", []), this.id = `element-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
214
214
  }
215
215
  render() {
216
216
  return [
@@ -228,7 +228,7 @@ const y = {
228
228
  "div",
229
229
  e.children ? String(e.children) : void 0
230
230
  );
231
- return h(t);
231
+ return f(t);
232
232
  },
233
233
  /**
234
234
  * Create a span element with modifier support
@@ -239,7 +239,7 @@ const y = {
239
239
  "span",
240
240
  e.children ? String(e.children) : void 0
241
241
  );
242
- return h(t);
242
+ return f(t);
243
243
  },
244
244
  /**
245
245
  * Create an anchor element with modifier support
@@ -254,7 +254,7 @@ const y = {
254
254
  onclick: e.onClick
255
255
  }
256
256
  );
257
- return h(t);
257
+ return f(t);
258
258
  },
259
259
  /**
260
260
  * Create a paragraph element with modifier support
@@ -265,7 +265,7 @@ const y = {
265
265
  "p",
266
266
  e.children ? String(e.children) : void 0
267
267
  );
268
- return h(t);
268
+ return f(t);
269
269
  },
270
270
  /**
271
271
  * Create a button element with modifier support
@@ -282,7 +282,7 @@ const y = {
282
282
  onclick: e.onClick
283
283
  }
284
284
  );
285
- return process.env.NODE_ENV === "test" && (t.props || (t.props = {}), t.props.tabIndex = 0), h(t);
285
+ return process.env.NODE_ENV === "test" && (t.props || (t.props = {}), t.props.tabIndex = 0), f(t);
286
286
  },
287
287
  /**
288
288
  * Create an input element with modifier support
@@ -293,11 +293,11 @@ const y = {
293
293
  value: e.value || "",
294
294
  placeholder: e.placeholder || "",
295
295
  oninput: (s) => {
296
- const o = s.target;
297
- e.onChange?.(o.value);
296
+ const n = s.target;
297
+ e.onChange?.(n.value);
298
298
  }
299
299
  });
300
- return h(t);
300
+ return f(t);
301
301
  },
302
302
  /**
303
303
  * Create an image element with modifier support
@@ -312,7 +312,7 @@ const y = {
312
312
  width: e.width,
313
313
  height: e.height
314
314
  });
315
- return h(t);
315
+ return f(t);
316
316
  },
317
317
  /**
318
318
  * Create a heading element with modifier support
@@ -323,26 +323,26 @@ const y = {
323
323
  `h${e}`,
324
324
  t.children ? String(t.children) : void 0
325
325
  );
326
- return h(s);
326
+ return f(s);
327
327
  }
328
328
  }, Q = y.heading(1), tt = y.heading(2), et = y.heading(3), st = y.heading(4), ot = y.heading(5), nt = y.heading(6);
329
329
  var X = Object.defineProperty, k = (e, t, s) => t in e ? X(e, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : e[t] = s, r = (e, t, s) => k(e, typeof t != "symbol" ? t + "" : t, s);
330
330
  class j {
331
331
  constructor(t) {
332
- this.props = t, r(this, "type", "component"), r(this, "id"), r(this, "mounted", !1), r(this, "cleanup", []), r(this, "scrollElement", null), r(this, "contentOffsetSignal"), r(this, "setContentOffset"), r(this, "contentSizeSignal"), r(this, "setContentSize"), r(this, "setIsScrolling"), r(this, "pullToRefreshStateSignal"), r(this, "setPullToRefreshState"), r(this, "scrollEventThrottle"), r(this, "lastScrollTime", 0), r(this, "scrollVelocity", { x: 0, y: 0 }), r(this, "lastScrollOffset", { x: 0, y: 0 }), r(this, "pullStartY", 0), r(this, "isPulling", !1), r(this, "handleScroll", (d) => {
332
+ this.props = t, r(this, "type", "component"), r(this, "id"), r(this, "mounted", !1), r(this, "cleanup", []), r(this, "scrollElement", null), r(this, "contentOffsetSignal"), r(this, "setContentOffset"), r(this, "contentSizeSignal"), r(this, "setContentSize"), r(this, "setIsScrolling"), r(this, "pullToRefreshStateSignal"), r(this, "setPullToRefreshState"), r(this, "scrollEventThrottle"), r(this, "lastScrollTime", 0), r(this, "scrollVelocity", { x: 0, y: 0 }), r(this, "lastScrollOffset", { x: 0, y: 0 }), r(this, "pullStartY", 0), r(this, "isPulling", !1), r(this, "handleScroll", (h) => {
333
333
  if (!this.scrollElement) return;
334
334
  const p = performance.now(), c = p - this.lastScrollTime;
335
335
  if (c < this.scrollEventThrottle) return;
336
- const f = {
336
+ const d = {
337
337
  x: this.scrollElement.scrollLeft,
338
338
  y: this.scrollElement.scrollTop
339
339
  };
340
- this.scrollVelocity = this.calculateVelocity(f, c), this.setContentOffset(f), this.setContentSize({
340
+ this.scrollVelocity = this.calculateVelocity(d, c), this.setContentOffset(d), this.setContentSize({
341
341
  width: this.scrollElement.scrollWidth,
342
342
  height: this.scrollElement.scrollHeight
343
343
  });
344
- const a = this.detectScrollEdges(), T = {
345
- offset: f,
344
+ const a = this.detectScrollEdges(), w = {
345
+ offset: d,
346
346
  velocity: this.scrollVelocity,
347
347
  contentSize: {
348
348
  width: this.scrollElement.scrollWidth,
@@ -354,17 +354,17 @@ class j {
354
354
  },
355
355
  edges: a
356
356
  };
357
- this.props.onScroll && this.props.onScroll(T), a.top && this.props.onReachTop && this.props.onReachTop(), a.bottom && this.props.onReachBottom && this.props.onReachBottom(), a.left && this.props.onReachLeft && this.props.onReachLeft(), a.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = f, this.lastScrollTime = p;
357
+ this.props.onScroll && this.props.onScroll(w), a.top && this.props.onReachTop && this.props.onReachTop(), a.bottom && this.props.onReachBottom && this.props.onReachBottom(), a.left && this.props.onReachLeft && this.props.onReachLeft(), a.right && this.props.onReachRight && this.props.onReachRight(), this.lastScrollOffset = d, this.lastScrollTime = p;
358
358
  }), r(this, "handleScrollStart", () => {
359
359
  this.setIsScrolling(!0), this.props.onScrollBegin && this.props.onScrollBegin();
360
360
  }), r(this, "handleScrollEnd", () => {
361
361
  this.setIsScrolling(!1), this.props.onScrollEnd && this.props.onScrollEnd();
362
- }), r(this, "handleTouchStart", (d) => {
363
- this.props.refreshControl?.enabled && (this.pullStartY = d.touches[0].clientY, this.isPulling = !1);
364
- }), r(this, "handleTouchMove", (d) => {
362
+ }), r(this, "handleTouchStart", (h) => {
363
+ this.props.refreshControl?.enabled && (this.pullStartY = h.touches[0].clientY, this.isPulling = !1);
364
+ }), r(this, "handleTouchMove", (h) => {
365
365
  if (!this.props.refreshControl?.enabled || !this.scrollElement) return;
366
- const c = d.touches[0].clientY - this.pullStartY, f = this.props.refreshControl.threshold || 80;
367
- this.scrollElement.scrollTop <= 0 && c > 0 && (this.isPulling = !0, c > f ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
366
+ const c = h.touches[0].clientY - this.pullStartY, d = this.props.refreshControl.threshold || 80;
367
+ this.scrollElement.scrollTop <= 0 && c > 0 && (this.isPulling = !0, c > d ? this.setPullToRefreshState("ready") : this.setPullToRefreshState("pulling"));
368
368
  }), r(this, "handleTouchEnd", async () => {
369
369
  if (!this.props.refreshControl?.enabled || !this.isPulling) return;
370
370
  if (this.pullToRefreshStateSignal() === "ready") {
@@ -380,41 +380,41 @@ class j {
380
380
  this.setPullToRefreshState("idle");
381
381
  this.isPulling = !1;
382
382
  }), this.id = `scrollview-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, this.scrollEventThrottle = t.scrollEventThrottle || 16;
383
- const [s, o] = w(
383
+ const [s, n] = E(
384
384
  { x: 0, y: 0 }
385
385
  );
386
- this.contentOffsetSignal = s, this.setContentOffset = o;
387
- const [n, i] = w({
386
+ this.contentOffsetSignal = s, this.setContentOffset = n;
387
+ const [o, i] = E({
388
388
  width: 0,
389
389
  height: 0
390
390
  });
391
- this.contentSizeSignal = n, this.setContentSize = i;
392
- const [, l] = w(!1);
391
+ this.contentSizeSignal = o, this.setContentSize = i;
392
+ const [, l] = E(!1);
393
393
  this.setIsScrolling = l;
394
- const [u, R] = w("idle");
394
+ const [u, R] = E("idle");
395
395
  if (this.pullToRefreshStateSignal = u, this.setPullToRefreshState = R, t.contentOffset && v(t.contentOffset)) {
396
396
  this.setContentOffset(t.contentOffset());
397
- const d = E(() => {
397
+ const h = b(() => {
398
398
  t.contentOffset && v(t.contentOffset) && this.setContentOffset(t.contentOffset());
399
399
  });
400
- this.cleanup.push(() => d.dispose());
400
+ this.cleanup.push(() => h.dispose());
401
401
  }
402
402
  if (t.contentSize && v(t.contentSize)) {
403
403
  this.setContentSize(t.contentSize());
404
- const d = E(() => {
404
+ const h = b(() => {
405
405
  t.contentSize && v(t.contentSize) && this.setContentSize(t.contentSize());
406
406
  });
407
- this.cleanup.push(() => d.dispose());
407
+ this.cleanup.push(() => h.dispose());
408
408
  }
409
409
  }
410
410
  /**
411
411
  * Calculate scroll velocity
412
412
  */
413
413
  calculateVelocity(t, s) {
414
- const o = t.x - this.lastScrollOffset.x, n = t.y - this.lastScrollOffset.y;
414
+ const n = t.x - this.lastScrollOffset.x, o = t.y - this.lastScrollOffset.y;
415
415
  return {
416
- x: s > 0 ? o / s : 0,
417
- y: s > 0 ? n / s : 0
416
+ x: s > 0 ? n / s : 0,
417
+ y: s > 0 ? o / s : 0
418
418
  };
419
419
  }
420
420
  /**
@@ -426,16 +426,16 @@ class j {
426
426
  const {
427
427
  scrollTop: t,
428
428
  scrollLeft: s,
429
- scrollHeight: o,
430
- scrollWidth: n,
429
+ scrollHeight: n,
430
+ scrollWidth: o,
431
431
  clientHeight: i,
432
432
  clientWidth: l
433
433
  } = this.scrollElement;
434
434
  return {
435
435
  top: t <= 0,
436
- bottom: t + i >= o - 1,
436
+ bottom: t + i >= n - 1,
437
437
  left: s <= 0,
438
- right: s + l >= n - 1
438
+ right: s + l >= o - 1
439
439
  };
440
440
  }
441
441
  /**
@@ -443,14 +443,14 @@ class j {
443
443
  */
444
444
  setupScrollHandlers(t) {
445
445
  let s;
446
- const o = () => {
446
+ const n = () => {
447
447
  clearTimeout(s), this.handleScrollStart();
448
- }, n = () => {
448
+ }, o = () => {
449
449
  clearTimeout(s), s = setTimeout(() => {
450
450
  this.handleScrollEnd();
451
451
  }, 150);
452
452
  }, i = (l) => {
453
- o(), this.handleScroll(l), n();
453
+ n(), this.handleScroll(l), o();
454
454
  };
455
455
  t.addEventListener("scroll", i, { passive: !0 }), t.addEventListener("touchstart", this.handleTouchStart, {
456
456
  passive: !0
@@ -490,19 +490,19 @@ class j {
490
490
  * Apply additional scroll view styling (position and overflow already set in initial render)
491
491
  */
492
492
  applyScrollViewStyles(t) {
493
- const { showsScrollIndicator: s = !0, bounces: o = !0 } = this.props;
493
+ const { showsScrollIndicator: s = !0, bounces: n = !0 } = this.props;
494
494
  if (!s) {
495
495
  t.style.scrollbarWidth = "none", t.style.msOverflowStyle = "none";
496
- const n = document.createElement("style");
497
- n.textContent = `
496
+ const o = document.createElement("style");
497
+ o.textContent = `
498
498
  #${t.id}::-webkit-scrollbar {
499
499
  display: none;
500
500
  }
501
- `, document.head.appendChild(n), this.cleanup.push(() => {
502
- document.head.removeChild(n);
501
+ `, document.head.appendChild(o), this.cleanup.push(() => {
502
+ document.head.removeChild(o);
503
503
  });
504
504
  }
505
- o ? t.style.webkitOverflowScrolling = "touch" : t.style.overscrollBehavior = "none", t.style.scrollBehavior = "smooth";
505
+ n ? t.style.webkitOverflowScrolling = "touch" : t.style.overscrollBehavior = "none", t.style.scrollBehavior = "smooth";
506
506
  }
507
507
  /**
508
508
  * Apply content insets
@@ -510,8 +510,8 @@ class j {
510
510
  applyContentInsets(t) {
511
511
  const { contentInset: s } = this.props;
512
512
  if (s) {
513
- const { top: o = 0, bottom: n = 0, left: i = 0, right: l = 0 } = s;
514
- t.style.padding = `${o}px ${l}px ${n}px ${i}px`;
513
+ const { top: n = 0, bottom: o = 0, left: i = 0, right: l = 0 } = s;
514
+ t.style.padding = `${n}px ${l}px ${o}px ${i}px`;
515
515
  }
516
516
  }
517
517
  /**
@@ -520,21 +520,21 @@ class j {
520
520
  createPullToRefreshIndicator() {
521
521
  if (!this.props.refreshControl?.enabled) return null;
522
522
  const t = this.pullToRefreshStateSignal(), s = this.props.refreshControl.tintColor || "#007AFF";
523
- let o = "";
523
+ let n = "";
524
524
  switch (t) {
525
525
  case "pulling":
526
- o = "↓ Pull to refresh";
526
+ n = "↓ Pull to refresh";
527
527
  break;
528
528
  case "ready":
529
- o = "↑ Release to refresh";
529
+ n = "↑ Release to refresh";
530
530
  break;
531
531
  case "refreshing":
532
- o = "⟳ Refreshing...";
532
+ n = "⟳ Refreshing...";
533
533
  break;
534
534
  default:
535
- o = "";
535
+ n = "";
536
536
  }
537
- return o ? {
537
+ return n ? {
538
538
  type: "component",
539
539
  id: `${this.id}-refresh`,
540
540
  mounted: !1,
@@ -561,7 +561,7 @@ class j {
561
561
  opacity: t === "idle" ? 0 : 1
562
562
  }
563
563
  },
564
- o
564
+ n
565
565
  )
566
566
  ]
567
567
  } : null;
@@ -571,8 +571,8 @@ class j {
571
571
  */
572
572
  scrollTo(t, s = "smooth") {
573
573
  if (!this.scrollElement) return;
574
- const o = { behavior: s };
575
- t.x !== void 0 && (o.left = t.x), t.y !== void 0 && (o.top = t.y), this.scrollElement.scrollTo(o);
574
+ const n = { behavior: s };
575
+ t.x !== void 0 && (n.left = t.x), t.y !== void 0 && (n.top = t.y), this.scrollElement.scrollTo(n);
576
576
  }
577
577
  /**
578
578
  * Scroll to top
@@ -597,12 +597,12 @@ class j {
597
597
  */
598
598
  render() {
599
599
  const { children: t = [], scrollEnabled: s = !0 } = this.props;
600
- let o = [];
601
- const n = t;
602
- if (typeof n == "function") {
603
- const c = n();
604
- o = Array.isArray(c) ? c : [];
605
- } else Array.isArray(t) && (o = t);
600
+ let n = [];
601
+ const o = t;
602
+ if (typeof o == "function") {
603
+ const c = o();
604
+ n = Array.isArray(c) ? c : [];
605
+ } else Array.isArray(t) && (n = t);
606
606
  const i = S(
607
607
  "div",
608
608
  {
@@ -612,14 +612,14 @@ class j {
612
612
  minWidth: "100%"
613
613
  }
614
614
  },
615
- ...o.flatMap((c) => c.render())
615
+ ...n.flatMap((c) => c.render())
616
616
  ), l = this.createPullToRefreshIndicator(), u = [];
617
617
  if (l) {
618
- const c = l.render(), f = Array.isArray(c) ? c : [c];
619
- u.push(...f.filter((a) => a));
618
+ const c = l.render(), d = Array.isArray(c) ? c : [c];
619
+ u.push(...d.filter((a) => a));
620
620
  }
621
621
  u.push(i);
622
- const { direction: R = "vertical" } = this.props, d = this.getOverflowStyles(R), p = S(
622
+ const { direction: R = "vertical" } = this.props, h = this.getOverflowStyles(R), p = S(
623
623
  "div",
624
624
  {
625
625
  id: this.id,
@@ -628,7 +628,7 @@ class j {
628
628
  height: "100%",
629
629
  width: "100%",
630
630
  position: "relative",
631
- ...d
631
+ ...h
632
632
  }
633
633
  },
634
634
  ...u
@@ -636,22 +636,22 @@ class j {
636
636
  if (p.element) {
637
637
  const c = p.element;
638
638
  this.scrollElement = c, this.applyScrollViewStyles(c), this.setupScrollHandlers(c), i.element && this.applyContentInsets(i.element);
639
- const f = () => {
639
+ const d = () => {
640
640
  const a = v(s) ? s() : s;
641
641
  c.style.overflow = a ? "auto" : "hidden", c.style.pointerEvents = a ? "auto" : "none";
642
642
  };
643
643
  if (v(s)) {
644
- const a = E(f);
644
+ const a = b(d);
645
645
  this.cleanup.push(() => a.dispose());
646
646
  } else
647
- f();
648
- if (typeof n == "function") {
649
- const a = E(() => {
650
- const T = n(), H = (Array.isArray(T) ? T : []).flatMap((b) => b.render());
647
+ d();
648
+ if (typeof o == "function") {
649
+ const a = b(() => {
650
+ const w = o(), _ = (Array.isArray(w) ? w : []).flatMap((T) => T.render());
651
651
  if (i.element) {
652
- const b = i.element;
653
- b.innerHTML = "", H.forEach((P) => {
654
- P && P.element && b.appendChild(P.element);
652
+ const T = i.element;
653
+ T.innerHTML = "", _.forEach((P) => {
654
+ P && P.element && T.appendChild(P.element);
655
655
  });
656
656
  }
657
657
  });
@@ -661,16 +661,16 @@ class j {
661
661
  return [p];
662
662
  }
663
663
  }
664
- function L(e = {}) {
664
+ function A(e = {}) {
665
665
  const t = new j(e);
666
- return h(t);
666
+ return f(t);
667
667
  }
668
668
  const it = {
669
669
  /**
670
670
  * Create a scroll view with pull to refresh
671
671
  */
672
672
  withRefresh(e, t, s = {}) {
673
- return L({
673
+ return A({
674
674
  children: e,
675
675
  refreshControl: {
676
676
  enabled: !0,
@@ -683,7 +683,7 @@ const it = {
683
683
  * Create a horizontal scroll view
684
684
  */
685
685
  horizontal(e, t = {}) {
686
- return L({
686
+ return A({
687
687
  ...t,
688
688
  children: e,
689
689
  direction: "horizontal"
@@ -693,7 +693,7 @@ const it = {
693
693
  * Create a paged scroll view
694
694
  */
695
695
  paged(e, t = {}) {
696
- return L({
696
+ return A({
697
697
  ...t,
698
698
  children: e,
699
699
  pagingEnabled: !0
@@ -701,10 +701,10 @@ const it = {
701
701
  }
702
702
  };
703
703
  export {
704
- I as E,
704
+ F as E,
705
705
  y as H,
706
- x as I,
707
- L as S,
706
+ I,
707
+ A as S,
708
708
  J as a,
709
709
  K as b,
710
710
  Z as c,
@@ -1 +1 @@
1
- {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/display/Image.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../src/display/Image.ts"],"names":[],"mappings":"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"}
@@ -1,5 +1,5 @@
1
1
  import { E as e, H as t, T as o, a as H, b as l, c as n } from "../Text-WpP4H9se.js";
2
- import { E as c, j as g, d as m, e as i, f as T, g as d, h as x, i as I, H as S, I as h, b as E, a as p, c as f, S as w, k as y } from "../ScrollView-DRLSVdbJ.js";
2
+ import { E as c, j as g, d as m, e as i, f as T, g as d, h as x, i as I, H as S, I as h, b as E, a as p, c as f, S as w, k as y } from "../ScrollView-CC8g8Lq2.js";
3
3
  export {
4
4
  c as EnhancedImage,
5
5
  g as EnhancedScrollView,
package/dist/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { Divider as b, DividerComponent as P, DividerStyles as I, DividerUtils as y, HStack as j, Spacer as S, SpacerComponent as A, VStack as L, ZStack as C, defaultDividerTheme as V } from "./layout/index.js";
2
2
  import { E as O, H as E, T as $, a as F, b as q, c as U } from "./Text-WpP4H9se.js";
3
- import { E as N, j as _, d as W, e as R, f as M, g as G, h as K, i as Z, H as z, I as J, b as Q, a as X, c as Y, S as ee, k as te } from "./ScrollView-DRLSVdbJ.js";
3
+ import { E as N, j as _, d as W, e as R, f as M, g as G, h as K, i as Z, H as z, I as J, b as Q, a as X, c as Y, S as ee, k as te } from "./ScrollView-CC8g8Lq2.js";
4
4
  import { B as ne, a as ie, E as re, h as ae, c as se, L as ce, b as le, P as pe, i as de, j as ge, T as ue, e as me, f as he, g as fe, d as ve } from "./Picker-CpERkpVp.js";
5
5
  import { B as xe, a as ke, b as Be, c as Te, d as be, e as Pe, f as Ie } from "./BasicInput-BHfrSdoi.js";
6
6
  import { withModifiers as je } from "@tachui/core";
@@ -425,7 +425,7 @@ const w = {
425
425
  }
426
426
  console.groupEnd();
427
427
  }
428
- }, h = "@tachui/primitives", f = "0.8.11", x = h, k = f;
428
+ }, h = "@tachui/primitives", f = "0.8.13", x = h, k = f;
429
429
  export {
430
430
  xe as BasicForm,
431
431
  ke as BasicFormImplementation,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tachui/primitives",
3
- "version": "0.8.11",
3
+ "version": "0.8.13",
4
4
  "description": "Basic UI components for tachUI framework",
5
5
  "homepage": "https://tachui.dev/",
6
6
  "type": "module",
@@ -33,8 +33,8 @@
33
33
  "dist"
34
34
  ],
35
35
  "dependencies": {
36
- "@tachui/core": "0.8.11",
37
- "@tachui/modifiers": "0.8.11"
36
+ "@tachui/core": "0.8.13",
37
+ "@tachui/modifiers": "0.8.13"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/node": "^20.0.0",