@photoroom/ui 0.1.651 → 0.1.653

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.mjs CHANGED
@@ -36716,7 +36716,7 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
36716
36716
  className: "flex flex-1 items-center justify-end gap-2",
36717
36717
  children: e
36718
36718
  })]
36719
- }), YJ = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, subtitle: a, footer: o, hideCloseButton: s = !1, closeButtonLabel: c, onEscapeKeyDown: l, onPointerDownOutside: u, className: d, testId: f, children: p }) => /* @__PURE__ */ L(lJ, {
36719
+ }), YJ = ({ open: e, defaultOpen: t, onOpenChange: n, trigger: r, title: i, subtitle: a, footer: o, hideCloseButton: s = !1, closeButtonLabel: c, onEscapeKeyDown: l, onPointerDownOutside: u, onOpenAutoFocus: d, className: f, testId: p, children: m }) => /* @__PURE__ */ L(lJ, {
36720
36720
  open: e,
36721
36721
  defaultOpen: t,
36722
36722
  onOpenChange: n,
@@ -36724,10 +36724,11 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
36724
36724
  asChild: !0,
36725
36725
  children: r
36726
36726
  }), /* @__PURE__ */ I(hJ, { children: /* @__PURE__ */ I(KJ, { children: /* @__PURE__ */ L(GJ, {
36727
- className: U("flex h-fit max-h-full w-full max-w-120 flex-col gap-6 p-6", d),
36728
- "data-testid": f,
36727
+ className: U("flex h-fit max-h-full w-full max-w-120 flex-col gap-6 p-6", f),
36728
+ "data-testid": p,
36729
36729
  onEscapeKeyDown: l,
36730
36730
  onPointerDownOutside: u,
36731
+ onOpenAutoFocus: d,
36731
36732
  children: [
36732
36733
  /* @__PURE__ */ L("div", {
36733
36734
  className: "flex flex-col gap-2 pe-8",
@@ -36739,9 +36740,9 @@ var WJ = ({ "aria-label": e = "Close", ...t }) => /* @__PURE__ */ I(AJ, {
36739
36740
  children: a
36740
36741
  })]
36741
36742
  }),
36742
- p && /* @__PURE__ */ I("div", {
36743
- className: "-m-1 flex min-h-0 flex-col gap-6 overflow-y-auto p-1",
36744
- children: p
36743
+ m && /* @__PURE__ */ I("div", {
36744
+ className: "-m-2 flex min-h-0 flex-col gap-6 overflow-y-auto p-2",
36745
+ children: m
36745
36746
  }),
36746
36747
  o,
36747
36748
  !s && /* @__PURE__ */ I("div", {
@@ -49545,26 +49546,26 @@ var Wye = ({ status: e }) => {
49545
49546
  Kye(function() {
49546
49547
  e();
49547
49548
  });
49548
- }, C4 = ({ value: e, buttonLabel: t, disabled: n = !1, loading: r = !1, autoFocus: i = !1, placeholder: o, className: s, trailingAction: c, onChange: l, onSubmit: u, onKeyDown: d, onFocus: f, ...p }) => {
49549
- let m = V(null);
49549
+ }, C4 = ({ value: e, buttonLabel: t, disabled: n = !1, loading: r = !1, autoFocus: i = !1, placeholder: o, className: s, trailingAction: c, allowEmptySubmit: l = !1, onChange: u, onSubmit: d, onKeyDown: f, onFocus: p, ...m }) => {
49550
+ let h = V(null);
49550
49551
  return qye(() => {
49551
- i && m.current && setTimeout(() => {
49552
- m.current?.focus();
49552
+ i && h.current && setTimeout(() => {
49553
+ h.current?.focus();
49553
49554
  }, 0);
49554
49555
  }), /* @__PURE__ */ L("div", {
49555
49556
  className: H("rounded-area-500 bg-surface-high box-border flex w-[440px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border border transition duration-200", "hover:border-misc-border-hover", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", n && "cursor-not-allowed opacity-30"),
49556
49557
  onClick: () => {
49557
- n || m.current?.focus();
49558
+ n || h.current?.focus();
49558
49559
  },
49559
49560
  children: [
49560
49561
  /* @__PURE__ */ I(PF, {
49561
- ref: m,
49562
+ ref: h,
49562
49563
  value: e,
49563
49564
  disabled: n,
49564
49565
  placeholder: o,
49565
- onChange: l,
49566
- onKeyDown: d,
49567
- onFocus: f,
49566
+ onChange: u,
49567
+ onKeyDown: f,
49568
+ onFocus: p,
49568
49569
  className: H("flex-1 resize-none bg-transparent p-0", "text-content-primary placeholder:text-content-tertiary text-sm", "caret-content-secondary", "overflow-y-auto", s),
49569
49570
  style: {
49570
49571
  border: "none",
@@ -49573,7 +49574,7 @@ var Wye = ({ status: e }) => {
49573
49574
  },
49574
49575
  minRows: 1,
49575
49576
  maxRows: 3,
49576
- ...p
49577
+ ...m
49577
49578
  }),
49578
49579
  c && /* @__PURE__ */ I("div", {
49579
49580
  className: "flex h-10 shrink-0 items-center self-end",
@@ -49581,8 +49582,8 @@ var Wye = ({ status: e }) => {
49581
49582
  children: c
49582
49583
  }),
49583
49584
  /* @__PURE__ */ I(Yu, {
49584
- onClick: u,
49585
- disabled: n || !e.trim(),
49585
+ onClick: d,
49586
+ disabled: n || !l && !e.trim(),
49586
49587
  loading: r,
49587
49588
  className: "h-10 w-10 shrink-0 self-end",
49588
49589
  icon: a,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.651",
3
+ "version": "0.1.653",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [