@yselimcan/ui 0.0.5 → 0.0.6

package/dist/index131.js

@@ -1,20 +1,32 @@
 "use client";
-import * as t from "react";
-import { NOOP as e } from "./index100.js";
-const o = /* @__PURE__ */ t.createContext({
-  controlId: void 0,
-  setControlId: e,
-  labelId: void 0,
-  setLabelId: e,
-  messageIds: [],
-  setMessageIds: e,
-  getDescriptionProps: (n) => n
-});
-process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
-function a() {
-  return t.useContext(o);
+import * as n from "react";
+function d({
+  controlled: o,
+  default: s,
+  name: t,
+  state: i = "value"
+}) {
+  const {
+    current: e
+  } = n.useRef(o !== void 0), [l, c] = n.useState(s), u = e ? o : l;
+  if (process.env.NODE_ENV !== "production") {
+    n.useEffect(() => {
+      e !== (o !== void 0) && console.error([`Base UI: A component is changing the ${e ? "" : "un"}controlled ${i} state of ${t} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${t} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
+`));
+    }, [i, t, o]);
+    const {
+      current: r
+    } = n.useRef(s);
+    n.useEffect(() => {
+      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`Base UI: A component is changing the default ${i} state of an uncontrolled ${t} after being initialized. To suppress this warning opt to use a controlled ${t}.`].join(`
+`));
+    }, [JSON.stringify(s)]);
+  }
+  const f = n.useCallback((r) => {
+    e || c(r);
+  }, []);
+  return [u, f];
 }
 export {
-  o as LabelableContext,
-  a as useLabelableContext
+  d as useControlled
 };

package/dist/index132.js

@@ -1,30 +1,20 @@
 "use client";
-import { useIsoLayoutEffect as s } from "./index126.js";
-import { isElement as u } from "./index164.js";
-import { useBaseUiId as m } from "./index109.js";
-import { useLabelableContext as c } from "./index131.js";
-import { NOOP as d } from "./index100.js";
-function x(f = {}) {
-  const {
-    id: e,
-    implicit: o = !1,
-    controlRef: r
-  } = f, {
-    controlId: l,
-    setControlId: t
-  } = c(), n = m(e);
-  return s(() => {
-    if (!(!o && !e || t === d)) {
-      if (o) {
-        const i = r?.current;
-        u(i) && i.closest("label") != null ? t(e ?? null) : t(l ?? n);
-      } else e && t(e);
-      return () => {
-        e && t(void 0);
-      };
+import { useIsoLayoutEffect as n } from "./index126.js";
+import { useRefWithInit as r } from "./index94.js";
+function s(e) {
+  const t = r(f, e).current;
+  return t.next = e, n(t.effect), t;
+}
+function f(e) {
+  const t = {
+    current: e,
+    next: e,
+    effect: () => {
+      t.current = t.next;
     }
-  }, [e, r, l, t, o, n]), l ?? n;
+  };
+  return t;
 }
 export {
-  x as useLabelableId
+  s as useValueAsRef
 };

package/dist/index133.js

@@ -1,43 +1,24 @@
-"use client";
-import * as c from "react";
-import { useIsoLayoutEffect as d } from "./index126.js";
-import { AnimationFrame as u } from "./index160.js";
-function g(t, s = !1, f = !1) {
-  const [n, r] = c.useState(t && s ? "idle" : void 0), [i, a] = c.useState(t);
-  return t && !i && (a(!0), r("starting")), !t && i && n !== "ending" && !f && r("ending"), !t && !i && n === "ending" && r(void 0), d(() => {
-    if (!t && i && n !== "ending" && f) {
-      const e = u.request(() => {
-        r("ending");
-      });
-      return () => {
-        u.cancel(e);
-      };
-    }
-  }, [t, i, n, f]), d(() => {
-    if (!t || s)
-      return;
-    const e = u.request(() => {
-      r(void 0);
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t]), d(() => {
-    if (!t || !s)
-      return;
-    t && i && n !== "idle" && r("starting");
-    const e = u.request(() => {
-      r("idle");
-    });
-    return () => {
-      u.cancel(e);
-    };
-  }, [s, t, i, r, n]), c.useMemo(() => ({
-    mounted: i,
-    setMounted: a,
-    transitionStatus: n
-  }), [i, n]);
+import o from "./index112.js";
+import * as e from "react";
+const n = /* @__PURE__ */ e.createContext(null);
+process.env.NODE_ENV !== "production" && (n.displayName = "SelectRootContext");
+const c = /* @__PURE__ */ e.createContext(null);
+process.env.NODE_ENV !== "production" && (c.displayName = "SelectFloatingContext");
+function s() {
+  const t = e.useContext(n);
+  if (t === null)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectRootContext is missing. Select parts must be placed within <Select.Root>." : o(60));
+  return t;
+}
+function i() {
+  const t = e.useContext(c);
+  if (t === null)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: SelectFloatingContext is missing. Select parts must be placed within <Select.Root>." : o(61));
+  return t;
 }
 export {
-  g as useTransitionStatus
+  c as SelectFloatingContext,
+  n as SelectRootContext,
+  i as useSelectFloatingContext,
+  s as useSelectRootContext
 };

package/dist/index134.js

@@ -1,45 +1,61 @@
-import { compareItemEquality as n } from "./index138.js";
-import { stringifyAsValue as u } from "./index137.js";
-import { createSelector as r } from "./index204.js";
-const p = {
-  id: r((e) => e.id),
-  modal: r((e) => e.modal),
-  multiple: r((e) => e.multiple),
-  items: r((e) => e.items),
-  itemToStringLabel: r((e) => e.itemToStringLabel),
-  itemToStringValue: r((e) => e.itemToStringValue),
-  isItemEqualToValue: r((e) => e.isItemEqualToValue),
-  value: r((e) => e.value),
-  open: r((e) => e.open),
-  mounted: r((e) => e.mounted),
-  forceMount: r((e) => e.forceMount),
-  transitionStatus: r((e) => e.transitionStatus),
-  openMethod: r((e) => e.openMethod),
-  activeIndex: r((e) => e.activeIndex),
-  selectedIndex: r((e) => e.selectedIndex),
-  isActive: r((e, t) => e.activeIndex === t),
-  isSelected: r((e, t, l) => {
-    const o = e.isItemEqualToValue, i = e.value;
-    return e.multiple ? Array.isArray(i) && i.some((s) => n(s, l, o)) : e.selectedIndex === t && e.selectedIndex !== null ? !0 : n(i, l, o);
-  }),
-  isSelectedByFocus: r((e, t) => e.selectedIndex === t),
-  popupProps: r((e) => e.popupProps),
-  triggerProps: r((e) => e.triggerProps),
-  triggerElement: r((e) => e.triggerElement),
-  positionerElement: r((e) => e.positionerElement),
-  listElement: r((e) => e.listElement),
-  scrollUpArrowVisible: r((e) => e.scrollUpArrowVisible),
-  scrollDownArrowVisible: r((e) => e.scrollDownArrowVisible),
-  hasScrollArrows: r((e) => e.hasScrollArrows),
-  serializedValue: r((e) => {
-    const {
-      multiple: t,
-      value: l,
-      itemToStringValue: o
-    } = e;
-    return t && Array.isArray(l) && l.length === 0 ? "" : u(l, o);
-  })
-};
+"use client";
+import s from "./index112.js";
+import * as a from "react";
+import { DEFAULT_VALIDITY_STATE as n } from "./index153.js";
+import { NOOP as e, EMPTY_OBJECT as o } from "./index122.js";
+const l = /* @__PURE__ */ a.createContext({
+  invalid: void 0,
+  name: void 0,
+  validityData: {
+    state: n,
+    errors: [],
+    error: "",
+    value: "",
+    initialValue: null
+  },
+  setValidityData: e,
+  disabled: void 0,
+  touched: !1,
+  setTouched: e,
+  dirty: !1,
+  setDirty: e,
+  filled: !1,
+  setFilled: e,
+  focused: !1,
+  setFocused: e,
+  validate: () => null,
+  validationMode: "onSubmit",
+  validationDebounceTime: 0,
+  shouldValidateOnChange: () => !1,
+  state: {
+    disabled: !1,
+    valid: null,
+    touched: !1,
+    dirty: !1,
+    filled: !1,
+    focused: !1
+  },
+  markedDirtyRef: {
+    current: !1
+  },
+  validation: {
+    getValidationProps: (t = o) => t,
+    getInputValidationProps: (t = o) => t,
+    inputRef: {
+      current: null
+    },
+    commit: async () => {
+    }
+  }
+});
+process.env.NODE_ENV !== "production" && (l.displayName = "FieldRootContext");
+function f(t = !0) {
+  const i = a.useContext(l);
+  if (i.setValidityData === e && !t)
+    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: FieldRootContext is missing. Field parts must be placed within <Field.Root>." : s(28));
+  return i;
+}
 export {
-  p as selectors
+  l as FieldRootContext,
+  f as useFieldRootContext
 };

package/dist/index135.js

@@ -1,24 +1,20 @@
 "use client";
-import * as e from "react";
-import { NOOP as r } from "./index100.js";
-const t = /* @__PURE__ */ e.createContext({
-  formRef: {
-    current: {
-      fields: /* @__PURE__ */ new Map()
-    }
-  },
-  errors: {},
-  clearErrors: r,
-  validationMode: "onSubmit",
-  submitAttemptedRef: {
-    current: !1
-  }
+import * as t from "react";
+import { NOOP as e } from "./index122.js";
+const o = /* @__PURE__ */ t.createContext({
+  controlId: void 0,
+  setControlId: e,
+  labelId: void 0,
+  setLabelId: e,
+  messageIds: [],
+  setMessageIds: e,
+  getDescriptionProps: (n) => n
 });
-process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
-function n() {
-  return e.useContext(t);
+process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
+function a() {
+  return t.useContext(o);
 }
 export {
-  t as FormContext,
-  n as useFormContext
+  o as LabelableContext,
+  a as useLabelableContext
 };

package/dist/index136.js

@@ -1,51 +1,30 @@
-import * as p from "react-dom";
-import { useIsoLayoutEffect as r } from "./index126.js";
-import { useStableCallback as D } from "./index127.js";
-import { getCombinedFieldValidityData as v } from "./index209.js";
-import { useFormContext as R } from "./index135.js";
-import { useFieldRootContext as b } from "./index130.js";
-function S(u) {
+"use client";
+import { useIsoLayoutEffect as s } from "./index126.js";
+import { isElement as u } from "./index123.js";
+import { useBaseUiId as m } from "./index102.js";
+import { useLabelableContext as c } from "./index135.js";
+import { NOOP as d } from "./index122.js";
+function x(f = {}) {
   const {
-    enabled: l = !0,
-    value: a,
-    id: t,
-    name: f,
-    controlRef: d,
-    commit: m
-  } = u, {
-    formRef: n
-  } = R(), {
-    invalid: s,
-    markedDirtyRef: c,
-    validityData: o,
-    setValidityData: V
-  } = b(), i = D(u.getValue);
-  r(() => {
-    if (!l)
-      return;
-    let e = a;
-    e === void 0 && (e = i()), o.initialValue === null && e !== null && V((y) => ({
-      ...y,
-      initialValue: e
-    }));
-  }, [l, V, a, o.initialValue, i]), r(() => {
-    !l || !t || n.current.fields.set(t, {
-      getValue: i,
-      name: f,
-      controlRef: d,
-      validityData: v(o, s),
-      validate() {
-        let e = a;
-        e === void 0 && (e = i()), c.current = !0, p.flushSync(() => m(e));
-      }
-    });
-  }, [m, d, l, n, i, t, s, c, f, o, a]), r(() => {
-    const e = n.current.fields;
-    return () => {
-      t && e.delete(t);
-    };
-  }, [n, t]);
+    id: e,
+    implicit: o = !1,
+    controlRef: r
+  } = f, {
+    controlId: l,
+    setControlId: t
+  } = c(), n = m(e);
+  return s(() => {
+    if (!(!o && !e || t === d)) {
+      if (o) {
+        const i = r?.current;
+        u(i) && i.closest("label") != null ? t(e ?? null) : t(l ?? n);
+      } else e && t(e);
+      return () => {
+        e && t(void 0);
+      };
+    }
+  }, [e, r, l, t, o, n]), l ?? n;
 }
 export {
-  S as useField
+  x as useLabelableId
 };

package/dist/index137.js

@@ -1,54 +1,43 @@
 "use client";
-import { serializeValue as c } from "./index206.js";
-function t(n) {
-  return n != null && n.length > 0 && typeof n[0] == "object" && n[0] != null && "items" in n[0];
-}
-function e(n, r) {
-  if (r && n != null)
-    return r(n) ?? "";
-  if (n && typeof n == "object") {
-    if ("label" in n && n.label != null)
-      return String(n.label);
-    if ("value" in n)
-      return String(n.value);
-  }
-  return c(n);
-}
-function b(n, r) {
-  return r && n != null ? r(n) ?? "" : n && typeof n == "object" && "value" in n && "label" in n ? c(n.value) : c(n);
-}
-function y(n, r, f) {
-  if (f && n != null)
-    return f(n);
-  if (n && typeof n == "object" && "label" in n && n.label != null)
-    return n.label;
-  if (r && !Array.isArray(r))
-    return r[n] ?? e(n, f);
-  if (Array.isArray(r)) {
-    const o = t(r) ? r.flatMap((l) => l.items) : r;
-    if (n == null) {
-      const l = o.find((u) => u.value == null);
-      return l && l.label != null ? l.label : e(n, f);
+import * as c from "react";
+import { useIsoLayoutEffect as d } from "./index126.js";
+import { AnimationFrame as u } from "./index164.js";
+function g(t, s = !1, f = !1) {
+  const [n, r] = c.useState(t && s ? "idle" : void 0), [i, a] = c.useState(t);
+  return t && !i && (a(!0), r("starting")), !t && i && n !== "ending" && !f && r("ending"), !t && !i && n === "ending" && r(void 0), d(() => {
+    if (!t && i && n !== "ending" && f) {
+      const e = u.request(() => {
+        r("ending");
+      });
+      return () => {
+        u.cancel(e);
+      };
     }
-    if (typeof n != "object") {
-      const l = o.find((u) => u && u.value === n);
-      return l && l.label != null ? l.label : e(n, f);
-    }
-    if ("value" in n) {
-      const l = o.find((u) => u && u.value === n.value);
-      if (l && l.label != null)
-        return l.label;
-    }
-  }
-  return e(n, f);
-}
-function p(n, r) {
-  return !Array.isArray(n) || n.length === 0 ? "" : n.map((f) => e(f, r)).join(", ");
+  }, [t, i, n, f]), d(() => {
+    if (!t || s)
+      return;
+    const e = u.request(() => {
+      r(void 0);
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t]), d(() => {
+    if (!t || !s)
+      return;
+    t && i && n !== "idle" && r("starting");
+    const e = u.request(() => {
+      r("idle");
+    });
+    return () => {
+      u.cancel(e);
+    };
+  }, [s, t, i, r, n]), c.useMemo(() => ({
+    mounted: i,
+    setMounted: a,
+    transitionStatus: n
+  }), [i, n]);
 }
 export {
-  t as isGroupedItems,
-  p as resolveMultipleLabels,
-  y as resolveSelectedLabel,
-  e as stringifyAsLabel,
-  b as stringifyAsValue
+  g as useTransitionStatus
 };

package/dist/index138.js

@@ -1,20 +1,45 @@
-const f = (n, e) => Object.is(n, e);
-function u(n, e, r) {
-  return n == null || e == null ? Object.is(n, e) : r(n, e);
-}
-function i(n, e, r) {
-  return !n || n.length === 0 ? !1 : n.some((t) => t === void 0 ? !1 : u(t, e, r));
-}
-function d(n, e, r) {
-  return !n || n.length === 0 ? -1 : n.findIndex((t) => t === void 0 ? !1 : u(t, e, r));
-}
-function s(n, e, r) {
-  return n.filter((t) => !u(t, e, r));
-}
+import { compareItemEquality as n } from "./index142.js";
+import { stringifyAsValue as u } from "./index141.js";
+import { createSelector as r } from "./index203.js";
+const p = {
+  id: r((e) => e.id),
+  modal: r((e) => e.modal),
+  multiple: r((e) => e.multiple),
+  items: r((e) => e.items),
+  itemToStringLabel: r((e) => e.itemToStringLabel),
+  itemToStringValue: r((e) => e.itemToStringValue),
+  isItemEqualToValue: r((e) => e.isItemEqualToValue),
+  value: r((e) => e.value),
+  open: r((e) => e.open),
+  mounted: r((e) => e.mounted),
+  forceMount: r((e) => e.forceMount),
+  transitionStatus: r((e) => e.transitionStatus),
+  openMethod: r((e) => e.openMethod),
+  activeIndex: r((e) => e.activeIndex),
+  selectedIndex: r((e) => e.selectedIndex),
+  isActive: r((e, t) => e.activeIndex === t),
+  isSelected: r((e, t, l) => {
+    const o = e.isItemEqualToValue, i = e.value;
+    return e.multiple ? Array.isArray(i) && i.some((s) => n(s, l, o)) : e.selectedIndex === t && e.selectedIndex !== null ? !0 : n(i, l, o);
+  }),
+  isSelectedByFocus: r((e, t) => e.selectedIndex === t),
+  popupProps: r((e) => e.popupProps),
+  triggerProps: r((e) => e.triggerProps),
+  triggerElement: r((e) => e.triggerElement),
+  positionerElement: r((e) => e.positionerElement),
+  listElement: r((e) => e.listElement),
+  scrollUpArrowVisible: r((e) => e.scrollUpArrowVisible),
+  scrollDownArrowVisible: r((e) => e.scrollDownArrowVisible),
+  hasScrollArrows: r((e) => e.hasScrollArrows),
+  serializedValue: r((e) => {
+    const {
+      multiple: t,
+      value: l,
+      itemToStringValue: o
+    } = e;
+    return t && Array.isArray(l) && l.length === 0 ? "" : u(l, o);
+  })
+};
 export {
-  u as compareItemEquality,
-  f as defaultItemEquality,
-  d as findItemIndex,
-  i as itemIncludes,
-  s as removeItem
+  p as selectors
 };

package/dist/index139.js

@@ -1,14 +1,24 @@
-import * as c from "react";
-import { useIsoLayoutEffect as o } from "./index126.js";
-import { useStableCallback as f } from "./index127.js";
-function u(r, n) {
-  const t = c.useRef(r), e = f(n);
-  o(() => {
-    t.current !== r && e(t.current);
-  }, [r, e]), o(() => {
-    t.current = r;
-  }, [r]);
+"use client";
+import * as e from "react";
+import { NOOP as r } from "./index122.js";
+const t = /* @__PURE__ */ e.createContext({
+  formRef: {
+    current: {
+      fields: /* @__PURE__ */ new Map()
+    }
+  },
+  errors: {},
+  clearErrors: r,
+  validationMode: "onSubmit",
+  submitAttemptedRef: {
+    current: !1
+  }
+});
+process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  u as useValueChanged
+  t as FormContext,
+  n as useFormContext
 };