@photoroom/ui 0.1.1

package/index333.mjs

@@ -0,0 +1,262 @@
+import * as s from "react";
+import { composeEventHandlers as p } from "./index421.mjs";
+import { useComposedRefs as _ } from "./index422.mjs";
+import { createContextScope as V, createContext as q } from "./index423.mjs";
+import { useId as R } from "./index427.mjs";
+import { useControllableState as K } from "./index433.mjs";
+import { DismissableLayer as U } from "./index424.mjs";
+import { FocusScope as Y } from "./index426.mjs";
+import { Portal as Z } from "./index429.mjs";
+import { Presence as h } from "./index430.mjs";
+import { Primitive as m } from "./index431.mjs";
+import { useFocusGuards as z } from "./index425.mjs";
+import J from "./index435.mjs";
+import { hideOthers as Q } from "./index434.mjs";
+import { createSlot as X } from "./index432.mjs";
+import { jsx as i, jsxs as P, Fragment as O } from "react/jsx-runtime";
+var v = "Dialog", [I] = V(v), [ee, u] = I(v), x = (e) => {
+  const {
+    __scopeDialog: o,
+    children: n,
+    open: a,
+    defaultOpen: r,
+    onOpenChange: t,
+    modal: c = !0
+  } = e, l = s.useRef(null), d = s.useRef(null), [g, C] = K({
+    prop: a,
+    defaultProp: r ?? !1,
+    onChange: t,
+    caller: v
+  });
+  return /* @__PURE__ */ i(
+    ee,
+    {
+      scope: o,
+      triggerRef: l,
+      contentRef: d,
+      contentId: R(),
+      titleId: R(),
+      descriptionId: R(),
+      open: g,
+      onOpenChange: C,
+      onOpenToggle: s.useCallback(() => C((H) => !H), [C]),
+      modal: c,
+      children: n
+    }
+  );
+};
+x.displayName = v;
+var A = "DialogTrigger", T = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(A, n), t = _(o, r.triggerRef);
+    return /* @__PURE__ */ i(
+      m.button,
+      {
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": r.open,
+        "aria-controls": r.contentId,
+        "data-state": N(r.open),
+        ...a,
+        ref: t,
+        onClick: p(e.onClick, r.onOpenToggle)
+      }
+    );
+  }
+);
+T.displayName = A;
+var E = "DialogPortal", [te, b] = I(E, {
+  forceMount: void 0
+}), M = (e) => {
+  const { __scopeDialog: o, forceMount: n, children: a, container: r } = e, t = u(E, o);
+  return /* @__PURE__ */ i(te, { scope: o, forceMount: n, children: s.Children.map(a, (c) => /* @__PURE__ */ i(h, { present: n || t.open, children: /* @__PURE__ */ i(Z, { asChild: !0, container: r, children: c }) })) });
+};
+M.displayName = E;
+var D = "DialogOverlay", w = s.forwardRef(
+  (e, o) => {
+    const n = b(D, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(D, e.__scopeDialog);
+    return t.modal ? /* @__PURE__ */ i(h, { present: a || t.open, children: /* @__PURE__ */ i(re, { ...r, ref: o }) }) : null;
+  }
+);
+w.displayName = D;
+var oe = X("DialogOverlay.RemoveScroll"), re = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(D, n);
+    return (
+      // Make sure `Content` is scrollable even when it doesn't live inside `RemoveScroll`
+      // ie. when `Overlay` and `Content` are siblings
+      /* @__PURE__ */ i(J, { as: oe, allowPinchZoom: !0, shards: [r.contentRef], children: /* @__PURE__ */ i(
+        m.div,
+        {
+          "data-state": N(r.open),
+          ...a,
+          ref: o,
+          style: { pointerEvents: "auto", ...a.style }
+        }
+      ) })
+    );
+  }
+), f = "DialogContent", F = s.forwardRef(
+  (e, o) => {
+    const n = b(f, e.__scopeDialog), { forceMount: a = n.forceMount, ...r } = e, t = u(f, e.__scopeDialog);
+    return /* @__PURE__ */ i(h, { present: a || t.open, children: t.modal ? /* @__PURE__ */ i(ne, { ...r, ref: o }) : /* @__PURE__ */ i(ae, { ...r, ref: o }) });
+  }
+);
+F.displayName = f;
+var ne = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(null), r = _(o, n.contentRef, a);
+    return s.useEffect(() => {
+      const t = a.current;
+      if (t) return Q(t);
+    }, []), /* @__PURE__ */ i(
+      S,
+      {
+        ...e,
+        ref: r,
+        trapFocus: n.open,
+        disableOutsidePointerEvents: !0,
+        onCloseAutoFocus: p(e.onCloseAutoFocus, (t) => {
+          var c;
+          t.preventDefault(), (c = n.triggerRef.current) == null || c.focus();
+        }),
+        onPointerDownOutside: p(e.onPointerDownOutside, (t) => {
+          const c = t.detail.originalEvent, l = c.button === 0 && c.ctrlKey === !0;
+          (c.button === 2 || l) && t.preventDefault();
+        }),
+        onFocusOutside: p(
+          e.onFocusOutside,
+          (t) => t.preventDefault()
+        )
+      }
+    );
+  }
+), ae = s.forwardRef(
+  (e, o) => {
+    const n = u(f, e.__scopeDialog), a = s.useRef(!1), r = s.useRef(!1);
+    return /* @__PURE__ */ i(
+      S,
+      {
+        ...e,
+        ref: o,
+        trapFocus: !1,
+        disableOutsidePointerEvents: !1,
+        onCloseAutoFocus: (t) => {
+          var c, l;
+          (c = e.onCloseAutoFocus) == null || c.call(e, t), t.defaultPrevented || (a.current || (l = n.triggerRef.current) == null || l.focus(), t.preventDefault()), a.current = !1, r.current = !1;
+        },
+        onInteractOutside: (t) => {
+          var d, g;
+          (d = e.onInteractOutside) == null || d.call(e, t), t.defaultPrevented || (a.current = !0, t.detail.originalEvent.type === "pointerdown" && (r.current = !0));
+          const c = t.target;
+          ((g = n.triggerRef.current) == null ? void 0 : g.contains(c)) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && r.current && t.preventDefault();
+        }
+      }
+    );
+  }
+), S = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, trapFocus: a, onOpenAutoFocus: r, onCloseAutoFocus: t, ...c } = e, l = u(f, n), d = s.useRef(null), g = _(o, d);
+    return z(), /* @__PURE__ */ P(O, { children: [
+      /* @__PURE__ */ i(
+        Y,
+        {
+          asChild: !0,
+          loop: !0,
+          trapped: a,
+          onMountAutoFocus: r,
+          onUnmountAutoFocus: t,
+          children: /* @__PURE__ */ i(
+            U,
+            {
+              role: "dialog",
+              id: l.contentId,
+              "aria-describedby": l.descriptionId,
+              "aria-labelledby": l.titleId,
+              "data-state": N(l.open),
+              ...c,
+              ref: g,
+              onDismiss: () => l.onOpenChange(!1)
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ P(O, { children: [
+        /* @__PURE__ */ i(ie, { titleId: l.titleId }),
+        /* @__PURE__ */ i(ce, { contentRef: d, descriptionId: l.descriptionId })
+      ] })
+    ] });
+  }
+), y = "DialogTitle", W = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(y, n);
+    return /* @__PURE__ */ i(m.h2, { id: r.titleId, ...a, ref: o });
+  }
+);
+W.displayName = y;
+var k = "DialogDescription", G = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(k, n);
+    return /* @__PURE__ */ i(m.p, { id: r.descriptionId, ...a, ref: o });
+  }
+);
+G.displayName = k;
+var L = "DialogClose", $ = s.forwardRef(
+  (e, o) => {
+    const { __scopeDialog: n, ...a } = e, r = u(L, n);
+    return /* @__PURE__ */ i(
+      m.button,
+      {
+        type: "button",
+        ...a,
+        ref: o,
+        onClick: p(e.onClick, () => r.onOpenChange(!1))
+      }
+    );
+  }
+);
+$.displayName = L;
+function N(e) {
+  return e ? "open" : "closed";
+}
+var B = "DialogTitleWarning", [Ne, j] = q(B, {
+  contentName: f,
+  titleName: y,
+  docsSlug: "dialog"
+}), ie = ({ titleId: e }) => {
+  const o = j(B), n = `\`${o.contentName}\` requires a \`${o.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${o.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${o.docsSlug}`;
+  return s.useEffect(() => {
+    e && (document.getElementById(e) || console.error(n));
+  }, [n, e]), null;
+}, se = "DialogDescriptionWarning", ce = ({ contentRef: e, descriptionId: o }) => {
+  const a = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${j(se).contentName}}.`;
+  return s.useEffect(() => {
+    var t;
+    const r = (t = e.current) == null ? void 0 : t.getAttribute("aria-describedby");
+    o && r && (document.getElementById(o) || console.warn(a));
+  }, [a, e, o]), null;
+}, Pe = x, Oe = T, Ie = M, xe = w, Ae = F, Te = W, be = G, Me = $;
+export {
+  Me as Close,
+  Ae as Content,
+  be as Description,
+  x as Dialog,
+  $ as DialogClose,
+  F as DialogContent,
+  G as DialogDescription,
+  w as DialogOverlay,
+  M as DialogPortal,
+  W as DialogTitle,
+  T as DialogTrigger,
+  xe as Overlay,
+  Ie as Portal,
+  Pe as Root,
+  Te as Title,
+  Oe as Trigger,
+  Ne as WarningProvider
+};
+//# sourceMappingURL=index333.mjs.map

package/index334.mjs

@@ -0,0 +1,7 @@
+import { jsx as m } from "react/jsx-runtime";
+import { cn as t } from "./index7.mjs";
+const s = ({ children: o, className: r }) => /* @__PURE__ */ m("div", { className: t("p-10", r), children: o });
+export {
+  s as DialogBody
+};
+//# sourceMappingURL=index334.mjs.map

package/index335.mjs

@@ -0,0 +1,14 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cva as r } from "./index302.mjs";
+const i = r("gap-3", {
+  variants: {
+    variant: {
+      feature: "grid grid-cols-2",
+      util: "flex justify-end"
+    }
+  }
+}), n = ({ variant: t = "feature", children: o }) => /* @__PURE__ */ a("div", { className: i({ variant: t }), children: o });
+export {
+  n as DialogButtonsRow
+};
+//# sourceMappingURL=index335.mjs.map

package/index336.mjs

@@ -0,0 +1,28 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CrossIcon as r } from "@photoroom/icons/lib/monochromes";
+import { forwardRef as n } from "react";
+import { cn as s } from "./index7.mjs";
+const a = n(
+  ({ className: e, ...i }, t) => /* @__PURE__ */ o(
+    "button",
+    {
+      ref: t,
+      className: s(
+        "size-400",
+        "flex shrink-0 items-center justify-center rounded-full outline-none transition-all interaction-transition-type-1",
+        "bg-background-default hover:bg-background-hover focus-visible:bg-background-hover active:bg-background-down",
+        "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+        e
+      ),
+      "aria-label": "close dialog",
+      "data-testid": "dialog-close-button",
+      ...i,
+      children: /* @__PURE__ */ o(r, { className: "h-4 w-4 text-content-white-primary-inverted" })
+    }
+  )
+);
+a.displayName = "DialogCloseButton";
+export {
+  a as DialogCloseButton
+};
+//# sourceMappingURL=index336.mjs.map

package/index337.mjs

@@ -0,0 +1,11 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import { Title as t } from "./index333.mjs";
+import { Divider as s } from "./index187.mjs";
+const c = ({ children: r }) => /* @__PURE__ */ i("div", { className: "sticky top-0 overflow-hidden rounded-t-500", children: [
+  /* @__PURE__ */ e("div", { className: "bg-surface-higher py-4 pl-4 pr-[60px]", children: /* @__PURE__ */ e("div", { className: "flex items-center py-[5px]", children: /* @__PURE__ */ e(t, { className: "heading-400 text-content-primary", children: r }) }) }),
+  /* @__PURE__ */ e(s, {})
+] });
+export {
+  c as DialogHeader
+};
+//# sourceMappingURL=index337.mjs.map

package/index338.mjs

@@ -0,0 +1,46 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { Title as d, Description as m } from "./index333.mjs";
+import { cn as t } from "./index7.mjs";
+const h = ({
+  overline: a,
+  title: o,
+  titleClassName: c,
+  description: r,
+  descriptionClassName: i,
+  emphasized: n = !1,
+  centered: l = !1
+}) => /* @__PURE__ */ s(
+  "div",
+  {
+    className: t(
+      "flex flex-col",
+      l ? "text-center" : "text-left",
+      !l && "group-data-[closeable=true]/dialog:pr-12"
+    ),
+    children: [
+      a && /* @__PURE__ */ e("div", { className: "body-600 pb-1 text-content-primary", children: a }),
+      /* @__PURE__ */ e(
+        d,
+        {
+          className: t(
+            "text-content-primary",
+            n ? "heading-700" : "heading-600",
+            c
+          ),
+          children: o
+        }
+      ),
+      r && /* @__PURE__ */ e(
+        m,
+        {
+          className: t("body-500 pt-2 text-content-secondary", i),
+          children: r
+        }
+      )
+    ]
+  }
+);
+export {
+  h as DialogHeadline
+};
+//# sourceMappingURL=index338.mjs.map

package/index339.mjs

@@ -0,0 +1,37 @@
+import { jsx as e } from "react/jsx-runtime";
+import { clsx as l } from "./index296.mjs";
+const r = ({ label: i, onClick: t }) => /* @__PURE__ */ e(
+  "button",
+  {
+    "aria-label": i,
+    className: l(
+      "flex h-24 w-24 items-center justify-center rounded-full bg-black-alpha-8 outline-none transition-all",
+      "hover:bg-black",
+      "active:bg-black",
+      "focus-visible:ring focus-visible:ring-misc-focus-indicator"
+    ),
+    onClick: t,
+    children: /* @__PURE__ */ e(
+      "svg",
+      {
+        width: "48",
+        height: "48",
+        viewBox: "0 0 48 48",
+        fill: "none",
+        role: "presentation",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M42 20.536C44.6667 22.0756 44.6667 25.9246 42 27.4642L18 41.3206C15.3333 42.8602 12 40.9357 12 37.8565L12 10.1437C12 7.06446 15.3333 5.13996 18 6.67956L42 20.536Z",
+            fill: "white"
+          }
+        )
+      }
+    )
+  }
+);
+export {
+  r as VideoPlayerButton
+};
+//# sourceMappingURL=index339.mjs.map

package/index34.mjs

@@ -0,0 +1,104 @@
+import { jsx as n } from "react/jsx-runtime";
+import { PlayStoreVnIcon as l, PlayStoreTrIcon as d, PlayStoreThIcon as f, PlayStoreRuIcon as u, PlayStorePtPtIcon as y, PlayStorePtBrIcon as W, PlayStoreMyIcon as D, PlayStoreKrIcon as L, PlayStoreJpIcon as E, PlayStoreItIcon as R, PlayStoreIdIcon as v, PlayStoreFrIcon as T, PlayStoreEsIcon as N, PlayStoreEnIcon as O, PlayStoreDeIcon as w, AppStoreVnIcon as x, AppStoreTrIcon as B, AppStoreThIcon as U, AppStoreRuIcon as _, AppStorePtPtIcon as g, AppStorePtBrIcon as j, AppStoreMyIcon as F, AppStoreKrIcon as M, AppStoreJpIcon as J, AppStoreItIcon as K, AppStoreIdIcon as V, AppStoreFrIcon as C, AppStoreEsIcon as G, AppStoreEnIcon as q, AppStoreDeIcon as z, WebAppVnIcon as H, WebAppTrIcon as Q, WebAppThIcon as X, WebAppRuIcon as Y, WebAppPtPtIcon as Z, WebAppPtBrIcon as $, WebAppMyIcon as k, WebAppKrIcon as oo, WebAppJpIcon as ro, WebAppItIcon as to, WebAppIdIcon as eo, WebAppFrIcon as po, WebAppEsIcon as no, WebAppEnIcon as co, WebAppDeIcon as Io } from "@photoroom/icons/lib/store-buttons";
+import { ANDROID_DOWNLOAD_URL as ao, IOS_DOWNLOAD_URL as So } from "./index321.mjs";
+import "./index322.mjs";
+import { useMemo as Ao } from "react";
+import { cn as so } from "./index7.mjs";
+const c = "en", I = {
+  web: {
+    de: Io,
+    en: co,
+    es: no,
+    fr: po,
+    id: eo,
+    it: to,
+    ja: ro,
+    ko: oo,
+    ms: k,
+    "pt-br": $,
+    "pt-pt": Z,
+    ru: Y,
+    th: X,
+    tr: Q,
+    vi: H
+  },
+  ios: {
+    de: z,
+    en: q,
+    es: G,
+    fr: C,
+    id: V,
+    it: K,
+    ja: J,
+    ko: M,
+    ms: F,
+    "pt-br": j,
+    "pt-pt": g,
+    ru: _,
+    th: U,
+    tr: B,
+    vi: x
+  },
+  android: {
+    de: w,
+    en: O,
+    es: N,
+    fr: T,
+    id: v,
+    it: R,
+    ja: E,
+    ko: L,
+    ms: D,
+    "pt-br": W,
+    "pt-pt": y,
+    ru: u,
+    th: f,
+    tr: d,
+    vi: l
+  }
+}, a = {
+  web: {
+    href: "https://app.photoroom.com/"
+  },
+  ios: {
+    href: So
+  },
+  android: {
+    href: ao
+  }
+}, uo = ({
+  store: o,
+  params: t,
+  className: S,
+  lang: A = c,
+  title: s,
+  onClick: i,
+  links: r = a
+}) => {
+  const P = I[o][A] || I[o][c], b = Ao(() => {
+    const { href: e } = (r == null ? void 0 : r[o]) || a[o];
+    if (!t)
+      return e;
+    const p = new URL(e);
+    return new URLSearchParams(t).forEach((h, m) => {
+      p.searchParams.append(m, h);
+    }), p.toString();
+  }, [o, t, r]);
+  return /* @__PURE__ */ n(
+    "a",
+    {
+      href: b,
+      onClick: i,
+      "aria-label": s,
+      className: so(
+        "rounded-500 text-[0] focus-visible:outline-none focus-visible:ring focus-visible:ring-accent-alpha-5",
+        S
+      ),
+      children: /* @__PURE__ */ n(P, { className: "h-[56px] w-[180px] rounded-500" })
+    }
+  );
+};
+export {
+  uo as StoreButton
+};
+//# sourceMappingURL=index34.mjs.map

package/index340.mjs

@@ -0,0 +1,100 @@
+import { jsx as w } from "react/jsx-runtime";
+import { clsx as u } from "./index296.mjs";
+import { forwardRef as h } from "react";
+import g from "./index443.mjs";
+import { MoveableCustomEditable as y } from "./index444.mjs";
+import { MoveableCustomRotation as k } from "./index445.mjs";
+const M = h(
+  ({
+    target: o,
+    shouldShowLateralHandles: t,
+    shouldShowVerticalHandles: l,
+    selectionBoxHeight: a,
+    editionPill: n,
+    forcedPillPosition: r,
+    onRotateStart: b,
+    onRotateEnd: m,
+    onScaleStart: i,
+    onScale: v,
+    onScaleEnd: c,
+    onRotate: p,
+    onEditionPillPointerMove: s,
+    onRotateButtonPointerMove: f,
+    ...d
+  }, x) => {
+    const e = ["nw", "ne", "sw", "se"];
+    return t && e.push("w", "e"), l && e.push("n", "s"), /* @__PURE__ */ w(
+      g,
+      {
+        ref: x,
+        dragArea: !1,
+        draggable: !1,
+        origin: !1,
+        transformOrigin: "center",
+        target: o,
+        className: u(
+          "z-[inherit]",
+          // lines appearance
+          "[&>.moveable-line]:!h-0.5 [&>.moveable-line]:!bg-content-accent",
+          // top line position
+          "[&>.moveable-line[data-line-key=render-line-0]]:!top-[1px]",
+          // right line position
+          "[&>.moveable-line[data-line-key=render-line-1]]:!-left-[1px]",
+          // bottom line position
+          "[&>.moveable-line[data-line-key=render-line-2]]:!-top-[1px]",
+          // left line position
+          "[&>.moveable-line[data-line-key=render-line-3]]:!left-[1px]",
+          // all handles appearance
+          "[&>.moveable-control]:!bg-white",
+          "[&>.moveable-control]:!border-2 [&>.moveable-control]:!border-content-accent",
+          "[&>.moveable-control:hover]:!bg-content-accent [&>.moveable-control:hover]:!text-content-white-primary",
+          "[&>.moveable-control:focus-visible]:!bg-content-accent [&>.moveable-control:focus-visible]:!text-content-white-primary",
+          "[&>.moveable-control:active]:!bg-content-accent [&>.moveable-control:active]:!text-content-white-primary",
+          // vertical/horizontal handles apperance
+          "[&>.moveable-e]:!h-5 [&>.moveable-e]:!w-2 [&>.moveable-e]:!rounded-300",
+          "[&>.moveable-w]:!h-5 [&>.moveable-w]:!w-2 [&>.moveable-w]:!rounded-300",
+          "[&>.moveable-n]:!h-2 [&>.moveable-n]:!w-5 [&>.moveable-n]:!rounded-300",
+          "[&>.moveable-s]:!h-2 [&>.moveable-s]:!w-5 [&>.moveable-s]:!rounded-300",
+          // vertical/horizontal handles position
+          "[&>.moveable-e]:!-top-[3px] [&>.moveable-e]:!left-0.5",
+          "[&>.moveable-w]:!-top-[3px] [&>.moveable-w]:!left-1",
+          "[&>.moveable-n]:!-left-[3px] [&>.moveable-n]:!top-1",
+          "[&>.moveable-s]:!-left-[3px] [&>.moveable-s]:!top-0.5",
+          // corner handles position
+          "[&>.moveable-ne]:!-left-[1px] [&>.moveable-ne]:!top-[1px]",
+          "[&>.moveable-nw]:!left-[1px] [&>.moveable-nw]:!top-[1px]",
+          "[&>.moveable-se]:!-left-[1px] [&>.moveable-se]:!-top-[1px]",
+          "[&>.moveable-sw]:!-top-[1px] [&>.moveable-sw]:!left-[1px]"
+        ),
+        scalable: !0,
+        keepRatio: !1,
+        renderDirections: e,
+        rotatable: !0,
+        ables: [k, y],
+        props: {
+          customRotation: !0,
+          customEditable: !0,
+          selectionBoxHeight: a,
+          forcedPillPosition: r,
+          editionPill: n,
+          onEditionPillPointerMove: s,
+          onRotateButtonPointerMove: f
+        },
+        rotationPosition: "none",
+        rotationTarget: ".rotation-handle",
+        onScaleStart: i,
+        onScale: v,
+        onScaleEnd: c,
+        onRotateStart: b,
+        onRotate: p,
+        onRotateEnd: m,
+        ...d
+      }
+    );
+  }
+);
+M.displayName = "MoveableSelectionObjectBox";
+export {
+  M as MoveableSelectionObjectBox
+};
+//# sourceMappingURL=index340.mjs.map

package/index341.mjs

@@ -0,0 +1,31 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Item as n } from "./index450.mjs";
+import { forwardRef as l } from "react";
+import { cn as f } from "./index7.mjs";
+import { DropdownListBoxItem as a } from "./index68.mjs";
+const b = l(
+  ({
+    className: r,
+    selected: i,
+    badge: s,
+    children: e,
+    rawChildren: m = !1,
+    ...t
+  }, c) => /* @__PURE__ */ o(
+    n,
+    {
+      ref: c,
+      className: f(
+        "focus-visible:border-size-ring-3 relative outline-none misc-dropdown-inner-rounding focus-visible:z-10 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring",
+        r
+      ),
+      ...t,
+      children: m ? e : /* @__PURE__ */ o(a, { selected: i, badge: s, label: e })
+    }
+  )
+);
+b.displayName = "SearchableSelectItem";
+export {
+  b as SearchableSelectItem
+};
+//# sourceMappingURL=index341.mjs.map