@yselimcan/ui 0.0.2 → 0.0.3

package/dist/index86.js

@@ -0,0 +1,57 @@
+import R from "./index100.js";
+import * as P from "react";
+import { createElement as d } from "react";
+import { useMergedRefs as p, useMergedRefsN as b } from "./index101.js";
+import { getReactElementRef as y } from "./index102.js";
+import { mergeObjects as g } from "./index87.js";
+import { getStateAttributesProps as A } from "./index103.js";
+import { resolveClassName as M } from "./index104.js";
+import { resolveStyle as k } from "./index105.js";
+import { EMPTY_OBJECT as f } from "./index106.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,98 @@
+"use client";
+import * as p from "react";
+import { useStableCallback as x } from "./index95.js";
+import { useControlled as L } from "./index129.js";
+import { useIsoLayoutEffect as k } from "./index97.js";
+import { useFieldRootContext as b } from "./index178.js";
+import { useLabelableContext as B } from "./index179.js";
+import { useLabelableId as S } from "./index180.js";
+import { fieldValidityMapping as U } from "./index190.js";
+import { useRenderElement as A } from "./index86.js";
+import { useField as K } from "./index183.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/index89.js

@@ -0,0 +1,92 @@
+"use client";
+import * as i from "react";
+import { isHTMLElement as K } from "./index94.js";
+import { useStableCallback as d } from "./index95.js";
+import { error as m } from "./index96.js";
+import { useIsoLayoutEffect as N } from "./index97.js";
+import { useCompositeRootContext as O } from "./index98.js";
+import { useFocusableWhenDisabled as T } from "./index99.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/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,136 @@
+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;
+}
+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
+};