fiboui 1.0.0 → 1.0.2

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 (68) hide show
  1. package/README.md +144 -73
  2. package/dist/content/Alert/index.d.ts +29 -29
  3. package/dist/content/Avatar/index.d.ts +29 -29
  4. package/dist/content/Badge/index.d.ts +29 -29
  5. package/dist/content/Image/index.d.ts +29 -29
  6. package/dist/content/Label/index.d.ts +29 -29
  7. package/dist/content/Progress/index.d.ts +29 -29
  8. package/dist/content/Skeleton/index.d.ts +29 -29
  9. package/dist/content/Spinner/index.d.ts +29 -29
  10. package/dist/content/Text/index.d.ts +29 -29
  11. package/dist/core/StateWrapper.d.ts +3 -0
  12. package/dist/core/builder.d.ts +10 -2
  13. package/dist/core/effects.d.ts +4 -3
  14. package/dist/core/hooks.d.ts +5 -0
  15. package/dist/core/index.d.ts +1 -0
  16. package/dist/core/state.d.ts +76 -27
  17. package/dist/effects-D16XdB_d.mjs +10 -0
  18. package/dist/index.esm.js +1181 -1026
  19. package/dist/index.umd.js +4 -4
  20. package/dist/interactive/Button/index.d.ts +29 -29
  21. package/dist/interactive/Checkbox/index.d.ts +29 -29
  22. package/dist/interactive/Combobox/index.d.ts +29 -29
  23. package/dist/interactive/RadioGroup/index.d.ts +29 -29
  24. package/dist/interactive/Select/index.d.ts +29 -29
  25. package/dist/interactive/Switch/index.d.ts +29 -29
  26. package/dist/interactive/TextField/index.d.ts +32 -31
  27. package/dist/interactive/Textarea/index.d.ts +29 -29
  28. package/dist/layout/Center/index.d.ts +29 -29
  29. package/dist/layout/Column/index.d.ts +29 -29
  30. package/dist/layout/Container/index.d.ts +29 -29
  31. package/dist/layout/DashboardLayout/index.d.ts +29 -29
  32. package/dist/layout/Header/index.d.ts +29 -29
  33. package/dist/layout/Line/index.d.ts +29 -29
  34. package/dist/layout/Row/index.d.ts +29 -29
  35. package/dist/layout/Scaffold/index.d.ts +29 -29
  36. package/dist/layout/ScrollView/index.d.ts +29 -29
  37. package/dist/layout/Sidebar/index.d.ts +29 -29
  38. package/dist/layout/Spacer/index.d.ts +29 -29
  39. package/dist/structure/Banner/index.d.ts +29 -29
  40. package/dist/structure/Box/index.d.ts +29 -29
  41. package/dist/structure/Card/index.d.ts +29 -29
  42. package/dist/structure/Collapse/index.d.ts +29 -29
  43. package/dist/structure/Grid/index.d.ts +58 -58
  44. package/dist/structure/List/index.d.ts +29 -29
  45. package/dist/structure/Table/index.d.ts +29 -29
  46. package/dist/structure/Tags/index.d.ts +29 -29
  47. package/dist/structure/cards/AssetCard/index.d.ts +29 -29
  48. package/dist/structure/cards/CollectionCard/index.d.ts +29 -29
  49. package/dist/structure/cards/ContentCard/index.d.ts +29 -29
  50. package/dist/structure/cards/ProfileCard/index.d.ts +29 -29
  51. package/dist/structure/cards/variants/index.d.ts +116 -116
  52. package/dist/style.css +1 -1
  53. package/package.json +1 -1
  54. package/src/core/StateWrapper.tsx +28 -2
  55. package/src/core/builder.ts +53 -11
  56. package/src/core/effects.ts +3 -3
  57. package/src/core/hooks.ts +48 -0
  58. package/src/core/index.ts +1 -0
  59. package/src/core/state.ts +203 -139
  60. package/src/demo.tsx +5 -0
  61. package/src/interactive/Button/index.ts +2 -1
  62. package/src/interactive/TextField/index.ts +29 -6
  63. package/src/structure/Box/index.ts +3 -2
  64. package/dist/effects-Co9C_Dyx.mjs +0 -9
  65. package/dist/examples/ScaffoldExamples.d.ts +0 -3
  66. package/dist/examples/StateExamples.d.ts +0 -5
  67. package/src/examples/ScaffoldExamples.tsx +0 -299
  68. package/src/examples/StateExamples.tsx +0 -149
@@ -14,6 +14,35 @@ declare class SpinnerBuilder extends FiboBuilder {
14
14
  build(): ReactElement;
15
15
  }
16
16
  export declare const Spinner: () => SpinnerBuilder & {
17
+ width: (value: import("csstype").Property.Width<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
18
+ height: (value: import("csstype").Property.Height<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
19
+ padding: (value: import("csstype").Property.Padding<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
20
+ margin: (value: import("csstype").Property.Margin<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
21
+ backgroundColor: (value: import("csstype").Property.BackgroundColor | undefined) => SpinnerBuilder & /*elided*/ any;
22
+ all: (value: import('csstype').Globals | undefined) => SpinnerBuilder & /*elided*/ any;
23
+ contain: (value: import("csstype").Property.Contain | undefined) => SpinnerBuilder & /*elided*/ any;
24
+ color: (value: import("csstype").Property.Color | undefined) => SpinnerBuilder & /*elided*/ any;
25
+ overlay: (value: import("csstype").Property.Overlay | undefined) => SpinnerBuilder & /*elided*/ any;
26
+ left: (value: import("csstype").Property.Left<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
27
+ right: (value: import("csstype").Property.Right<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
28
+ bottom: (value: import("csstype").Property.Bottom<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
29
+ top: (value: import("csstype").Property.Top<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
30
+ inset: (value: import("csstype").Property.Inset<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
31
+ page: (value: import("csstype").Property.Page | undefined) => SpinnerBuilder & /*elided*/ any;
32
+ content: (value: import("csstype").Property.Content | undefined) => SpinnerBuilder & /*elided*/ any;
33
+ flex: (value: import("csstype").Property.Flex<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
34
+ grid: (value: import("csstype").Property.Grid | undefined) => SpinnerBuilder & /*elided*/ any;
35
+ position: (value: import("csstype").Property.Position | undefined) => SpinnerBuilder & /*elided*/ any;
36
+ fill: (value: import("csstype").Property.Fill | undefined) => SpinnerBuilder & /*elided*/ any;
37
+ clip: (value: import("csstype").Property.Clip | undefined) => SpinnerBuilder & /*elided*/ any;
38
+ stroke: (value: import("csstype").Property.Stroke | undefined) => SpinnerBuilder & /*elided*/ any;
39
+ x: (value: import("csstype").Property.X<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
40
+ y: (value: import("csstype").Property.Y<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
41
+ caret: (value: import("csstype").Property.Caret | undefined) => SpinnerBuilder & /*elided*/ any;
42
+ zoom: (value: import("csstype").Property.Zoom | undefined) => SpinnerBuilder & /*elided*/ any;
43
+ clear: (value: import("csstype").Property.Clear | undefined) => SpinnerBuilder & /*elided*/ any;
44
+ border: (value: import("csstype").Property.Border<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
45
+ filter: (value: import("csstype").Property.Filter | undefined) => SpinnerBuilder & /*elided*/ any;
17
46
  accentColor: (value: import("csstype").Property.AccentColor | undefined) => SpinnerBuilder & /*elided*/ any;
18
47
  alignContent: (value: import("csstype").Property.AlignContent | undefined) => SpinnerBuilder & /*elided*/ any;
19
48
  alignItems: (value: import("csstype").Property.AlignItems | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -41,7 +70,6 @@ export declare const Spinner: () => SpinnerBuilder & {
41
70
  backgroundAttachment: (value: import("csstype").Property.BackgroundAttachment | undefined) => SpinnerBuilder & /*elided*/ any;
42
71
  backgroundBlendMode: (value: import("csstype").Property.BackgroundBlendMode | undefined) => SpinnerBuilder & /*elided*/ any;
43
72
  backgroundClip: (value: import("csstype").Property.BackgroundClip | undefined) => SpinnerBuilder & /*elided*/ any;
44
- backgroundColor: (value: import("csstype").Property.BackgroundColor | undefined) => SpinnerBuilder & /*elided*/ any;
45
73
  backgroundImage: (value: import("csstype").Property.BackgroundImage | undefined) => SpinnerBuilder & /*elided*/ any;
46
74
  backgroundOrigin: (value: import("csstype").Property.BackgroundOrigin | undefined) => SpinnerBuilder & /*elided*/ any;
47
75
  backgroundPositionX: (value: import("csstype").Property.BackgroundPositionX<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -89,7 +117,6 @@ export declare const Spinner: () => SpinnerBuilder & {
89
117
  borderTopRightRadius: (value: import("csstype").Property.BorderTopRightRadius<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
90
118
  borderTopStyle: (value: import("csstype").Property.BorderTopStyle | undefined) => SpinnerBuilder & /*elided*/ any;
91
119
  borderTopWidth: (value: import("csstype").Property.BorderTopWidth<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
92
- bottom: (value: import("csstype").Property.Bottom<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
93
120
  boxDecorationBreak: (value: import("csstype").Property.BoxDecorationBreak | undefined) => SpinnerBuilder & /*elided*/ any;
94
121
  boxShadow: (value: import("csstype").Property.BoxShadow | undefined) => SpinnerBuilder & /*elided*/ any;
95
122
  boxSizing: (value: import("csstype").Property.BoxSizing | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -99,10 +126,8 @@ export declare const Spinner: () => SpinnerBuilder & {
99
126
  captionSide: (value: import("csstype").Property.CaptionSide | undefined) => SpinnerBuilder & /*elided*/ any;
100
127
  caretColor: (value: import("csstype").Property.CaretColor | undefined) => SpinnerBuilder & /*elided*/ any;
101
128
  caretShape: (value: import("csstype").Property.CaretShape | undefined) => SpinnerBuilder & /*elided*/ any;
102
- clear: (value: import("csstype").Property.Clear | undefined) => SpinnerBuilder & /*elided*/ any;
103
129
  clipPath: (value: import("csstype").Property.ClipPath | undefined) => SpinnerBuilder & /*elided*/ any;
104
130
  clipRule: (value: import("csstype").Property.ClipRule | undefined) => SpinnerBuilder & /*elided*/ any;
105
- color: (value: import("csstype").Property.Color | undefined) => SpinnerBuilder & /*elided*/ any;
106
131
  colorAdjust: (value: import("csstype").Property.PrintColorAdjust | undefined) => SpinnerBuilder & /*elided*/ any;
107
132
  colorInterpolationFilters: (value: import("csstype").Property.ColorInterpolationFilters | undefined) => SpinnerBuilder & /*elided*/ any;
108
133
  colorScheme: (value: import("csstype").Property.ColorScheme | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -114,14 +139,12 @@ export declare const Spinner: () => SpinnerBuilder & {
114
139
  columnRuleWidth: (value: import("csstype").Property.ColumnRuleWidth<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
115
140
  columnSpan: (value: import("csstype").Property.ColumnSpan | undefined) => SpinnerBuilder & /*elided*/ any;
116
141
  columnWidth: (value: import("csstype").Property.ColumnWidth<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
117
- contain: (value: import("csstype").Property.Contain | undefined) => SpinnerBuilder & /*elided*/ any;
118
142
  containIntrinsicBlockSize: (value: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
119
143
  containIntrinsicHeight: (value: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
120
144
  containIntrinsicInlineSize: (value: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
121
145
  containIntrinsicWidth: (value: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
122
146
  containerName: (value: import("csstype").Property.ContainerName | undefined) => SpinnerBuilder & /*elided*/ any;
123
147
  containerType: (value: import("csstype").Property.ContainerType | undefined) => SpinnerBuilder & /*elided*/ any;
124
- content: (value: import("csstype").Property.Content | undefined) => SpinnerBuilder & /*elided*/ any;
125
148
  contentVisibility: (value: import("csstype").Property.ContentVisibility | undefined) => SpinnerBuilder & /*elided*/ any;
126
149
  counterIncrement: (value: import("csstype").Property.CounterIncrement | undefined) => SpinnerBuilder & /*elided*/ any;
127
150
  counterReset: (value: import("csstype").Property.CounterReset | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -135,10 +158,8 @@ export declare const Spinner: () => SpinnerBuilder & {
135
158
  dominantBaseline: (value: import("csstype").Property.DominantBaseline | undefined) => SpinnerBuilder & /*elided*/ any;
136
159
  emptyCells: (value: import("csstype").Property.EmptyCells | undefined) => SpinnerBuilder & /*elided*/ any;
137
160
  fieldSizing: (value: import("csstype").Property.FieldSizing | undefined) => SpinnerBuilder & /*elided*/ any;
138
- fill: (value: import("csstype").Property.Fill | undefined) => SpinnerBuilder & /*elided*/ any;
139
161
  fillOpacity: (value: import("csstype").Property.FillOpacity | undefined) => SpinnerBuilder & /*elided*/ any;
140
162
  fillRule: (value: import("csstype").Property.FillRule | undefined) => SpinnerBuilder & /*elided*/ any;
141
- filter: (value: import("csstype").Property.Filter | undefined) => SpinnerBuilder & /*elided*/ any;
142
163
  flexBasis: (value: import("csstype").Property.FlexBasis<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
143
164
  flexDirection: (value: import("csstype").Property.FlexDirection | undefined) => SpinnerBuilder & /*elided*/ any;
144
165
  flexGrow: (value: import("csstype").Property.FlexGrow | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -185,7 +206,6 @@ export declare const Spinner: () => SpinnerBuilder & {
185
206
  gridTemplateColumns: (value: import("csstype").Property.GridTemplateColumns<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
186
207
  gridTemplateRows: (value: import("csstype").Property.GridTemplateRows<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
187
208
  hangingPunctuation: (value: import("csstype").Property.HangingPunctuation | undefined) => SpinnerBuilder & /*elided*/ any;
188
- height: (value: import("csstype").Property.Height<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
189
209
  hyphenateCharacter: (value: import("csstype").Property.HyphenateCharacter | undefined) => SpinnerBuilder & /*elided*/ any;
190
210
  hyphenateLimitChars: (value: import("csstype").Property.HyphenateLimitChars | undefined) => SpinnerBuilder & /*elided*/ any;
191
211
  hyphens: (value: import("csstype").Property.Hyphens | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -205,7 +225,6 @@ export declare const Spinner: () => SpinnerBuilder & {
205
225
  justifyItems: (value: import("csstype").Property.JustifyItems | undefined) => SpinnerBuilder & /*elided*/ any;
206
226
  justifySelf: (value: import("csstype").Property.JustifySelf | undefined) => SpinnerBuilder & /*elided*/ any;
207
227
  justifyTracks: (value: import("csstype").Property.JustifyTracks | undefined) => SpinnerBuilder & /*elided*/ any;
208
- left: (value: import("csstype").Property.Left<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
209
228
  letterSpacing: (value: import("csstype").Property.LetterSpacing<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
210
229
  lightingColor: (value: import("csstype").Property.LightingColor | undefined) => SpinnerBuilder & /*elided*/ any;
211
230
  lineBreak: (value: import("csstype").Property.LineBreak | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -283,7 +302,6 @@ export declare const Spinner: () => SpinnerBuilder & {
283
302
  overflowWrap: (value: import("csstype").Property.OverflowWrap | undefined) => SpinnerBuilder & /*elided*/ any;
284
303
  overflowX: (value: import("csstype").Property.OverflowX | undefined) => SpinnerBuilder & /*elided*/ any;
285
304
  overflowY: (value: import("csstype").Property.OverflowY | undefined) => SpinnerBuilder & /*elided*/ any;
286
- overlay: (value: import("csstype").Property.Overlay | undefined) => SpinnerBuilder & /*elided*/ any;
287
305
  overscrollBehaviorBlock: (value: import("csstype").Property.OverscrollBehaviorBlock | undefined) => SpinnerBuilder & /*elided*/ any;
288
306
  overscrollBehaviorInline: (value: import("csstype").Property.OverscrollBehaviorInline | undefined) => SpinnerBuilder & /*elided*/ any;
289
307
  overscrollBehaviorX: (value: import("csstype").Property.OverscrollBehaviorX | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -296,12 +314,10 @@ export declare const Spinner: () => SpinnerBuilder & {
296
314
  paddingLeft: (value: import("csstype").Property.PaddingLeft<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
297
315
  paddingRight: (value: import("csstype").Property.PaddingRight<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
298
316
  paddingTop: (value: import("csstype").Property.PaddingTop<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
299
- page: (value: import("csstype").Property.Page | undefined) => SpinnerBuilder & /*elided*/ any;
300
317
  paintOrder: (value: import("csstype").Property.PaintOrder | undefined) => SpinnerBuilder & /*elided*/ any;
301
318
  perspective: (value: import("csstype").Property.Perspective<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
302
319
  perspectiveOrigin: (value: import("csstype").Property.PerspectiveOrigin<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
303
320
  pointerEvents: (value: import("csstype").Property.PointerEvents | undefined) => SpinnerBuilder & /*elided*/ any;
304
- position: (value: import("csstype").Property.Position | undefined) => SpinnerBuilder & /*elided*/ any;
305
321
  positionAnchor: (value: import("csstype").Property.PositionAnchor | undefined) => SpinnerBuilder & /*elided*/ any;
306
322
  positionArea: (value: import("csstype").Property.PositionArea | undefined) => SpinnerBuilder & /*elided*/ any;
307
323
  positionTryFallbacks: (value: import("csstype").Property.PositionTryFallbacks | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -311,7 +327,6 @@ export declare const Spinner: () => SpinnerBuilder & {
311
327
  quotes: (value: import("csstype").Property.Quotes | undefined) => SpinnerBuilder & /*elided*/ any;
312
328
  r: (value: import("csstype").Property.R<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
313
329
  resize: (value: import("csstype").Property.Resize | undefined) => SpinnerBuilder & /*elided*/ any;
314
- right: (value: import("csstype").Property.Right<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
315
330
  rotate: (value: import("csstype").Property.Rotate | undefined) => SpinnerBuilder & /*elided*/ any;
316
331
  rowGap: (value: import("csstype").Property.RowGap<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
317
332
  rubyAlign: (value: import("csstype").Property.RubyAlign | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -358,7 +373,6 @@ export declare const Spinner: () => SpinnerBuilder & {
358
373
  speakAs: (value: import("csstype").Property.SpeakAs | undefined) => SpinnerBuilder & /*elided*/ any;
359
374
  stopColor: (value: import("csstype").Property.StopColor | undefined) => SpinnerBuilder & /*elided*/ any;
360
375
  stopOpacity: (value: import("csstype").Property.StopOpacity | undefined) => SpinnerBuilder & /*elided*/ any;
361
- stroke: (value: import("csstype").Property.Stroke | undefined) => SpinnerBuilder & /*elided*/ any;
362
376
  strokeColor: (value: import("csstype").Property.StrokeColor | undefined) => SpinnerBuilder & /*elided*/ any;
363
377
  strokeDasharray: (value: import("csstype").Property.StrokeDasharray<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
364
378
  strokeDashoffset: (value: import("csstype").Property.StrokeDashoffset<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -400,7 +414,6 @@ export declare const Spinner: () => SpinnerBuilder & {
400
414
  textWrapMode: (value: import("csstype").Property.TextWrapMode | undefined) => SpinnerBuilder & /*elided*/ any;
401
415
  textWrapStyle: (value: import("csstype").Property.TextWrapStyle | undefined) => SpinnerBuilder & /*elided*/ any;
402
416
  timelineScope: (value: import("csstype").Property.TimelineScope | undefined) => SpinnerBuilder & /*elided*/ any;
403
- top: (value: import("csstype").Property.Top<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
404
417
  touchAction: (value: import("csstype").Property.TouchAction | undefined) => SpinnerBuilder & /*elided*/ any;
405
418
  transform: (value: import("csstype").Property.Transform | undefined) => SpinnerBuilder & /*elided*/ any;
406
419
  transformBox: (value: import("csstype").Property.TransformBox | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -425,22 +438,16 @@ export declare const Spinner: () => SpinnerBuilder & {
425
438
  whiteSpace: (value: import("csstype").Property.WhiteSpace | undefined) => SpinnerBuilder & /*elided*/ any;
426
439
  whiteSpaceCollapse: (value: import("csstype").Property.WhiteSpaceCollapse | undefined) => SpinnerBuilder & /*elided*/ any;
427
440
  widows: (value: import("csstype").Property.Widows | undefined) => SpinnerBuilder & /*elided*/ any;
428
- width: (value: import("csstype").Property.Width<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
429
441
  willChange: (value: import("csstype").Property.WillChange | undefined) => SpinnerBuilder & /*elided*/ any;
430
442
  wordBreak: (value: import("csstype").Property.WordBreak | undefined) => SpinnerBuilder & /*elided*/ any;
431
443
  wordSpacing: (value: import("csstype").Property.WordSpacing<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
432
444
  wordWrap: (value: import("csstype").Property.WordWrap | undefined) => SpinnerBuilder & /*elided*/ any;
433
445
  writingMode: (value: import("csstype").Property.WritingMode | undefined) => SpinnerBuilder & /*elided*/ any;
434
- x: (value: import("csstype").Property.X<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
435
- y: (value: import("csstype").Property.Y<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
436
446
  zIndex: (value: import("csstype").Property.ZIndex | undefined) => SpinnerBuilder & /*elided*/ any;
437
- zoom: (value: import("csstype").Property.Zoom | undefined) => SpinnerBuilder & /*elided*/ any;
438
- all: (value: import('csstype').Globals | undefined) => SpinnerBuilder & /*elided*/ any;
439
447
  animation: (value: import("csstype").Property.Animation<string & {}> | undefined) => SpinnerBuilder & /*elided*/ any;
440
448
  animationRange: (value: import("csstype").Property.AnimationRange<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
441
449
  background: (value: import("csstype").Property.Background<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
442
450
  backgroundPosition: (value: import("csstype").Property.BackgroundPosition<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
443
- border: (value: import("csstype").Property.Border<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
444
451
  borderBlock: (value: import("csstype").Property.BorderBlock<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
445
452
  borderBlockColor: (value: import("csstype").Property.BorderBlockColor | undefined) => SpinnerBuilder & /*elided*/ any;
446
453
  borderBlockEnd: (value: import("csstype").Property.BorderBlockEnd<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -462,26 +469,21 @@ export declare const Spinner: () => SpinnerBuilder & {
462
469
  borderStyle: (value: import("csstype").Property.BorderStyle | undefined) => SpinnerBuilder & /*elided*/ any;
463
470
  borderTop: (value: import("csstype").Property.BorderTop<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
464
471
  borderWidth: (value: import("csstype").Property.BorderWidth<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
465
- caret: (value: import("csstype").Property.Caret | undefined) => SpinnerBuilder & /*elided*/ any;
466
472
  columnRule: (value: import("csstype").Property.ColumnRule<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
467
473
  columns: (value: import("csstype").Property.Columns<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
468
474
  containIntrinsicSize: (value: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
469
475
  container: (value: import("csstype").Property.Container | undefined) => SpinnerBuilder & /*elided*/ any;
470
- flex: (value: import("csstype").Property.Flex<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
471
476
  flexFlow: (value: import("csstype").Property.FlexFlow | undefined) => SpinnerBuilder & /*elided*/ any;
472
477
  font: (value: import("csstype").Property.Font | undefined) => SpinnerBuilder & /*elided*/ any;
473
478
  gap: (value: import("csstype").Property.Gap<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
474
- grid: (value: import("csstype").Property.Grid | undefined) => SpinnerBuilder & /*elided*/ any;
475
479
  gridArea: (value: import("csstype").Property.GridArea | undefined) => SpinnerBuilder & /*elided*/ any;
476
480
  gridColumn: (value: import("csstype").Property.GridColumn | undefined) => SpinnerBuilder & /*elided*/ any;
477
481
  gridRow: (value: import("csstype").Property.GridRow | undefined) => SpinnerBuilder & /*elided*/ any;
478
482
  gridTemplate: (value: import("csstype").Property.GridTemplate | undefined) => SpinnerBuilder & /*elided*/ any;
479
- inset: (value: import("csstype").Property.Inset<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
480
483
  insetBlock: (value: import("csstype").Property.InsetBlock<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
481
484
  insetInline: (value: import("csstype").Property.InsetInline<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
482
485
  lineClamp: (value: import("csstype").Property.LineClamp | undefined) => SpinnerBuilder & /*elided*/ any;
483
486
  listStyle: (value: import("csstype").Property.ListStyle | undefined) => SpinnerBuilder & /*elided*/ any;
484
- margin: (value: import("csstype").Property.Margin<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
485
487
  marginBlock: (value: import("csstype").Property.MarginBlock<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
486
488
  marginInline: (value: import("csstype").Property.MarginInline<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
487
489
  mask: (value: import("csstype").Property.Mask<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -491,7 +493,6 @@ export declare const Spinner: () => SpinnerBuilder & {
491
493
  outline: (value: import("csstype").Property.Outline<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
492
494
  overflow: (value: import("csstype").Property.Overflow | undefined) => SpinnerBuilder & /*elided*/ any;
493
495
  overscrollBehavior: (value: import("csstype").Property.OverscrollBehavior | undefined) => SpinnerBuilder & /*elided*/ any;
494
- padding: (value: import("csstype").Property.Padding<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
495
496
  paddingBlock: (value: import("csstype").Property.PaddingBlock<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
496
497
  paddingInline: (value: import("csstype").Property.PaddingInline<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
497
498
  placeContent: (value: import("csstype").Property.PlaceContent | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -769,7 +770,6 @@ export declare const Spinner: () => SpinnerBuilder & {
769
770
  boxOrdinalGroup: (value: import("csstype").Property.BoxOrdinalGroup | undefined) => SpinnerBuilder & /*elided*/ any;
770
771
  boxOrient: (value: import("csstype").Property.BoxOrient | undefined) => SpinnerBuilder & /*elided*/ any;
771
772
  boxPack: (value: import("csstype").Property.BoxPack | undefined) => SpinnerBuilder & /*elided*/ any;
772
- clip: (value: import("csstype").Property.Clip | undefined) => SpinnerBuilder & /*elided*/ any;
773
773
  fontStretch: (value: import("csstype").Property.FontStretch | undefined) => SpinnerBuilder & /*elided*/ any;
774
774
  gridColumnGap: (value: import("csstype").Property.GridColumnGap<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
775
775
  gridGap: (value: import("csstype").Property.GridGap<string | number> | undefined) => SpinnerBuilder & /*elided*/ any;
@@ -12,6 +12,35 @@ declare class TextBuilder extends FiboBuilder {
12
12
  build(): ReactElement;
13
13
  }
14
14
  export declare const Text: (text?: string | undefined) => TextBuilder & {
15
+ width: (value: import("csstype").Property.Width<string | number> | undefined) => TextBuilder & /*elided*/ any;
16
+ height: (value: import("csstype").Property.Height<string | number> | undefined) => TextBuilder & /*elided*/ any;
17
+ padding: (value: import("csstype").Property.Padding<string | number> | undefined) => TextBuilder & /*elided*/ any;
18
+ margin: (value: import("csstype").Property.Margin<string | number> | undefined) => TextBuilder & /*elided*/ any;
19
+ backgroundColor: (value: import("csstype").Property.BackgroundColor | undefined) => TextBuilder & /*elided*/ any;
20
+ all: (value: import('csstype').Globals | undefined) => TextBuilder & /*elided*/ any;
21
+ contain: (value: import("csstype").Property.Contain | undefined) => TextBuilder & /*elided*/ any;
22
+ color: (value: import("csstype").Property.Color | undefined) => TextBuilder & /*elided*/ any;
23
+ overlay: (value: import("csstype").Property.Overlay | undefined) => TextBuilder & /*elided*/ any;
24
+ left: (value: import("csstype").Property.Left<string | number> | undefined) => TextBuilder & /*elided*/ any;
25
+ right: (value: import("csstype").Property.Right<string | number> | undefined) => TextBuilder & /*elided*/ any;
26
+ bottom: (value: import("csstype").Property.Bottom<string | number> | undefined) => TextBuilder & /*elided*/ any;
27
+ top: (value: import("csstype").Property.Top<string | number> | undefined) => TextBuilder & /*elided*/ any;
28
+ inset: (value: import("csstype").Property.Inset<string | number> | undefined) => TextBuilder & /*elided*/ any;
29
+ page: (value: import("csstype").Property.Page | undefined) => TextBuilder & /*elided*/ any;
30
+ content: (value: import("csstype").Property.Content | undefined) => TextBuilder & /*elided*/ any;
31
+ flex: (value: import("csstype").Property.Flex<string | number> | undefined) => TextBuilder & /*elided*/ any;
32
+ grid: (value: import("csstype").Property.Grid | undefined) => TextBuilder & /*elided*/ any;
33
+ position: (value: import("csstype").Property.Position | undefined) => TextBuilder & /*elided*/ any;
34
+ fill: (value: import("csstype").Property.Fill | undefined) => TextBuilder & /*elided*/ any;
35
+ clip: (value: import("csstype").Property.Clip | undefined) => TextBuilder & /*elided*/ any;
36
+ stroke: (value: import("csstype").Property.Stroke | undefined) => TextBuilder & /*elided*/ any;
37
+ x: (value: import("csstype").Property.X<string | number> | undefined) => TextBuilder & /*elided*/ any;
38
+ y: (value: import("csstype").Property.Y<string | number> | undefined) => TextBuilder & /*elided*/ any;
39
+ caret: (value: import("csstype").Property.Caret | undefined) => TextBuilder & /*elided*/ any;
40
+ zoom: (value: import("csstype").Property.Zoom | undefined) => TextBuilder & /*elided*/ any;
41
+ clear: (value: import("csstype").Property.Clear | undefined) => TextBuilder & /*elided*/ any;
42
+ border: (value: import("csstype").Property.Border<string | number> | undefined) => TextBuilder & /*elided*/ any;
43
+ filter: (value: import("csstype").Property.Filter | undefined) => TextBuilder & /*elided*/ any;
15
44
  accentColor: (value: import("csstype").Property.AccentColor | undefined) => TextBuilder & /*elided*/ any;
16
45
  alignContent: (value: import("csstype").Property.AlignContent | undefined) => TextBuilder & /*elided*/ any;
17
46
  alignItems: (value: import("csstype").Property.AlignItems | undefined) => TextBuilder & /*elided*/ any;
@@ -39,7 +68,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
39
68
  backgroundAttachment: (value: import("csstype").Property.BackgroundAttachment | undefined) => TextBuilder & /*elided*/ any;
40
69
  backgroundBlendMode: (value: import("csstype").Property.BackgroundBlendMode | undefined) => TextBuilder & /*elided*/ any;
41
70
  backgroundClip: (value: import("csstype").Property.BackgroundClip | undefined) => TextBuilder & /*elided*/ any;
42
- backgroundColor: (value: import("csstype").Property.BackgroundColor | undefined) => TextBuilder & /*elided*/ any;
43
71
  backgroundImage: (value: import("csstype").Property.BackgroundImage | undefined) => TextBuilder & /*elided*/ any;
44
72
  backgroundOrigin: (value: import("csstype").Property.BackgroundOrigin | undefined) => TextBuilder & /*elided*/ any;
45
73
  backgroundPositionX: (value: import("csstype").Property.BackgroundPositionX<string | number> | undefined) => TextBuilder & /*elided*/ any;
@@ -87,7 +115,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
87
115
  borderTopRightRadius: (value: import("csstype").Property.BorderTopRightRadius<string | number> | undefined) => TextBuilder & /*elided*/ any;
88
116
  borderTopStyle: (value: import("csstype").Property.BorderTopStyle | undefined) => TextBuilder & /*elided*/ any;
89
117
  borderTopWidth: (value: import("csstype").Property.BorderTopWidth<string | number> | undefined) => TextBuilder & /*elided*/ any;
90
- bottom: (value: import("csstype").Property.Bottom<string | number> | undefined) => TextBuilder & /*elided*/ any;
91
118
  boxDecorationBreak: (value: import("csstype").Property.BoxDecorationBreak | undefined) => TextBuilder & /*elided*/ any;
92
119
  boxShadow: (value: import("csstype").Property.BoxShadow | undefined) => TextBuilder & /*elided*/ any;
93
120
  boxSizing: (value: import("csstype").Property.BoxSizing | undefined) => TextBuilder & /*elided*/ any;
@@ -97,10 +124,8 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
97
124
  captionSide: (value: import("csstype").Property.CaptionSide | undefined) => TextBuilder & /*elided*/ any;
98
125
  caretColor: (value: import("csstype").Property.CaretColor | undefined) => TextBuilder & /*elided*/ any;
99
126
  caretShape: (value: import("csstype").Property.CaretShape | undefined) => TextBuilder & /*elided*/ any;
100
- clear: (value: import("csstype").Property.Clear | undefined) => TextBuilder & /*elided*/ any;
101
127
  clipPath: (value: import("csstype").Property.ClipPath | undefined) => TextBuilder & /*elided*/ any;
102
128
  clipRule: (value: import("csstype").Property.ClipRule | undefined) => TextBuilder & /*elided*/ any;
103
- color: (value: import("csstype").Property.Color | undefined) => TextBuilder & /*elided*/ any;
104
129
  colorAdjust: (value: import("csstype").Property.PrintColorAdjust | undefined) => TextBuilder & /*elided*/ any;
105
130
  colorInterpolationFilters: (value: import("csstype").Property.ColorInterpolationFilters | undefined) => TextBuilder & /*elided*/ any;
106
131
  colorScheme: (value: import("csstype").Property.ColorScheme | undefined) => TextBuilder & /*elided*/ any;
@@ -112,14 +137,12 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
112
137
  columnRuleWidth: (value: import("csstype").Property.ColumnRuleWidth<string | number> | undefined) => TextBuilder & /*elided*/ any;
113
138
  columnSpan: (value: import("csstype").Property.ColumnSpan | undefined) => TextBuilder & /*elided*/ any;
114
139
  columnWidth: (value: import("csstype").Property.ColumnWidth<string | number> | undefined) => TextBuilder & /*elided*/ any;
115
- contain: (value: import("csstype").Property.Contain | undefined) => TextBuilder & /*elided*/ any;
116
140
  containIntrinsicBlockSize: (value: import("csstype").Property.ContainIntrinsicBlockSize<string | number> | undefined) => TextBuilder & /*elided*/ any;
117
141
  containIntrinsicHeight: (value: import("csstype").Property.ContainIntrinsicHeight<string | number> | undefined) => TextBuilder & /*elided*/ any;
118
142
  containIntrinsicInlineSize: (value: import("csstype").Property.ContainIntrinsicInlineSize<string | number> | undefined) => TextBuilder & /*elided*/ any;
119
143
  containIntrinsicWidth: (value: import("csstype").Property.ContainIntrinsicWidth<string | number> | undefined) => TextBuilder & /*elided*/ any;
120
144
  containerName: (value: import("csstype").Property.ContainerName | undefined) => TextBuilder & /*elided*/ any;
121
145
  containerType: (value: import("csstype").Property.ContainerType | undefined) => TextBuilder & /*elided*/ any;
122
- content: (value: import("csstype").Property.Content | undefined) => TextBuilder & /*elided*/ any;
123
146
  contentVisibility: (value: import("csstype").Property.ContentVisibility | undefined) => TextBuilder & /*elided*/ any;
124
147
  counterIncrement: (value: import("csstype").Property.CounterIncrement | undefined) => TextBuilder & /*elided*/ any;
125
148
  counterReset: (value: import("csstype").Property.CounterReset | undefined) => TextBuilder & /*elided*/ any;
@@ -133,10 +156,8 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
133
156
  dominantBaseline: (value: import("csstype").Property.DominantBaseline | undefined) => TextBuilder & /*elided*/ any;
134
157
  emptyCells: (value: import("csstype").Property.EmptyCells | undefined) => TextBuilder & /*elided*/ any;
135
158
  fieldSizing: (value: import("csstype").Property.FieldSizing | undefined) => TextBuilder & /*elided*/ any;
136
- fill: (value: import("csstype").Property.Fill | undefined) => TextBuilder & /*elided*/ any;
137
159
  fillOpacity: (value: import("csstype").Property.FillOpacity | undefined) => TextBuilder & /*elided*/ any;
138
160
  fillRule: (value: import("csstype").Property.FillRule | undefined) => TextBuilder & /*elided*/ any;
139
- filter: (value: import("csstype").Property.Filter | undefined) => TextBuilder & /*elided*/ any;
140
161
  flexBasis: (value: import("csstype").Property.FlexBasis<string | number> | undefined) => TextBuilder & /*elided*/ any;
141
162
  flexDirection: (value: import("csstype").Property.FlexDirection | undefined) => TextBuilder & /*elided*/ any;
142
163
  flexGrow: (value: import("csstype").Property.FlexGrow | undefined) => TextBuilder & /*elided*/ any;
@@ -183,7 +204,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
183
204
  gridTemplateColumns: (value: import("csstype").Property.GridTemplateColumns<string | number> | undefined) => TextBuilder & /*elided*/ any;
184
205
  gridTemplateRows: (value: import("csstype").Property.GridTemplateRows<string | number> | undefined) => TextBuilder & /*elided*/ any;
185
206
  hangingPunctuation: (value: import("csstype").Property.HangingPunctuation | undefined) => TextBuilder & /*elided*/ any;
186
- height: (value: import("csstype").Property.Height<string | number> | undefined) => TextBuilder & /*elided*/ any;
187
207
  hyphenateCharacter: (value: import("csstype").Property.HyphenateCharacter | undefined) => TextBuilder & /*elided*/ any;
188
208
  hyphenateLimitChars: (value: import("csstype").Property.HyphenateLimitChars | undefined) => TextBuilder & /*elided*/ any;
189
209
  hyphens: (value: import("csstype").Property.Hyphens | undefined) => TextBuilder & /*elided*/ any;
@@ -203,7 +223,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
203
223
  justifyItems: (value: import("csstype").Property.JustifyItems | undefined) => TextBuilder & /*elided*/ any;
204
224
  justifySelf: (value: import("csstype").Property.JustifySelf | undefined) => TextBuilder & /*elided*/ any;
205
225
  justifyTracks: (value: import("csstype").Property.JustifyTracks | undefined) => TextBuilder & /*elided*/ any;
206
- left: (value: import("csstype").Property.Left<string | number> | undefined) => TextBuilder & /*elided*/ any;
207
226
  letterSpacing: (value: import("csstype").Property.LetterSpacing<string | number> | undefined) => TextBuilder & /*elided*/ any;
208
227
  lightingColor: (value: import("csstype").Property.LightingColor | undefined) => TextBuilder & /*elided*/ any;
209
228
  lineBreak: (value: import("csstype").Property.LineBreak | undefined) => TextBuilder & /*elided*/ any;
@@ -281,7 +300,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
281
300
  overflowWrap: (value: import("csstype").Property.OverflowWrap | undefined) => TextBuilder & /*elided*/ any;
282
301
  overflowX: (value: import("csstype").Property.OverflowX | undefined) => TextBuilder & /*elided*/ any;
283
302
  overflowY: (value: import("csstype").Property.OverflowY | undefined) => TextBuilder & /*elided*/ any;
284
- overlay: (value: import("csstype").Property.Overlay | undefined) => TextBuilder & /*elided*/ any;
285
303
  overscrollBehaviorBlock: (value: import("csstype").Property.OverscrollBehaviorBlock | undefined) => TextBuilder & /*elided*/ any;
286
304
  overscrollBehaviorInline: (value: import("csstype").Property.OverscrollBehaviorInline | undefined) => TextBuilder & /*elided*/ any;
287
305
  overscrollBehaviorX: (value: import("csstype").Property.OverscrollBehaviorX | undefined) => TextBuilder & /*elided*/ any;
@@ -294,12 +312,10 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
294
312
  paddingLeft: (value: import("csstype").Property.PaddingLeft<string | number> | undefined) => TextBuilder & /*elided*/ any;
295
313
  paddingRight: (value: import("csstype").Property.PaddingRight<string | number> | undefined) => TextBuilder & /*elided*/ any;
296
314
  paddingTop: (value: import("csstype").Property.PaddingTop<string | number> | undefined) => TextBuilder & /*elided*/ any;
297
- page: (value: import("csstype").Property.Page | undefined) => TextBuilder & /*elided*/ any;
298
315
  paintOrder: (value: import("csstype").Property.PaintOrder | undefined) => TextBuilder & /*elided*/ any;
299
316
  perspective: (value: import("csstype").Property.Perspective<string | number> | undefined) => TextBuilder & /*elided*/ any;
300
317
  perspectiveOrigin: (value: import("csstype").Property.PerspectiveOrigin<string | number> | undefined) => TextBuilder & /*elided*/ any;
301
318
  pointerEvents: (value: import("csstype").Property.PointerEvents | undefined) => TextBuilder & /*elided*/ any;
302
- position: (value: import("csstype").Property.Position | undefined) => TextBuilder & /*elided*/ any;
303
319
  positionAnchor: (value: import("csstype").Property.PositionAnchor | undefined) => TextBuilder & /*elided*/ any;
304
320
  positionArea: (value: import("csstype").Property.PositionArea | undefined) => TextBuilder & /*elided*/ any;
305
321
  positionTryFallbacks: (value: import("csstype").Property.PositionTryFallbacks | undefined) => TextBuilder & /*elided*/ any;
@@ -309,7 +325,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
309
325
  quotes: (value: import("csstype").Property.Quotes | undefined) => TextBuilder & /*elided*/ any;
310
326
  r: (value: import("csstype").Property.R<string | number> | undefined) => TextBuilder & /*elided*/ any;
311
327
  resize: (value: import("csstype").Property.Resize | undefined) => TextBuilder & /*elided*/ any;
312
- right: (value: import("csstype").Property.Right<string | number> | undefined) => TextBuilder & /*elided*/ any;
313
328
  rotate: (value: import("csstype").Property.Rotate | undefined) => TextBuilder & /*elided*/ any;
314
329
  rowGap: (value: import("csstype").Property.RowGap<string | number> | undefined) => TextBuilder & /*elided*/ any;
315
330
  rubyAlign: (value: import("csstype").Property.RubyAlign | undefined) => TextBuilder & /*elided*/ any;
@@ -356,7 +371,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
356
371
  speakAs: (value: import("csstype").Property.SpeakAs | undefined) => TextBuilder & /*elided*/ any;
357
372
  stopColor: (value: import("csstype").Property.StopColor | undefined) => TextBuilder & /*elided*/ any;
358
373
  stopOpacity: (value: import("csstype").Property.StopOpacity | undefined) => TextBuilder & /*elided*/ any;
359
- stroke: (value: import("csstype").Property.Stroke | undefined) => TextBuilder & /*elided*/ any;
360
374
  strokeColor: (value: import("csstype").Property.StrokeColor | undefined) => TextBuilder & /*elided*/ any;
361
375
  strokeDasharray: (value: import("csstype").Property.StrokeDasharray<string | number> | undefined) => TextBuilder & /*elided*/ any;
362
376
  strokeDashoffset: (value: import("csstype").Property.StrokeDashoffset<string | number> | undefined) => TextBuilder & /*elided*/ any;
@@ -398,7 +412,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
398
412
  textWrapMode: (value: import("csstype").Property.TextWrapMode | undefined) => TextBuilder & /*elided*/ any;
399
413
  textWrapStyle: (value: import("csstype").Property.TextWrapStyle | undefined) => TextBuilder & /*elided*/ any;
400
414
  timelineScope: (value: import("csstype").Property.TimelineScope | undefined) => TextBuilder & /*elided*/ any;
401
- top: (value: import("csstype").Property.Top<string | number> | undefined) => TextBuilder & /*elided*/ any;
402
415
  touchAction: (value: import("csstype").Property.TouchAction | undefined) => TextBuilder & /*elided*/ any;
403
416
  transform: (value: import("csstype").Property.Transform | undefined) => TextBuilder & /*elided*/ any;
404
417
  transformBox: (value: import("csstype").Property.TransformBox | undefined) => TextBuilder & /*elided*/ any;
@@ -423,22 +436,16 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
423
436
  whiteSpace: (value: import("csstype").Property.WhiteSpace | undefined) => TextBuilder & /*elided*/ any;
424
437
  whiteSpaceCollapse: (value: import("csstype").Property.WhiteSpaceCollapse | undefined) => TextBuilder & /*elided*/ any;
425
438
  widows: (value: import("csstype").Property.Widows | undefined) => TextBuilder & /*elided*/ any;
426
- width: (value: import("csstype").Property.Width<string | number> | undefined) => TextBuilder & /*elided*/ any;
427
439
  willChange: (value: import("csstype").Property.WillChange | undefined) => TextBuilder & /*elided*/ any;
428
440
  wordBreak: (value: import("csstype").Property.WordBreak | undefined) => TextBuilder & /*elided*/ any;
429
441
  wordSpacing: (value: import("csstype").Property.WordSpacing<string | number> | undefined) => TextBuilder & /*elided*/ any;
430
442
  wordWrap: (value: import("csstype").Property.WordWrap | undefined) => TextBuilder & /*elided*/ any;
431
443
  writingMode: (value: import("csstype").Property.WritingMode | undefined) => TextBuilder & /*elided*/ any;
432
- x: (value: import("csstype").Property.X<string | number> | undefined) => TextBuilder & /*elided*/ any;
433
- y: (value: import("csstype").Property.Y<string | number> | undefined) => TextBuilder & /*elided*/ any;
434
444
  zIndex: (value: import("csstype").Property.ZIndex | undefined) => TextBuilder & /*elided*/ any;
435
- zoom: (value: import("csstype").Property.Zoom | undefined) => TextBuilder & /*elided*/ any;
436
- all: (value: import('csstype').Globals | undefined) => TextBuilder & /*elided*/ any;
437
445
  animation: (value: import("csstype").Property.Animation<string & {}> | undefined) => TextBuilder & /*elided*/ any;
438
446
  animationRange: (value: import("csstype").Property.AnimationRange<string | number> | undefined) => TextBuilder & /*elided*/ any;
439
447
  background: (value: import("csstype").Property.Background<string | number> | undefined) => TextBuilder & /*elided*/ any;
440
448
  backgroundPosition: (value: import("csstype").Property.BackgroundPosition<string | number> | undefined) => TextBuilder & /*elided*/ any;
441
- border: (value: import("csstype").Property.Border<string | number> | undefined) => TextBuilder & /*elided*/ any;
442
449
  borderBlock: (value: import("csstype").Property.BorderBlock<string | number> | undefined) => TextBuilder & /*elided*/ any;
443
450
  borderBlockColor: (value: import("csstype").Property.BorderBlockColor | undefined) => TextBuilder & /*elided*/ any;
444
451
  borderBlockEnd: (value: import("csstype").Property.BorderBlockEnd<string | number> | undefined) => TextBuilder & /*elided*/ any;
@@ -460,26 +467,21 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
460
467
  borderStyle: (value: import("csstype").Property.BorderStyle | undefined) => TextBuilder & /*elided*/ any;
461
468
  borderTop: (value: import("csstype").Property.BorderTop<string | number> | undefined) => TextBuilder & /*elided*/ any;
462
469
  borderWidth: (value: import("csstype").Property.BorderWidth<string | number> | undefined) => TextBuilder & /*elided*/ any;
463
- caret: (value: import("csstype").Property.Caret | undefined) => TextBuilder & /*elided*/ any;
464
470
  columnRule: (value: import("csstype").Property.ColumnRule<string | number> | undefined) => TextBuilder & /*elided*/ any;
465
471
  columns: (value: import("csstype").Property.Columns<string | number> | undefined) => TextBuilder & /*elided*/ any;
466
472
  containIntrinsicSize: (value: import("csstype").Property.ContainIntrinsicSize<string | number> | undefined) => TextBuilder & /*elided*/ any;
467
473
  container: (value: import("csstype").Property.Container | undefined) => TextBuilder & /*elided*/ any;
468
- flex: (value: import("csstype").Property.Flex<string | number> | undefined) => TextBuilder & /*elided*/ any;
469
474
  flexFlow: (value: import("csstype").Property.FlexFlow | undefined) => TextBuilder & /*elided*/ any;
470
475
  font: (value: import("csstype").Property.Font | undefined) => TextBuilder & /*elided*/ any;
471
476
  gap: (value: import("csstype").Property.Gap<string | number> | undefined) => TextBuilder & /*elided*/ any;
472
- grid: (value: import("csstype").Property.Grid | undefined) => TextBuilder & /*elided*/ any;
473
477
  gridArea: (value: import("csstype").Property.GridArea | undefined) => TextBuilder & /*elided*/ any;
474
478
  gridColumn: (value: import("csstype").Property.GridColumn | undefined) => TextBuilder & /*elided*/ any;
475
479
  gridRow: (value: import("csstype").Property.GridRow | undefined) => TextBuilder & /*elided*/ any;
476
480
  gridTemplate: (value: import("csstype").Property.GridTemplate | undefined) => TextBuilder & /*elided*/ any;
477
- inset: (value: import("csstype").Property.Inset<string | number> | undefined) => TextBuilder & /*elided*/ any;
478
481
  insetBlock: (value: import("csstype").Property.InsetBlock<string | number> | undefined) => TextBuilder & /*elided*/ any;
479
482
  insetInline: (value: import("csstype").Property.InsetInline<string | number> | undefined) => TextBuilder & /*elided*/ any;
480
483
  lineClamp: (value: import("csstype").Property.LineClamp | undefined) => TextBuilder & /*elided*/ any;
481
484
  listStyle: (value: import("csstype").Property.ListStyle | undefined) => TextBuilder & /*elided*/ any;
482
- margin: (value: import("csstype").Property.Margin<string | number> | undefined) => TextBuilder & /*elided*/ any;
483
485
  marginBlock: (value: import("csstype").Property.MarginBlock<string | number> | undefined) => TextBuilder & /*elided*/ any;
484
486
  marginInline: (value: import("csstype").Property.MarginInline<string | number> | undefined) => TextBuilder & /*elided*/ any;
485
487
  mask: (value: import("csstype").Property.Mask<string | number> | undefined) => TextBuilder & /*elided*/ any;
@@ -489,7 +491,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
489
491
  outline: (value: import("csstype").Property.Outline<string | number> | undefined) => TextBuilder & /*elided*/ any;
490
492
  overflow: (value: import("csstype").Property.Overflow | undefined) => TextBuilder & /*elided*/ any;
491
493
  overscrollBehavior: (value: import("csstype").Property.OverscrollBehavior | undefined) => TextBuilder & /*elided*/ any;
492
- padding: (value: import("csstype").Property.Padding<string | number> | undefined) => TextBuilder & /*elided*/ any;
493
494
  paddingBlock: (value: import("csstype").Property.PaddingBlock<string | number> | undefined) => TextBuilder & /*elided*/ any;
494
495
  paddingInline: (value: import("csstype").Property.PaddingInline<string | number> | undefined) => TextBuilder & /*elided*/ any;
495
496
  placeContent: (value: import("csstype").Property.PlaceContent | undefined) => TextBuilder & /*elided*/ any;
@@ -767,7 +768,6 @@ export declare const Text: (text?: string | undefined) => TextBuilder & {
767
768
  boxOrdinalGroup: (value: import("csstype").Property.BoxOrdinalGroup | undefined) => TextBuilder & /*elided*/ any;
768
769
  boxOrient: (value: import("csstype").Property.BoxOrient | undefined) => TextBuilder & /*elided*/ any;
769
770
  boxPack: (value: import("csstype").Property.BoxPack | undefined) => TextBuilder & /*elided*/ any;
770
- clip: (value: import("csstype").Property.Clip | undefined) => TextBuilder & /*elided*/ any;
771
771
  fontStretch: (value: import("csstype").Property.FontStretch | undefined) => TextBuilder & /*elided*/ any;
772
772
  gridColumnGap: (value: import("csstype").Property.GridColumnGap<string | number> | undefined) => TextBuilder & /*elided*/ any;
773
773
  gridGap: (value: import("csstype").Property.GridGap<string | number> | undefined) => TextBuilder & /*elided*/ any;
@@ -1,6 +1,9 @@
1
1
  import { ReactNode } from 'react';
2
2
  import { Observable, Signal } from './state';
3
3
 
4
+ export declare function Observer({ children }: {
5
+ children: () => ReactNode;
6
+ }): import("react/jsx-runtime").JSX.Element;
4
7
  export declare const StateContext: import('react').Context<Map<string, any>>;
5
8
  export declare function useStateContext(): Map<string, any>;
6
9
  interface StateWrapperProps {
@@ -15,6 +15,7 @@ export declare abstract class FiboBuilder {
15
15
  protected _signals: Set<Signal<any>>;
16
16
  protected _isObserver: boolean;
17
17
  id(value: string): this;
18
+ key(value: string | number): this;
18
19
  paddingHorizontal(value: string | number): this;
19
20
  paddingVertical(value: string | number): this;
20
21
  marginHorizontal(value: string | number): this;
@@ -37,14 +38,21 @@ export declare abstract class FiboBuilder {
37
38
  css(styles: CSSProperties): this;
38
39
  style(style: CSSProperties): this;
39
40
  props(props: Record<string, any>): this;
40
- children(children: ReactNode | ReactNode[]): this;
41
+ protected _childFunction?: () => ReactNode;
42
+ children(children: ReactNode | ReactNode[] | (() => ReactNode)): this;
41
43
  protected getClassName(): string;
42
44
  protected getStyle(): CSSProperties;
43
45
  protected processChildren(): ReactNode[];
46
+ protected getChildFunction(): (() => ReactNode) | undefined;
44
47
  abstract build(): ReactElement;
45
48
  }
49
+ type KnownKeys<T> = {
50
+ [K in keyof T]: string extends K ? never : number extends K ? never : K;
51
+ } extends {
52
+ [_ in keyof T]: infer U;
53
+ } ? U : never;
46
54
  type StyleBuilder<T> = T & {
47
- [K in keyof CSSProperties]-?: (value: CSSProperties[K]) => StyleBuilder<T>;
55
+ [K in KnownKeys<CSSProperties>]-?: (value: CSSProperties[K]) => StyleBuilder<T>;
48
56
  };
49
57
  export declare function createBuilder<T extends FiboBuilder, Args extends any[]>(BuilderClass: new (...args: Args) => T): (...args: Args) => StyleBuilder<T>;
50
58
  export {};
@@ -1,3 +1,4 @@
1
- import { MouseEvent } from 'react';
2
-
3
- export declare const createRipple: (event: MouseEvent<HTMLElement>, color?: string) => void;
1
+ export declare const createRipple: (event: {
2
+ clientX: number;
3
+ clientY: number;
4
+ }, button: HTMLElement, color?: string) => void;
@@ -0,0 +1,5 @@
1
+ import { Signal, ComputedSignal, Store, Observable } from './state';
2
+
3
+ export declare function useSignal<T>(signal: Signal<T> | ComputedSignal<T>): T;
4
+ export declare function useStore<T>(store: Store<T>): T;
5
+ export declare function useObservable<T>(obs: Observable<T>): T;
@@ -3,3 +3,4 @@ export * from './builder';
3
3
  export * from './component';
4
4
  export * from './state';
5
5
  export * from './StateWrapper';
6
+ export * from './hooks';