@yselimcan/ui 0.0.2 → 0.0.4

package/dist/index86.js

@@ -0,0 +1,57 @@
+import R from "./index94.js";
+import * as P from "react";
+import { createElement as d } from "react";
+import { useMergedRefs as p, useMergedRefsN as b } from "./index95.js";
+import { getReactElementRef as y } from "./index96.js";
+import { mergeObjects as g } from "./index87.js";
+import { getStateAttributesProps as A } from "./index97.js";
+import { resolveClassName as M } from "./index98.js";
+import { resolveStyle as k } from "./index99.js";
+import { EMPTY_OBJECT as f } from "./index100.js";
+import { mergePropsN as v, mergeClassNames as C, mergeProps as O } from "./index27.js";
+function Y(r, e, t = {}) {
+  const i = e.render, o = w(e, t);
+  if (t.enabled === !1)
+    return null;
+  const m = t.state ?? f;
+  return B(r, i, o, m);
+}
+function w(r, e = {}) {
+  const {
+    className: t,
+    style: i,
+    render: o
+  } = r, {
+    state: m = f,
+    ref: u,
+    props: a,
+    stateAttributesMapping: E,
+    enabled: s = !0
+  } = e, l = s ? M(t, m) : void 0, c = s ? k(i, m) : void 0, N = s ? A(m, E) : f, n = s ? g(N, Array.isArray(a) ? v(a) : a) ?? f : f;
+  return typeof document < "u" && (s ? Array.isArray(u) ? n.ref = b([n.ref, y(o), ...u]) : n.ref = p(n.ref, y(o), u) : p(null, null)), s ? (l !== void 0 && (n.className = C(n.className, l)), c !== void 0 && (n.style = g(n.style, c)), n) : f;
+}
+function B(r, e, t, i) {
+  if (e) {
+    if (typeof e == "function")
+      return e(t, i);
+    const o = O(t, e.props);
+    return o.ref = t.ref, /* @__PURE__ */ P.cloneElement(e, o);
+  }
+  if (r && typeof r == "string")
+    return S(r, t);
+  throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: Render element or function are not defined." : R(8));
+}
+function S(r, e) {
+  return r === "button" ? /* @__PURE__ */ d("button", {
+    type: "button",
+    ...e,
+    key: e.key
+  }) : r === "img" ? /* @__PURE__ */ d("img", {
+    alt: "",
+    ...e,
+    key: e.key
+  }) : /* @__PURE__ */ P.createElement(r, e);
+}
+export {
+  Y as useRenderElement
+};

package/dist/index87.js

@@ -0,0 +1,14 @@
+function n(e, r) {
+  if (e && !r)
+    return e;
+  if (!e && r)
+    return r;
+  if (e || r)
+    return {
+      ...e,
+      ...r
+    };
+}
+export {
+  n as mergeObjects
+};

package/dist/index88.js

@@ -0,0 +1,92 @@
+"use client";
+import * as i from "react";
+import { isHTMLElement as K } from "./index101.js";
+import { useStableCallback as d } from "./index102.js";
+import { error as m } from "./index103.js";
+import { useIsoLayoutEffect as N } from "./index104.js";
+import { useCompositeRootContext as O } from "./index105.js";
+import { useFocusableWhenDisabled as T } from "./index106.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 {
+  F as useButton
+};

package/dist/index89.js

@@ -0,0 +1,98 @@
+"use client";
+import * as p from "react";
+import { useStableCallback as x } from "./index102.js";
+import { useControlled as L } from "./index131.js";
+import { useIsoLayoutEffect as k } from "./index104.js";
+import { useFieldRootContext as b } from "./index134.js";
+import { useLabelableContext as B } from "./index135.js";
+import { useLabelableId as S } from "./index136.js";
+import { fieldValidityMapping as U } from "./index153.js";
+import { useRenderElement as A } from "./index86.js";
+import { useField as K } from "./index140.js";
+import { createChangeEventDetails as O } from "./index113.js";
+import { none as _ } from "./index114.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");
+export {
+  j as FieldControl
+};

package/dist/index9.js

@@ -0,0 +1,197 @@
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { useMemo as u } from "react";
+import { cva as c } from "./index25.js";
+import { cn as l } from "./index16.js";
+import { Label as m } from "./index12.js";
+import { Separator as p } from "./index14.js";
+function k({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "fieldset",
+    {
+      "data-slot": "field-set",
+      className: l("gap-4 has-[>[data-slot=checkbox-group]]:gap-3 has-[>[data-slot=radio-group]]:gap-3 flex flex-col", t),
+      ...e
+    }
+  );
+}
+function F({
+  className: t,
+  variant: e = "legend",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "legend",
+    {
+      "data-slot": "field-legend",
+      "data-variant": e,
+      className: l("mb-1.5 font-medium data-[variant=label]:text-sm data-[variant=legend]:text-base", t),
+      ...o
+    }
+  );
+}
+function y({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-group",
+      className: l(
+        "gap-5 data-[slot=checkbox-group]:gap-3 [&>[data-slot=field-group]]:gap-4 group/field-group @container/field-group flex w-full flex-col",
+        t
+      ),
+      ...e
+    }
+  );
+}
+const g = c("data-[invalid=true]:text-destructive gap-2 group/field flex w-full", {
+  variants: {
+    orientation: {
+      vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto",
+      horizontal: "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px",
+      responsive: "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px"
+    }
+  },
+  defaultVariants: {
+    orientation: "vertical"
+  }
+});
+function L({
+  className: t,
+  orientation: e = "vertical",
+  ...o
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      role: "group",
+      "data-slot": "field",
+      "data-orientation": e,
+      className: l(g({ orientation: e }), t),
+      ...o
+    }
+  );
+}
+function S({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-content",
+      className: l(
+        "gap-0.5 group/field-content flex flex-1 flex-col leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function j({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    m,
+    {
+      "data-slot": "field-label",
+      className: l(
+        "has-data-checked:bg-primary/5 has-data-checked:border-primary dark:has-data-checked:bg-primary/10 gap-2 group-data-[disabled=true]/field:opacity-50 has-[>[data-slot=field]]:rounded-lg has-[>[data-slot=field]]:border [&>*]:data-[slot=field]:p-2.5 group/field-label peer/field-label flex w-fit leading-snug",
+        "has-[>[data-slot=field]]:w-full has-[>[data-slot=field]]:flex-col",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function z({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "field-label",
+      className: l(
+        "gap-2 text-sm font-medium group-data-[disabled=true]/field:opacity-50 flex w-fit items-center leading-snug",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function E({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "p",
+    {
+      "data-slot": "field-description",
+      className: l(
+        "text-muted-foreground text-left text-sm [[data-variant=legend]+&]:-mt-1.5 leading-normal font-normal group-has-[[data-orientation=horizontal]]/field:text-balance",
+        "last:mt-0 nth-last-2:-mt-1",
+        "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function M({
+  children: t,
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      "data-slot": "field-separator",
+      "data-content": !!t,
+      className: l("-my-2 h-5 text-sm group-data-[variant=outline]/field-group:-mb-2 relative", e),
+      ...o,
+      children: [
+        /* @__PURE__ */ a(p, { className: "absolute inset-0 top-1/2" }),
+        t && /* @__PURE__ */ a(
+          "span",
+          {
+            className: "text-muted-foreground px-2 bg-background relative mx-auto block w-fit",
+            "data-slot": "field-separator-content",
+            children: t
+          }
+        )
+      ]
+    }
+  );
+}
+function V({
+  className: t,
+  children: e,
+  errors: o,
+  ...n
+}) {
+  const i = u(() => {
+    if (e)
+      return e;
+    if (!o?.length)
+      return null;
+    const d = [
+      ...new Map(o.map((r) => [r?.message, r])).values()
+    ];
+    return d?.length == 1 ? d[0]?.message : /* @__PURE__ */ a("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: d.map(
+      (r, s) => r?.message && /* @__PURE__ */ a("li", { children: r.message }, s)
+    ) });
+  }, [e, o]);
+  return i ? /* @__PURE__ */ a(
+    "div",
+    {
+      role: "alert",
+      "data-slot": "field-error",
+      className: l("text-destructive text-sm font-normal", t),
+      ...n,
+      children: i
+    }
+  ) : null;
+}
+export {
+  L as Field,
+  S as FieldContent,
+  E as FieldDescription,
+  V as FieldError,
+  y as FieldGroup,
+  j as FieldLabel,
+  F as FieldLegend,
+  M as FieldSeparator,
+  k as FieldSet,
+  z as FieldTitle
+};

package/dist/index90.js

@@ -0,0 +1,21 @@
+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;
+};
+export {
+  C as default
+};

package/dist/index91.js

@@ -0,0 +1,18 @@
+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 {
+  i as hasA11yProp,
+  c as mergeClasses,
+  a as toCamelCase,
+  s as toKebabCase,
+  n as toPascalCase
+};

package/dist/index92.js

@@ -0,0 +1,35 @@
+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]
+    ]
+  )
+);
+export {
+  h as default
+};

package/dist/index93.js

@@ -0,0 +1,14 @@
+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 {
+  t as default
+};

package/dist/index94.js

@@ -0,0 +1,7 @@
+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 {
+  o as default
+};

package/dist/index95.js

@@ -0,0 +1,69 @@
+import { useRefWithInit as r } from "./index107.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 h(n) {
+  const e = r(i).current;
+  return f(e, n) && o(e, n), e.callback;
+}
+function i() {
+  return {
+    callback: null,
+    cleanup: null,
+    refs: []
+  };
+}
+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 {
+  b as useMergedRefs,
+  h as useMergedRefsN
+};

package/dist/index96.js

@@ -0,0 +1,11 @@
+import * as n from "react";
+import { isReactVersionAtLeast as o } from "./index204.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 getReactElementRef
+};

package/dist/index97.js

@@ -0,0 +1,16 @@
+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 {
+  i as getStateAttributesProps
+};

package/dist/index98.js

@@ -0,0 +1,6 @@
+function t(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
+export {
+  t as resolveClassName
+};

package/dist/index99.js

@@ -0,0 +1,6 @@
+function e(n, o) {
+  return typeof n == "function" ? n(o) : n;
+}
+export {
+  e as resolveStyle
+};