@yselimcan/ui 0.0.7 → 0.0.9

package/package.json

@@ -1,19 +1,16 @@
 {
   "name": "@yselimcan/ui",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
     },
-    "./styles.css": {
-      "style": "./dist/styles.css",
-      "default": "./dist/styles.css"
-    }
+    "./styles.css": "./dist/styles.css"
   },
   "files": [
     "dist"
@@ -31,20 +28,21 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0",
-    "tailwindcss": "^4.0.0"
+    "tailwindcss": "^4.0.0",
+    "lucide-react": ">=0.460.0"
   },
   "dependencies": {
     "@base-ui/react": "^1.0.0",
-    "@fontsource-variable/inter": "^5.2.8",
-    "@fontsource-variable/jetbrains-mono": "^5.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.562.0",
     "tailwind-merge": "^3.4.0",
     "tw-animate-css": "^1.4.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@fontsource-variable/inter": "^5.2.8",
+    "@fontsource-variable/jetbrains-mono": "^5.2.8",
+    "lucide-react": "^0.562.0",
     "@tailwindcss/vite": "^4.1.18",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
@@ -56,7 +54,6 @@
     "globals": "^16.5.0",
     "react": "^19.2.0",
     "react-dom": "^19.2.0",
-    "rollup-preserve-directives": "^1.1.3",
     "tailwindcss": "^4.1.18",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",

package/dist/index10.js

@@ -1,137 +0,0 @@
-"use client";
-import { jsx as r } from "react/jsx-runtime";
-import "react";
-import { cva as i } from "./index25.js";
-import { cn as n } from "./index16.js";
-import { Button as u } from "./index5.js";
-import { Input as d } from "./index11.js";
-import { Textarea as l } from "./index15.js";
-function k({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      "data-slot": "input-group",
-      role: "group",
-      className: n(
-        "border-input dark:bg-input/30 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40 has-disabled:bg-input/50 dark:has-disabled:bg-input/80 h-8 rounded-lg border transition-colors has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5 [[data-slot=combobox-content]_&]:focus-within:border-inherit [[data-slot=combobox-content]_&]:focus-within:ring-0 group/input-group relative flex w-full min-w-0 items-center outline-none has-[>textarea]:h-auto",
-        a
-      ),
-      ...t
-    }
-  );
-}
-const p = i(
-  "text-muted-foreground h-auto gap-2 py-1.5 text-sm font-medium group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-4 flex cursor-text items-center justify-center select-none",
-  {
-    variants: {
-      align: {
-        "inline-start": "pl-2 has-[>button]:ml-[-0.3rem] has-[>kbd]:ml-[-0.15rem] order-first",
-        "inline-end": "pr-2 has-[>button]:mr-[-0.3rem] has-[>kbd]:mr-[-0.15rem] order-last",
-        "block-start": "px-2.5 pt-2 group-has-[>input]/input-group:pt-2 [.border-b]:pb-2 order-first w-full justify-start",
-        "block-end": "px-2.5 pb-2 group-has-[>input]/input-group:pb-2 [.border-t]:pt-2 order-last w-full justify-start"
-      }
-    },
-    defaultVariants: {
-      align: "inline-start"
-    }
-  }
-);
-function z({
-  className: a,
-  align: t = "inline-start",
-  ...o
-}) {
-  return /* @__PURE__ */ r(
-    "div",
-    {
-      role: "group",
-      "data-slot": "input-group-addon",
-      "data-align": t,
-      className: n(p({ align: t }), a),
-      onClick: (e) => {
-        e.target.closest("button") || e.currentTarget.parentElement?.querySelector("input")?.focus();
-      },
-      ...o
-    }
-  );
-}
-const c = i(
-  "gap-2 text-sm shadow-none flex items-center",
-  {
-    variants: {
-      size: {
-        xs: "h-6 gap-1 rounded-[calc(var(--radius)-3px)] px-1.5 [&>svg:not([class*='size-'])]:size-3.5",
-        sm: "",
-        "icon-xs": "size-6 rounded-[calc(var(--radius)-3px)] p-0 has-[>svg]:p-0",
-        "icon-sm": "size-8 p-0 has-[>svg]:p-0"
-      }
-    },
-    defaultVariants: {
-      size: "xs"
-    }
-  }
-);
-function w({
-  className: a,
-  type: t = "button",
-  variant: o = "ghost",
-  size: e = "xs",
-  ...s
-}) {
-  return /* @__PURE__ */ r(
-    u,
-    {
-      type: t,
-      "data-size": e,
-      variant: o,
-      className: n(c({ size: e }), a),
-      ...s
-    }
-  );
-}
-function y({ className: a, ...t }) {
-  return /* @__PURE__ */ r(
-    "span",
-    {
-      className: n(
-        "text-muted-foreground gap-2 text-sm [&_svg:not([class*='size-'])]:size-4 flex items-center [&_svg]:pointer-events-none",
-        a
-      ),
-      ...t
-    }
-  );
-}
-function G({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    d,
-    {
-      "data-slot": "input-group-control",
-      className: n("rounded-none border-0 bg-transparent shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1", a),
-      ...t
-    }
-  );
-}
-function I({
-  className: a,
-  ...t
-}) {
-  return /* @__PURE__ */ r(
-    l,
-    {
-      "data-slot": "input-group-control",
-      className: n("rounded-none border-0 bg-transparent py-2 shadow-none ring-0 focus-visible:ring-0 disabled:bg-transparent aria-invalid:ring-0 dark:bg-transparent dark:disabled:bg-transparent flex-1 resize-none", a),
-      ...t
-    }
-  );
-}
-export {
-  k as InputGroup,
-  z as InputGroupAddon,
-  w as InputGroupButton,
-  G as InputGroupInput,
-  y as InputGroupText,
-  I as InputGroupTextarea
-};

package/dist/index100.js

@@ -1,7 +0,0 @@
-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/index101.js

@@ -1,69 +0,0 @@
-import { useRefWithInit as r } from "./index168.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/index102.js

@@ -1,11 +0,0 @@
-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 getReactElementRef
-};

package/dist/index103.js

@@ -1,16 +0,0 @@
-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/index104.js

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

package/dist/index105.js

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

package/dist/index106.js

@@ -1,8 +0,0 @@
-function e() {
-}
-const t = Object.freeze([]), c = Object.freeze({});
-export {
-  t as EMPTY_ARRAY,
-  c as EMPTY_OBJECT,
-  e as NOOP
-};

package/dist/index107.js

@@ -1,32 +0,0 @@
-"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];
-}
-export {
-  d as useControlled
-};

package/dist/index108.js

@@ -1,14 +0,0 @@
-import n from "./index100.js";
-import * as t from "react";
-const o = /* @__PURE__ */ t.createContext(void 0);
-process.env.NODE_ENV !== "production" && (o.displayName = "MenuCheckboxItemContext");
-function s() {
-  const e = t.useContext(o);
-  if (e === void 0)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuCheckboxItemContext is missing. MenuCheckboxItem parts must be placed within <Menu.CheckboxItem>." : n(30));
-  return e;
-}
-export {
-  o as MenuCheckboxItemContext,
-  s as useMenuCheckboxItemContext
-};

package/dist/index109.js

@@ -1,69 +0,0 @@
-"use client";
-import * as a from "react";
-import { useMergedRefs as h } from "./index101.js";
-import { useContextMenuRootContext as y } from "./index134.js";
-import { useButton as P } from "./index86.js";
-import { mergeProps as v } from "./index27.js";
-import { itemPress as I } from "./index116.js";
-const A = {
-  type: "regular-item"
-};
-function w(M) {
-  const {
-    closeOnClick: m,
-    disabled: R = !1,
-    highlighted: f,
-    id: l,
-    store: n,
-    nativeButton: b,
-    itemMetadata: o,
-    nodeId: r
-  } = M, i = a.useRef(null), t = y(!0), u = t !== void 0, {
-    events: s
-  } = n.useState("floatingTreeRoot"), {
-    getButtonProps: p,
-    buttonRef: x
-  } = P({
-    disabled: R,
-    focusableWhenDisabled: !0,
-    native: b
-  }), g = a.useCallback((C) => v({
-    id: l,
-    role: "menuitem",
-    tabIndex: f ? 0 : -1,
-    onMouseMove(e) {
-      r && s.emit("itemhover", {
-        nodeId: r,
-        target: e.currentTarget
-      });
-    },
-    onMouseEnter() {
-      o.type === "submenu-trigger" && o.setActive();
-    },
-    onKeyUp(e) {
-      e.key === " " && n.context.typingRef.current && e.preventBaseUIHandler();
-    },
-    onClick(e) {
-      m && s.emit("close", {
-        domEvent: e,
-        reason: I
-      });
-    },
-    onMouseUp(e) {
-      if (t) {
-        const c = t.initialCursorPointRef.current;
-        if (t.initialCursorPointRef.current = null, u && c && Math.abs(e.clientX - c.x) <= 1 && Math.abs(e.clientY - c.y) <= 1)
-          return;
-      }
-      i.current && n.context.allowMouseUpTriggerRef.current && (!u || e.button === 2) && o.type === "regular-item" && i.current.click();
-    }
-  }, C, p), [l, f, p, m, s, n, u, t, o, r]), d = h(i, x);
-  return a.useMemo(() => ({
-    getItemProps: g,
-    itemRef: d
-  }), [g, d]);
-}
-export {
-  A as REGULAR_ITEM,
-  w as useMenuItem
-};

package/dist/index11.js

@@ -1,21 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import "react";
-import { cn as n } from "./index16.js";
-import { Input as d } from "./index67.js";
-function u({ className: i, type: r, ...e }) {
-  return /* @__PURE__ */ t(
-    d,
-    {
-      type: r,
-      "data-slot": "input",
-      className: n(
-        "dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 disabled:bg-input/50 dark:disabled:bg-input/80 h-8 rounded-lg border bg-transparent px-2.5 py-1 text-base transition-colors file:h-6 file:text-sm file:font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] md:text-sm file:text-foreground placeholder:text-muted-foreground w-full min-w-0 outline-none file:inline-flex file:border-0 file:bg-transparent disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
-        i
-      ),
-      ...e
-    }
-  );
-}
-export {
-  u as Input
-};

package/dist/index110.js

@@ -1,56 +0,0 @@
-"use client";
-import * as u from "react";
-import { useIsoLayoutEffect as g } from "./index97.js";
-import { useCompositeListContext as F } from "./index201.js";
-let I = /* @__PURE__ */ (function(t) {
-  return t[t.None = 0] = "None", t[t.GuessFromOrder = 1] = "GuessFromOrder", t;
-})({});
-function N(t = {}) {
-  const {
-    label: c,
-    metadata: l,
-    textRef: d,
-    indexGuessBehavior: L,
-    index: r
-  } = t, {
-    register: m,
-    unregister: a,
-    subscribeMapChange: x,
-    elementsRef: R,
-    labelsRef: i,
-    nextIndexRef: p
-  } = F(), f = u.useRef(-1), [n, C] = u.useState(r ?? (L === I.GuessFromOrder ? () => {
-    if (f.current === -1) {
-      const e = p.current;
-      p.current += 1, f.current = e;
-    }
-    return f.current;
-  } : -1)), s = u.useRef(null), b = u.useCallback((e) => {
-    if (s.current = e, n !== -1 && e !== null && (R.current[n] = e, i)) {
-      const o = c !== void 0;
-      i.current[n] = o ? c : d?.current?.textContent ?? e.textContent;
-    }
-  }, [n, R, i, c, d]);
-  return g(() => {
-    if (r != null)
-      return;
-    const e = s.current;
-    if (e)
-      return m(e, l), () => {
-        a(e);
-      };
-  }, [r, m, a, l]), g(() => {
-    if (r == null)
-      return x((e) => {
-        const o = s.current ? e.get(s.current)?.index : null;
-        o != null && C(o);
-      });
-  }, [r, x, C]), u.useMemo(() => ({
-    ref: b,
-    index: n
-  }), [n, b]);
-}
-export {
-  I as IndexGuessBehavior,
-  N as useCompositeListItem
-};

package/dist/index111.js

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

package/dist/index112.js

@@ -1,8 +0,0 @@
-"use client";
-import { useId as u } from "./index139.js";
-function r(e) {
-  return u(e, "base-ui");
-}
-export {
-  r as useBaseUiId
-};

package/dist/index113.js

@@ -1,15 +0,0 @@
-import { transitionStatusMapping as r } from "./index121.js";
-import { MenuCheckboxItemDataAttributes as t } from "./index202.js";
-const c = {
-  checked(e) {
-    return e ? {
-      [t.checked]: ""
-    } : {
-      [t.unchecked]: ""
-    };
-  },
-  ...r
-};
-export {
-  c as itemMapping
-};

package/dist/index114.js

@@ -1,15 +0,0 @@
-"use client";
-import i from "./index100.js";
-import * as o from "react";
-const t = /* @__PURE__ */ o.createContext(void 0);
-process.env.NODE_ENV !== "production" && (t.displayName = "MenuPositionerContext");
-function s(n) {
-  const e = o.useContext(t);
-  if (e === void 0 && !n)
-    throw new Error(process.env.NODE_ENV !== "production" ? "Base UI: MenuPositionerContext is missing. MenuPositioner parts must be placed within <Menu.Positioner>." : i(33));
-  return e;
-}
-export {
-  t as MenuPositionerContext,
-  s as useMenuPositionerContext
-};

package/dist/index115.js

@@ -1,35 +0,0 @@
-import { EMPTY_OBJECT as s } from "./index106.js";
-function u(e, t, n, o) {
-  let a = !1, r = !1;
-  const l = s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    cancel() {
-      a = !0;
-    },
-    allowPropagation() {
-      r = !0;
-    },
-    get isCanceled() {
-      return a;
-    },
-    get isPropagationAllowed() {
-      return r;
-    },
-    trigger: n,
-    ...l
-  };
-}
-function d(e, t, n) {
-  const o = n ?? s;
-  return {
-    reason: e,
-    event: t ?? new Event("base-ui"),
-    ...o
-  };
-}
-export {
-  u as createChangeEventDetails,
-  d as createGenericEventDetails
-};

package/dist/index116.js

@@ -1,21 +0,0 @@
-const e = "none", s = "trigger-press", n = "trigger-hover", t = "trigger-focus", o = "outside-press", c = "item-press", i = "close-press", r = "clear-press", p = "chip-remove-press", g = "input-change", a = "input-clear", l = "focus-out", u = "escape-key", v = "list-navigation", m = "cancel-open", P = "sibling-open", h = "imperative-action", d = "window-resize";
-export {
-  m as cancelOpen,
-  p as chipRemovePress,
-  r as clearPress,
-  i as closePress,
-  u as escapeKey,
-  l as focusOut,
-  h as imperativeAction,
-  g as inputChange,
-  a as inputClear,
-  c as itemPress,
-  v as listNavigation,
-  e as none,
-  o as outsidePress,
-  P as siblingOpen,
-  t as triggerFocus,
-  n as triggerHover,
-  s as triggerPress,
-  d as windowResize
-};