@yselimcan/ui 0.0.4 → 0.0.5

package/dist/index131.js

@@ -1,32 +1,20 @@
 "use client";
-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];
+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);
 }
 export {
-  d as useControlled
+  o as LabelableContext,
+  a as useLabelableContext
 };

package/dist/index132.js

@@ -1,20 +1,30 @@
 "use client";
-import { useIsoLayoutEffect as n } from "./index104.js";
-import { useRefWithInit as r } from "./index107.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;
+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);
+      };
     }
-  };
-  return t;
+  }, [e, r, l, t, o, n]), l ?? n;
 }
 export {
-  s as useValueAsRef
+  x as useLabelableId
 };

package/dist/index133.js

@@ -1,24 +1,43 @@
-import o from "./index94.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;
+"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]);
 }
 export {
-  c as SelectFloatingContext,
-  n as SelectRootContext,
-  i as useSelectFloatingContext,
-  s as useSelectRootContext
+  g as useTransitionStatus
 };

package/dist/index134.js

@@ -1,61 +1,45 @@
-"use client";
-import s from "./index94.js";
-import * as a from "react";
-import { DEFAULT_VALIDITY_STATE as n } from "./index153.js";
-import { NOOP as e, EMPTY_OBJECT as o } from "./index100.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;
-}
+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);
+  })
+};
 export {
-  l as FieldRootContext,
-  f as useFieldRootContext
+  p as selectors
 };

package/dist/index135.js

@@ -1,20 +1,24 @@
 "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
+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
+  }
 });
-process.env.NODE_ENV !== "production" && (o.displayName = "LabelableContext");
-function a() {
-  return t.useContext(o);
+process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
+function n() {
+  return e.useContext(t);
 }
 export {
-  o as LabelableContext,
-  a as useLabelableContext
+  t as FormContext,
+  n as useFormContext
 };

package/dist/index136.js

@@ -1,30 +1,51 @@
-"use client";
-import { useIsoLayoutEffect as s } from "./index104.js";
-import { isElement as u } from "./index101.js";
-import { useBaseUiId as m } from "./index115.js";
-import { useLabelableContext as c } from "./index135.js";
-import { NOOP as d } from "./index100.js";
-function x(f = {}) {
+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) {
   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);
-      };
-    }
-  }, [e, r, l, t, o, n]), l ?? n;
+    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]);
 }
 export {
-  x as useLabelableId
+  S as useField
 };

package/dist/index137.js

@@ -1,43 +1,54 @@
 "use client";
-import * as c from "react";
-import { useIsoLayoutEffect as d } from "./index104.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);
-      };
+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);
     }
-  }, [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]);
+    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(", ");
 }
 export {
-  g as useTransitionStatus
+  t as isGroupedItems,
+  p as resolveMultipleLabels,
+  y as resolveSelectedLabel,
+  e as stringifyAsLabel,
+  b as stringifyAsValue
 };

package/dist/index138.js

@@ -1,45 +1,20 @@
-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);
-  })
-};
+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));
+}
 export {
-  p as selectors
+  u as compareItemEquality,
+  f as defaultItemEquality,
+  d as findItemIndex,
+  i as itemIncludes,
+  s as removeItem
 };

package/dist/index139.js

@@ -1,24 +1,14 @@
-"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
-  }
-});
-process.env.NODE_ENV !== "production" && (t.displayName = "FormContext");
-function n() {
-  return e.useContext(t);
+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]);
 }
 export {
-  t as FormContext,
-  n as useFormContext
+  u as useValueChanged
 };