@photoroom/ui 0.1.22 → 0.1.23

package/index.mjs

@@ -9,13 +9,13 @@ import W, { forwardRef as te, isValidElement as Gn, Children as Qi, useLayoutEff
 import { ActivityIcon as tr, CrossIcon as mi, TeamIcon as vR, PersonIcon as gR, QuestionMarkIcon as bR, ArrowRightIcon as mo, InfoCircleIcon as is, SparklesIcon as ow, EmailIcon as yR, AppleIcon as xR, CheckSmallIcon as vi, ChevronDownShortIcon as gi, RefreshIcon as Bh, ChevronRightShortIcon as pu, AddIcon as vo, DoubleArrowHorizontalIcon as wR, CommentIcon as SR, PadlockIcon as CR, ChevronRightIcon as iw, PictureNoneIcon as NR, TextPromptIcon as ER, CheckIcon as go, DownloadIcon as kR, EllipsisHorizontalIcon as _R, SearchIcon as aw, ExclamationCircleIcon as sw, EyeIcon as TR, EyeNoneIcon as PR, DragIcon as RR, RotateLeftIcon as AR, RenameIcon as IR, PictureIcon as cw, ExclamationTriangleIcon as lw, DropIcon as DR, UploadIcon as Rf, FolderIcon as MR, PictureMultipleIcon as OR, DoubleChevronVerticalIcon as zR, ReactionAddIcon as LR, ClearMediumIcon as uw, DashMediumIcon as BR, DeleteIcon as VR, PictureAddIcon as FR, ArrowLeftIcon as hu, CheckCircleIcon as $R, RemoveIcon as jR, ChevronDownIcon as GR, StarFullIcon as WR } from "@photoroom/icons/monochromes";
 import * as mu from "react-dom";
 import Vh, { flushSync as UR } from "react-dom";
-import { GoogleColorIcon as HR, FacebookColorIcon as qR, PositionBottomColorIcon as ZR, PositionBottomActiveColorIcon as YR, PositionRightColorIcon as KR, PositionRightActiveColorIcon as XR, PositionLeftColorIcon as JR, PositionLeftActiveColorIcon as QR, PositionCustomColorIcon as eA, PositionCustomActiveColorIcon as tA, PositionTemplateColorIcon as rA, PositionTemplateActiveColorIcon as nA, PositionCenterColorIcon as oA, PositionCenterActiveColorIcon as iA, PositionNoneColorIcon as aA, PositionNoneActiveColorIcon as sA, AiShadowsFloatingColorIcon as cA, AiShadowsFloatingActiveColorIcon as lA, AiShadowsHardColorIcon as uA, AiShadowsHardActiveColorIcon as dA, AiShadowsSoftColorIcon as fA, AiShadowsSoftActiveColorIcon as pA, AiShadowsNoneColorIcon as hA, AiShadowsNoneActiveColorIcon as mA } from "@photoroom/icons/colors";
-import { PlayStoreVnIcon as vA, PlayStoreTrIcon as gA, PlayStoreThIcon as bA, PlayStoreRuIcon as yA, PlayStorePtPtIcon as xA, PlayStorePtBrIcon as wA, PlayStoreMyIcon as SA, PlayStoreKrIcon as CA, PlayStoreJpIcon as NA, PlayStoreItIcon as EA, PlayStoreIdIcon as kA, PlayStoreFrIcon as _A, PlayStoreEsIcon as TA, PlayStoreEnIcon as PA, PlayStoreDeIcon as RA, AppStoreVnIcon as AA, AppStoreTrIcon as IA, AppStoreThIcon as DA, AppStoreRuIcon as MA, AppStorePtPtIcon as OA, AppStorePtBrIcon as zA, AppStoreMyIcon as LA, AppStoreKrIcon as BA, AppStoreJpIcon as VA, AppStoreItIcon as FA, AppStoreIdIcon as $A, AppStoreFrIcon as jA, AppStoreEsIcon as GA, AppStoreEnIcon as WA, AppStoreDeIcon as UA, WebAppVnIcon as HA, WebAppTrIcon as qA, WebAppThIcon as ZA, WebAppRuIcon as YA, WebAppPtPtIcon as KA, WebAppPtBrIcon as XA, WebAppMyIcon as JA, WebAppKrIcon as QA, WebAppJpIcon as eI, WebAppItIcon as tI, WebAppIdIcon as rI, WebAppFrIcon as nI, WebAppEsIcon as oI, WebAppEnIcon as iI, WebAppDeIcon as aI } from "@photoroom/icons/store-buttons";
-import { useTranslation as sI } from "react-i18next";
-import { CrossIcon as cI } from "@photoroom/icons/monochromes/CrossIcon";
-import { DisclosureTriangleIcon as lI } from "@photoroom/icons/monochromes/DisclosureTriangleIcon";
-import uI from "next/link";
+import HR from "next/link";
 import "date-fns";
+import { useTranslation as qR } from "react-i18next";
+import { GoogleColorIcon as ZR, FacebookColorIcon as YR, PositionBottomColorIcon as KR, PositionBottomActiveColorIcon as XR, PositionRightColorIcon as JR, PositionRightActiveColorIcon as QR, PositionLeftColorIcon as eA, PositionLeftActiveColorIcon as tA, PositionCustomColorIcon as rA, PositionCustomActiveColorIcon as nA, PositionTemplateColorIcon as oA, PositionTemplateActiveColorIcon as iA, PositionCenterColorIcon as aA, PositionCenterActiveColorIcon as sA, PositionNoneColorIcon as cA, PositionNoneActiveColorIcon as lA, AiShadowsFloatingColorIcon as uA, AiShadowsFloatingActiveColorIcon as dA, AiShadowsHardColorIcon as fA, AiShadowsHardActiveColorIcon as pA, AiShadowsSoftColorIcon as hA, AiShadowsSoftActiveColorIcon as mA, AiShadowsNoneColorIcon as vA, AiShadowsNoneActiveColorIcon as gA } from "@photoroom/icons/colors";
+import { DisclosureTriangleIcon as bA } from "@photoroom/icons/monochromes/DisclosureTriangleIcon";
+import { PlayStoreVnIcon as yA, PlayStoreTrIcon as xA, PlayStoreThIcon as wA, PlayStoreRuIcon as SA, PlayStorePtPtIcon as CA, PlayStorePtBrIcon as NA, PlayStoreMyIcon as EA, PlayStoreKrIcon as kA, PlayStoreJpIcon as _A, PlayStoreItIcon as TA, PlayStoreIdIcon as PA, PlayStoreFrIcon as RA, PlayStoreEsIcon as AA, PlayStoreEnIcon as IA, PlayStoreDeIcon as DA, AppStoreVnIcon as MA, AppStoreTrIcon as OA, AppStoreThIcon as zA, AppStoreRuIcon as LA, AppStorePtPtIcon as BA, AppStorePtBrIcon as VA, AppStoreMyIcon as FA, AppStoreKrIcon as $A, AppStoreJpIcon as jA, AppStoreItIcon as GA, AppStoreIdIcon as WA, AppStoreFrIcon as UA, AppStoreEsIcon as HA, AppStoreEnIcon as qA, AppStoreDeIcon as ZA, WebAppVnIcon as YA, WebAppTrIcon as KA, WebAppThIcon as XA, WebAppRuIcon as JA, WebAppPtPtIcon as QA, WebAppPtBrIcon as eI, WebAppMyIcon as tI, WebAppKrIcon as rI, WebAppJpIcon as nI, WebAppItIcon as oI, WebAppIdIcon as iI, WebAppFrIcon as aI, WebAppEsIcon as sI, WebAppEnIcon as cI, WebAppDeIcon as lI } from "@photoroom/icons/store-buttons";
+import { CrossIcon as uI } from "@photoroom/icons/monochromes/CrossIcon";
 function dw(e) {
   var t, r, n = "";
   if (typeof e == "string" || typeof e == "number") n += e;
@@ -10424,9 +10424,9 @@ const _5 = se(
     case nn.Apple:
       return /* @__PURE__ */ p(xR, { className: t });
     case nn.Facebook:
-      return /* @__PURE__ */ p(qR, { className: t });
+      return /* @__PURE__ */ p(YR, { className: t });
     case nn.Google:
-      return /* @__PURE__ */ p(HR, { className: t });
+      return /* @__PURE__ */ p(ZR, { className: t });
     case nn.Email:
       return /* @__PURE__ */ p(yR, { className: I(t, "text-content-tertiary") });
     case void 0:
@@ -13533,55 +13533,55 @@ function p6(e, t, r) {
 }
 const N0 = "en", E0 = {
   web: {
-    de: aI,
-    en: iI,
-    es: oI,
-    fr: nI,
-    id: rI,
-    it: tI,
-    ja: eI,
-    ko: QA,
-    ms: JA,
-    "pt-br": XA,
-    "pt-pt": KA,
-    ru: YA,
-    th: ZA,
-    tr: qA,
-    vi: HA
+    de: lI,
+    en: cI,
+    es: sI,
+    fr: aI,
+    id: iI,
+    it: oI,
+    ja: nI,
+    ko: rI,
+    ms: tI,
+    "pt-br": eI,
+    "pt-pt": QA,
+    ru: JA,
+    th: XA,
+    tr: KA,
+    vi: YA
   },
   ios: {
-    de: UA,
-    en: WA,
-    es: GA,
-    fr: jA,
-    id: $A,
-    it: FA,
-    ja: VA,
-    ko: BA,
-    ms: LA,
-    "pt-br": zA,
-    "pt-pt": OA,
-    ru: MA,
-    th: DA,
-    tr: IA,
-    vi: AA
+    de: ZA,
+    en: qA,
+    es: HA,
+    fr: UA,
+    id: WA,
+    it: GA,
+    ja: jA,
+    ko: $A,
+    ms: FA,
+    "pt-br": VA,
+    "pt-pt": BA,
+    ru: LA,
+    th: zA,
+    tr: OA,
+    vi: MA
   },
   android: {
-    de: RA,
-    en: PA,
-    es: TA,
-    fr: _A,
-    id: kA,
-    it: EA,
-    ja: NA,
-    ko: CA,
-    ms: SA,
-    "pt-br": wA,
-    "pt-pt": xA,
-    ru: yA,
-    th: bA,
-    tr: gA,
-    vi: vA
+    de: DA,
+    en: IA,
+    es: AA,
+    fr: RA,
+    id: PA,
+    it: TA,
+    ja: _A,
+    ko: kA,
+    ms: EA,
+    "pt-br": NA,
+    "pt-pt": CA,
+    ru: SA,
+    th: wA,
+    tr: xA,
+    vi: yA
   }
 }, k0 = {
   web: {
@@ -24646,7 +24646,7 @@ const yH = ({
   onDismiss: a,
   ...s
 }) => {
-  const { t: c } = sI();
+  const { t: c } = qR();
   return /* @__PURE__ */ E(
     "div",
     {
@@ -40302,48 +40302,48 @@ const yie = ({
   }
 ), yx = {
   none: {
+    checked: gA,
+    unchecked: vA
+  },
+  soft: {
     checked: mA,
     unchecked: hA
   },
-  soft: {
+  hard: {
     checked: pA,
     unchecked: fA
   },
-  hard: {
+  floating: {
     checked: dA,
     unchecked: uA
   },
-  floating: {
+  original: {
     checked: lA,
     unchecked: cA
   },
-  original: {
+  center: {
     checked: sA,
     unchecked: aA
   },
-  center: {
+  template: {
     checked: iA,
     unchecked: oA
   },
-  template: {
+  custom: {
     checked: nA,
     unchecked: rA
   },
-  custom: {
+  left: {
     checked: tA,
     unchecked: eA
   },
-  left: {
+  right: {
     checked: QR,
     unchecked: JR
   },
-  right: {
+  bottom: {
     checked: XR,
     unchecked: KR
-  },
-  bottom: {
-    checked: YR,
-    unchecked: ZR
   }
 }, eQ = ({ value: e, checked: t }) => {
   const r = t ? yx[e].checked : yx[e].unchecked;
@@ -43145,7 +43145,7 @@ const Mee = se(
           ),
           onClick: o,
           disabled: a.disabled,
-          children: /* @__PURE__ */ p(cI, { className: "h-3 w-3 text-content-white-primary", "aria-hidden": "true" })
+          children: /* @__PURE__ */ p(uI, { className: "h-3 w-3 text-content-white-primary", "aria-hidden": "true" })
         }
       ) })
     ] }) }),
@@ -44371,7 +44371,7 @@ const Ste = se(
           disabled: i,
           children: [
             !o && /* @__PURE__ */ p(
-              lI,
+              bA,
               {
                 className: I(
                   "h-[10px] w-[10px] shrink-0",
@@ -47829,7 +47829,7 @@ const La = {
     children: [
       e,
       !!t && /* @__PURE__ */ p("div", { className: I("relative m-auto", "aspect-[19/5] w-full max-w-[760px]"), children: t }),
-      (r == null ? void 0 : r.href) && n && /* @__PURE__ */ p("div", { className: "flex justify-center", children: /* @__PURE__ */ p(uI, { href: r.href, passHref: !0, legacyBehavior: !0, children: /* @__PURE__ */ p(yt, { size: "large", density: "spacious", as: "a", ...r.extraAttrs, children: n }) }) })
+      (r == null ? void 0 : r.href) && n && /* @__PURE__ */ p("div", { className: "flex justify-center", children: /* @__PURE__ */ p(HR, { href: r.href, passHref: !0, legacyBehavior: !0, children: /* @__PURE__ */ p(yt, { size: "large", density: "spacious", as: "a", ...r.extraAttrs, children: n }) }) })
     ]
   }
 ), Qre = ({ author: e, className: t }) => e ? /* @__PURE__ */ E("div", { className: I("flex items-center gap-4", t), children: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photoroom/ui",
-  "version": "0.1.22",
+  "version": "0.1.23",
   "private": false,
   "description": "Photoroom design system components",
   "sideEffects": [
@@ -35,42 +35,42 @@
     "url": "https://github.com/Photoroom/photoroom.com"
   },
   "dependencies": {
-    "@img-comparison-slider/react": "^8.0.0",
-    "@lottiefiles/react-lottie-player": "^3.5.4",
-    "@photoroom/icons": "0.1.6",
-    "@radix-ui/react-accordion": "^1.0.4",
-    "@radix-ui/react-avatar": "^1.0.4",
-    "@radix-ui/react-checkbox": "^1.0.4",
-    "@radix-ui/react-context-menu": "^2.2.7",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dropdown-menu": "^2.1.1",
-    "@radix-ui/react-menu": "^2.1.1",
-    "@radix-ui/react-popover": "^1.0.7",
-    "@radix-ui/react-progress": "^1.0.3",
-    "@radix-ui/react-radio-group": "^1.1.3",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-slider": "^1.1.2",
-    "@radix-ui/react-switch": "^1.0.3",
-    "@radix-ui/react-tabs": "^1.0.3",
-    "@radix-ui/react-toggle-group": "^1.1.1",
-    "@radix-ui/react-tooltip": "^1.0.7",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "colord": "^2.9.3",
-    "framer-motion": "^12.38.0",
-    "fuse.js": "^7.0.0",
-    "lodash-es": "^4.17.21",
+    "@img-comparison-slider/react": "8.0.2",
+    "@lottiefiles/react-lottie-player": "3.6.0",
+    "@photoroom/icons": "0.1.7",
+    "@radix-ui/react-accordion": "1.2.12",
+    "@radix-ui/react-avatar": "1.1.11",
+    "@radix-ui/react-checkbox": "1.3.3",
+    "@radix-ui/react-context-menu": "2.2.16",
+    "@radix-ui/react-dialog": "1.1.15",
+    "@radix-ui/react-dropdown-menu": "2.1.16",
+    "@radix-ui/react-menu": "2.1.16",
+    "@radix-ui/react-popover": "1.1.15",
+    "@radix-ui/react-progress": "1.1.8",
+    "@radix-ui/react-radio-group": "1.3.8",
+    "@radix-ui/react-select": "2.2.6",
+    "@radix-ui/react-slider": "1.3.6",
+    "@radix-ui/react-switch": "1.2.6",
+    "@radix-ui/react-tabs": "1.1.13",
+    "@radix-ui/react-toggle-group": "1.1.11",
+    "@radix-ui/react-tooltip": "1.2.8",
+    "class-variance-authority": "0.7.1",
+    "clsx": "2.1.1",
+    "colord": "2.9.3",
+    "framer-motion": "12.38.0",
+    "fuse.js": "7.3.0",
+    "lodash-es": "4.18.1",
     "react-colorful": "5.6.1",
-    "react-device-detect": "^2.1.2",
-    "react-intersection-observer": "^10.0.0",
-    "react-moveable": "^0.56.0",
-    "react-textarea-autosize": "^8.5.3",
+    "react-device-detect": "2.2.3",
+    "react-intersection-observer": "10.0.3",
+    "react-moveable": "0.56.0",
+    "react-textarea-autosize": "8.5.9",
     "react-use": "17.6.0",
-    "react-youtube": "^10.1.0",
-    "sonner": "^2.0.0",
-    "tailwind-merge": "^1.6.1",
-    "vaul": "^1.1.2",
-    "virtua": "^0.49.0",
+    "react-youtube": "10.1.0",
+    "sonner": "2.0.7",
+    "tailwind-merge": "1.14.0",
+    "vaul": "1.1.2",
+    "virtua": "0.49.0",
     "date-fns": "^4.0.0"
   },
   "peerDependencies": {