@yselimcan/ui 0.0.7 → 0.0.8

package/dist/index89.js

@@ -1,98 +1,21 @@
-"use client";
-import * as p from "react";
-import { useStableCallback as x } from "./index95.js";
-import { useControlled as L } from "./index107.js";
-import { useIsoLayoutEffect as k } from "./index97.js";
-import { useFieldRootContext as b } from "./index172.js";
-import { useLabelableContext as B } from "./index173.js";
-import { useLabelableId as S } from "./index174.js";
-import { fieldValidityMapping as U } from "./index184.js";
-import { useRenderElement as A } from "./index87.js";
-import { useField as K } from "./index177.js";
-import { createChangeEventDetails as O } from "./index115.js";
-import { none as _ } from "./index116.js";
-const j = /* @__PURE__ */ p.forwardRef(function(n, C) {
-  const {
-    render: z,
-    className: G,
-    id: g,
-    name: v,
-    value: o,
-    disabled: R = !1,
-    onValueChange: V,
-    defaultValue: i,
-    ...F
-  } = n, {
-    state: s,
-    name: y,
-    disabled: E
-  } = b(), r = E || R, u = y ?? v, N = p.useMemo(() => ({
-    ...s,
-    disabled: r
-  }), [s, r]), {
-    setTouched: d,
-    setDirty: P,
-    validityData: T,
-    setFocused: m,
-    setFilled: l,
-    validationMode: h,
-    validation: t
-  } = b(), {
-    labelId: D
-  } = B(), f = S({
-    id: g
-  });
-  k(() => {
-    const e = o != null;
-    t.inputRef.current?.value || e && o !== "" ? l(!0) : e && o === "" && l(!1);
-  }, [t.inputRef, l, o]);
-  const [c, I] = L({
-    controlled: o,
-    default: i,
-    name: "FieldControl",
-    state: "value"
-  }), M = o !== void 0, w = x((e, a) => {
-    V?.(e, a), !a.isCanceled && I(e);
-  });
-  return K({
-    id: f,
-    name: u,
-    commit: t.commit,
-    value: c,
-    getValue: () => t.inputRef.current?.value,
-    controlRef: t.inputRef
-  }), A("input", n, {
-    ref: C,
-    state: N,
-    props: [{
-      id: f,
-      disabled: r,
-      name: u,
-      ref: t.inputRef,
-      "aria-labelledby": D,
-      ...M ? {
-        value: c
-      } : {
-        defaultValue: i
-      },
-      onChange(e) {
-        const a = e.currentTarget.value;
-        w(a, O(_, e.nativeEvent)), P(a !== T.initialValue), l(a !== "");
-      },
-      onFocus() {
-        m(!0);
-      },
-      onBlur(e) {
-        d(!0), m(!1), h === "onBlur" && t.commit(e.currentTarget.value);
-      },
-      onKeyDown(e) {
-        e.currentTarget.tagName === "INPUT" && e.key === "Enter" && (d(!0), t.commit(e.currentTarget.value));
-      }
-    }, t.getInputValidationProps(), F],
-    stateAttributesMapping: U
-  });
-});
-process.env.NODE_ENV !== "production" && (j.displayName = "FieldControl");
+import { forwardRef as m, createElement as l } from "react";
+import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./index90.js";
+import n from "./index91.js";
+const C = (e, t) => {
+  const o = m(
+    ({ className: a, ...s }, c) => l(n, {
+      ref: c,
+      iconNode: t,
+      className: d(
+        `lucide-${f(r(e))}`,
+        `lucide-${e}`,
+        a
+      ),
+      ...s
+    })
+  );
+  return o.displayName = r(e), o;
+};
 export {
-  j as FieldControl
+  C as default
 };

package/dist/index90.js

@@ -1,21 +1,18 @@
-import { forwardRef as m, createElement as l } from "react";
-import { mergeClasses as d, toKebabCase as f, toPascalCase as r } from "./index91.js";
-import n from "./index92.js";
-const C = (e, t) => {
-  const o = m(
-    ({ className: a, ...s }, c) => l(n, {
-      ref: c,
-      iconNode: t,
-      className: d(
-        `lucide-${f(r(e))}`,
-        `lucide-${e}`,
-        a
-      ),
-      ...s
-    })
-  );
-  return o.displayName = r(e), o;
+const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
+), n = (t) => {
+  const e = a(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
 };
 export {
-  C as default
+  i as hasA11yProp,
+  c as mergeClasses,
+  a as toCamelCase,
+  s as toKebabCase,
+  n as toPascalCase
 };

package/dist/index91.js

@@ -1,18 +1,35 @@
-const s = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), a = (t) => t.replace(
-  /^([A-Z])|[\s-_]+(\w)/g,
-  (e, o, r) => r ? r.toUpperCase() : o.toLowerCase()
-), n = (t) => {
-  const e = a(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, c = (...t) => t.filter((e, o, r) => !!e && e.trim() !== "" && r.indexOf(e) === o).join(" ").trim(), i = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
-      return !0;
-};
+import { forwardRef as l, createElement as o } from "react";
+import A from "./index92.js";
+import { mergeClasses as b, hasA11yProp as c } from "./index90.js";
+const h = l(
+  ({
+    color: m = "currentColor",
+    size: t = 24,
+    strokeWidth: e = 2,
+    absoluteStrokeWidth: s,
+    className: u = "",
+    children: r,
+    iconNode: f,
+    ...a
+  }, p) => o(
+    "svg",
+    {
+      ref: p,
+      ...A,
+      width: t,
+      height: t,
+      stroke: m,
+      strokeWidth: s ? Number(e) * 24 / Number(t) : e,
+      className: b("lucide", u),
+      ...!r && !c(a) && { "aria-hidden": "true" },
+      ...a
+    },
+    [
+      ...f.map(([i, d]) => o(i, d)),
+      ...Array.isArray(r) ? r : [r]
+    ]
+  )
+);
 export {
-  i as hasA11yProp,
-  c as mergeClasses,
-  a as toCamelCase,
-  s as toKebabCase,
-  n as toPascalCase
+  h as default
 };

package/dist/index92.js

@@ -1,35 +1,14 @@
-import { forwardRef as l, createElement as o } from "react";
-import A from "./index93.js";
-import { mergeClasses as b, hasA11yProp as c } from "./index91.js";
-const h = l(
-  ({
-    color: m = "currentColor",
-    size: t = 24,
-    strokeWidth: e = 2,
-    absoluteStrokeWidth: s,
-    className: u = "",
-    children: r,
-    iconNode: f,
-    ...a
-  }, p) => o(
-    "svg",
-    {
-      ref: p,
-      ...A,
-      width: t,
-      height: t,
-      stroke: m,
-      strokeWidth: s ? Number(e) * 24 / Number(t) : e,
-      className: b("lucide", u),
-      ...!r && !c(a) && { "aria-hidden": "true" },
-      ...a
-    },
-    [
-      ...f.map(([i, d]) => o(i, d)),
-      ...Array.isArray(r) ? r : [r]
-    ]
-  )
-);
+var t = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
 export {
-  h as default
+  t as default
 };

package/dist/index93.js

@@ -1,14 +1,92 @@
-var t = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
+"use client";
+import * as i from "react";
+import { isHTMLElement as K } from "./index164.js";
+import { useStableCallback as d } from "./index127.js";
+import { error as m } from "./index198.js";
+import { useIsoLayoutEffect as N } from "./index126.js";
+import { useCompositeRootContext as O } from "./index190.js";
+import { useFocusableWhenDisabled as T } from "./index199.js";
+import { mergeProps as U, makeEventPreventable as b } from "./index27.js";
+function F(a = {}) {
+  const {
+    disabled: n = !1,
+    focusableWhenDisabled: h,
+    tabIndex: D = 0,
+    native: o = !0
+  } = a, r = i.useRef(null), u = O(!0) !== void 0, f = d(() => {
+    const t = r.current;
+    return !!(t?.tagName === "A" && t?.href);
+  }), {
+    props: s
+  } = T({
+    focusableWhenDisabled: h,
+    disabled: n,
+    composite: u,
+    tabIndex: D,
+    isNativeButton: o
+  });
+  process.env.NODE_ENV !== "production" && i.useEffect(() => {
+    if (!r.current)
+      return;
+    const t = r.current.tagName === "BUTTON";
+    o ? t || m("A component that acts as a button was not rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is a real <button>, or set the `nativeButton` prop on the component to `false`.") : t && m("A component that acts as a button was rendered as a native <button>, which does not match the default. Ensure that the element passed to the `render` prop of the component is not a real <button>, or set the `nativeButton` prop on the component to `true`.");
+  }, [o]);
+  const l = i.useCallback(() => {
+    const t = r.current;
+    I(t) && u && n && s.disabled === void 0 && t.disabled && (t.disabled = !1);
+  }, [n, s.disabled, u]);
+  N(l, [l]);
+  const y = i.useCallback((t = {}) => {
+    const {
+      onClick: c,
+      onMouseDown: k,
+      onKeyUp: E,
+      onKeyDown: g,
+      onPointerDown: B,
+      ...C
+    } = t;
+    return U({
+      type: o ? "button" : void 0,
+      onClick(e) {
+        if (n) {
+          e.preventDefault();
+          return;
+        }
+        c?.(e);
+      },
+      onMouseDown(e) {
+        n || k?.(e);
+      },
+      onKeyDown(e) {
+        if (n || (b(e), g?.(e)), e.baseUIHandlerPrevented)
+          return;
+        const P = e.target === e.currentTarget && !o && !f() && !n, p = e.key === "Enter", x = e.key === " ";
+        P && ((x || p) && e.preventDefault(), p && c?.(e));
+      },
+      onKeyUp(e) {
+        n || (b(e), E?.(e)), !e.baseUIHandlerPrevented && e.target === e.currentTarget && !o && !n && e.key === " " && c?.(e);
+      },
+      onPointerDown(e) {
+        if (n) {
+          e.preventDefault();
+          return;
+        }
+        B?.(e);
+      }
+    }, o ? void 0 : {
+      role: "button"
+    }, s, C);
+  }, [n, s, o, f]), w = d((t) => {
+    r.current = t, l();
+  });
+  return {
+    getButtonProps: y,
+    buttonRef: w
+  };
+}
+function I(a) {
+  return K(a) && a.tagName === "BUTTON";
+}
 export {
-  t as default
+  F as useButton
 };

package/dist/index94.js

@@ -1,136 +1,7 @@
-function c() {
-  return typeof window < "u";
-}
-function u(t) {
-  return p(t) ? (t.nodeName || "").toLowerCase() : "#document";
-}
-function i(t) {
-  var e;
-  return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
-}
-function N(t) {
-  var e;
-  return (e = (p(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
-}
-function p(t) {
-  return c() ? t instanceof Node || t instanceof i(t).Node : !1;
-}
-function m(t) {
-  return c() ? t instanceof Element || t instanceof i(t).Element : !1;
-}
-function w(t) {
-  return c() ? t instanceof HTMLElement || t instanceof i(t).HTMLElement : !1;
-}
-function f(t) {
-  return !c() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof i(t).ShadowRoot;
-}
-const E = /* @__PURE__ */ new Set(["inline", "contents"]);
-function y(t) {
-  const {
-    overflow: e,
-    overflowX: n,
-    overflowY: o,
-    display: r
-  } = S(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + o + n) && !E.has(r);
-}
-const T = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function A(t) {
-  return T.has(u(t));
-}
-const v = [":popover-open", ":modal"];
-function L(t) {
-  return v.some((e) => {
-    try {
-      return t.matches(e);
-    } catch {
-      return !1;
-    }
-  });
-}
-const D = ["transform", "translate", "scale", "rotate", "perspective"], C = ["transform", "translate", "scale", "rotate", "perspective", "filter"], k = ["paint", "layout", "strict", "content"];
-function V(t) {
-  const e = O(), n = m(t) ? S(t) : t;
-  return D.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || C.some((o) => (n.willChange || "").includes(o)) || k.some((o) => (n.contain || "").includes(o));
-}
-function B(t) {
-  let e = s(t);
-  for (; w(e) && !h(e); ) {
-    if (V(e))
-      return e;
-    if (L(e))
-      return null;
-    e = s(e);
-  }
-  return null;
-}
-function O() {
-  return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
-}
-const R = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function h(t) {
-  return R.has(u(t));
-}
-function S(t) {
-  return i(t).getComputedStyle(t);
-}
-function F(t) {
-  return m(t) ? {
-    scrollLeft: t.scrollLeft,
-    scrollTop: t.scrollTop
-  } : {
-    scrollLeft: t.scrollX,
-    scrollTop: t.scrollY
-  };
-}
-function s(t) {
-  if (u(t) === "html")
-    return t;
-  const e = (
-    // Step into the shadow DOM of the parent of a slotted node.
-    t.assignedSlot || // DOM Element detected.
-    t.parentNode || // ShadowRoot detected.
-    f(t) && t.host || // Fallback.
-    N(t)
-  );
-  return f(e) ? e.host : e;
-}
-function b(t) {
-  const e = s(t);
-  return h(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : w(e) && y(e) ? e : b(e);
-}
-function d(t, e, n) {
-  var o;
-  e === void 0 && (e = []), n === void 0 && (n = !0);
-  const r = b(t), g = r === ((o = t.ownerDocument) == null ? void 0 : o.body), l = i(r);
-  if (g) {
-    const a = _(l);
-    return e.concat(l, l.visualViewport || [], y(r) ? r : [], a && n ? d(a) : []);
-  }
-  return e.concat(r, d(r, [], n));
-}
-function _(t) {
-  return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
+function o(r, ...a) {
+  const e = new URL(`https://base-ui.com/production-error/${r}`);
+  return a.forEach((s) => e.searchParams.append("args[]", s)), `Base UI error #${r}; visit ${e} for the full message.`;
 }
 export {
-  S as getComputedStyle,
-  B as getContainingBlock,
-  N as getDocumentElement,
-  _ as getFrameElement,
-  b as getNearestOverflowAncestor,
-  u as getNodeName,
-  F as getNodeScroll,
-  d as getOverflowAncestors,
-  s as getParentNode,
-  i as getWindow,
-  V as isContainingBlock,
-  m as isElement,
-  w as isHTMLElement,
-  h as isLastTraversableNode,
-  p as isNode,
-  y as isOverflowElement,
-  f as isShadowRoot,
-  A as isTableElement,
-  L as isTopLayer,
-  O as isWebKit
+  o as default
 };

package/dist/index95.js

@@ -1,30 +1,69 @@
-"use client";
-import * as a from "react";
-import { useRefWithInit as c } from "./index168.js";
-const n = a[`useInsertionEffect${Math.random().toFixed(1)}`.slice(0, -3)], r = (
-  // React 17 doesn't have useInsertionEffect.
-  n && // Preact replaces useInsertionEffect with useLayoutEffect and fires too late.
-  n !== a.useLayoutEffect ? n : (e) => e()
-);
-function f(e) {
-  const t = c(o).current;
-  return t.next = e, r(t.effect), t.trampoline;
+import { useRefWithInit as r } from "./index101.js";
+function b(n, e, c, t) {
+  const l = r(i).current;
+  return s(l, n, e, c, t) && o(l, [n, e, c, t]), l.callback;
 }
-function o() {
-  const e = {
-    next: void 0,
-    callback: l,
-    trampoline: (...t) => e.callback?.(...t),
-    effect: () => {
-      e.callback = e.next;
-    }
+function h(n) {
+  const e = r(i).current;
+  return f(e, n) && o(e, n), e.callback;
+}
+function i() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
   };
-  return e;
 }
-function l() {
-  if (process.env.NODE_ENV !== "production")
-    throw new Error("Base UI: Cannot call an event handler while rendering.");
+function s(n, e, c, t, l) {
+  return n.refs[0] !== e || n.refs[1] !== c || n.refs[2] !== t || n.refs[3] !== l;
+}
+function f(n, e) {
+  return n.refs.length !== e.length || n.refs.some((c, t) => c !== e[t]);
+}
+function o(n, e) {
+  if (n.refs = e, e.every((c) => c == null)) {
+    n.callback = null;
+    return;
+  }
+  n.callback = (c) => {
+    if (n.cleanup && (n.cleanup(), n.cleanup = null), c != null) {
+      const t = Array(e.length).fill(null);
+      for (let l = 0; l < e.length; l += 1) {
+        const u = e[l];
+        if (u != null)
+          switch (typeof u) {
+            case "function": {
+              const a = u(c);
+              typeof a == "function" && (t[l] = a);
+              break;
+            }
+            case "object": {
+              u.current = c;
+              break;
+            }
+          }
+      }
+      n.cleanup = () => {
+        for (let l = 0; l < e.length; l += 1) {
+          const u = e[l];
+          if (u != null)
+            switch (typeof u) {
+              case "function": {
+                const a = t[l];
+                typeof a == "function" ? a() : u(null);
+                break;
+              }
+              case "object": {
+                u.current = null;
+                break;
+              }
+            }
+        }
+      };
+    }
+  };
 }
 export {
-  f as useStableCallback
+  b as useMergedRefs,
+  h as useMergedRefsN
 };

package/dist/index96.js

@@ -1,11 +1,11 @@
-let o;
-process.env.NODE_ENV !== "production" && (o = /* @__PURE__ */ new Set());
-function s(...r) {
-  if (process.env.NODE_ENV !== "production") {
-    const e = r.join(" ");
-    o.has(e) || (o.add(e), console.error(`Base UI: ${e}`));
-  }
+import * as n from "react";
+import { isReactVersionAtLeast as o } from "./index200.js";
+function s(t) {
+  if (!/* @__PURE__ */ n.isValidElement(t))
+    return null;
+  const e = t, r = e.props;
+  return (o(19) ? r?.ref : e.ref) ?? null;
 }
 export {
-  s as error
+  s as getReactElementRef
 };

package/dist/index97.js

@@ -1,7 +1,16 @@
-"use client";
-import * as e from "react";
-const o = () => {
-}, t = typeof document < "u" ? e.useLayoutEffect : o;
+function i(r, n) {
+  const o = {};
+  for (const t in r) {
+    const e = r[t];
+    if (n?.hasOwnProperty(t)) {
+      const s = n[t](e);
+      s != null && Object.assign(o, s);
+      continue;
+    }
+    e === !0 ? o[`data-${t.toLowerCase()}`] = "" : e && (o[`data-${t.toLowerCase()}`] = e.toString());
+  }
+  return o;
+}
 export {
-  t as useIsoLayoutEffect
+  i as getStateAttributesProps
 };

package/dist/index98.js

@@ -1,15 +1,6 @@
-"use client";
-import n from "./index100.js";
-import * as t from "react";
-const e = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (e.displayName = "CompositeRootContext");
-function r(s = !1) {
-  const o = t.useContext(e);
-  if (o === void 0 && !s)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: CompositeRootContext is missing. Composite parts must be placed within <Composite.Root>." : n(16));
-  return o;
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
 }
 export {
-  e as CompositeRootContext,
-  r as useCompositeRootContext
+  t as resolveClassName
 };