@yselimcan/ui 0.0.5 → 0.0.6

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 (198) hide show
  1. package/dist/index100.js +32 -5
  2. package/dist/index101.js +19 -8
  3. package/dist/index102.js +4 -86
  4. package/dist/index103.js +4 -13
  5. package/dist/index104.js +5 -63
  6. package/dist/index105.js +12 -38
  7. package/dist/index106.js +19 -14
  8. package/dist/index107.js +13 -33
  9. package/dist/index108.js +297 -19
  10. package/dist/index109.js +4 -5
  11. package/dist/index110.js +39 -4
  12. package/dist/index111.js +126 -5
  13. package/dist/index112.js +4 -11
  14. package/dist/index113.js +21 -19
  15. package/dist/index114.js +77 -13
  16. package/dist/index115.js +59 -291
  17. package/dist/index116.js +45 -4
  18. package/dist/index117.js +65 -37
  19. package/dist/index118.js +8 -125
  20. package/dist/index119.js +13 -20
  21. package/dist/index120.js +3 -76
  22. package/dist/index121.js +3 -64
  23. package/dist/index122.js +5 -45
  24. package/dist/index123.js +134 -14
  25. package/dist/index124.js +27 -5
  26. package/dist/index125.js +6 -27
  27. package/dist/index127.js +11 -26
  28. package/dist/index128.js +20 -15
  29. package/dist/index129.js +14 -22
  30. package/dist/index130.js +5 -58
  31. package/dist/index131.js +28 -16
  32. package/dist/index132.js +15 -25
  33. package/dist/index133.js +21 -40
  34. package/dist/index134.js +59 -43
  35. package/dist/index135.js +15 -19
  36. package/dist/index136.js +26 -47
  37. package/dist/index137.js +38 -49
  38. package/dist/index138.js +43 -18
  39. package/dist/index139.js +21 -11
  40. package/dist/index140.js +48 -22
  41. package/dist/index141.js +50 -34
  42. package/dist/index142.js +16 -229
  43. package/dist/index143.js +11 -283
  44. package/dist/index144.js +21 -52
  45. package/dist/index145.js +35 -15
  46. package/dist/index146.js +225 -74
  47. package/dist/index147.js +283 -3
  48. package/dist/index148.js +53 -30
  49. package/dist/index149.js +16 -24
  50. package/dist/index150.js +79 -15
  51. package/dist/index151.js +3 -69
  52. package/dist/index152.js +31 -4
  53. package/dist/index153.js +22 -103
  54. package/dist/index154.js +15 -79
  55. package/dist/index155.js +65 -259
  56. package/dist/index156.js +4 -12
  57. package/dist/index157.js +105 -11
  58. package/dist/index158.js +76 -37
  59. package/dist/index159.js +263 -4
  60. package/dist/index160.js +11 -66
  61. package/dist/index161.js +10 -9
  62. package/dist/index162.js +40 -8
  63. package/dist/index163.js +4 -5
  64. package/dist/index164.js +62 -129
  65. package/dist/index165.js +10 -54
  66. package/dist/index166.js +8 -11
  67. package/dist/index167.js +6 -118
  68. package/dist/index168.js +53 -11
  69. package/dist/index169.js +11 -8
  70. package/dist/index17.js +4 -4
  71. package/dist/index170.js +117 -12
  72. package/dist/index171.js +11 -22
  73. package/dist/index172.js +1 -1
  74. package/dist/index173.js +2 -2
  75. package/dist/index174.js +1 -1
  76. package/dist/index175.js +2 -2
  77. package/dist/index176.js +1 -1
  78. package/dist/index177.js +1 -1
  79. package/dist/index178.js +6 -6
  80. package/dist/index179.js +1 -1
  81. package/dist/index18.js +3 -3
  82. package/dist/index180.js +1 -1
  83. package/dist/index181.js +1 -1
  84. package/dist/index182.js +1 -1
  85. package/dist/index183.js +1 -1
  86. package/dist/index184.js +1 -1
  87. package/dist/index187.js +6 -6
  88. package/dist/index189.js +2 -2
  89. package/dist/index19.js +9 -9
  90. package/dist/index190.js +2 -2
  91. package/dist/index191.js +1 -1
  92. package/dist/index192.js +2 -2
  93. package/dist/index193.js +1 -1
  94. package/dist/index194.js +2 -2
  95. package/dist/index195.js +2 -2
  96. package/dist/index196.js +7 -7
  97. package/dist/index197.js +3 -3
  98. package/dist/index198.js +6 -6
  99. package/dist/index199.js +1 -1
  100. package/dist/index20.js +2 -2
  101. package/dist/index200.js +47 -5
  102. package/dist/index201.js +193 -41
  103. package/dist/index202.js +30 -182
  104. package/dist/index203.js +20 -48
  105. package/dist/index204.js +27 -20
  106. package/dist/index205.js +5 -26
  107. package/dist/index206.js +9 -11
  108. package/dist/index207.js +11 -6
  109. package/dist/index208.js +17 -4
  110. package/dist/index209.js +6 -9
  111. package/dist/index21.js +3 -3
  112. package/dist/index210.js +4 -17
  113. package/dist/index217.js +2 -2
  114. package/dist/index218.js +1 -1
  115. package/dist/index219.js +4 -39
  116. package/dist/index22.js +5 -5
  117. package/dist/index220.js +4 -56
  118. package/dist/index221.js +14 -27
  119. package/dist/index222.js +32 -7
  120. package/dist/index223.js +37 -11
  121. package/dist/index224.js +57 -12
  122. package/dist/index225.js +27 -11
  123. package/dist/index226.js +6 -20
  124. package/dist/index227.js +11 -10
  125. package/dist/index228.js +11 -7
  126. package/dist/index229.js +11 -42
  127. package/dist/index23.js +2 -2
  128. package/dist/index230.js +22 -4
  129. package/dist/index231.js +11 -4
  130. package/dist/index232.js +6 -595
  131. package/dist/index233.js +42 -11
  132. package/dist/index234.js +594 -12
  133. package/dist/index235.js +11 -32
  134. package/dist/index239.js +2 -2
  135. package/dist/index24.js +8 -8
  136. package/dist/index242.js +4 -4
  137. package/dist/index243.js +1 -1
  138. package/dist/index244.js +1 -1
  139. package/dist/index246.js +2 -2
  140. package/dist/index247.js +1 -1
  141. package/dist/index251.js +1 -1
  142. package/dist/index32.js +1 -1
  143. package/dist/index33.js +15 -15
  144. package/dist/index34.js +5 -5
  145. package/dist/index35.js +12 -12
  146. package/dist/index36.js +10 -10
  147. package/dist/index37.js +7 -7
  148. package/dist/index38.js +7 -7
  149. package/dist/index39.js +4 -4
  150. package/dist/index40.js +2 -2
  151. package/dist/index41.js +2 -2
  152. package/dist/index42.js +2 -2
  153. package/dist/index43.js +1 -1
  154. package/dist/index45.js +5 -5
  155. package/dist/index46.js +9 -9
  156. package/dist/index47.js +8 -8
  157. package/dist/index48.js +17 -17
  158. package/dist/index49.js +4 -4
  159. package/dist/index50.js +10 -10
  160. package/dist/index52.js +14 -14
  161. package/dist/index53.js +1 -1
  162. package/dist/index54.js +16 -16
  163. package/dist/index55.js +8 -8
  164. package/dist/index56.js +9 -9
  165. package/dist/index58.js +1 -1
  166. package/dist/index59.js +2 -2
  167. package/dist/index60.js +6 -6
  168. package/dist/index61.js +2 -2
  169. package/dist/index62.js +2 -2
  170. package/dist/index63.js +5 -5
  171. package/dist/index64.js +2 -2
  172. package/dist/index66.js +7 -7
  173. package/dist/index69.js +31 -31
  174. package/dist/index70.js +5 -5
  175. package/dist/index71.js +16 -16
  176. package/dist/index72.js +22 -22
  177. package/dist/index73.js +7 -7
  178. package/dist/index74.js +1 -1
  179. package/dist/index75.js +11 -11
  180. package/dist/index76.js +2 -2
  181. package/dist/index77.js +4 -4
  182. package/dist/index78.js +2 -2
  183. package/dist/index79.js +1 -1
  184. package/dist/index80.js +1 -1
  185. package/dist/index81.js +16 -16
  186. package/dist/index82.js +4 -4
  187. package/dist/index83.js +4 -4
  188. package/dist/index87.js +7 -7
  189. package/dist/index88.js +9 -9
  190. package/dist/index89.js +5 -5
  191. package/dist/index94.js +7 -4
  192. package/dist/index95.js +86 -65
  193. package/dist/index96.js +12 -8
  194. package/dist/index97.js +61 -12
  195. package/dist/index98.js +38 -4
  196. package/dist/index99.js +14 -4
  197. package/dist/styles.css +1 -1
  198. package/package.json +4 -3
package/dist/index100.js CHANGED
@@ -1,8 +1,35 @@
1
- function e() {
1
+ import { EMPTY_OBJECT as s } from "./index122.js";
2
+ function u(e, t, n, o) {
3
+ let a = !1, r = !1;
4
+ const l = s;
5
+ return {
6
+ reason: e,
7
+ event: t ?? new Event("base-ui"),
8
+ cancel() {
9
+ a = !0;
10
+ },
11
+ allowPropagation() {
12
+ r = !0;
13
+ },
14
+ get isCanceled() {
15
+ return a;
16
+ },
17
+ get isPropagationAllowed() {
18
+ return r;
19
+ },
20
+ trigger: n,
21
+ ...l
22
+ };
23
+ }
24
+ function d(e, t, n) {
25
+ const o = n ?? s;
26
+ return {
27
+ reason: e,
28
+ event: t ?? new Event("base-ui"),
29
+ ...o
30
+ };
2
31
  }
3
- const t = Object.freeze([]), c = Object.freeze({});
4
32
  export {
5
- t as EMPTY_ARRAY,
6
- c as EMPTY_OBJECT,
7
- e as NOOP
33
+ u as createChangeEventDetails,
34
+ d as createGenericEventDetails
8
35
  };
package/dist/index101.js CHANGED
@@ -1,10 +1,21 @@
1
- "use client";
2
- import * as c from "react";
3
- const t = {};
4
- function u(r, n) {
5
- const e = c.useRef(t);
6
- return e.current === t && (e.current = r(n)), e;
7
- }
1
+ const e = "none", s = "trigger-press", n = "trigger-hover", t = "trigger-focus", o = "outside-press", c = "item-press", i = "close-press", r = "clear-press", p = "chip-remove-press", g = "input-change", a = "input-clear", l = "focus-out", u = "escape-key", v = "list-navigation", m = "cancel-open", P = "sibling-open", h = "imperative-action", d = "window-resize";
8
2
  export {
9
- u as useRefWithInit
3
+ m as cancelOpen,
4
+ p as chipRemovePress,
5
+ r as clearPress,
6
+ i as closePress,
7
+ u as escapeKey,
8
+ l as focusOut,
9
+ h as imperativeAction,
10
+ g as inputChange,
11
+ a as inputClear,
12
+ c as itemPress,
13
+ v as listNavigation,
14
+ e as none,
15
+ o as outsidePress,
16
+ P as siblingOpen,
17
+ t as triggerFocus,
18
+ n as triggerHover,
19
+ s as triggerPress,
20
+ d as windowResize
10
21
  };
package/dist/index102.js CHANGED
@@ -1,90 +1,8 @@
1
1
  "use client";
2
- import * as s from "react";
3
- import { useStableCallback as y } from "./index127.js";
4
- import { useScrollLock as I } from "./index153.js";
5
- import { useOpenInteractionType as A } from "./index140.js";
6
- import { createChangeEventDetails as M } from "./index107.js";
7
- import { useImplicitActiveTrigger as B, useOpenStateTransitions as F } from "./index120.js";
8
- import { useSyncedFloatingRootContext as U } from "./index189.js";
9
- import { useRole as w } from "./index190.js";
10
- import { useDismiss as H } from "./index142.js";
11
- import { useInteractions as K } from "./index122.js";
12
- import { imperativeAction as L } from "./index108.js";
13
- import { getTarget as V, contains as j } from "./index151.js";
14
- function ee(R) {
15
- const {
16
- store: e,
17
- parentContext: o,
18
- actionsRef: x
19
- } = R, n = e.useState("open"), P = e.useState("disablePointerDismissal"), c = e.useState("modal"), l = e.useState("popupElement"), {
20
- openMethod: k,
21
- triggerProps: r,
22
- reset: S
23
- } = A(n);
24
- B(e);
25
- const {
26
- forceUnmount: m
27
- } = F(n, e, () => {
28
- S();
29
- }), f = y((t) => {
30
- const a = M(t);
31
- return a.preventUnmountOnClose = () => {
32
- e.set("preventUnmountingOnClose", !0);
33
- }, a;
34
- }), g = s.useCallback(() => {
35
- e.setOpen(!1, f(L));
36
- }, [e, f]);
37
- s.useImperativeHandle(x, () => ({
38
- unmount: m,
39
- close: g
40
- }), [m, g]);
41
- const u = U({
42
- popupStore: e,
43
- onOpenChange: e.setOpen,
44
- treatPopupAsFloatingElement: !0,
45
- noEmit: !0
46
- }), [i, d] = s.useState(0), C = i === 0, N = w(u), T = H(u, {
47
- outsidePressEvent() {
48
- return e.context.internalBackdropRef.current || e.context.backdropRef.current ? "intentional" : {
49
- mouse: c === "trap-focus" ? "sloppy" : "intentional",
50
- touch: "sloppy"
51
- };
52
- },
53
- outsidePress(t) {
54
- if ("button" in t && t.button !== 0 || "touches" in t && t.touches.length !== 1)
55
- return !1;
56
- const a = V(t);
57
- if (C && !P) {
58
- const p = a;
59
- return c && (e.context.internalBackdropRef.current || e.context.backdropRef.current) ? e.context.internalBackdropRef.current === p || e.context.backdropRef.current === p || j(p, l) && !p?.hasAttribute("data-base-ui-portal") : !0;
60
- }
61
- return !1;
62
- },
63
- escapeKey: C
64
- });
65
- I(n && c === !0, l);
66
- const {
67
- getReferenceProps: D,
68
- getFloatingProps: O,
69
- getTriggerProps: b
70
- } = K([N, T]);
71
- e.useContextCallback("onNestedDialogOpen", (t) => {
72
- d(t + 1);
73
- }), e.useContextCallback("onNestedDialogClose", () => {
74
- d(0);
75
- }), s.useEffect(() => (o?.onNestedDialogOpen && n && o.onNestedDialogOpen(i), o?.onNestedDialogClose && !n && o.onNestedDialogClose(), () => {
76
- o?.onNestedDialogClose && n && o.onNestedDialogClose();
77
- }), [n, o, i]);
78
- const h = s.useMemo(() => D(r), [D, r]), v = s.useMemo(() => b(r), [b, r]), E = s.useMemo(() => O(), [O]);
79
- e.useSyncedValues({
80
- openMethod: k,
81
- activeTriggerProps: h,
82
- inactiveTriggerProps: v,
83
- popupProps: E,
84
- floatingRootContext: u,
85
- nestedOpenDialogCount: i
86
- });
2
+ import { useId as u } from "./index184.js";
3
+ function r(e) {
4
+ return u(e, "base-ui");
87
5
  }
88
6
  export {
89
- ee as useDialogRoot
7
+ r as useBaseUiId
90
8
  };
package/dist/index103.js CHANGED
@@ -1,15 +1,6 @@
1
- "use client";
2
- import i from "./index94.js";
3
- import * as t from "react";
4
- const e = /* @__PURE__ */ t.createContext(void 0);
5
- process.env.NODE_ENV !== "production" && (e.displayName = "DialogRootContext");
6
- function s(n) {
7
- const o = t.useContext(e);
8
- if (n === !1 && o === void 0)
9
- throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>." : i(27));
10
- return o;
11
- }
1
+ let t = /* @__PURE__ */ (function(e) {
2
+ return e.nestedDialogs = "--nested-dialogs", e;
3
+ })({});
12
4
  export {
13
- e as DialogRootContext,
14
- s as useDialogRootContext
5
+ t as DialogPopupCssVars
15
6
  };
package/dist/index104.js CHANGED
@@ -1,65 +1,7 @@
1
- import * as i from "react";
2
- import { popupStoreSelectors as d, createInitialPopupStoreState as a } from "./index201.js";
3
- import { ReactStore as p } from "./index202.js";
4
- import { PopupTriggerMap as g } from "./index203.js";
5
- import { createSelector as n } from "./index204.js";
6
- const m = {
7
- ...d,
8
- modal: n((e) => e.modal),
9
- nested: n((e) => e.nested),
10
- nestedOpenDialogCount: n((e) => e.nestedOpenDialogCount),
11
- disablePointerDismissal: n((e) => e.disablePointerDismissal),
12
- openMethod: n((e) => e.openMethod),
13
- descriptionElementId: n((e) => e.descriptionElementId),
14
- titleElementId: n((e) => e.titleElementId),
15
- viewportElement: n((e) => e.viewportElement),
16
- role: n((e) => e.role)
17
- };
18
- class C extends p {
19
- constructor(o) {
20
- super(c(o), {
21
- popupRef: /* @__PURE__ */ i.createRef(),
22
- backdropRef: /* @__PURE__ */ i.createRef(),
23
- internalBackdropRef: /* @__PURE__ */ i.createRef(),
24
- triggerElements: new g(),
25
- onOpenChange: void 0,
26
- onOpenChangeComplete: void 0
27
- }, m);
28
- }
29
- setOpen = (o, t) => {
30
- if (t.preventUnmountOnClose = () => {
31
- this.set("preventUnmountingOnClose", !0);
32
- }, !o && t.trigger == null && this.state.activeTriggerId != null && (t.trigger = this.state.activeTriggerElement ?? void 0), this.context.onOpenChange?.(o, t), t.isCanceled)
33
- return;
34
- const s = {
35
- open: o,
36
- nativeEvent: t.event,
37
- reason: t.reason,
38
- nested: this.state.nested
39
- };
40
- this.state.floatingRootContext.context.events?.emit("openchange", s);
41
- const r = {
42
- open: o
43
- }, l = t.trigger?.id ?? null;
44
- (l || o) && (r.activeTriggerId = l, r.activeTriggerElement = t.trigger ?? null), this.update(r);
45
- };
46
- }
47
- function c(e = {}) {
48
- return {
49
- ...a(),
50
- modal: !0,
51
- disablePointerDismissal: !1,
52
- popupElement: null,
53
- viewportElement: null,
54
- descriptionElementId: void 0,
55
- titleElementId: void 0,
56
- openMethod: null,
57
- nested: !1,
58
- nestedOpenDialogCount: 0,
59
- role: "dialog",
60
- ...e
61
- };
62
- }
1
+ import { CommonPopupDataAttributes as e } from "./index98.js";
2
+ let y = (function(n) {
3
+ return n[n.open = e.open] = "open", n[n.closed = e.closed] = "closed", n[n.startingStyle = e.startingStyle] = "startingStyle", n[n.endingStyle = e.endingStyle] = "endingStyle", n.nested = "data-nested", n.nestedDialogOpen = "data-nested-dialog-open", n;
4
+ })({});
63
5
  export {
64
- C as DialogStore
6
+ y as DialogPopupDataAttributes
65
7
  };
package/dist/index105.js CHANGED
@@ -1,40 +1,14 @@
1
- import { TransitionStatusDataAttributes as p } from "./index106.js";
2
- let r = (function(n) {
3
- return n.open = "data-open", n.closed = "data-closed", n[n.startingStyle = p.startingStyle] = "startingStyle", n[n.endingStyle = p.endingStyle] = "endingStyle", n.anchorHidden = "data-anchor-hidden", n;
4
- })({}), e = /* @__PURE__ */ (function(n) {
5
- return n.popupOpen = "data-popup-open", n.pressed = "data-pressed", n;
6
- })({});
7
- const t = {
8
- [e.popupOpen]: ""
9
- }, d = {
10
- [e.popupOpen]: "",
11
- [e.pressed]: ""
12
- }, O = {
13
- [r.open]: ""
14
- }, l = {
15
- [r.closed]: ""
16
- }, s = {
17
- [r.anchorHidden]: ""
18
- }, i = {
19
- open(n) {
20
- return n ? t : null;
21
- }
22
- }, a = {
23
- open(n) {
24
- return n ? d : null;
25
- }
26
- }, o = {
27
- open(n) {
28
- return n ? O : l;
29
- },
30
- anchorHidden(n) {
31
- return n ? s : null;
32
- }
33
- };
1
+ import r from "./index112.js";
2
+ import * as t from "react";
3
+ const e = /* @__PURE__ */ t.createContext(void 0);
4
+ process.env.NODE_ENV !== "production" && (e.displayName = "DialogPortalContext");
5
+ function a() {
6
+ const o = t.useContext(e);
7
+ if (o === void 0)
8
+ throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: <Dialog.Portal> is missing." : r(26));
9
+ return o;
10
+ }
34
11
  export {
35
- r as CommonPopupDataAttributes,
36
- e as CommonTriggerDataAttributes,
37
- o as popupStateMapping,
38
- a as pressableTriggerOpenStateMapping,
39
- i as triggerOpenStateMapping
12
+ e as DialogPortalContext,
13
+ a as useDialogPortalContext
40
14
  };
package/dist/index106.js CHANGED
@@ -1,16 +1,21 @@
1
- let n = /* @__PURE__ */ (function(t) {
2
- return t.startingStyle = "data-starting-style", t.endingStyle = "data-ending-style", t;
3
- })({});
4
- const e = {
5
- [n.startingStyle]: ""
6
- }, i = {
7
- [n.endingStyle]: ""
8
- }, r = {
9
- transitionStatus(t) {
10
- return t === "starting" ? e : t === "ending" ? i : null;
11
- }
12
- };
1
+ "use client";
2
+ import * as a from "react";
3
+ import { useStableCallback as f } from "./index124.js";
4
+ import { useValueAsRef as p } from "./index132.js";
5
+ import { useAnimationsFinished as u } from "./index204.js";
6
+ function b(i) {
7
+ const {
8
+ enabled: n = !0,
9
+ open: e,
10
+ ref: s,
11
+ onComplete: m
12
+ } = i, o = p(e), t = f(m), r = u(s, e);
13
+ a.useEffect(() => {
14
+ n && r(() => {
15
+ e === o.current && t();
16
+ });
17
+ }, [n, e, t, r, o]);
18
+ }
13
19
  export {
14
- n as TransitionStatusDataAttributes,
15
- r as transitionStatusMapping
20
+ b as useOpenChangeComplete
16
21
  };
package/dist/index107.js CHANGED
@@ -1,35 +1,15 @@
1
- import { EMPTY_OBJECT as s } from "./index100.js";
2
- function u(e, t, n, o) {
3
- let a = !1, r = !1;
4
- const l = s;
5
- return {
6
- reason: e,
7
- event: t ?? new Event("base-ui"),
8
- cancel() {
9
- a = !0;
10
- },
11
- allowPropagation() {
12
- r = !0;
13
- },
14
- get isCanceled() {
15
- return a;
16
- },
17
- get isPropagationAllowed() {
18
- return r;
19
- },
20
- trigger: n,
21
- ...l
22
- };
23
- }
24
- function d(e, t, n) {
25
- const o = n ?? s;
26
- return {
27
- reason: e,
28
- event: t ?? new Event("base-ui"),
29
- ...o
30
- };
31
- }
1
+ const t = "ArrowUp", n = "ArrowDown", o = "ArrowLeft", R = "ArrowRight", e = "Home", c = "End", E = /* @__PURE__ */ new Set([o, R]), A = /* @__PURE__ */ new Set([t, n]), O = /* @__PURE__ */ new Set([...E, ...A]);
2
+ [...O];
3
+ const s = /* @__PURE__ */ new Set([t, n, o, R, e, "End"]);
32
4
  export {
33
- u as createChangeEventDetails,
34
- d as createGenericEventDetails
5
+ n as ARROW_DOWN,
6
+ O as ARROW_KEYS,
7
+ o as ARROW_LEFT,
8
+ R as ARROW_RIGHT,
9
+ t as ARROW_UP,
10
+ s as COMPOSITE_KEYS,
11
+ c as END,
12
+ e as HOME,
13
+ E as HORIZONTAL_KEYS,
14
+ A as VERTICAL_KEYS
35
15
  };