@techzyapp/ui-library 1.0.49 → 1.0.50

package/dist/{IconButton-DSPdv-oI.cjs → IconButton-ChhZqleN.cjs}

@@ -1,2 +1,2 @@
-"use strict";const _=require("react/jsx-runtime"),l=require("react"),x=require("clsx"),B=require("./Loader-RyFTP2X5.cjs"),g="_iconButton_1lspy_1",q="_sm_1lspy_22",v="_md_1lspy_27",z="_lg_1lspy_32",I="_contained_1lspy_38",j="_filled_1lspy_50",k="_outlined_1lspy_61",C="_text_1lspy_74",E="_rounded_1lspy_86",L="_disabled_1lspy_94",R="_loading_1lspy_98",$="_nonClickable_1lspy_103",t={iconButton:g,sm:q,md:v,lg:z,contained:I,filled:j,outlined:k,text:C,rounded:E,disabled:L,loading:R,nonClickable:$},w=l.forwardRef(function({variant:i="contained",color:c="accent",size:s="md",loading:n=!1,rounded:a=!1,disabled:d=!1,nonClickable:e=!1,className:r,style:u,type:b="button",tabIndex:y,children:o,...p},f){const m=l.isValidElement(o)&&!n?l.cloneElement(o,{size:o.props.size??s}):o;return _.jsx("button",{ref:f,type:b,disabled:d||n,"aria-busy":n||void 0,"aria-disabled":e||void 0,tabIndex:e?-1:y,className:x.clsx(t.iconButton,t[i],t[s],a&&t.rounded,n&&t.loading,d&&t.disabled,e&&t.nonClickable,r),style:{"--tz-btn-rgb":`var(--tz-color-${c}-rgb)`,"--tz-btn-on":`var(--tz-color-${c}-contrast, #fff)`,...u},...p,children:n?_.jsx(B.Loader,{size:s,"aria-hidden":"true"}):m})});exports.IconButton=w;
-//# sourceMappingURL=IconButton-DSPdv-oI.cjs.map
+"use strict";const _=require("react/jsx-runtime"),l=require("react"),x=require("clsx"),B=require("./Loader-BCrMy9NU.cjs"),g="_iconButton_1lspy_1",q="_sm_1lspy_22",v="_md_1lspy_27",z="_lg_1lspy_32",I="_contained_1lspy_38",j="_filled_1lspy_50",k="_outlined_1lspy_61",C="_text_1lspy_74",E="_rounded_1lspy_86",L="_disabled_1lspy_94",R="_loading_1lspy_98",$="_nonClickable_1lspy_103",t={iconButton:g,sm:q,md:v,lg:z,contained:I,filled:j,outlined:k,text:C,rounded:E,disabled:L,loading:R,nonClickable:$},w=l.forwardRef(function({variant:i="contained",color:c="accent",size:s="md",loading:n=!1,rounded:a=!1,disabled:d=!1,nonClickable:e=!1,className:r,style:u,type:b="button",tabIndex:y,children:o,...p},f){const m=l.isValidElement(o)&&!n?l.cloneElement(o,{size:o.props.size??s}):o;return _.jsx("button",{ref:f,type:b,disabled:d||n,"aria-busy":n||void 0,"aria-disabled":e||void 0,tabIndex:e?-1:y,className:x.clsx(t.iconButton,t[i],t[s],a&&t.rounded,n&&t.loading,d&&t.disabled,e&&t.nonClickable,r),style:{"--tz-btn-rgb":`var(--tz-color-${c}-rgb)`,"--tz-btn-on":`var(--tz-color-${c}-contrast, #fff)`,...u},...p,children:n?_.jsx(B.Loader,{size:s,"aria-hidden":"true"}):m})});exports.IconButton=w;
+//# sourceMappingURL=IconButton-ChhZqleN.cjs.map

package/dist/{IconButton-DSPdv-oI.cjs.map → IconButton-ChhZqleN.cjs.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-DSPdv-oI.cjs","sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type IconButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: IconButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — square: width === height === `--tz-control-height-*` (matches `Button` heights). */\n  size?: IconButtonSize\n  /** Shows the loader in the icon's place and blocks interaction (also sets the native `disabled`). */\n  loading?: boolean\n  /** Circular shape instead of the default rounded square. */\n  rounded?: boolean\n  /** Ignores all interaction (no clicks, hover or focus) while keeping the normal look — unlike `disabled`, it's not dimmed. */\n  nonClickable?: boolean\n  /** The icon to render — typically an `<Icon />`. Swapped for the loader while `loading`. */\n  children?: ReactNode\n}\n\n/**\n * A square, text-less button for a single icon. Shares `Button`'s variants,\n * colors and sizing, but its width equals its height (the matching\n * `--tz-control-height-*`). Pass an `<Icon />` (or any node) as the child;\n * while `loading` it's replaced by the `Loader`. Provide an `aria-label` since\n * there's no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    rounded = false,\n    disabled = false,\n    nonClickable = false,\n    className,\n    style,\n    type = 'button',\n    tabIndex,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // size the icon child to match the button (an explicit icon `size` still wins)\n  const icon =\n    isValidElement(children) && !loading\n      ? cloneElement(children as ReactElement<{ size?: IconButtonSize }>, {\n          size: (children.props as { size?: IconButtonSize }).size ?? size,\n        })\n      : children\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      aria-disabled={nonClickable || undefined}\n      tabIndex={nonClickable ? -1 : tabIndex}\n      className={clsx(\n        styles.iconButton,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        nonClickable && styles.nonClickable,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {loading ? <Loader size={size} aria-hidden=\"true\" /> : icon}\n    </button>\n  )\n})\n"],"names":["IconButton","forwardRef","variant","color","size","loading","rounded","disabled","nonClickable","className","style","type","tabIndex","children","props","ref","icon","isValidElement","cloneElement","jsx","clsx","styles","Loader"],"mappings":"gfAyCaA,EAAaC,EAAAA,WAA+C,SACvE,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,aAAAC,EAAe,GACf,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EACJC,EAAAA,eAAeJ,CAAQ,GAAK,CAACR,EACzBa,EAAAA,aAAaL,EAAqD,CAChE,KAAOA,EAAS,MAAoC,MAAQT,CAAA,CAC7D,EACDS,EAEN,OACEM,EAAAA,IAAC,SAAA,CACC,IAAAJ,EACA,KAAAJ,EACA,SAAUJ,GAAYF,EACtB,YAAWA,GAAW,OACtB,gBAAeG,GAAgB,OAC/B,SAAUA,EAAe,GAAKI,EAC9B,UAAWQ,EAAAA,KACTC,EAAO,WACPA,EAAOnB,CAAO,EACdmB,EAAOjB,CAAI,EACXE,GAAWe,EAAO,QAClBhB,GAAWgB,EAAO,QAClBd,GAAYc,EAAO,SACnBb,GAAgBa,EAAO,aACvBZ,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBN,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGO,CAAA,EAGN,GAAGI,EAEH,WAAUK,EAAAA,IAACG,EAAAA,OAAA,CAAO,KAAAlB,EAAY,cAAY,OAAO,EAAKY,CAAA,CAAA,CAG7D,CAAC"}
+{"version":3,"file":"IconButton-ChhZqleN.cjs","sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type IconButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: IconButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — square: width === height === `--tz-control-height-*` (matches `Button` heights). */\n  size?: IconButtonSize\n  /** Shows the loader in the icon's place and blocks interaction (also sets the native `disabled`). */\n  loading?: boolean\n  /** Circular shape instead of the default rounded square. */\n  rounded?: boolean\n  /** Ignores all interaction (no clicks, hover or focus) while keeping the normal look — unlike `disabled`, it's not dimmed. */\n  nonClickable?: boolean\n  /** The icon to render — typically an `<Icon />`. Swapped for the loader while `loading`. */\n  children?: ReactNode\n}\n\n/**\n * A square, text-less button for a single icon. Shares `Button`'s variants,\n * colors and sizing, but its width equals its height (the matching\n * `--tz-control-height-*`). Pass an `<Icon />` (or any node) as the child;\n * while `loading` it's replaced by the `Loader`. Provide an `aria-label` since\n * there's no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    rounded = false,\n    disabled = false,\n    nonClickable = false,\n    className,\n    style,\n    type = 'button',\n    tabIndex,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // size the icon child to match the button (an explicit icon `size` still wins)\n  const icon =\n    isValidElement(children) && !loading\n      ? cloneElement(children as ReactElement<{ size?: IconButtonSize }>, {\n          size: (children.props as { size?: IconButtonSize }).size ?? size,\n        })\n      : children\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      aria-disabled={nonClickable || undefined}\n      tabIndex={nonClickable ? -1 : tabIndex}\n      className={clsx(\n        styles.iconButton,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        nonClickable && styles.nonClickable,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {loading ? <Loader size={size} aria-hidden=\"true\" /> : icon}\n    </button>\n  )\n})\n"],"names":["IconButton","forwardRef","variant","color","size","loading","rounded","disabled","nonClickable","className","style","type","tabIndex","children","props","ref","icon","isValidElement","cloneElement","jsx","clsx","styles","Loader"],"mappings":"gfAyCaA,EAAaC,EAAAA,WAA+C,SACvE,CACE,QAAAC,EAAU,YACV,MAAAC,EAAQ,SACR,KAAAC,EAAO,KACP,QAAAC,EAAU,GACV,QAAAC,EAAU,GACV,SAAAC,EAAW,GACX,aAAAC,EAAe,GACf,UAAAC,EACA,MAAAC,EACA,KAAAC,EAAO,SACP,SAAAC,EACA,SAAAC,EACA,GAAGC,CACL,EACAC,EACA,CAEA,MAAMC,EACJC,EAAAA,eAAeJ,CAAQ,GAAK,CAACR,EACzBa,EAAAA,aAAaL,EAAqD,CAChE,KAAOA,EAAS,MAAoC,MAAQT,CAAA,CAC7D,EACDS,EAEN,OACEM,EAAAA,IAAC,SAAA,CACC,IAAAJ,EACA,KAAAJ,EACA,SAAUJ,GAAYF,EACtB,YAAWA,GAAW,OACtB,gBAAeG,GAAgB,OAC/B,SAAUA,EAAe,GAAKI,EAC9B,UAAWQ,EAAAA,KACTC,EAAO,WACPA,EAAOnB,CAAO,EACdmB,EAAOjB,CAAI,EACXE,GAAWe,EAAO,QAClBhB,GAAWgB,EAAO,QAClBd,GAAYc,EAAO,SACnBb,GAAgBa,EAAO,aACvBZ,CAAA,EAEF,MACE,CACE,eAAgB,kBAAkBN,CAAK,QACvC,cAAe,kBAAkBA,CAAK,mBACtC,GAAGO,CAAA,EAGN,GAAGI,EAEH,WAAUK,EAAAA,IAACG,EAAAA,OAAA,CAAO,KAAAlB,EAAY,cAAY,OAAO,EAAKY,CAAA,CAAA,CAG7D,CAAC"}

package/dist/{IconButton-iWbUJAz7.js → IconButton-s5hohjxu.js}

@@ -1,7 +1,7 @@
 import { jsx as _ } from "react/jsx-runtime";
 import { forwardRef as y, isValidElement as x, cloneElement as B } from "react";
 import { clsx as g } from "clsx";
-import { L as v } from "./Loader-DD1vfqmN.js";
+import { L as v } from "./Loader-CShIWNfG.js";
 const z = "_iconButton_1lspy_1", I = "_sm_1lspy_22", k = "_md_1lspy_27", C = "_lg_1lspy_32", E = "_contained_1lspy_38", L = "_filled_1lspy_50", $ = "_outlined_1lspy_61", j = "_text_1lspy_74", w = "_rounded_1lspy_86", N = "_disabled_1lspy_94", R = "_loading_1lspy_98", V = "_nonClickable_1lspy_103", t = {
   iconButton: z,
   sm: I,
@@ -65,4 +65,4 @@ const z = "_iconButton_1lspy_1", I = "_sm_1lspy_22", k = "_md_1lspy_27", C = "_l
 export {
   H as I
 };
-//# sourceMappingURL=IconButton-iWbUJAz7.js.map
+//# sourceMappingURL=IconButton-s5hohjxu.js.map

package/dist/{IconButton-iWbUJAz7.js.map → IconButton-s5hohjxu.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-iWbUJAz7.js","sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type IconButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: IconButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — square: width === height === `--tz-control-height-*` (matches `Button` heights). */\n  size?: IconButtonSize\n  /** Shows the loader in the icon's place and blocks interaction (also sets the native `disabled`). */\n  loading?: boolean\n  /** Circular shape instead of the default rounded square. */\n  rounded?: boolean\n  /** Ignores all interaction (no clicks, hover or focus) while keeping the normal look — unlike `disabled`, it's not dimmed. */\n  nonClickable?: boolean\n  /** The icon to render — typically an `<Icon />`. Swapped for the loader while `loading`. */\n  children?: ReactNode\n}\n\n/**\n * A square, text-less button for a single icon. Shares `Button`'s variants,\n * colors and sizing, but its width equals its height (the matching\n * `--tz-control-height-*`). Pass an `<Icon />` (or any node) as the child;\n * while `loading` it's replaced by the `Loader`. Provide an `aria-label` since\n * there's no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    rounded = false,\n    disabled = false,\n    nonClickable = false,\n    className,\n    style,\n    type = 'button',\n    tabIndex,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // size the icon child to match the button (an explicit icon `size` still wins)\n  const icon =\n    isValidElement(children) && !loading\n      ? cloneElement(children as ReactElement<{ size?: IconButtonSize }>, {\n          size: (children.props as { size?: IconButtonSize }).size ?? size,\n        })\n      : children\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      aria-disabled={nonClickable || undefined}\n      tabIndex={nonClickable ? -1 : tabIndex}\n      className={clsx(\n        styles.iconButton,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        nonClickable && styles.nonClickable,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {loading ? <Loader size={size} aria-hidden=\"true\" /> : icon}\n    </button>\n  )\n})\n"],"names":["IconButton","forwardRef","variant","color","size","loading","rounded","disabled","nonClickable","className","style","type","tabIndex","children","props","ref","icon","isValidElement","cloneElement","jsx","clsx","styles","Loader"],"mappings":";;;;;;;;;;;;;;;;;GAyCaA,IAAaC,EAA+C,SACvE;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAEA,QAAMC,IACJC,EAAeJ,CAAQ,KAAK,CAACR,IACzBa,EAAaL,GAAqD;AAAA,IAChE,MAAOA,EAAS,MAAoC,QAAQT;AAAA,EAAA,CAC7D,IACDS;AAEN,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,MAAAJ;AAAA,MACA,UAAUJ,KAAYF;AAAA,MACtB,aAAWA,KAAW;AAAA,MACtB,iBAAeG,KAAgB;AAAA,MAC/B,UAAUA,IAAe,KAAKI;AAAA,MAC9B,WAAWQ;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOnB,CAAO;AAAA,QACdmB,EAAOjB,CAAI;AAAA,QACXE,KAAWe,EAAO;AAAA,QAClBhB,KAAWgB,EAAO;AAAA,QAClBd,KAAYc,EAAO;AAAA,QACnBb,KAAgBa,EAAO;AAAA,QACvBZ;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBN,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGO;AAAA,MAAA;AAAA,MAGN,GAAGI;AAAA,MAEH,cAAU,gBAAAK,EAACG,GAAA,EAAO,MAAAlB,GAAY,eAAY,QAAO,IAAKY;AAAA,IAAA;AAAA,EAAA;AAG7D,CAAC;"}
+{"version":3,"file":"IconButton-s5hohjxu.js","sources":["../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import {\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n} from 'react'\nimport { clsx } from 'clsx'\nimport type { ThemeColor } from '../../theme'\nimport { Loader } from '../Loader'\nimport styles from './IconButton.module.css'\n\nexport type IconButtonVariant = 'contained' | 'filled' | 'outlined' | 'text'\nexport type IconButtonSize = 'sm' | 'md' | 'lg'\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {\n  /** Visual style. `contained` solid · `filled` soft tint · `outlined` border · `text` bare. */\n  variant?: IconButtonVariant\n  /** Theme palette token that tints the button. Defaults to `accent`. */\n  color?: ThemeColor\n  /** Preset size — square: width === height === `--tz-control-height-*` (matches `Button` heights). */\n  size?: IconButtonSize\n  /** Shows the loader in the icon's place and blocks interaction (also sets the native `disabled`). */\n  loading?: boolean\n  /** Circular shape instead of the default rounded square. */\n  rounded?: boolean\n  /** Ignores all interaction (no clicks, hover or focus) while keeping the normal look — unlike `disabled`, it's not dimmed. */\n  nonClickable?: boolean\n  /** The icon to render — typically an `<Icon />`. Swapped for the loader while `loading`. */\n  children?: ReactNode\n}\n\n/**\n * A square, text-less button for a single icon. Shares `Button`'s variants,\n * colors and sizing, but its width equals its height (the matching\n * `--tz-control-height-*`). Pass an `<Icon />` (or any node) as the child;\n * while `loading` it's replaced by the `Loader`. Provide an `aria-label` since\n * there's no visible text.\n */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(function IconButton(\n  {\n    variant = 'contained',\n    color = 'accent',\n    size = 'md',\n    loading = false,\n    rounded = false,\n    disabled = false,\n    nonClickable = false,\n    className,\n    style,\n    type = 'button',\n    tabIndex,\n    children,\n    ...props\n  },\n  ref,\n) {\n  // size the icon child to match the button (an explicit icon `size` still wins)\n  const icon =\n    isValidElement(children) && !loading\n      ? cloneElement(children as ReactElement<{ size?: IconButtonSize }>, {\n          size: (children.props as { size?: IconButtonSize }).size ?? size,\n        })\n      : children\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      disabled={disabled || loading}\n      aria-busy={loading || undefined}\n      aria-disabled={nonClickable || undefined}\n      tabIndex={nonClickable ? -1 : tabIndex}\n      className={clsx(\n        styles.iconButton,\n        styles[variant],\n        styles[size],\n        rounded && styles.rounded,\n        loading && styles.loading,\n        disabled && styles.disabled,\n        nonClickable && styles.nonClickable,\n        className,\n      )}\n      style={\n        {\n          '--tz-btn-rgb': `var(--tz-color-${color}-rgb)`,\n          '--tz-btn-on': `var(--tz-color-${color}-contrast, #fff)`,\n          ...style,\n        } as CSSProperties\n      }\n      {...props}\n    >\n      {loading ? <Loader size={size} aria-hidden=\"true\" /> : icon}\n    </button>\n  )\n})\n"],"names":["IconButton","forwardRef","variant","color","size","loading","rounded","disabled","nonClickable","className","style","type","tabIndex","children","props","ref","icon","isValidElement","cloneElement","jsx","clsx","styles","Loader"],"mappings":";;;;;;;;;;;;;;;;;GAyCaA,IAAaC,EAA+C,SACvE;AAAA,EACE,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,MAAAC,IAAO;AAAA,EACP,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,UAAAC,IAAW;AAAA,EACX,cAAAC,IAAe;AAAA,EACf,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GACAC,GACA;AAEA,QAAMC,IACJC,EAAeJ,CAAQ,KAAK,CAACR,IACzBa,EAAaL,GAAqD;AAAA,IAChE,MAAOA,EAAS,MAAoC,QAAQT;AAAA,EAAA,CAC7D,IACDS;AAEN,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAJ;AAAA,MACA,MAAAJ;AAAA,MACA,UAAUJ,KAAYF;AAAA,MACtB,aAAWA,KAAW;AAAA,MACtB,iBAAeG,KAAgB;AAAA,MAC/B,UAAUA,IAAe,KAAKI;AAAA,MAC9B,WAAWQ;AAAA,QACTC,EAAO;AAAA,QACPA,EAAOnB,CAAO;AAAA,QACdmB,EAAOjB,CAAI;AAAA,QACXE,KAAWe,EAAO;AAAA,QAClBhB,KAAWgB,EAAO;AAAA,QAClBd,KAAYc,EAAO;AAAA,QACnBb,KAAgBa,EAAO;AAAA,QACvBZ;AAAA,MAAA;AAAA,MAEF,OACE;AAAA,QACE,gBAAgB,kBAAkBN,CAAK;AAAA,QACvC,eAAe,kBAAkBA,CAAK;AAAA,QACtC,GAAGO;AAAA,MAAA;AAAA,MAGN,GAAGI;AAAA,MAEH,cAAU,gBAAAK,EAACG,GAAA,EAAO,MAAAlB,GAAY,eAAY,QAAO,IAAKY;AAAA,IAAA;AAAA,EAAA;AAG7D,CAAC;"}

package/dist/{ImageEditor-C40dp2-V.cjs → ImageEditor-C8tFTX4e.cjs}

@@ -1,4 +1,4 @@
-"use strict";const l=require("react/jsx-runtime"),b=require("react"),G=require("clsx"),we=require("./Button-BtiFpRie.cjs"),Z=require("./Icon-CBg21lKA.cjs"),Mt=require("./IconButton-DSPdv-oI.cjs"),sn=require("./Loader-RyFTP2X5.cjs"),cn=require("./Overlay-CywFQfjm.cjs"),Bt=require("./ConfigProvider-CYSpuSMJ.cjs"),ln=require("./Dropdown-C_y9_dVn.cjs"),Le=require("./ListItem-CguNjf-u.cjs"),ke=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],le=.2126,ue=.7152,he=.0722;function un(t,e){const n=new Array(20);for(let i=0;i<4;i++)for(let o=0;o<5;o++){let r=0;for(let a=0;a<4;a++)r+=t[i*5+a]*e[a*5+o];o===4&&(r+=t[i*5+4]),n[i*5+o]=r}return n}function nt(...t){return t.reduce((e,n)=>un(n,e),ke)}function hn(t){return!t||t.every((e,n)=>Math.abs(e-ke[n])<1e-6)}const Ve=t=>[1,0,0,0,t,0,1,0,0,t,0,0,1,0,t,0,0,0,1,0],xt=t=>{const e=.5*(1-t);return[t,0,0,0,e,0,t,0,0,e,0,0,t,0,e,0,0,0,1,0]},Tt=t=>{const e=1-t;return[le*e+t,ue*e,he*e,0,0,le*e,ue*e+t,he*e,0,0,le*e,ue*e,he*e+t,0,0,0,0,0,1,0]},Rt=(t,e,n,i=0,o=0,r=0)=>[t,0,0,0,i,0,e,0,0,o,0,0,n,0,r,0,0,0,1,0],de=(t,e)=>{const n=e-t;return[n,0,0,0,t,0,n,0,0,t,0,0,n,0,t,0,0,0,1,0]},Ne=[.393,.769,.189,0,0,.349,.686,.168,0,0,.272,.534,.131,0,0,0,0,0,1,0],ve=[["default"],["chrome","fade","cold","warm","pastel"],["mono","noir","stark","wash"],["sepia","rust","blues","color"]],Pt=Tt(0),re={default:null,chrome:nt(Tt(1.3),xt(1.15)),fade:nt(Tt(.7),de(.12,.92)),cold:nt(Rt(.9,.98,1.12,0,.01,.03),xt(1.04)),warm:nt(Rt(1.1,1.03,.86,.03,.01,0),xt(1.04)),pastel:nt(Tt(.6),de(.16,1)),mono:Pt,noir:nt(Pt,xt(1.45),Ve(-.04)),stark:nt(Pt,xt(2.1)),wash:nt(Pt,de(.22,.98)),sepia:Ne,rust:nt(Ne,Rt(1.12,.9,.7),xt(1.12)),blues:nt(Pt,Rt(.72,.88,1.08,0,.02,.08)),color:nt(Tt(1.65),xt(1.06))},dn=["brightness","contrast","saturation","exposure","temperature","gamma","clarity","vignette"],Ge={brightness:0,contrast:0,saturation:0,exposure:0,temperature:0,gamma:0,clarity:0,vignette:0},ct={brightness:t=>t/100*.25,contrast:t=>1+t/100*.5,saturation:t=>1+t/100,exposure:t=>1+t/100*.5,temperature:t=>t/100,gamma:t=>1+t/100*.5,clarity:t=>t/100,vignette:t=>t/100};function mn(t){const e=ct.temperature(t.temperature);return nt(Rt(ct.exposure(t.exposure),ct.exposure(t.exposure),ct.exposure(t.exposure)),Ve(ct.brightness(t.brightness)),xt(ct.contrast(t.contrast)),Tt(ct.saturation(t.saturation)),Rt(1+.12*e,1+.02*e,1-.12*e))}function fn(t,e){return nt(t??ke,mn(e))}const ee=Math.PI/2,$e=1e-6,ie=([t,e],n)=>{const i=Math.cos(n),o=Math.sin(n);return[t*i-e*o,t*o+e*i]};function We(t,e,n){const i=Math.abs(Math.cos(n)),o=Math.abs(Math.sin(n));return[t/2*i+e/2*o,t/2*o+e/2*i]}const Yt=t=>[t.x+t.width/2,t.y+t.height/2];function oe(t,e,n,i){const[o,r]=We(t,e,n);return Math.max(2*o/i.width,2*r/i.height)}function Vt(t,e){const[n,i]=Yt(t.crop),[o,r]=ie([n-e.width/2,i-e.height/2],-t.rotation);return[o/t.scale,r/t.scale]}function Gt([t,e],n,i,o,r,a){const[s,_]=We(n,i,o),c=Math.max(0,a.width/2-s/r),y=Math.max(0,a.height/2-_/r);return[Math.min(c,Math.max(-c,t)),Math.min(y,Math.max(-y,e))]}function $t(t,e,n,i,o,r){const[a,s]=ie([t[0]*o,t[1]*o],i),_=r.width/2+a,c=r.height/2+s;return{x:_-e/2,y:c-n/2,width:e,height:n}}function pn(t,e,n,i){const o=[[t.x,t.y],[t.x+t.width,t.y],[t.x,t.y+t.height],[t.x+t.width,t.y+t.height]],r=1e-6*Math.max(i.width,i.height);return o.every(([a,s])=>{const[_,c]=ie([a-i.width/2,s-i.height/2],-e);return Math.abs(_/n)<=i.width/2+r/n&&Math.abs(c/n)<=i.height/2+r/n})}function gn(t,e){const{width:n,height:i}=t.crop,o=Math.max(t.scale,oe(n,i,t.rotation,e)),r=Gt(Vt({...t,scale:o},e),n,i,t.rotation,o,e);return{...t,scale:o,crop:$t(r,n,i,t.rotation,o,e)}}function jt(t){return{width:Math.max(1,Math.round(t.crop.width/t.scale)),height:Math.max(1,Math.round(t.crop.height/t.scale))}}function St(t){const e=jt(t);return t.resize?{width:Math.max(1,Math.min(e.width,Math.round(t.resize.width))),height:Math.max(1,Math.min(e.height,Math.round(t.resize.height)))}:e}function Ft(t){const{crop:e}=t,n=t.resize;if(!n)return e;const i=n.width/n.height,o=e.width/e.height;if(Math.abs(o-i)<1e-9*Math.max(o,i))return e;if(o>i){const a=e.height*i;return{...e,x:e.x+(e.width-a)/2,width:a}}const r=e.width/i;return{...e,y:e.y+(e.height-r)/2,height:r}}function xn(t,e){if(!e)return{...t,resize:null};const n=jt(t),i=Math.max(1,Math.min(n.width,Math.round(e.width))),o=Math.max(1,Math.min(n.height,Math.round(e.height))),r=Math.round(i*n.height/n.width)===o||Math.round(o*n.width/n.height)===i;let a=t;if(!r){const c=Ft({...t,resize:{width:i,height:o}});a={...t,crop:c,cropRatio:null}}const s=jt(a),_=i>=s.width&&o>=s.height?null:{width:Math.min(i,s.width),height:Math.min(o,s.height)};return{...a,resize:_}}function _n(t,e){const n=e.resize;if(!n)return n;const i=jt(t),o=jt(e);if(i.width===o.width&&i.height===o.height)return n;const r=Math.max(1,Math.min(o.width,Math.round(n.width*o.width/i.width))),a=Math.max(1,Math.min(o.height,Math.round(n.height*o.height/i.height)));return r===o.width&&a===o.height?null:{width:r,height:a}}function wn(t,e){let n=t.width,i=t.height;return e&&e>0&&(n/i>e?n=i*e:i=n/e),{x:(t.width-n)/2,y:(t.height-i)/2,width:n,height:i}}function vn(t,e){return{crop:wn(t,e),cropRatio:e&&e>0?e:null,resize:null,rotation:0,flipX:!1,flipY:!1,scale:1,filter:null,colorMatrix:null,finetune:{...Ge},redact:{effect:"blur",amount:0}}}function me(t,e){const n=(Math.round(t/ee)%4+4)%4,i=e??n*ee;let o=t-i;return o=Math.atan2(Math.sin(o),Math.cos(o)),{quarter:be(i),fine:o}}const be=t=>{const e=t%(2*Math.PI),n=e<0?e+2*Math.PI:e;return Math.abs(n-2*Math.PI)<$e?0:n};function qe(t,e,n){const{width:i,height:o}=t.crop,r=Vt(t,n),a=Math.max(t.scale,oe(i,o,e,n)),s=Gt(r,i,o,e,a,n);return{...t,rotation:e,scale:a,crop:$t(s,i,o,e,a,n)}}function bn(t,e){const[n,i]=Yt(t.crop),o=e.width/2,r=e.height/2,[a,s]=ie([n-o,i-r],-ee),_=t.crop.height,c=t.crop.width;return{...t,rotation:t.rotation-ee,crop:{x:o+a-_/2,y:r+s-c/2,width:_,height:c},cropRatio:t.cropRatio?1/t.cropRatio:t.cropRatio}}function Mn(t,e){return{...t,rotation:-t.rotation,flipX:!t.flipX,crop:{...t.crop,x:e.width-t.crop.x-t.crop.width}}}function Ut(t,e){return t.scale/oe(t.crop.width,t.crop.height,t.rotation,e)}const Ot=5;function Xt(t,e,n){const{width:i,height:o}=t.crop,r=Vt(t,n),a=oe(i,o,t.rotation,n)*Math.min(Ot,Math.max(1,e)),s=Gt(r,i,o,t.rotation,a,n);return{...t,scale:a,crop:$t(s,i,o,t.rotation,a,n)}}function yn(t,e,n,i){const{width:o,height:r}=t.crop,a={...t,crop:{...t.crop,x:t.crop.x+e,y:t.crop.y+n}},s=Gt(Vt(a,i),o,r,t.rotation,t.scale,i);return{...t,crop:$t(s,o,r,t.rotation,t.scale,i)}}function En(t,e,n){if(!e||e<=0)return{...t,cropRatio:null};const i=Math.abs(Math.cos(t.rotation)),o=Math.abs(Math.sin(t.rotation)),r=Math.min(n.width*t.scale/(e*i+o),n.height*t.scale/(e*o+i)),a=r*e,s=Gt(Vt(t,n),a,r,t.rotation,t.scale,n);return{...t,cropRatio:e,crop:$t(s,a,r,t.rotation,t.scale,n)}}function kn(t,e,n,i,o,{aspectRatio:r,minSize:a}){const s=t.crop;let _=s.x,c=s.y,y=s.x+s.width,f=s.y+s.height;const I=e.includes("n"),p=e.includes("s"),R=e.includes("w"),S=e.includes("e");if(I&&(c=Math.min(c+i,f-a)),p&&(f=Math.max(f+i,c+a)),R&&(_=Math.min(_+n,y-a)),S&&(y=Math.max(y+n,_+a)),r&&r>0){let v=y-_,N=f-c;if((I||p)&&(R||S))v/N>r?N=v/r:v=N*r,R?_=y-v:y=_+v,I?c=f-N:f=c+N;else if(I||p){v=N*r;const Y=s.x+s.width/2;_=Y-v/2,y=Y+v/2}else{N=v/r;const Y=s.y+s.height/2;c=Y-N/2,f=Y+N/2}}const E={x:_,y:c,width:y-_,height:f-c},M=v=>pn(v,t.rotation,t.scale,o);if(M(E))return{...t,crop:E};if(!(!(r&&r>0)&&(I||p)&&(R||S)))return{...t,crop:zt(s,E,M)};const A=v=>({...v,x:_,width:y-_}),d=v=>({...v,y:c,height:f-c}),j=zt(zt(s,A(s),M),d,M),m=zt(zt(s,d(s),M),A,M),k=v=>Math.abs(v.x-E.x)+Math.abs(v.y-E.y)+Math.abs(v.width-E.width)+Math.abs(v.height-E.height);return{...t,crop:k(j)<=k(m)?j:m}}function zt(t,e,n){const i=typeof e=="function"?e(t):e;if(n(i))return i;let o=0,r=1;for(let a=0;a<24;a++){const s=(o+r)/2;n(Pe(t,i,s))?o=s:r=s}return Pe(t,i,o)}const Pe=(t,e,n)=>({x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n,width:t.width+(e.width-t.width)*n,height:t.height+(e.height-t.height)*n});function ze(t,e){const n={...t.crop,width:Math.max(1,t.crop.width),height:Math.max(1,t.crop.height)};return gn({...t,crop:n,scale:Math.max($e,t.scale||1)},e)}const Ke=.85,In=(t,e,n)=>{const i=Math.min(1,Math.max(0,(n-t)/(e-t)));return i*i*(3-2*i)},Tn=(t,e)=>In(.3,1,Math.hypot(t,e)/Math.SQRT2);function Ie(t,e,n,i,o,r){const a=i.matrix,s=1/i.gamma,_=Math.abs(i.gamma-1)>1e-4,c=Math.abs(i.clarity)>1e-4&&!!o,y=Math.abs(i.vignette)>1e-4&&!!r;for(let f=0;f<n;f++)for(let I=0;I<e;I++){const p=(f*e+I)*4,R=t[p+3]/255;if(R===0)continue;const S=t[p]/255,E=t[p+1]/255,M=t[p+2]/255;let u=a[0]*S+a[1]*E+a[2]*M+a[3]*R+a[4],A=a[5]*S+a[6]*E+a[7]*M+a[8]*R+a[9],d=a[10]*S+a[11]*E+a[12]*M+a[13]*R+a[14];if(c){const j=o[p]/255,m=o[p+1]/255,k=o[p+2]/255,v=o[p+3]/255,N=a[0]*j+a[1]*m+a[2]*k+a[3]*v+a[4],V=a[5]*j+a[6]*m+a[7]*k+a[8]*v+a[9],Y=a[10]*j+a[11]*m+a[12]*k+a[13]*v+a[14];u+=i.clarity*(u-N),A+=i.clarity*(A-V),d+=i.clarity*(d-Y)}if(_&&(u=Math.pow(Math.max(0,u),s),A=Math.pow(Math.max(0,A),s),d=Math.pow(Math.max(0,d),s)),y){const j=I+.5,m=f+.5,k=r[0]*j+r[1]*m+r[2],v=r[3]*j+r[4]*m+r[5],N=Tn(k,v)*Ke*Math.abs(i.vignette);i.vignette>0?(u*=1-N,A*=1-N,d*=1-N):(u+=(1-u)*N,A+=(1-A)*N,d+=(1-d)*N)}t[p]=u*255,t[p+1]=A*255,t[p+2]=d*255}}function Te(t,e,n,i){const o=Math.max(1,Math.round(i)),r=new Uint8ClampedArray(t),a=new Uint8ClampedArray(t.length);for(let _=0;_<3;_++)s(r,a,e,n,o,!0),s(a,r,e,n,o,!1);return r;function s(_,c,y,f,I,p){const R=p?f:y,S=p?y:f,E=p?4:y*4,M=I*2+1;for(let u=0;u<R;u++){const A=p?u*y*4:u*4;for(let d=0;d<4;d++){let j=0;for(let m=-I;m<=I;m++){const k=Math.min(S-1,Math.max(0,m));j+=_[A+k*E+d]}for(let m=0;m<S;m++){c[A+m*E+d]=j/M;const k=Math.max(0,m-I),v=Math.min(S-1,m+I+1);j+=_[A+v*E+d]-_[A+k*E+d]}}}}}const Re=.012,He=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};async function De(t){if(typeof createImageBitmap=="function")try{return await createImageBitmap(t,{imageOrientation:"from-image"})}catch{}const e=URL.createObjectURL(t);try{return await Qe(e,!1)}finally{URL.revokeObjectURL(e)}}function Qe(t,e){return new Promise((n,i)=>{const o=new Image;e&&(o.crossOrigin="anonymous"),o.decoding="async",o.onload=()=>n(o),o.onerror=()=>i(new Error(`Could not load image: ${t.slice(0,80)}`)),o.src=t})}const Rn=t=>t instanceof HTMLImageElement?{width:t.naturalWidth,height:t.naturalHeight}:{width:t.width,height:t.height};async function Sn(t){let e,n="";if(typeof t=="string")try{const r=await fetch(t);if(!r.ok)throw new Error(String(r.status));const a=await r.blob();n=a.type,e=await De(a)}catch{e=await Qe(t,!t.startsWith("data:")&&!t.startsWith("blob:"));const r=/^data:([^;,]+)/.exec(t)??/\.(png|jpe?g|webp|gif|avif)(?:[?#]|$)/i.exec(t);r&&(n=r[1].includes("/")?r[1]:`image/${r[1].toLowerCase().replace("jpg","jpeg")}`)}else n=t.type,e=await De(t);const{width:i,height:o}=Rn(e);if(!i||!o)throw new Error("The image has no size");return{image:e,width:i,height:o,type:n}}function te(t,e,n,i){const o=Math.min(1,i/Math.max(e,n));if(o>=1)return{canvas:t,width:e,height:n};const r=He(e*o,n*o),a=r.getContext("2d");return a&&(a.imageSmoothingQuality="high",a.drawImage(t,0,0,r.width,r.height)),{canvas:r,width:r.width,height:r.height}}function Ze(t,e,n,i,o=384){const r=Math.min(1,o/Math.max(e,n)),a=He(e*r,n*r),s=a.getContext("2d",{willReadFrequently:!0});if(!s)return a;s.drawImage(t,0,0,a.width,a.height);try{const _=s.getImageData(0,0,a.width,a.height);_.data.set(Te(_.data,a.width,a.height,Math.max(1,i*r))),s.putImageData(_,0,0)}catch{}return a}function An(t,e){return t||(["image/jpeg","image/png","image/webp"].includes(e)?e:"image/png")}const jn=[1,0,0,0,1,0],it=(t,e)=>[1,0,t,0,1,e],J=(t,e=t)=>[t,0,0,0,e,0],Je=t=>{const e=Math.cos(t),n=Math.sin(t);return[e,-n,0,n,e,0]};function Cn(t,e){return[t[0]*e[0]+t[1]*e[3],t[0]*e[1]+t[1]*e[4],t[0]*e[2]+t[1]*e[5]+t[2],t[3]*e[0]+t[4]*e[3],t[3]*e[1]+t[4]*e[4],t[3]*e[2]+t[4]*e[5]+t[5]]}const rt=(...t)=>t.reduce((e,n)=>Cn(n,e),jn);function At([t,e,n,i,o,r]){const a=t*o-e*i,s=Math.abs(a)<1e-12?1e12:1/a;return[o*s,-e*s,(e*r-n*o)*s,-i*s,t*s,(n*i-t*r)*s]}const ne=([t,e,n,i,o,r],a,s)=>[t*a+e*s+n,i*a+o*s+r],Ln={blur:.015,pixelate:.05};function Me(t,e){var o,r;const n=((o=t.redact)==null?void 0:o.effect)??"blur";return Math.max(0,Math.min(100,((r=t.redact)==null?void 0:r.amount)??0))/100*(Ln[n]??0)*Math.max(e.width,e.height)}function tn(t,e){const n=Math.max(1e-6,e);return{cols:Math.max(1,Math.round(t.width/n)),rows:Math.max(1,Math.round(t.height/n))}}const Nn=4,ae=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};function en(t,e,n,i,o){const r=Math.min(1,Nn/Math.max(1,i),o/Math.max(e,n)),a=ae(e*r,n*r),s=a.getContext("2d",{willReadFrequently:!0});if(!s)return a;s.imageSmoothingQuality="high",s.drawImage(t,0,0,a.width,a.height);try{const _=s.getImageData(0,0,a.width,a.height);_.data.set(Te(_.data,a.width,a.height,Math.max(1,i*r))),s.putImageData(_,0,0)}catch{}return a}function qn(t,e,n,i){const o=ae(e,n),r=o.getContext("2d");return r&&(r.imageSmoothingQuality="high",r.drawImage(en(t,e,n,i,1024),0,0,e,n)),o}function nn(t,e,n){const i=ae(e,n),o=i.getContext("2d"),r=t.getContext("2d");!o||!r||(o.imageSmoothingQuality="high",o.drawImage(t,0,0,i.width,i.height),r.save(),r.setTransform(1,0,0,1,0,0),r.globalCompositeOperation="copy",r.imageSmoothingEnabled=!1,r.drawImage(i,0,0,t.width,t.height),r.restore())}function Pn(t,e,n,i){const o=ae(e,n),r=o.getContext("2d");return r&&(r.drawImage(t,0,0,e,n),nn(o,Math.max(1,Math.round(e/Math.max(2,i))),Math.max(1,Math.round(n/Math.max(2,i))))),o}const rn=t=>t.area?[t.area.x+t.area.width/2,t.area.y+t.area.height/2]:[t.width/2,t.height/2];function Se(t,e){const n=e.width/2,i=e.height/2;return rt(it(-n,-i),J(t.flipX?-1:1,t.flipY?-1:1),Je(t.rotation),J(t.scale),it(n,i))}function on(t,e){const n=Math.abs(t.flip)<.02?.02*Math.sign(t.flip||1):t.flip,[i,o]=rn(e);return rt(it(-t.center[0],-t.center[1]),Je(t.rotation),J(t.scale*n,t.scale),it(i,o))}function zn(t){const[e,n]=Yt(t);return rt(it(-e,-n),J(2/t.width,2/t.height))}function Dn(t,e,n,i){const o=rt(J(1/i.dpr),At(on(n,i))),r=rt(o,At(Se(t,e)),J(1/e.width,1/e.height));return{toUV:r,toBlurUV:r,toCrop:rt(o,zn(t.crop))}}function Ue(t,e,n){const i=Math.max(1,e.width-n*2),o=Math.max(1,e.height-n*2);return{center:Yt(t),scale:Math.min(i/t.width,o/t.height),rotation:0,flip:1}}const Un=`
+"use strict";const l=require("react/jsx-runtime"),b=require("react"),G=require("clsx"),we=require("./Button-DAvQCGIw.cjs"),Z=require("./Icon-BoQmbW7j.cjs"),Mt=require("./IconButton-ChhZqleN.cjs"),sn=require("./Loader-BCrMy9NU.cjs"),cn=require("./Overlay-CywFQfjm.cjs"),Bt=require("./ConfigProvider-BFhkb0BV.cjs"),ln=require("./Dropdown-DNL7RWdL.cjs"),Le=require("./ListItem-CWM2fUS2.cjs"),ke=[1,0,0,0,0,0,1,0,0,0,0,0,1,0,0,0,0,0,1,0],le=.2126,ue=.7152,he=.0722;function un(t,e){const n=new Array(20);for(let i=0;i<4;i++)for(let o=0;o<5;o++){let r=0;for(let a=0;a<4;a++)r+=t[i*5+a]*e[a*5+o];o===4&&(r+=t[i*5+4]),n[i*5+o]=r}return n}function nt(...t){return t.reduce((e,n)=>un(n,e),ke)}function hn(t){return!t||t.every((e,n)=>Math.abs(e-ke[n])<1e-6)}const Ve=t=>[1,0,0,0,t,0,1,0,0,t,0,0,1,0,t,0,0,0,1,0],xt=t=>{const e=.5*(1-t);return[t,0,0,0,e,0,t,0,0,e,0,0,t,0,e,0,0,0,1,0]},Tt=t=>{const e=1-t;return[le*e+t,ue*e,he*e,0,0,le*e,ue*e+t,he*e,0,0,le*e,ue*e,he*e+t,0,0,0,0,0,1,0]},Rt=(t,e,n,i=0,o=0,r=0)=>[t,0,0,0,i,0,e,0,0,o,0,0,n,0,r,0,0,0,1,0],de=(t,e)=>{const n=e-t;return[n,0,0,0,t,0,n,0,0,t,0,0,n,0,t,0,0,0,1,0]},Ne=[.393,.769,.189,0,0,.349,.686,.168,0,0,.272,.534,.131,0,0,0,0,0,1,0],ve=[["default"],["chrome","fade","cold","warm","pastel"],["mono","noir","stark","wash"],["sepia","rust","blues","color"]],Pt=Tt(0),re={default:null,chrome:nt(Tt(1.3),xt(1.15)),fade:nt(Tt(.7),de(.12,.92)),cold:nt(Rt(.9,.98,1.12,0,.01,.03),xt(1.04)),warm:nt(Rt(1.1,1.03,.86,.03,.01,0),xt(1.04)),pastel:nt(Tt(.6),de(.16,1)),mono:Pt,noir:nt(Pt,xt(1.45),Ve(-.04)),stark:nt(Pt,xt(2.1)),wash:nt(Pt,de(.22,.98)),sepia:Ne,rust:nt(Ne,Rt(1.12,.9,.7),xt(1.12)),blues:nt(Pt,Rt(.72,.88,1.08,0,.02,.08)),color:nt(Tt(1.65),xt(1.06))},dn=["brightness","contrast","saturation","exposure","temperature","gamma","clarity","vignette"],Ge={brightness:0,contrast:0,saturation:0,exposure:0,temperature:0,gamma:0,clarity:0,vignette:0},ct={brightness:t=>t/100*.25,contrast:t=>1+t/100*.5,saturation:t=>1+t/100,exposure:t=>1+t/100*.5,temperature:t=>t/100,gamma:t=>1+t/100*.5,clarity:t=>t/100,vignette:t=>t/100};function mn(t){const e=ct.temperature(t.temperature);return nt(Rt(ct.exposure(t.exposure),ct.exposure(t.exposure),ct.exposure(t.exposure)),Ve(ct.brightness(t.brightness)),xt(ct.contrast(t.contrast)),Tt(ct.saturation(t.saturation)),Rt(1+.12*e,1+.02*e,1-.12*e))}function fn(t,e){return nt(t??ke,mn(e))}const ee=Math.PI/2,$e=1e-6,ie=([t,e],n)=>{const i=Math.cos(n),o=Math.sin(n);return[t*i-e*o,t*o+e*i]};function We(t,e,n){const i=Math.abs(Math.cos(n)),o=Math.abs(Math.sin(n));return[t/2*i+e/2*o,t/2*o+e/2*i]}const Yt=t=>[t.x+t.width/2,t.y+t.height/2];function oe(t,e,n,i){const[o,r]=We(t,e,n);return Math.max(2*o/i.width,2*r/i.height)}function Vt(t,e){const[n,i]=Yt(t.crop),[o,r]=ie([n-e.width/2,i-e.height/2],-t.rotation);return[o/t.scale,r/t.scale]}function Gt([t,e],n,i,o,r,a){const[s,_]=We(n,i,o),c=Math.max(0,a.width/2-s/r),y=Math.max(0,a.height/2-_/r);return[Math.min(c,Math.max(-c,t)),Math.min(y,Math.max(-y,e))]}function $t(t,e,n,i,o,r){const[a,s]=ie([t[0]*o,t[1]*o],i),_=r.width/2+a,c=r.height/2+s;return{x:_-e/2,y:c-n/2,width:e,height:n}}function pn(t,e,n,i){const o=[[t.x,t.y],[t.x+t.width,t.y],[t.x,t.y+t.height],[t.x+t.width,t.y+t.height]],r=1e-6*Math.max(i.width,i.height);return o.every(([a,s])=>{const[_,c]=ie([a-i.width/2,s-i.height/2],-e);return Math.abs(_/n)<=i.width/2+r/n&&Math.abs(c/n)<=i.height/2+r/n})}function gn(t,e){const{width:n,height:i}=t.crop,o=Math.max(t.scale,oe(n,i,t.rotation,e)),r=Gt(Vt({...t,scale:o},e),n,i,t.rotation,o,e);return{...t,scale:o,crop:$t(r,n,i,t.rotation,o,e)}}function jt(t){return{width:Math.max(1,Math.round(t.crop.width/t.scale)),height:Math.max(1,Math.round(t.crop.height/t.scale))}}function St(t){const e=jt(t);return t.resize?{width:Math.max(1,Math.min(e.width,Math.round(t.resize.width))),height:Math.max(1,Math.min(e.height,Math.round(t.resize.height)))}:e}function Ft(t){const{crop:e}=t,n=t.resize;if(!n)return e;const i=n.width/n.height,o=e.width/e.height;if(Math.abs(o-i)<1e-9*Math.max(o,i))return e;if(o>i){const a=e.height*i;return{...e,x:e.x+(e.width-a)/2,width:a}}const r=e.width/i;return{...e,y:e.y+(e.height-r)/2,height:r}}function xn(t,e){if(!e)return{...t,resize:null};const n=jt(t),i=Math.max(1,Math.min(n.width,Math.round(e.width))),o=Math.max(1,Math.min(n.height,Math.round(e.height))),r=Math.round(i*n.height/n.width)===o||Math.round(o*n.width/n.height)===i;let a=t;if(!r){const c=Ft({...t,resize:{width:i,height:o}});a={...t,crop:c,cropRatio:null}}const s=jt(a),_=i>=s.width&&o>=s.height?null:{width:Math.min(i,s.width),height:Math.min(o,s.height)};return{...a,resize:_}}function _n(t,e){const n=e.resize;if(!n)return n;const i=jt(t),o=jt(e);if(i.width===o.width&&i.height===o.height)return n;const r=Math.max(1,Math.min(o.width,Math.round(n.width*o.width/i.width))),a=Math.max(1,Math.min(o.height,Math.round(n.height*o.height/i.height)));return r===o.width&&a===o.height?null:{width:r,height:a}}function wn(t,e){let n=t.width,i=t.height;return e&&e>0&&(n/i>e?n=i*e:i=n/e),{x:(t.width-n)/2,y:(t.height-i)/2,width:n,height:i}}function vn(t,e){return{crop:wn(t,e),cropRatio:e&&e>0?e:null,resize:null,rotation:0,flipX:!1,flipY:!1,scale:1,filter:null,colorMatrix:null,finetune:{...Ge},redact:{effect:"blur",amount:0}}}function me(t,e){const n=(Math.round(t/ee)%4+4)%4,i=e??n*ee;let o=t-i;return o=Math.atan2(Math.sin(o),Math.cos(o)),{quarter:be(i),fine:o}}const be=t=>{const e=t%(2*Math.PI),n=e<0?e+2*Math.PI:e;return Math.abs(n-2*Math.PI)<$e?0:n};function qe(t,e,n){const{width:i,height:o}=t.crop,r=Vt(t,n),a=Math.max(t.scale,oe(i,o,e,n)),s=Gt(r,i,o,e,a,n);return{...t,rotation:e,scale:a,crop:$t(s,i,o,e,a,n)}}function bn(t,e){const[n,i]=Yt(t.crop),o=e.width/2,r=e.height/2,[a,s]=ie([n-o,i-r],-ee),_=t.crop.height,c=t.crop.width;return{...t,rotation:t.rotation-ee,crop:{x:o+a-_/2,y:r+s-c/2,width:_,height:c},cropRatio:t.cropRatio?1/t.cropRatio:t.cropRatio}}function Mn(t,e){return{...t,rotation:-t.rotation,flipX:!t.flipX,crop:{...t.crop,x:e.width-t.crop.x-t.crop.width}}}function Ut(t,e){return t.scale/oe(t.crop.width,t.crop.height,t.rotation,e)}const Ot=5;function Xt(t,e,n){const{width:i,height:o}=t.crop,r=Vt(t,n),a=oe(i,o,t.rotation,n)*Math.min(Ot,Math.max(1,e)),s=Gt(r,i,o,t.rotation,a,n);return{...t,scale:a,crop:$t(s,i,o,t.rotation,a,n)}}function yn(t,e,n,i){const{width:o,height:r}=t.crop,a={...t,crop:{...t.crop,x:t.crop.x+e,y:t.crop.y+n}},s=Gt(Vt(a,i),o,r,t.rotation,t.scale,i);return{...t,crop:$t(s,o,r,t.rotation,t.scale,i)}}function En(t,e,n){if(!e||e<=0)return{...t,cropRatio:null};const i=Math.abs(Math.cos(t.rotation)),o=Math.abs(Math.sin(t.rotation)),r=Math.min(n.width*t.scale/(e*i+o),n.height*t.scale/(e*o+i)),a=r*e,s=Gt(Vt(t,n),a,r,t.rotation,t.scale,n);return{...t,cropRatio:e,crop:$t(s,a,r,t.rotation,t.scale,n)}}function kn(t,e,n,i,o,{aspectRatio:r,minSize:a}){const s=t.crop;let _=s.x,c=s.y,y=s.x+s.width,f=s.y+s.height;const I=e.includes("n"),p=e.includes("s"),R=e.includes("w"),S=e.includes("e");if(I&&(c=Math.min(c+i,f-a)),p&&(f=Math.max(f+i,c+a)),R&&(_=Math.min(_+n,y-a)),S&&(y=Math.max(y+n,_+a)),r&&r>0){let v=y-_,N=f-c;if((I||p)&&(R||S))v/N>r?N=v/r:v=N*r,R?_=y-v:y=_+v,I?c=f-N:f=c+N;else if(I||p){v=N*r;const Y=s.x+s.width/2;_=Y-v/2,y=Y+v/2}else{N=v/r;const Y=s.y+s.height/2;c=Y-N/2,f=Y+N/2}}const E={x:_,y:c,width:y-_,height:f-c},M=v=>pn(v,t.rotation,t.scale,o);if(M(E))return{...t,crop:E};if(!(!(r&&r>0)&&(I||p)&&(R||S)))return{...t,crop:zt(s,E,M)};const A=v=>({...v,x:_,width:y-_}),d=v=>({...v,y:c,height:f-c}),j=zt(zt(s,A(s),M),d,M),m=zt(zt(s,d(s),M),A,M),k=v=>Math.abs(v.x-E.x)+Math.abs(v.y-E.y)+Math.abs(v.width-E.width)+Math.abs(v.height-E.height);return{...t,crop:k(j)<=k(m)?j:m}}function zt(t,e,n){const i=typeof e=="function"?e(t):e;if(n(i))return i;let o=0,r=1;for(let a=0;a<24;a++){const s=(o+r)/2;n(Pe(t,i,s))?o=s:r=s}return Pe(t,i,o)}const Pe=(t,e,n)=>({x:t.x+(e.x-t.x)*n,y:t.y+(e.y-t.y)*n,width:t.width+(e.width-t.width)*n,height:t.height+(e.height-t.height)*n});function ze(t,e){const n={...t.crop,width:Math.max(1,t.crop.width),height:Math.max(1,t.crop.height)};return gn({...t,crop:n,scale:Math.max($e,t.scale||1)},e)}const Ke=.85,In=(t,e,n)=>{const i=Math.min(1,Math.max(0,(n-t)/(e-t)));return i*i*(3-2*i)},Tn=(t,e)=>In(.3,1,Math.hypot(t,e)/Math.SQRT2);function Ie(t,e,n,i,o,r){const a=i.matrix,s=1/i.gamma,_=Math.abs(i.gamma-1)>1e-4,c=Math.abs(i.clarity)>1e-4&&!!o,y=Math.abs(i.vignette)>1e-4&&!!r;for(let f=0;f<n;f++)for(let I=0;I<e;I++){const p=(f*e+I)*4,R=t[p+3]/255;if(R===0)continue;const S=t[p]/255,E=t[p+1]/255,M=t[p+2]/255;let u=a[0]*S+a[1]*E+a[2]*M+a[3]*R+a[4],A=a[5]*S+a[6]*E+a[7]*M+a[8]*R+a[9],d=a[10]*S+a[11]*E+a[12]*M+a[13]*R+a[14];if(c){const j=o[p]/255,m=o[p+1]/255,k=o[p+2]/255,v=o[p+3]/255,N=a[0]*j+a[1]*m+a[2]*k+a[3]*v+a[4],V=a[5]*j+a[6]*m+a[7]*k+a[8]*v+a[9],Y=a[10]*j+a[11]*m+a[12]*k+a[13]*v+a[14];u+=i.clarity*(u-N),A+=i.clarity*(A-V),d+=i.clarity*(d-Y)}if(_&&(u=Math.pow(Math.max(0,u),s),A=Math.pow(Math.max(0,A),s),d=Math.pow(Math.max(0,d),s)),y){const j=I+.5,m=f+.5,k=r[0]*j+r[1]*m+r[2],v=r[3]*j+r[4]*m+r[5],N=Tn(k,v)*Ke*Math.abs(i.vignette);i.vignette>0?(u*=1-N,A*=1-N,d*=1-N):(u+=(1-u)*N,A+=(1-A)*N,d+=(1-d)*N)}t[p]=u*255,t[p+1]=A*255,t[p+2]=d*255}}function Te(t,e,n,i){const o=Math.max(1,Math.round(i)),r=new Uint8ClampedArray(t),a=new Uint8ClampedArray(t.length);for(let _=0;_<3;_++)s(r,a,e,n,o,!0),s(a,r,e,n,o,!1);return r;function s(_,c,y,f,I,p){const R=p?f:y,S=p?y:f,E=p?4:y*4,M=I*2+1;for(let u=0;u<R;u++){const A=p?u*y*4:u*4;for(let d=0;d<4;d++){let j=0;for(let m=-I;m<=I;m++){const k=Math.min(S-1,Math.max(0,m));j+=_[A+k*E+d]}for(let m=0;m<S;m++){c[A+m*E+d]=j/M;const k=Math.max(0,m-I),v=Math.min(S-1,m+I+1);j+=_[A+v*E+d]-_[A+k*E+d]}}}}}const Re=.012,He=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};async function De(t){if(typeof createImageBitmap=="function")try{return await createImageBitmap(t,{imageOrientation:"from-image"})}catch{}const e=URL.createObjectURL(t);try{return await Qe(e,!1)}finally{URL.revokeObjectURL(e)}}function Qe(t,e){return new Promise((n,i)=>{const o=new Image;e&&(o.crossOrigin="anonymous"),o.decoding="async",o.onload=()=>n(o),o.onerror=()=>i(new Error(`Could not load image: ${t.slice(0,80)}`)),o.src=t})}const Rn=t=>t instanceof HTMLImageElement?{width:t.naturalWidth,height:t.naturalHeight}:{width:t.width,height:t.height};async function Sn(t){let e,n="";if(typeof t=="string")try{const r=await fetch(t);if(!r.ok)throw new Error(String(r.status));const a=await r.blob();n=a.type,e=await De(a)}catch{e=await Qe(t,!t.startsWith("data:")&&!t.startsWith("blob:"));const r=/^data:([^;,]+)/.exec(t)??/\.(png|jpe?g|webp|gif|avif)(?:[?#]|$)/i.exec(t);r&&(n=r[1].includes("/")?r[1]:`image/${r[1].toLowerCase().replace("jpg","jpeg")}`)}else n=t.type,e=await De(t);const{width:i,height:o}=Rn(e);if(!i||!o)throw new Error("The image has no size");return{image:e,width:i,height:o,type:n}}function te(t,e,n,i){const o=Math.min(1,i/Math.max(e,n));if(o>=1)return{canvas:t,width:e,height:n};const r=He(e*o,n*o),a=r.getContext("2d");return a&&(a.imageSmoothingQuality="high",a.drawImage(t,0,0,r.width,r.height)),{canvas:r,width:r.width,height:r.height}}function Ze(t,e,n,i,o=384){const r=Math.min(1,o/Math.max(e,n)),a=He(e*r,n*r),s=a.getContext("2d",{willReadFrequently:!0});if(!s)return a;s.drawImage(t,0,0,a.width,a.height);try{const _=s.getImageData(0,0,a.width,a.height);_.data.set(Te(_.data,a.width,a.height,Math.max(1,i*r))),s.putImageData(_,0,0)}catch{}return a}function An(t,e){return t||(["image/jpeg","image/png","image/webp"].includes(e)?e:"image/png")}const jn=[1,0,0,0,1,0],it=(t,e)=>[1,0,t,0,1,e],J=(t,e=t)=>[t,0,0,0,e,0],Je=t=>{const e=Math.cos(t),n=Math.sin(t);return[e,-n,0,n,e,0]};function Cn(t,e){return[t[0]*e[0]+t[1]*e[3],t[0]*e[1]+t[1]*e[4],t[0]*e[2]+t[1]*e[5]+t[2],t[3]*e[0]+t[4]*e[3],t[3]*e[1]+t[4]*e[4],t[3]*e[2]+t[4]*e[5]+t[5]]}const rt=(...t)=>t.reduce((e,n)=>Cn(n,e),jn);function At([t,e,n,i,o,r]){const a=t*o-e*i,s=Math.abs(a)<1e-12?1e12:1/a;return[o*s,-e*s,(e*r-n*o)*s,-i*s,t*s,(n*i-t*r)*s]}const ne=([t,e,n,i,o,r],a,s)=>[t*a+e*s+n,i*a+o*s+r],Ln={blur:.015,pixelate:.05};function Me(t,e){var o,r;const n=((o=t.redact)==null?void 0:o.effect)??"blur";return Math.max(0,Math.min(100,((r=t.redact)==null?void 0:r.amount)??0))/100*(Ln[n]??0)*Math.max(e.width,e.height)}function tn(t,e){const n=Math.max(1e-6,e);return{cols:Math.max(1,Math.round(t.width/n)),rows:Math.max(1,Math.round(t.height/n))}}const Nn=4,ae=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};function en(t,e,n,i,o){const r=Math.min(1,Nn/Math.max(1,i),o/Math.max(e,n)),a=ae(e*r,n*r),s=a.getContext("2d",{willReadFrequently:!0});if(!s)return a;s.imageSmoothingQuality="high",s.drawImage(t,0,0,a.width,a.height);try{const _=s.getImageData(0,0,a.width,a.height);_.data.set(Te(_.data,a.width,a.height,Math.max(1,i*r))),s.putImageData(_,0,0)}catch{}return a}function qn(t,e,n,i){const o=ae(e,n),r=o.getContext("2d");return r&&(r.imageSmoothingQuality="high",r.drawImage(en(t,e,n,i,1024),0,0,e,n)),o}function nn(t,e,n){const i=ae(e,n),o=i.getContext("2d"),r=t.getContext("2d");!o||!r||(o.imageSmoothingQuality="high",o.drawImage(t,0,0,i.width,i.height),r.save(),r.setTransform(1,0,0,1,0,0),r.globalCompositeOperation="copy",r.imageSmoothingEnabled=!1,r.drawImage(i,0,0,t.width,t.height),r.restore())}function Pn(t,e,n,i){const o=ae(e,n),r=o.getContext("2d");return r&&(r.drawImage(t,0,0,e,n),nn(o,Math.max(1,Math.round(e/Math.max(2,i))),Math.max(1,Math.round(n/Math.max(2,i))))),o}const rn=t=>t.area?[t.area.x+t.area.width/2,t.area.y+t.area.height/2]:[t.width/2,t.height/2];function Se(t,e){const n=e.width/2,i=e.height/2;return rt(it(-n,-i),J(t.flipX?-1:1,t.flipY?-1:1),Je(t.rotation),J(t.scale),it(n,i))}function on(t,e){const n=Math.abs(t.flip)<.02?.02*Math.sign(t.flip||1):t.flip,[i,o]=rn(e);return rt(it(-t.center[0],-t.center[1]),Je(t.rotation),J(t.scale*n,t.scale),it(i,o))}function zn(t){const[e,n]=Yt(t);return rt(it(-e,-n),J(2/t.width,2/t.height))}function Dn(t,e,n,i){const o=rt(J(1/i.dpr),At(on(n,i))),r=rt(o,At(Se(t,e)),J(1/e.width,1/e.height));return{toUV:r,toBlurUV:r,toCrop:rt(o,zn(t.crop))}}function Ue(t,e,n){const i=Math.max(1,e.width-n*2),o=Math.max(1,e.height-n*2);return{center:Yt(t),scale:Math.min(i/t.width,o/t.height),rotation:0,flip:1}}const Un=`
 attribute vec2 a_pos;
 void main() { gl_Position = vec4(a_pos, 0.0, 1.0); }
 `,Fn=`
@@ -61,4 +61,4 @@ void main() {
   gl_FragColor = vec4(rgb * c.a, c.a);
 }
 `;class se{constructor(e,n){this.loc={},this.canvas=e,this.gl=n,this.maxTextureSize=n.getParameter(n.MAX_TEXTURE_SIZE),this.program=this.link(),n.useProgram(this.program);const i=n.createBuffer();n.bindBuffer(n.ARRAY_BUFFER,i),n.bufferData(n.ARRAY_BUFFER,new Float32Array([-1,-1,1,-1,-1,1,1,1]),n.STATIC_DRAW);const o=n.getAttribLocation(this.program,"a_pos");n.enableVertexAttribArray(o),n.vertexAttribPointer(o,2,n.FLOAT,!1,0,0);for(const r of["u_image","u_blur","u_size","u_uvX","u_uvY","u_blurX","u_blurY","u_cropX","u_cropY","u_clip","u_dim","u_dimColor","u_cm","u_co","u_gamma","u_clarity","u_vignette","u_pixel","u_cuvX","u_cuvY"])this.loc[r]=n.getUniformLocation(this.program,r);this.image=this.texture(),this.blur=this.texture(),n.uniform1i(this.loc.u_image,0),n.uniform1i(this.loc.u_blur,1)}static create(e){try{const n={premultipliedAlpha:!0,alpha:!0,antialias:!1,preserveDrawingBuffer:!0},i=e.getContext("webgl2",n)??e.getContext("webgl",n);return i?new se(e,i):null}catch{return null}}link(){const e=this.gl,n=(o,r)=>{const a=e.createShader(o);if(e.shaderSource(a,r),e.compileShader(a),!e.getShaderParameter(a,e.COMPILE_STATUS))throw new Error(e.getShaderInfoLog(a)??"shader compile failed");return a},i=e.createProgram();if(e.attachShader(i,n(e.VERTEX_SHADER,Un)),e.attachShader(i,n(e.FRAGMENT_SHADER,Fn)),e.linkProgram(i),!e.getProgramParameter(i,e.LINK_STATUS))throw new Error(e.getProgramInfoLog(i)??"program link failed");return i}texture(){const e=this.gl,n=e.createTexture();return e.bindTexture(e.TEXTURE_2D,n),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_S,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_WRAP_T,e.CLAMP_TO_EDGE),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MIN_FILTER,e.LINEAR),e.texParameteri(e.TEXTURE_2D,e.TEXTURE_MAG_FILTER,e.LINEAR),n}upload(e,n,i,o){const r=this.gl;r.activeTexture(r.TEXTURE0+e),r.bindTexture(r.TEXTURE_2D,n),r.pixelStorei(r.UNPACK_PREMULTIPLY_ALPHA_WEBGL,!1),r.texImage2D(r.TEXTURE_2D,0,r.RGBA,r.RGBA,r.UNSIGNED_BYTE,i);const a=typeof WebGL2RenderingContext<"u"&&r instanceof WebGL2RenderingContext;o&&a?(r.generateMipmap(r.TEXTURE_2D),r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR_MIPMAP_LINEAR)):r.texParameteri(r.TEXTURE_2D,r.TEXTURE_MIN_FILTER,r.LINEAR)}setImage(e,n,i=!0){this.upload(0,this.image,e,i),this.upload(1,this.blur,n,!1)}setSource(e,n=!0){this.upload(0,this.image,e,n)}render(e){const n=this.gl,{width:i,height:o}=this.canvas;n.viewport(0,0,i,o),n.clearColor(0,0,0,0),n.clear(n.COLOR_BUFFER_BIT),n.uniform2f(this.loc.u_size,i,o);const r=(p,R,S)=>{n.uniform3f(this.loc[R],p[0],p[1],p[2]),n.uniform3f(this.loc[S],p[3],p[4],p[5])};r(e.toUV,"u_uvX","u_uvY"),r(e.toBlurUV,"u_blurX","u_blurY"),r(e.toCrop,"u_cropX","u_cropY"),n.uniform1i(this.loc.u_clip,e.clip?1:0),n.uniform1f(this.loc.u_dim,e.dim??1);const[a,s,_]=e.dimColor??[0,0,0];n.uniform3f(this.loc.u_dimColor,a,s,_);const c=e.matrix,y=new Float32Array(16);for(let p=0;p<4;p++)for(let R=0;R<4;R++)y[R*4+p]=c[p*5+R];n.uniformMatrix4fv(this.loc.u_cm,!1,y),n.uniform4f(this.loc.u_co,c[4],c[9],c[14],c[19]),n.uniform1f(this.loc.u_gamma,e.gamma),n.uniform1f(this.loc.u_clarity,e.clarity),n.uniform1f(this.loc.u_vignette,e.vignette);const[f,I]=e.pixel??[0,0];n.uniform2f(this.loc.u_pixel,f,I),e.pixel&&e.cropToUV&&r(e.cropToUV,"u_cuvX","u_cuvY"),n.drawArrays(n.TRIANGLE_STRIP,0,4)}dispose(e=!0){var i;const n=this.gl;n.deleteTexture(this.image),n.deleteTexture(this.blur),n.deleteProgram(this.program),e&&((i=n.getExtension("WEBGL_lose_context"))==null||i.loseContext())}}function Ae(t,e=t.colorMatrix){const n=t.finetune;return{matrix:fn(e,n),gamma:ct.gamma(n.gamma),clarity:ct.clarity(n.clarity),vignette:ct.vignette(n.vignette)}}const an=t=>!hn(t.matrix)||t.gamma!==1||t.clarity!==0||t.vignette!==0,je=(t,e)=>{const n=document.createElement("canvas");return n.width=Math.max(1,Math.round(t)),n.height=Math.max(1,Math.round(e)),n};function On(t,e,n,i,o,r){const a=t.getContext("2d",{willReadFrequently:!0});if(!a)return;const{width:s,height:_}=t;a.setTransform(1,0,0,1,0,0),a.clearRect(0,0,s,_);const c=(f,I,p,R)=>{const S=rt(J(1/p.width,1/p.height),At(R));if(f.save(),r.clip){const E=At(r.toCrop);f.beginPath(),[[-1,-1],[1,-1],[1,1],[-1,1]].forEach(([M,u],A)=>{const[d,j]=ne(E,M,u);A===0?f.moveTo(d,j):f.lineTo(d,j)}),f.closePath(),f.clip()}f.setTransform(S[0],S[3],S[1],S[4],S[2],S[5]),f.imageSmoothingQuality="high",f.drawImage(I,0,0,p.width,p.height),f.restore()};if(c(a,e,n,r.toUV),an(r)&&y(),r.dim!=null&&r.dim<1){const f=At(r.toCrop);a.save(),a.globalCompositeOperation="source-atop",a.beginPath(),a.rect(0,0,s,_),[[-1,-1],[1,-1],[1,1],[-1,1]].forEach(([S,E],M)=>{const[u,A]=ne(f,S,E);M===0?a.moveTo(u,A):a.lineTo(u,A)}),a.closePath();const[I,p,R]=(r.dimColor??[0,0,0]).map(S=>Math.round(S*255));a.fillStyle=`rgba(${I}, ${p}, ${R}, ${1-r.dim})`,a.fill("evenodd"),a.restore()}function y(){if(a)try{const f=a.getImageData(0,0,s,_);let I=null;if(r.clarity!==0){const R=je(s,_).getContext("2d",{willReadFrequently:!0});R&&(c(R,i,o,r.toBlurUV),I=R.getImageData(0,0,s,_).data)}Ie(f.data,s,_,r,I,r.toCrop),a.putImageData(f,0,0)}catch{}}}const Xn=16384,Bn=16384*16384,Yn=(t,e,n)=>new Promise((i,o)=>{try{t.toBlob(r=>r?i(r):o(new Error("Encoding failed")),e,n)}catch(r){o(r)}});async function Vn(t,e,n,i,o){var M;const r=St(n),a=Ft(n),s=Math.min(1,Xn/Math.max(r.width,r.height),Math.sqrt(Bn/(r.width*r.height))),_=Math.max(1,Math.round(r.width*s)),c=Math.max(1,Math.round(r.height*s)),y=je(_,c),f=y.getContext("2d");if(!f)throw new Error("Canvas 2D is unavailable");const I=rt(Se(n,e),it(-a.x,-a.y),J(_/a.width,c/a.height));i==="image/jpeg"&&(f.fillStyle="#fff",f.fillRect(0,0,_,c)),f.setTransform(I[0],I[3],I[1],I[4],I[2],I[5]),f.imageSmoothingEnabled=!0,f.imageSmoothingQuality="high";const p=Me(n,e),R=(M=n.redact)==null?void 0:M.effect,S=p>0&&R==="blur"?qn(t,e.width,e.height,p):t;f.drawImage(S,0,0,e.width,e.height),f.setTransform(1,0,0,1,0,0);const E=Ae(n);if(an(E)){const u=Re*Math.max(e.width,e.height)*(_/a.width)*n.scale,A=Ze(y,_,c,u);Gn(y,A,E)}if(p>0&&R==="pixelate"){const{cols:u,rows:A}=tn(a,p*n.scale);nn(y,u,A)}return Yn(y,i,o)}function Gn(t,e,n){const{width:i,height:o}=t,r=t.getContext("2d",{willReadFrequently:!0}),a=document.createElement("canvas"),s=se.create(a),_=s?Math.min(2048,s.maxTextureSize):1024,c=je(_,_),y=c.getContext("2d",{willReadFrequently:!0});try{for(let f=0;f<o;f+=_)for(let I=0;I<i;I+=_){const p=Math.min(_,i-I),R=Math.min(_,o-f),S=rt(it(I,f),J(2/i,2/o),it(-1,-1)),E=rt(it(I,f),J(1/i,1/o));if(s)c.width=p,c.height=R,y.clearRect(0,0,p,R),y.drawImage(t,I,f,p,R,0,0,p,R),a.width=p,a.height=R,s.setImage(c,e,!1),s.render({...n,toUV:J(1/p,1/R),toBlurUV:E,toCrop:S,clip:!1}),r.clearRect(I,f,p,R),r.drawImage(a,I,f);else{const M=r.getImageData(I,f,p,R);let u=null;n.clarity!==0&&(c.width=p,c.height=R,y.drawImage(e,I/i*e.width,f/o*e.height,p/i*e.width,R/o*e.height,0,0,p,R),u=y.getImageData(0,0,p,R).data),Ie(M.data,p,R,n,u,S),r.putImageData(M,I,f)}}}finally{s==null||s.dispose()}}const $n=50,fe=(t,e)=>JSON.stringify(t)===JSON.stringify(e),Wn=(t,e)=>t===e||!!t&&!!e&&t.width===e.width&&t.height===e.height,ft=t=>JSON.parse(JSON.stringify(t));class Ce{constructor(){this.snapshot={status:"idle",error:null,state:null,ui:{util:"crop",cropTab:"rotation",finetuneTab:"brightness",resizeLocked:!0},size:null,canUndo:!1,canRedo:!1,canRevert:!1},this.storeListeners=new Set,this.events=new Map,this.history=[],this.index=-1,this.initial=null,this.loaded=null,this.options=null,this.openToken=0,this.subscribe=e=>(this.storeListeners.add(e),()=>{this.storeListeners.delete(e)}),this.getSnapshot=()=>this.snapshot}patch(e){const n=e.state!==void 0?e.state:this.snapshot.state;this.snapshot={...this.snapshot,...e,canUndo:this.index>0,canRedo:this.index<this.history.length-1,canRevert:!!n&&!!this.initial&&!fe(n,this.initial)},this.storeListeners.forEach(i=>i())}on(e,n){let i=this.events.get(e);return i||this.events.set(e,i=new Set),i.add(n),()=>{i.delete(n)}}emit(e,n){var i;(i=this.events.get(e))==null||i.forEach(o=>o(n))}get image(){return this.loaded}get openOptions(){return this.options}async open(e){const n=++this.openToken;this.options=e,this.history=[],this.index=-1,this.initial=null,this.loaded=null,this.patch({status:"loading",error:null,state:null,size:null,ui:{...this.snapshot.ui,util:e.util??"crop"}});try{const i=await Sn(e.src);if(n!==this.openToken)return;this.loaded=i;const o={width:i.width,height:i.height},r=vn(o,e.cropAspectRatio),a=e.initialState??{},s={...r,...a,crop:{...r.crop,...a.crop},finetune:{...Ge,...a.finetune},redact:{...r.redact,...a.redact}};s.filter&&s.filter!=="default"&&!s.colorMatrix&&(s.colorMatrix=re[s.filter]??null);const _=ze(s,o);this.initial=ze(r,o),this.history=[ft(_)],this.index=0,this.patch({status:"ready",state:_,size:o}),this.emit("load",{size:o})}catch(i){if(n!==this.openToken)return;throw this.patch({status:"error",error:i}),i}}close(){var n;this.openToken++;const e=(n=this.loaded)==null?void 0:n.image;e&&"close"in e&&typeof e.close=="function"&&e.close(),this.loaded=null,this.emit("close")}getState(){if(!this.snapshot.state)throw new Error("No image is open");return ft(this.snapshot.state)}setState(e){this.preview(e),this.commit()}preview(e){const n=this.snapshot.state,i=this.snapshot.size;if(!n||!i)return;const o={...n,...e},r=this.index>=0?this.history[this.index]:n;"resize"in e&&!Wn(e.resize??null,r.resize)||(o.resize=_n(r,{...o,resize:r.resize})),this.patch({state:o})}commit(){const e=this.snapshot.state;e&&(this.index>=0&&fe(e,this.history[this.index])||(this.history=this.history.slice(0,this.index+1),this.history.push(ft(e)),this.history.length>$n&&this.history.shift(),this.index=this.history.length-1,this.patch({}),this.emit("update",ft(e))))}undo(){this.index<=0||(this.index--,this.patch({state:ft(this.history[this.index])}),this.emit("undo",this.getState()),this.emit("update",this.getState()))}redo(){this.index>=this.history.length-1||(this.index++,this.patch({state:ft(this.history[this.index])}),this.emit("redo",this.getState()),this.emit("update",this.getState()))}revert(){const e=this.snapshot.state;!this.initial||!e||fe(e,this.initial)||(this.patch({state:ft(this.initial)}),this.commit(),this.emit("revert",this.getState()))}setUi(e){e.util&&e.util!==this.snapshot.ui.util&&this.commit(),this.patch({ui:{...this.snapshot.ui,...e}})}async process(){var a,s;const e=this.loaded,n=this.snapshot.state;if(!e||!n)throw new Error("No image is open");const i=An((a=this.options)==null?void 0:a.outputType,e.type),r={dest:await Vn(e.image,{width:e.width,height:e.height},n,i,((s=this.options)==null?void 0:s.outputQuality)??.92),imageState:ft(n)};return this.emit("process",r),r}}const Kn=()=>new Ce,Hn=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;function Fe(t,e,n,{stiffness:i=240,damping:o=30}={},r){if(Hn()||typeof requestAnimationFrame!="function"){n(e),r==null||r();const S=(()=>{});return S.retarget=E=>n(E),S}const a=[...e],s=[...t],_=t.map(()=>0),c=t.map((S,E)=>Math.max(1e-5,Math.abs(a[E]-S)*.001));let y=performance.now(),f=0,I=!1;const p=S=>{if(I)return;let E=Math.min(.064,(S-y)/1e3);for(y=S;E>0;){const u=Math.min(E,.008333333333333333);for(let A=0;A<s.length;A++){const d=-i*(s[A]-a[A])-o*_[A];_[A]+=d*u,s[A]+=_[A]*u}E-=u}if(s.every((u,A)=>Math.abs(u-a[A])<c[A]&&Math.abs(_[A])<c[A]*10)){n(a),r==null||r();return}n([...s]),f=requestAnimationFrame(p)};f=requestAnimationFrame(p);const R=(()=>{I=!0,cancelAnimationFrame(f)});return R.retarget=S=>{for(let E=0;E<a.length;E++)a[E]=S[E],c[E]=Math.max(c[E],1e-5)},R}const Qn="_overlay_1kmqm_6",Zn="_editor_1kmqm_11",Jn="_header_1kmqm_61",tr="_headerStart_1kmqm_70",er="_headerCenter_1kmqm_74",nr="_headerEnd_1kmqm_79",rr="_group_1kmqm_84",ir="_zoomLabel_1kmqm_97",or="_done_1kmqm_105",ar="_closeIcon_1kmqm_116",sr="_groupDivider_1kmqm_120",cr="_zoomReadout_1kmqm_140",lr="_main_1kmqm_155",ur="_nav_1kmqm_166",hr="_stage_1kmqm_167",dr="_toolbar_1kmqm_168",mr="_canvasArea_1kmqm_169",fr="_footer_1kmqm_170",pr="_footerInner_1kmqm_171",gr="_navList_1kmqm_176",xr="_toolbarRow_1kmqm_177",_r="_tool_1kmqm_168",wr="_toolActive_1kmqm_224",vr="_shapeSlot_1kmqm_270",br="_shapePreview_1kmqm_277",Mr="_shapeCustom_1kmqm_283",yr="_shapeOrientation_1kmqm_288",Er="_orientButton_1kmqm_297",kr="_orientActive_1kmqm_320",Ir="_viewport_1kmqm_337",Tr="_viewportCrop_1kmqm_346",Rr="_viewportPannable_1kmqm_349",Sr="_canvas_1kmqm_169",Ar="_scene_1kmqm_362",jr="_cropBox_1kmqm_369",Cr="_grid_1kmqm_381",Lr="_cropInteracting_1kmqm_410",Nr="_sizeBadge_1kmqm_420",qr="_sizeBadgeActive_1kmqm_446",Pr="_sizeTimes_1kmqm_449",zr="_sizeUnit_1kmqm_450",Dr="_handle_1kmqm_460",Ur="_handle_nw_1kmqm_464",Fr="_handle_ne_1kmqm_465",Or="_handle_sw_1kmqm_466",Xr="_handle_se_1kmqm_467",Br="_handle_n_1kmqm_464",Yr="_handle_s_1kmqm_466",Vr="_handle_w_1kmqm_530",Gr="_handle_e_1kmqm_531",$r="_status_1kmqm_546",Wr="_toastError_1kmqm_557",Kr="_tabs_1kmqm_590",Hr="_tab_1kmqm_590",Qr="_tabActive_1kmqm_625",Zr="_tabDot_1kmqm_636",Jr="_resizePanel_1kmqm_647",ti="_resizeFields_1kmqm_653",ei="_dimField_1kmqm_659",ni="_dimLabel_1kmqm_677",ri="_dimLabelShort_1kmqm_681",ii="_dimInput_1kmqm_684",oi="_dimUnit_1kmqm_700",ai="_lockButton_1kmqm_705",si="_lockActive_1kmqm_722",ci="_strip_1kmqm_734",li="_fadeStart_1kmqm_749",ui="_fadeEnd_1kmqm_753",hi="_stripGroup_1kmqm_773",di="_filterTile_1kmqm_778",mi="_filterThumb_1kmqm_792",fi="_filterActive_1kmqm_823",pi="_filterLabel_1kmqm_833",gi="_fadeIn_1kmqm_838",xi="_toolbarIconOnPhone_1kmqm_880",_i="_toolbarLabel_1kmqm_892",wi="_dimLabelFull_1kmqm_901",vi="_toolLabel_1kmqm_937",w={overlay:Qn,editor:Zn,header:Jn,headerStart:tr,headerCenter:er,headerEnd:nr,group:rr,zoomLabel:ir,done:or,closeIcon:ar,groupDivider:sr,zoomReadout:cr,main:lr,nav:ur,stage:hr,toolbar:dr,canvasArea:mr,footer:fr,footerInner:pr,navList:gr,toolbarRow:xr,tool:_r,toolActive:wr,shapeSlot:vr,shapePreview:br,shapeCustom:Mr,shapeOrientation:yr,orientButton:Er,orientActive:kr,viewport:Ir,viewportCrop:Tr,viewportPannable:Rr,canvas:Sr,scene:Ar,cropBox:jr,grid:Cr,cropInteracting:Lr,sizeBadge:Nr,"tz-ie-fade":"_tz-ie-fade_1kmqm_1",sizeBadgeActive:qr,sizeTimes:Pr,sizeUnit:zr,handle:Dr,handle_nw:Ur,handle_ne:Fr,handle_sw:Or,handle_se:Xr,handle_n:Br,handle_s:Yr,handle_w:Vr,handle_e:Gr,status:$r,toastError:Wr,tabs:Kr,tab:Hr,tabActive:Qr,tabDot:Zr,resizePanel:Jr,resizeFields:ti,dimField:ei,dimLabel:ni,dimLabelShort:ri,dimInput:ii,dimUnit:oi,lockButton:ai,lockActive:si,strip:ci,fadeStart:li,fadeEnd:ui,stripGroup:hi,filterTile:di,filterThumb:mi,filterActive:fi,filterLabel:pi,fadeIn:gi,toolbarIconOnPhone:xi,toolbarLabel:_i,dimLabelFull:wi,toolLabel:vi},bi=24,Mi=12,Oe=4096,yi=320,Ei=768,Xe=.35;function ki(t){const e=t?getComputedStyle(t).getPropertyValue("--tz-color-background-rgb"):"",[n,i,o]=e.split(",").map(r=>Number(r.trim())/255);return[n,i,o].every(r=>Number.isFinite(r))?[n,i,o]:[0,0,0]}const Ii=40,Ti=["nw","ne","sw","se","n","s","w","e"],Dt=t=>[t.center[0],t.center[1],Math.log(t.scale),t.rotation,t.flip],Ri=t=>({center:[t[0],t[1]],scale:Math.exp(t[2]),rotation:t[3],flip:t[4]}),Si=b.forwardRef(function({core:e,snapshot:n,cropAspectRatio:i,viewZoom:o,onViewZoom:r,onZoomReport:a,areaRef:s},_){const{state:c,size:y,ui:f}=n,I=Bt.useColorMode(),p=f.util,R=b.useRef(null),S=b.useRef(null),[E,M]=b.useState(null),[u,A]=b.useState(null),d=b.useRef(null);d.current=u;const[j,m]=b.useState([0,0]),[k,v]=b.useState(!1),[N,V]=b.useState(0),Y=b.useRef(!1),$=b.useRef(null),X=b.useRef(null),ot=b.useRef(null),K=b.useRef(new Map),lt=b.useRef(void 0);b.useEffect(()=>{const x=R.current;if(!x)return;const g=()=>{var U;const z=x.getBoundingClientRect(),O=(U=s==null?void 0:s.current)==null?void 0:U.getBoundingClientRect();M({width:z.width,height:z.height,dpr:window.devicePixelRatio||1,area:O?Ai(z,O):void 0})};if(g(),L.current=g,typeof ResizeObserver>"u")return;const P=new ResizeObserver(g);return P.observe(x),s!=null&&s.current&&P.observe(s.current),()=>P.disconnect()},[s]);const L=b.useRef(null);b.useLayoutEffect(()=>{var x;(x=L.current)==null||x.call(L)},[p,n.status]);const q=n.status==="ready"?e.image:null,[C,B]=b.useState(null);b.useEffect(()=>{const x=S.current;if(!q||!x)return;const g=se.create(x),P=Math.min(Oe,(g==null?void 0:g.maxTextureSize)??Oe),z=te(q.image,q.width,q.height,P),O=Re*Math.max(q.width,q.height)*(z.width/q.width),U=Ze(z.canvas,z.width,z.height,O);return g==null||g.setImage(z.canvas,U),B({gl:g,tex:z,blur:U}),()=>{g==null||g.dispose(!1),B(null)}},[q]);const W=c&&y?St(c).width*c.scale/Ft(c).width:1,ut=y?Math.max(1,Math.round(y.width*W)):0,at=(c==null?void 0:c.redact.effect)??"blur",_t=(c==null?void 0:c.redact.amount)??0,[H,tt]=b.useState(null);b.useEffect(()=>{if(!C||!y){tt(null);return}const x=requestAnimationFrame(()=>{let g={...C.tex,mipmap:!0,pixelate:!1};ut<g.width&&(g={...te(g.canvas,g.width,g.height,Math.max(1,Math.round(Math.max(y.width,y.height)*W))),mipmap:!0,pixelate:!1});const P=Me({redact:{effect:at,amount:_t}},y);if(P<=0)return tt(g);const z=P*(g.width/y.width);if(at==="blur"){const U=en(g.canvas,g.width,g.height,z,Ei);return tt({canvas:U,width:U.width,height:U.height,mipmap:!0,pixelate:!1})}if(!C.gl){const U=Pn(g.canvas,g.width,g.height,z);return tt({canvas:U,width:U.width,height:U.height,mipmap:!1,pixelate:!1})}const O=te(g.canvas,g.width,g.height,Math.max(g.width,g.height)/Math.max(1,z));tt({...O,mipmap:!1,pixelate:!0})});return()=>cancelAnimationFrame(x)},[C,ut,at,_t]),b.useLayoutEffect(()=>{C!=null&&C.gl&&H&&C.gl.setSource(H.canvas,H.mipmap)},[C,H]);const Q=b.useMemo(()=>{if(!c||!E)return null;const x=E.area??E;if(p==="crop"){const Nt=Ue(c.crop,x,Math.min(bi,x.width*.06)),bt=y?Ut(c,y)/c.scale:1/c.scale,qt=yi/Math.max(c.crop.width,c.crop.height);return{...Nt,scale:Math.min(Nt.scale,Math.max(bt,qt))}}const g=Ft(c),P=Ue(g,x,Mi),z={...P,scale:Math.min(P.scale,St(c).width/g.width)};if(o==null)return z;const O=o/c.scale,U=Math.max(0,g.width/2-x.width/2/O),et=Math.max(0,g.height/2-x.height/2/O),st=Math.max(-U,Math.min(U,j[0])),vt=Math.max(-et,Math.min(et,j[1]));return{...z,scale:O,center:[z.center[0]+st,z.center[1]+vt]}},[c,E,p,o,j,N]),Wt=b.useRef(p),Et=b.useRef(!1),wt=b.useRef({stage:E,state:c}),Ct=(x,g)=>{var P;(P=X.current)==null||P.call(X),Et.current=!0,X.current=Fe(Dt(x),Dt(g),z=>A(Ri(z)),void 0,()=>{Et.current=!1})},[ht,ce]=b.useState(p==="crop"?Xe:0),Kt=b.useRef(ht);Kt.current=ht,b.useEffect(()=>{const x=p==="crop"?Xe:0;return Fe([Kt.current],[x],([g])=>ce(Math.max(0,g)))},[p]),b.useLayoutEffect(()=>{var et,st,vt,Nt;if(!Q)return;Wt.current!==p&&(Wt.current=p,d.current&&!$.current&&($.current="jump"));const x=E!==wt.current.stage&&c===wt.current.state,g=(et=wt.current.state)==null?void 0:et.resize,P=p==="resize"&&(((st=c==null?void 0:c.resize)==null?void 0:st.width)!==(g==null?void 0:g.width)||((vt=c==null?void 0:c.resize)==null?void 0:vt.height)!==(g==null?void 0:g.height)),z=wt.current.target,O=!!z&&Dt(z).every((bt,qt)=>Math.abs(bt-Dt(Q)[qt])<1e-9);wt.current={stage:E,state:c,target:Q};const U=$.current;if(U){$.current=null;const bt=d.current??Q,qt=U==="rotate"?{center:Q.center,scale:bt.scale,rotation:Math.PI/2,flip:1}:U==="flip"?{center:Q.center,scale:bt.scale,rotation:0,flip:-1}:bt;Ct(qt,Q);return}if((x||P||O)&&Et.current&&X.current){X.current.retarget(Dt(Q));return}if(P&&d.current&&!Y.current){Ct(d.current,Q);return}Y.current||((Nt=X.current)==null||Nt.call(X),X.current=null,Et.current=!1,A(Q))},[Q]),b.useEffect(()=>()=>{var x;return(x=X.current)==null?void 0:x.call(X)},[]),b.useEffect(()=>{u&&c&&a(u.scale*c.scale)},[u,c,a]),b.useEffect(()=>{const x=S.current;if(!x||!E)return;const g=Math.max(1,Math.round(E.width*E.dpr)),P=Math.max(1,Math.round(E.height*E.dpr));x.width!==g&&(x.width=g),x.height!==P&&(x.height=P)},[E]),b.useEffect(()=>{if(!C||!H||!c||!y||!u||!E)return;const x=p==="crop"?c:{...c,crop:Ft(c)},g=Dn(x,y,u,E),P=H.pixelate?Me(c,y):0,z=P>0?{pixel:(U=>[U.cols,U.rows])(tn(x.crop,P*c.scale)),cropToUV:rt(At(g.toCrop),g.toUV)}:null,O=requestAnimationFrame(()=>{const U={...Ae(c),...g,...z,clip:ht<=.001,dim:ht,dimColor:ki(R.current)};C.gl?C.gl.render(U):S.current&&On(S.current,H.canvas,H,C.blur,C.blur,U)});return()=>cancelAnimationFrame(O)},[C,H,c,y,u,E,ht,I,p]),b.useImperativeHandle(_,()=>({transition(x){$.current=x}}));const dt=(u==null?void 0:u.scale)??1,Ht=b.useRef(r);Ht.current=r;const Lt=()=>{const[x,g]=[...K.current.values()];return x&&g?Math.hypot(x.x-g.x,x.y-g.y):0},mt=x=>{var P,z;if(!c||!y||x.pointerType==="mouse"&&x.button!==0||x.target.closest("button"))return;if(x.currentTarget.setPointerCapture(x.pointerId),K.current.set(x.pointerId,{x:x.clientX,y:x.clientY}),(P=X.current)==null||P.call(X),K.current.size===2){ot.current={kind:"pinch",dist:Lt(),base:c,zoom:Ut(c,y),viewZoom:((u==null?void 0:u.scale)??1)*c.scale};return}const g=(z=x.target.closest("[data-handle]"))==null?void 0:z.dataset.handle;p==="crop"?(ot.current=g?{kind:"resize",id:x.pointerId,x:x.clientX,y:x.clientY,base:c,handle:g}:{kind:"pan",id:x.pointerId,x:x.clientX,y:x.clientY,base:c},g&&(Y.current=!0),v(!0)):o!=null&&(ot.current={kind:"viewPan",id:x.pointerId,x:x.clientX,y:x.clientY,pan:j})},kt=x=>{if(!K.current.has(x.pointerId)||!y)return;K.current.set(x.pointerId,{x:x.clientX,y:x.clientY});const g=ot.current;if(!g)return;if(g.kind==="pinch"){const O=Lt()/Math.max(1,g.dist);p==="crop"?e.preview(Xt(g.base,Math.min(Ot,g.zoom*O),y)):r(pe(g.viewZoom*O));return}if(g.id!==x.pointerId)return;const P=(x.clientX-g.x)/dt,z=(x.clientY-g.y)/dt;if(g.kind==="pan")e.preview(yn(g.base,-P,-z,y));else if(g.kind==="resize"){const O=g.base.crop,et=i||g.base.cropRatio||x.shiftKey?O.width/O.height:null;e.preview(kn(g.base,g.handle,P,z,y,{aspectRatio:et,minSize:Math.max(g.base.scale,Ii/dt)}))}else g.kind==="viewPan"&&m([g.pan[0]-P,g.pan[1]-z])},Qt=x=>{if(!K.current.has(x.pointerId))return;K.current.delete(x.pointerId);const g=ot.current;if(g){if(g.kind==="pinch"){K.current.size===0&&(ot.current=null,p==="crop"&&e.commit());return}g.id===x.pointerId&&(ot.current=null,v(!1),g.kind==="resize"?(Y.current=!1,$.current="jump",e.commit(),V(P=>P+1)):g.kind==="pan"&&e.commit())}},h=x=>{if(!c||!y)return;const g=x.ctrlKey||x.metaKey;if(!(g&&T.current)){if(p==="crop"){const P=Math.exp(-x.deltaY*(g?.01:.002));e.preview(Xt(c,Math.min(Ot,Ut(c,y)*P),y)),clearTimeout(lt.current),lt.current=setTimeout(()=>e.commit(),250);return}if(g){const P=((u==null?void 0:u.scale)??1)*c.scale;r(pe(P*Math.exp(-x.deltaY*.01)))}else o!=null&&m(([P,z])=>[P+x.deltaX/dt,z+x.deltaY/dt])}};b.useEffect(()=>()=>clearTimeout(lt.current),[]);const T=b.useRef(null),D=b.useRef({state:c,size:y,util:p,view:u});D.current={state:c,size:y,util:p,view:u},b.useEffect(()=>{const x=R.current;if(!x)return;const g=O=>{const{state:U,size:et,view:st}=D.current;O.preventDefault(),!(!U||!et||K.current.size>0)&&(T.current={base:U,zoom:Ut(U,et),viewZoom:((st==null?void 0:st.scale)??1)*U.scale})},P=O=>{const U=T.current,{size:et,util:st}=D.current;if(!U||!et)return;O.preventDefault();const vt=O.scale||1;st==="crop"?e.preview(Xt(U.base,Math.min(Ot,U.zoom*vt),et)):Ht.current(pe(U.viewZoom*vt))},z=O=>{T.current&&(O.preventDefault(),T.current=null,D.current.util==="crop"&&e.commit())};return x.addEventListener("gesturestart",g),x.addEventListener("gesturechange",P),x.addEventListener("gestureend",z),()=>{x.removeEventListener("gesturestart",g),x.removeEventListener("gesturechange",P),x.removeEventListener("gestureend",z)}},[e]);let F=null;if(p==="crop"&&c&&E&&u){const x=on({...u,rotation:0,flip:1},E),[g,P]=ne(x,c.crop.x,c.crop.y),[z,O]=ne(x,c.crop.x+c.crop.width,c.crop.y+c.crop.height);F={left:g,top:P,width:z-g,height:O-P}}const It=u&&E?{transform:`scaleX(${u.flip}) rotate(${u.rotation}rad)`,transformOrigin:rn(E).map(x=>`${x}px`).join(" ")}:void 0;return l.jsxs("div",{ref:R,className:G.clsx(w.viewport,p==="crop"?w.viewportCrop:o!=null&&w.viewportPannable),"data-part":"viewport",onPointerDown:mt,onPointerMove:kt,onPointerUp:Qt,onPointerCancel:Qt,onWheel:h,children:[l.jsx("canvas",{ref:S,className:w.canvas,"data-part":"canvas"}),F&&l.jsx("div",{className:G.clsx(w.scene,w.fadeIn),style:It,children:l.jsxs("div",{className:G.clsx(w.cropBox,k&&w.cropInteracting),style:F,"data-part":"crop",children:[l.jsx("span",{className:w.grid,"aria-hidden":"true"}),Ti.map(x=>l.jsx("span",{className:G.clsx(w.handle,w[`handle_${x}`]),"data-handle":x,"aria-hidden":"true"},x))]})}),F&&c&&u&&u.rotation===0&&u.flip===1&&l.jsxs("div",{className:G.clsx(w.sizeBadge,k&&w.sizeBadgeActive),style:{left:F.left+F.width/2,top:F.top+F.height},"data-part":"size",children:[St(c).width,l.jsx("span",{className:w.sizeTimes,children:"×"}),St(c).height,l.jsx("span",{className:w.sizeUnit,children:"px"})]})]})});function Ai(t,e){const n=Math.max(0,e.left-t.left,t.right-e.right);return{x:n,y:e.top-t.top,width:Math.max(1,t.width-n*2),height:e.height}}const ye=.02,Ee=8,pe=t=>Math.min(Ee,Math.max(ye,t)),ji=[{label:"1:1",ratio:1},{label:"2:1",ratio:2},{label:"3:2",ratio:3/2},{label:"4:3",ratio:4/3},{label:"5:4",ratio:5/4},{label:"16:10",ratio:16/10},{label:"16:9",ratio:16/9}],Zt=(t,e)=>Math.abs(t-e)<.001,Ci=t=>t.split(":").reverse().join(":");function Be({ratio:t}){const n=t==null||t>=1?16:Math.max(6,16*t),i=t==null||t<=1?16:Math.max(6,16/t);return l.jsx("span",{className:w.shapeSlot,children:l.jsx("span",{className:G.clsx(w.shapePreview,t==null&&w.shapeCustom),style:{width:n,height:i}})})}function Li({ratio:t,options:e,onChange:n}){const i=Bt.useT(),[o,r]=b.useState(!1),[a,s]=b.useState(!1),_=t!=null&&!Zt(t,1)?t<1:a,c=f=>{n(f),r(!1)},y=f=>{s(f),t!=null&&!Zt(t,1)&&t<1!==f&&n(1/t)};return l.jsxs(ln.Dropdown,{open:o,onOpenChange:r,closeOnSelect:!1,placement:"bottom-start",size:"sm",trigger:l.jsx(we.Button,{variant:"text",color:"primary",size:"sm",startIcon:l.jsx(Z.Icon,{name:"MaximizeFormat"}),title:i("imageEditor.cropShape"),"aria-label":i("imageEditor.cropShape"),className:w.toolbarIconOnPhone,children:l.jsx("span",{className:w.toolbarLabel,children:i("imageEditor.cropShape")})}),children:[l.jsx("div",{className:w.shapeOrientation,role:"group","aria-label":i("imageEditor.orientation"),children:[!1,!0].map(f=>l.jsx("button",{type:"button",className:G.clsx(w.orientButton,_===f&&w.orientActive),"aria-pressed":_===f,"aria-label":i(f?"imageEditor.portrait":"imageEditor.landscape"),title:i(f?"imageEditor.portrait":"imageEditor.landscape"),onClick:()=>y(f),children:l.jsx(Z.Icon,{name:f?"Mobile":"Monitor",size:"sm"})},String(f)))}),l.jsx(Le.ListItem,{icon:l.jsx(Be,{ratio:null}),clickable:!0,selected:t==null,onClick:()=>c(null),children:i("imageEditor.custom")}),e.map(f=>{const I=_?1/f.ratio:f.ratio;return l.jsx(Le.ListItem,{icon:l.jsx(Be,{ratio:I}),clickable:!0,selected:t!=null&&Zt(t,I),onClick:()=>c(I),children:_&&!Zt(f.ratio,1)?Ci(f.label):f.label},f.label)})]})}const Ni=52;function qi(t,e,n){const i=Math.min(2,typeof window<"u"&&window.devicePixelRatio||1),o=Math.round(Ni*i),r=document.createElement("canvas");r.width=r.height=o;const a=r.getContext("2d",{willReadFrequently:!0});if(!a)return null;const{crop:s}=n,_=o/Math.min(s.width,s.height),[c,y]=Yt(s),f=rt(Se(n,e),it(-c,-y),J(_),it(o/2,o/2));a.setTransform(f[0],f[3],f[1],f[4],f[2],f[5]),a.imageSmoothingQuality="high",a.drawImage(t,0,0,e.width,e.height),a.setTransform(1,0,0,1,0,0);let I;try{I=a.getImageData(0,0,o,o)}catch{return null}const p=Re*Math.max(e.width,e.height)*n.scale*_,R=n.finetune.clarity?Te(I.data,o,o,p):null,S=rt(it(-o/2,-o/2),J(1/_),J(2/s.width,2/s.height)),E={};for(const M of ve.flat()){const u=new ImageData(new Uint8ClampedArray(I.data),o,o);Ie(u.data,o,o,Ae(n,re[M]),R,S),a.putImageData(u,0,0),E[M]=r.toDataURL()}return E}function Pi({image:t,size:e,state:n,onSelect:i}){var j;const o=Bt.useT(),r=b.useRef(null),[a,s]=b.useState({}),[_,c]=b.useState({start:!1,end:!1}),y=n.filter??"default",f=b.useRef(null);((j=f.current)==null?void 0:j.image)!==t&&(f.current={image:t,source:te(t,e.width,e.height,512).canvas});const I=JSON.stringify([n.crop,n.rotation,n.flipX,n.flipY,n.scale,n.finetune]);b.useEffect(()=>{const m=setTimeout(()=>{var N;const k=(N=f.current)==null?void 0:N.source;if(!k)return;const v=qi(k,e,n);v&&s(v)},120);return()=>clearTimeout(m)},[I,t]);const p=()=>{const m=r.current;m&&c({start:m.scrollLeft>2,end:m.scrollLeft+m.clientWidth<m.scrollWidth-2})};b.useEffect(()=>{p();const m=r.current;if(!m||typeof ResizeObserver>"u")return;const k=new ResizeObserver(p);return k.observe(m),()=>k.disconnect()},[]),b.useEffect(()=>{var m,k,v;(v=(k=(m=r.current)==null?void 0:m.querySelector(`[data-filter="${y}"]`))==null?void 0:k.scrollIntoView)==null||v.call(k,{block:"nearest",inline:"nearest",behavior:"smooth"})},[y]),b.useEffect(()=>{const m=r.current;if(!m)return;const k=v=>{Math.abs(v.deltaY)<=Math.abs(v.deltaX)||(v.preventDefault(),m.scrollLeft+=v.deltaY)};return m.addEventListener("wheel",k,{passive:!1}),()=>m.removeEventListener("wheel",k)},[]);const R=b.useRef(null),S=b.useRef(0),E=m=>{if(m.pointerType!=="mouse"||m.button!==0)return;cancelAnimationFrame(S.current);const k=r.current;R.current={x:m.clientX,left:k.scrollLeft,v:0,t:performance.now(),moved:!1}},M=m=>{const k=R.current;if(!k)return;const v=r.current,N=m.clientX-k.x;if(Math.abs(N)>4&&!k.moved&&(k.moved=!0,v.setPointerCapture(m.pointerId)),!k.moved)return;const V=performance.now(),Y=k.left-N;k.v=(v.scrollLeft-Y)/Math.max(1,V-k.t),k.t=V,v.scrollLeft=Y},u=()=>{const m=R.current;if(R.current=null,!(m!=null&&m.moved))return;const k=r.current;let v=-m.v,N=performance.now();const V=$=>{const X=$-N;N=$,k.scrollLeft+=v*X,v*=Math.pow(.995,X),Math.abs(v)>.02&&(S.current=requestAnimationFrame(V))};S.current=requestAnimationFrame(V);const Y=$=>{$.stopPropagation(),$.preventDefault()};k.addEventListener("click",Y,{capture:!0,once:!0}),setTimeout(()=>k.removeEventListener("click",Y,{capture:!0}),0)};b.useEffect(()=>()=>cancelAnimationFrame(S.current),[]);const A=ve.flat(),d=m=>{var N,V;if(m.key!=="ArrowLeft"&&m.key!=="ArrowRight")return;const k=A.indexOf(m.target.dataset.filter);if(k===-1)return;m.preventDefault();const v=A[Math.min(A.length-1,Math.max(0,k+(m.key==="ArrowRight"?1:-1)))];(V=(N=r.current)==null?void 0:N.querySelector(`[data-filter="${v}"]`))==null||V.focus()};return l.jsx("div",{ref:r,className:G.clsx(w.strip,_.start&&w.fadeStart,_.end&&w.fadeEnd),"data-part":"filters",role:"group","aria-label":o("imageEditor.filters"),onScroll:p,onPointerDown:E,onPointerMove:M,onPointerUp:u,onPointerCancel:u,onKeyDown:d,children:ve.map((m,k)=>l.jsx("div",{className:w.stripGroup,children:m.map(v=>l.jsxs("button",{type:"button",className:G.clsx(w.filterTile,v===y&&w.filterActive),"data-filter":v,"aria-pressed":v===y,onClick:()=>i(v),children:[l.jsx("span",{className:w.filterThumb,children:a[v]&&l.jsx("img",{src:a[v],alt:"",draggable:!1})}),l.jsx("span",{className:w.filterLabel,children:o(`imageEditor.filter.${v}`)})]},v))},k))})}const zi=[1,.75,.5,.25],pt=(t,e)=>Math.max(1,Math.min(e,Math.round(t)));function Di({max:t,value:e,locked:n,onLockedChange:i,onInput:o,onChange:r}){const a=Bt.useT(),s=e,[_,c]=b.useState({w:String(s.width),h:String(s.height)});b.useEffect(()=>{c({w:String(s.width),h:String(s.height)})},[s.width,s.height]);const f=Math.round(s.width*t.height/t.width)===s.height||Math.round(s.height*t.width/t.height)===s.width?t.width/t.height:s.width/s.height,I=b.useRef(null),p=I.current??f,R=(d,j)=>{const m=Number(j);if(!j||!Number.isFinite(m)||m<=0)return null;if(d==="w"){let N=pt(m,t.width);if(!n)return{width:N,height:s.height};const V=pt(N/p,t.height);return V<N/p-.5&&(N=pt(V*p,t.width)),{width:N,height:V}}let k=pt(m,t.height);if(!n)return{width:s.width,height:k};const v=pt(k*p,t.width);return v<k*p-.5&&(k=pt(v/p,t.height)),{width:v,height:k}},S=d=>d.width===t.width&&d.height===t.height?null:d,E=(d,j)=>{const m=j.replace(/[^\d]/g,""),k=R(d,m);c(v=>k?{w:d==="w"?m:String(k.width),h:d==="h"?m:String(k.height)}:{...v,[d]:m}),k&&o(S(k))},M=()=>{const d=Number(_.w),j=Number(_.h);let m=s;d>0&&j>0&&(m=n?R("w",_.w)??s:{width:pt(d,t.width),height:pt(j,t.height)}),c({w:String(m.width),h:String(m.height)}),r(S(m))},u=(d,j)=>{if(d.key==="Enter"){d.preventDefault(),M();return}if(d.key!=="ArrowUp"&&d.key!=="ArrowDown")return;d.preventDefault();const m=(d.shiftKey?10:1)*(d.key==="ArrowUp"?1:-1),k=j==="w"?s.width:s.height,v=R(j,String(k+m));v&&(c({w:String(v.width),h:String(v.height)}),r(S(v)))},A=d=>s.width===Math.max(1,Math.round(t.width*d))&&s.height===Math.max(1,Math.round(t.height*d));return l.jsxs("div",{className:w.resizePanel,"data-part":"resize",children:[l.jsxs("div",{className:w.resizeFields,children:[l.jsxs("label",{className:w.dimField,children:[l.jsxs("span",{className:w.dimLabel,children:[l.jsx("span",{className:w.dimLabelFull,children:a("imageEditor.width")}),l.jsx("span",{className:w.dimLabelShort,"aria-hidden":"true",children:a("imageEditor.width").charAt(0)})]}),l.jsx("input",{className:w.dimInput,inputMode:"numeric",value:_.w,"aria-label":a("imageEditor.width"),onChange:d=>E("w",d.target.value),onBlur:()=>{M(),I.current=null},onKeyDown:d=>u(d,"w"),onFocus:d=>{I.current=f,d.target.select()}}),l.jsx("span",{className:w.dimUnit,children:"px"})]}),l.jsx("button",{type:"button",className:G.clsx(w.lockButton,n&&w.lockActive),"aria-pressed":n,"aria-label":a("imageEditor.lockRatio"),title:a("imageEditor.lockRatio"),onClick:()=>i(!n),children:l.jsx(Z.Icon,{name:n?"Unlock":"LockSlash",size:"sm"})}),l.jsxs("label",{className:w.dimField,children:[l.jsxs("span",{className:w.dimLabel,children:[l.jsx("span",{className:w.dimLabelFull,children:a("imageEditor.height")}),l.jsx("span",{className:w.dimLabelShort,"aria-hidden":"true",children:a("imageEditor.height").charAt(0)})]}),l.jsx("input",{className:w.dimInput,inputMode:"numeric",value:_.h,"aria-label":a("imageEditor.height"),onChange:d=>E("h",d.target.value),onBlur:()=>{M(),I.current=null},onKeyDown:d=>u(d,"h"),onFocus:d=>{I.current=f,d.target.select()}}),l.jsx("span",{className:w.dimUnit,children:"px"})]})]}),l.jsx("div",{className:w.tabs,role:"group","aria-label":a("imageEditor.resize"),"data-part":"tabs",children:zi.map(d=>l.jsx("button",{type:"button","aria-pressed":A(d),className:G.clsx(w.tab,A(d)&&w.tabActive),onClick:()=>r(S({width:Math.max(1,Math.round(t.width*d)),height:Math.max(1,Math.round(t.height*d))})),children:d===1?a("imageEditor.original"):`${Math.round(d*100)}%`},d))})]})}const Ui="_ruler_j6c34_4",Fi="_viewport_j6c34_21",Oi="_value_j6c34_26",Xi="_track_j6c34_50",Bi="_tick_j6c34_57",Yi="_major_j6c34_66",Vi="_origin_j6c34_73",Gi="_indicator_j6c34_78",gt={ruler:Ui,viewport:Fi,value:Oi,track:Xi,tick:Bi,major:Yi,origin:Vi,indicator:Gi},ge=9;function Jt({min:t,max:e,value:n,step:i=1,keyStep:o=1,snapPoints:r=[0],snapThreshold:a=(e-t)*.02,tickStep:s=(e-t)/20,majorEvery:_=5,resetValue:c=0,format:y=S=>String(Math.round(S)),onInput:f,onChange:I,"aria-label":p,className:R}){const S=ge/s,E=b.useRef(null),M=b.useRef(0),u=b.useRef(void 0),A=b.useRef(n);A.current=n;const d=b.useRef(!1),j=b.useRef(I);j.current=I;const m=L=>{d.current=!1,I(L)};b.useEffect(()=>()=>{cancelAnimationFrame(M.current),clearTimeout(u.current),d.current&&(d.current=!1,j.current(A.current))},[]);const k=(L,q=!0)=>{let C=Math.min(e,Math.max(t,L));if(C=Math.round(C/i)*i,q){for(const B of r)if(Math.abs(C-B)<=a){C=B;break}}return Number(C.toFixed(6))},v=L=>{L!==A.current&&(A.current=L,d.current=!0,f(L))},N=L=>{L.button===0&&(cancelAnimationFrame(M.current),L.currentTarget.setPointerCapture(L.pointerId),E.current={id:L.pointerId,startX:L.clientX,startValue:n,lastX:L.clientX,lastT:performance.now(),velocity:0,moved:!1})},V=L=>{const q=E.current;if(!q||q.id!==L.pointerId)return;const C=performance.now(),B=Math.max(1,C-q.lastT);q.velocity=.7*(-(L.clientX-q.lastX)/S/B)+.3*q.velocity,q.lastX=L.clientX,q.lastT=C,Math.abs(L.clientX-q.startX)>2&&(q.moved=!0),v(k(q.startValue-(L.clientX-q.startX)/S))},Y=L=>{const q=E.current;if(!q||q.id!==L.pointerId)return;E.current=null;let C=A.current;const B=(e-t)/1500;let W=performance.now()-q.lastT<80?Math.max(-B,Math.min(B,q.velocity)):0;if(!q.moved||Math.abs(W)<B/20)return m(k(C));let ut=performance.now();const at=_t=>{const H=Math.min(32,Math.max(0,_t-ut));ut=_t,C+=W*H,W*=Math.pow(.99,H);const tt=k(C,Math.abs(W)<B/6);if(v(tt),Math.abs(W)<B/40||tt<=t||tt>=e)return m(tt);M.current=requestAnimationFrame(at)};M.current=requestAnimationFrame(at)},$=L=>{const q=Math.abs(L.deltaX)>Math.abs(L.deltaY)?L.deltaX:L.deltaY;if(!q)return;const C=k(A.current+q/S/2);v(C),clearTimeout(u.current),u.current=setTimeout(()=>m(A.current),220)},X=L=>{const q=L.shiftKey?10:1;let C=null;const B=A.current;if(L.key==="ArrowRight"||L.key==="ArrowUp"?C=B+o*q:L.key==="ArrowLeft"||L.key==="ArrowDown"?C=B-o*q:L.key==="Home"?C=t:L.key==="End"&&(C=e),C==null)return;L.preventDefault();const W=k(C,!1);v(W),m(W)},ot=()=>{cancelAnimationFrame(M.current);const L=k(c,!1);v(L),m(L)},K=Math.floor((e-t)/s),lt=y(n);return l.jsxs("div",{role:"slider",tabIndex:0,"aria-label":p,"aria-valuemin":t,"aria-valuemax":e,"aria-valuenow":n,"aria-valuetext":lt,"aria-orientation":"horizontal",className:G.clsx(gt.ruler,R),"data-part":"ruler",onPointerDown:N,onPointerMove:V,onPointerUp:Y,onPointerCancel:Y,onWheel:$,onKeyDown:X,onDoubleClick:ot,children:[l.jsx("span",{className:gt.value,"aria-hidden":"true",children:lt}),l.jsxs("span",{className:gt.viewport,"aria-hidden":"true",children:[l.jsx("span",{className:gt.track,style:{width:K*ge,transform:`translateX(${-(n-t)*S}px)`},children:Array.from({length:K+1},(L,q)=>{const C=t+q*s;return l.jsx("span",{className:G.clsx(gt.tick,q%_===0&&gt.major,Math.abs(C-c)<1e-9&&gt.origin),style:{left:q*ge}},q)})}),l.jsx("span",{className:gt.indicator})]})]})}const yt=[{id:"crop",icon:"Crop"},{id:"filter",icon:"Colorfilter"},{id:"finetune",icon:"Brush"},{id:"redact",icon:"Blur"},{id:"resize",icon:"Maximize3"}],$i=["blur","pixelate"],Ye=[.05,.1,.15,.2,.25,.33,.5,.67,.75,1,1.5,2,3,4,6,8],Wi='a[href]:not([tabindex="-1"]), button:not(:disabled):not([tabindex="-1"]), input:not(:disabled):not([tabindex="-1"]), [tabindex]:not([tabindex="-1"])',xe=Math.PI/180,Ki=b.forwardRef(function({open:e,src:n,initialState:i,util:o="crop",cropAspectRatio:r,cropRatioOptions:a,outputType:s,outputQuality:_,onLoad:c,onUpdate:y,onProcess:f,onClose:I,className:p,onKeyDown:R,...S},E){const M=Bt.useT(),[u]=b.useState(()=>new Ce),A=b.useSyncExternalStore(u.subscribe,u.getSnapshot,u.getSnapshot),{state:d,size:j,ui:m,status:k}=A,v=b.useRef(null),N=b.useRef(null),V=b.useRef(null),[Y,$]=b.useState(null),[X,ot]=b.useState(1),[K,lt]=b.useState(!1),[L,q]=b.useState(!1),C=b.useRef(0),B=b.useRef(null),W=b.useRef(null),ut=b.useRef(null);m.util!=="resize"||!d?W.current=null:(!W.current||d!==ut.current&&d!==W.current)&&(W.current=d);const at=b.useRef({onLoad:c,onUpdate:y});at.current={onLoad:c,onUpdate:y},b.useEffect(()=>{const h=[u.on("load",T=>{var D,F;return(F=(D=at.current).onLoad)==null?void 0:F.call(D,T.size)}),u.on("update",T=>{var D,F;return(F=(D=at.current).onUpdate)==null?void 0:F.call(D,T)}),...["undo","redo","revert"].map(T=>u.on(T,()=>{B.current=null}))];return()=>h.forEach(T=>T())},[u]),b.useEffect(()=>{if(!(!e||!n))return $(null),q(!1),u.open({src:n,initialState:i,util:o,cropAspectRatio:r,outputType:s,outputQuality:_}).then(()=>{const h=u.getSnapshot().state;h&&(C.current=me(h.rotation).quarter)}).catch(()=>{}),()=>u.close()},[e,n,u]),b.useEffect(()=>{if(!e)return;const h=F=>{(F.ctrlKey||F.metaKey)&&F.preventDefault()},T=F=>F.preventDefault(),D=["gesturestart","gesturechange","gestureend"];return window.addEventListener("wheel",h,{passive:!1}),D.forEach(F=>document.addEventListener(F,T)),()=>{window.removeEventListener("wheel",h),D.forEach(F=>document.removeEventListener(F,T))}},[e]),b.useEffect(()=>{if(!e)return;const h=document.activeElement,T=requestAnimationFrame(()=>{var D;return(D=N.current)==null?void 0:D.focus()});return()=>{var D;cancelAnimationFrame(T),(D=h==null?void 0:h.focus)==null||D.call(h)}},[e]);const _t=h=>{N.current=h,typeof E=="function"?E(h):E&&(E.current=h)},H=()=>{const h=u.getSnapshot().state;h&&(C.current=me(h.rotation).quarter)},tt=()=>{var h;(h=v.current)==null||h.transition("jump"),u.undo(),H()},Q=()=>{var h;(h=v.current)==null||h.transition("jump"),u.redo(),H()},Wt=()=>{var h;(h=v.current)==null||h.transition("jump"),u.revert(),H()},Et=()=>{var h;!d||!j||((h=v.current)==null||h.transition("rotate"),C.current=be(C.current-Math.PI/2),u.setState(bn(d,j)))},wt=()=>{var h;!d||!j||((h=v.current)==null||h.transition("flip"),C.current=be(-C.current),u.setState(Mn(d,j)))},Ct=b.useCallback(()=>I(),[I]),ht=()=>{K||Ct()},ce=async()=>{if(!(!d||K)){lt(!0),q(!1);try{const h=await u.process();f==null||f(h),Ct()}catch{q(!0)}finally{lt(!1)}}},Kt=h=>{if(R==null||R(h),h.defaultPrevented)return;const T=h.metaKey||h.ctrlKey;if(T&&h.key.toLowerCase()==="z"){h.preventDefault(),h.shiftKey?Q():tt();return}if(T&&h.key.toLowerCase()==="y"){h.preventDefault(),Q();return}if(h.key!=="Tab"||!N.current)return;const D=[...N.current.querySelectorAll(Wi)].filter(x=>x.offsetParent!==null);if(D.length===0)return;const F=D[0],It=D[D.length-1];h.shiftKey&&(document.activeElement===F||document.activeElement===N.current)?(h.preventDefault(),It.focus()):!h.shiftKey&&document.activeElement===It&&(h.preventDefault(),F.focus())},dt=h=>{const T=X,D=h>0?Ye.find(F=>F>T*1.01)??Ee:[...Ye].reverse().find(F=>F<T*.99)??ye;$(D)},Ht=d?me(d.rotation,C.current).fine/xe:0,Lt=h=>{const T=W.current??u.getSnapshot().state;T&&(u.preview(xn(T,h)),ut.current=u.getSnapshot().state)};let mt=null;if(d&&j){if(m.util==="crop")mt=l.jsxs(l.Fragment,{children:[m.cropTab==="rotation"?l.jsx(Jt,{"aria-label":M("imageEditor.rotation"),min:-45,max:45,step:.1,tickStep:1,majorEvery:5,snapThreshold:.6,value:Number(Ht.toFixed(1)),format:h=>`${Number(h.toFixed(1))}°`,onInput:h=>{const T=u.getSnapshot().state;T&&(B.current??(B.current=T),u.preview(qe(B.current,C.current+h*xe,j)))},onChange:h=>{const T=B.current??u.getSnapshot().state;B.current=null,T&&(u.preview(qe(T,C.current+h*xe,j)),u.commit())}},"rotation"):l.jsx(Jt,{"aria-label":M("imageEditor.scale"),min:100,max:Ot*100,step:1,tickStep:10,majorEvery:5,snapPoints:[100],snapThreshold:4,resetValue:100,value:Math.round(Ut(d,j)*100),format:h=>`${Math.round(h)}%`,onInput:h=>{const T=u.getSnapshot().state;T&&u.preview(Xt(T,h/100,j))},onChange:h=>{const T=u.getSnapshot().state;T&&(u.preview(Xt(T,h/100,j)),u.commit())}},"scale"),l.jsx(_e,{label:M("imageEditor.crop"),value:m.cropTab,options:[{id:"rotation",label:M("imageEditor.rotation")},{id:"scale",label:M("imageEditor.scale")}],onChange:h=>u.setUi({cropTab:h})})]});else if(m.util==="filter"&&u.image)mt=l.jsx(Pi,{image:u.image.image,size:j,state:d,onSelect:h=>u.setState({filter:h==="default"?null:h,colorMatrix:re[h]})});else if(m.util==="resize")mt=l.jsx(Di,{max:jt(W.current??d),value:St(d),locked:m.resizeLocked,onLockedChange:h=>u.setUi({resizeLocked:h}),onInput:Lt,onChange:h=>{Lt(h),u.commit()}});else if(m.util==="redact"){const h=d.redact;mt=l.jsxs(l.Fragment,{children:[l.jsx(Jt,{"aria-label":M(`imageEditor.redact.${h.effect}`),min:0,max:100,step:1,tickStep:2.5,majorEvery:4,snapThreshold:0,value:h.amount,format:T=>String(Math.round(T)),onInput:T=>u.preview({redact:{...h,amount:T}}),onChange:T=>{u.preview({redact:{...h,amount:T}}),u.commit()}},h.effect),l.jsx(_e,{label:M("imageEditor.redact"),value:h.effect,options:$i.map(T=>({id:T,label:M(`imageEditor.redact.${T}`)})),onChange:T=>u.setState({redact:{...h,effect:T}})})]})}else if(m.util==="finetune"){const h=m.finetuneTab;mt=l.jsxs(l.Fragment,{children:[l.jsx(Jt,{"aria-label":M(`imageEditor.finetune.${h}`),min:-100,max:100,step:1,tickStep:5,majorEvery:4,snapThreshold:3,value:d.finetune[h],format:T=>String(Math.round(T)),onInput:T=>{const D=u.getSnapshot().state;D&&u.preview({finetune:{...D.finetune,[h]:T}})},onChange:T=>{const D=u.getSnapshot().state;D&&(u.preview({finetune:{...D.finetune,[h]:T}}),u.commit())}},h),l.jsx(_e,{label:M("imageEditor.finetune"),value:h,options:dn.map(T=>({id:T,label:M(`imageEditor.finetune.${T}`),dot:d.finetune[T]!==0})),onChange:T=>u.setUi({finetuneTab:T})})]})}}const kt=k==="ready"&&!!d,Qt=kt&&m.util!=="crop";return l.jsx(cn.Overlay,{open:e,onClose:ht,closeOnBackdrop:!1,dim:0,className:w.overlay,children:l.jsxs("div",{ref:_t,role:"dialog","aria-modal":"true","aria-label":M("imageEditor.title"),tabIndex:-1,className:G.clsx(w.editor,p),"data-part":"editor",onKeyDown:Kt,...S,children:[l.jsx(Si,{ref:v,core:u,snapshot:A,cropAspectRatio:r,viewZoom:m.util==="crop"?null:Y,onViewZoom:$,onZoomReport:ot,areaRef:V}),l.jsxs("header",{className:w.header,"data-part":"header",children:[l.jsx("div",{className:w.headerStart,children:l.jsxs("div",{className:w.group,children:[l.jsx(Mt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.close"),title:M("imageEditor.close"),onClick:ht,children:l.jsx(Z.Icon,{name:"Close",className:w.closeIcon})}),l.jsx("span",{className:w.groupDivider,"aria-hidden":"true"}),l.jsx(Mt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.revert"),title:M("imageEditor.revert"),disabled:!A.canRevert,onClick:Wt,children:l.jsx(Z.Icon,{name:"ReverseTimeArrow"})})]})}),l.jsxs("div",{className:w.headerCenter,children:[l.jsxs("div",{className:w.group,children:[l.jsx(Mt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.undo"),title:M("imageEditor.undo"),disabled:!A.canUndo,onClick:tt,children:l.jsx(Z.Icon,{name:"UndoArrow"})}),l.jsx("span",{className:w.groupDivider,"aria-hidden":"true"}),l.jsx(Mt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.redo"),title:M("imageEditor.redo"),disabled:!A.canRedo,onClick:Q,children:l.jsx(Z.Icon,{name:"RedoArrow"})})]}),kt&&m.util==="crop"&&l.jsx("div",{className:G.clsx(w.group,w.fadeIn),children:l.jsxs("span",{className:G.clsx(w.zoomLabel,w.zoomReadout),role:"status","aria-label":M("imageEditor.zoom"),children:[Math.round(X*100),"%"]})}),Qt&&l.jsxs("div",{className:G.clsx(w.group,w.fadeIn),children:[l.jsx(Mt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.zoomOut"),title:M("imageEditor.zoomOut"),disabled:X<=ye*1.01,onClick:()=>dt(-1),children:l.jsx(Z.Icon,{name:"Minus"})}),l.jsx("span",{className:w.groupDivider,"aria-hidden":"true"}),l.jsxs("button",{type:"button",className:w.zoomLabel,"aria-label":M("imageEditor.zoom"),title:M("imageEditor.zoomFit"),onClick:()=>$(null),children:[Math.round(X*100),"%"]}),l.jsx("span",{className:w.groupDivider,"aria-hidden":"true"}),l.jsx(Mt.IconButton,{variant:"text",color:"primary",size:"sm","aria-label":M("imageEditor.zoomIn"),title:M("imageEditor.zoomIn"),disabled:X>=Ee*.99,onClick:()=>dt(1),children:l.jsx(Z.Icon,{name:"Add"})})]})]}),l.jsx("div",{className:w.headerEnd,children:l.jsx(Mt.IconButton,{variant:"contained",color:"accent",size:"sm",loading:K,disabled:!kt,"aria-label":M("imageEditor.done"),title:M("imageEditor.done"),onClick:ce,className:w.done,children:l.jsx(Z.Icon,{name:"CheckMarkTick"})})})]}),l.jsxs("div",{className:w.main,"data-part":"main",children:[l.jsx("nav",{className:w.nav,"data-part":"nav",children:l.jsx("div",{role:"tablist","aria-label":M("imageEditor.tools"),"aria-orientation":"vertical",className:w.navList,onKeyDown:h=>{var F;const T=yt.findIndex(It=>It.id===m.util),D=h.key==="ArrowDown"||h.key==="ArrowRight"?yt[(T+1)%yt.length]:h.key==="ArrowUp"||h.key==="ArrowLeft"?yt[(T+yt.length-1)%yt.length]:null;D&&(h.preventDefault(),u.setUi({util:D.id}),(F=h.currentTarget.querySelector(`[data-util="${D.id}"]`))==null||F.focus())},children:yt.map(h=>{const T=m.util===h.id;return l.jsxs("button",{type:"button",role:"tab",id:`tz-ie-tab-${h.id}`,"aria-selected":T,"aria-controls":"tz-ie-panel",tabIndex:T?0:-1,title:M(`imageEditor.${h.id}`),className:G.clsx(w.tool,T&&w.toolActive),"data-util":h.id,onClick:()=>u.setUi({util:h.id}),children:[l.jsx(Z.Icon,{name:h.icon,size:"sm"}),l.jsx("span",{className:w.toolLabel,children:M(`imageEditor.${h.id}`)})]},h.id)})})}),l.jsxs("section",{className:w.stage,id:"tz-ie-panel",role:"tabpanel","aria-labelledby":`tz-ie-tab-${m.util}`,"data-part":"stage","data-util":m.util,children:[l.jsx("div",{className:w.toolbar,"data-part":"toolbar",children:kt&&m.util==="crop"&&l.jsxs("div",{className:G.clsx(w.toolbarRow,w.fadeIn),children:[l.jsx(we.Button,{variant:"text",color:"primary",size:"sm",startIcon:l.jsx(Z.Icon,{name:"RotateLeft"}),title:M("imageEditor.rotateLeft"),"aria-label":M("imageEditor.rotateLeft"),onClick:Et,className:w.toolbarIconOnPhone,children:l.jsx("span",{className:w.toolbarLabel,children:M("imageEditor.rotateLeft")})}),l.jsx(we.Button,{variant:"text",color:"primary",size:"sm",startIcon:l.jsx(Z.Icon,{name:"FlipHorizontal"}),title:M("imageEditor.flipHorizontal"),"aria-label":M("imageEditor.flipHorizontal"),onClick:wt,className:w.toolbarIconOnPhone,children:l.jsx("span",{className:w.toolbarLabel,children:M("imageEditor.flipHorizontal")})}),!r&&d&&l.jsx(Li,{ratio:d.cropRatio,options:a??ji,onChange:h=>{var D;const T=u.getSnapshot().state;!T||!j||((D=v.current)==null||D.transition("jump"),u.setState(En(T,h,j)))}})]},"crop-toolbar")}),l.jsxs("div",{ref:V,className:w.canvasArea,"data-part":"area",children:[k==="loading"&&l.jsxs("div",{className:w.status,role:"status",children:[l.jsx(sn.Loader,{size:"lg"}),l.jsx("span",{children:M("imageEditor.loading")})]}),k==="error"&&l.jsxs("div",{className:w.status,role:"alert",children:[l.jsx(Z.Icon,{name:"Gallery",size:"lg"}),l.jsx("span",{children:M("imageEditor.loadError")})]}),L&&l.jsx("div",{className:w.toastError,role:"alert",children:M("imageEditor.processError")})]}),l.jsx("div",{className:w.footer,"data-part":"footer",children:l.jsx("div",{className:G.clsx(w.footerInner,w.fadeIn),children:mt},m.util)})]})]})]})})});function _e({label:t,value:e,options:n,onChange:i}){const o=b.useRef(null);return b.useEffect(()=>{var r,a,s;(s=(a=(r=o.current)==null?void 0:r.querySelector(`[data-tab="${e}"]`))==null?void 0:a.scrollIntoView)==null||s.call(a,{block:"nearest",inline:"nearest",behavior:"smooth"})},[e]),l.jsx("div",{ref:o,role:"tablist","aria-label":t,className:w.tabs,"data-part":"tabs",onKeyDown:r=>{var c;const a=n.findIndex(y=>y.id===e),s=r.key==="ArrowRight"?1:r.key==="ArrowLeft"?-1:0;if(!s)return;r.preventDefault();const _=n[(a+s+n.length)%n.length];i(_.id),(c=r.currentTarget.querySelector(`[data-tab="${_.id}"]`))==null||c.focus()},children:n.map(r=>l.jsxs("button",{type:"button",role:"tab","aria-selected":r.id===e,tabIndex:r.id===e?0:-1,className:G.clsx(w.tab,r.id===e&&w.tabActive),"data-tab":r.id,onClick:()=>i(r.id),children:[r.label,r.dot&&l.jsx("span",{className:w.tabDot,"aria-hidden":"true"})]},r.id))})}exports.FILTER_MATRICES=re;exports.ImageEditor=Ki;exports.ImageEditorCore=Ce;exports.createImageEditor=Kn;
-//# sourceMappingURL=ImageEditor-C40dp2-V.cjs.map
+//# sourceMappingURL=ImageEditor-C8tFTX4e.cjs.map