@choco-vanille/ui 1.15.1 → 1.17.0

package/dist/components/forms/image-picker/components/image-picker-input/ImagePickerInput.js

@@ -0,0 +1,34 @@
+import { jsx as n } from "react/jsx-runtime";
+import { IMAGE_PICKER_STYLES as I } from "../../styles/ImagePicker.css.js";
+import { memo as f } from "react";
+const s = f(({
+  accept: e,
+  capture: m,
+  disabled: r,
+  id: t,
+  inputRef: i,
+  name: p,
+  onChange: a,
+  required: o
+}) => /* @__PURE__ */ n(
+  "input",
+  {
+    ref: i,
+    id: t,
+    className: I.input,
+    type: "file",
+    accept: e,
+    capture: m,
+    name: p,
+    required: o,
+    disabled: r,
+    tabIndex: -1,
+    "aria-hidden": "true",
+    onChange: a
+  }
+));
+s.displayName = "ImagePicker.Input";
+export {
+  s as ImagePickerInput
+};
+//# sourceMappingURL=ImagePickerInput.js.map

package/dist/components/forms/image-picker/components/image-picker-input/ImagePickerInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerInput.js","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-input/ImagePickerInput.tsx"],"sourcesContent":["import { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport type { ImagePickerInputProps } from '@components/forms/image-picker/components/image-picker-input/types/ImagePickerInput.props.ts'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerInput = memo<ImagePickerInputProps>(({\r\n    accept,\r\n    capture,\r\n    disabled,\r\n    id,\r\n    inputRef,\r\n    name,\r\n    onChange,\r\n    required,\r\n}: ImagePickerInputProps) => (\r\n    <input\r\n        ref={inputRef}\r\n        id={id}\r\n        className={IMAGE_PICKER_STYLES.input}\r\n        type={'file'}\r\n        accept={accept}\r\n        capture={capture}\r\n        name={name}\r\n        required={required}\r\n        disabled={disabled}\r\n        tabIndex={-1}\r\n        aria-hidden={'true'}\r\n        onChange={onChange}\r\n    />\r\n))\r\n\r\nImagePickerInput.displayName = 'ImagePicker.Input'\r\n"],"names":["ImagePickerInput","memo","accept","capture","disabled","id","inputRef","name","onChange","required","jsx","IMAGE_PICKER_STYLES"],"mappings":";;;AAIO,MAAMA,IAAmBC,EAA4B,CAAC;AAAA,EACzD,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAKJ;AAAA,IACL,IAAAD;AAAA,IACA,WAAWM,EAAoB;AAAA,IAC/B,MAAM;AAAA,IACN,QAAAT;AAAA,IACA,SAAAC;AAAA,IACA,MAAAI;AAAA,IACA,UAAAE;AAAA,IACA,UAAAL;AAAA,IACA,UAAU;AAAA,IACV,eAAa;AAAA,IACb,UAAAI;AAAA,EAAA;AACJ,CACH;AAEDR,EAAiB,cAAc;"}

package/dist/components/forms/image-picker/components/image-picker-input/types/ImagePickerInput.props.d.ts

@@ -0,0 +1,11 @@
+import { ChangeEvent, InputHTMLAttributes, RefObject } from 'react';
+export type ImagePickerInputProps = {
+    accept: string;
+    capture?: InputHTMLAttributes<HTMLInputElement>['capture'];
+    disabled: boolean;
+    id: string;
+    inputRef: RefObject<HTMLInputElement | null>;
+    name?: string;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    required: boolean;
+};

package/dist/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const d=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const A=require("../../../../layout/image/Image.cjs");require("../../../../layout/image/styles/Image.css.cjs");const C=require("../../constants/imagePickerShapes.const.cjs"),r=require("../../styles/ImagePicker.css.cjs"),G=require("../../../../../resources/asset/ImagePlusIcon.svg.cjs"),K=require("../../../../../resources/asset/UploadIcon.svg.cjs"),N=require("react"),l=N.memo(({actionId:m,actionLabel:c,alt:I,ariaDescribedBy:u,ariaInvalid:E,ariaLabel:S,ariaLabelledBy:g,aspectRatio:P,disabled:t,emptyLabel:_,hasError:p,hasValue:s,height:y,icon:x=G,isDragging:h,isMobile:a,objectFit:v,onClick:q,onDragLeave:T,onDragOver:j,onDrop:R,previewUrl:n,shape:i})=>e.jsxs("button",{type:"button",className:r.IMAGE_PICKER_STYLES.preview({shape:i}),style:i===C.IMAGE_PICKER_SHAPES.circle?void 0:{height:y,aspectRatio:P},"aria-label":S,"aria-labelledby":g,"aria-describedby":u,"aria-invalid":E,onClick:q,onDragOver:a?void 0:j,onDragLeave:a?void 0:T,onDrop:a?void 0:R,disabled:t,"data-disabled":t?"true":"false","data-dragging":h?"true":"false","data-has-error":p?"true":"false","data-has-value":s?"true":"false","data-shape":i,children:[e.jsx("span",{id:m,className:r.IMAGE_PICKER_STYLES.visuallyHidden,children:c}),n?e.jsx(A,{src:n,alt:I,objectFit:v,className:r.IMAGE_PICKER_STYLES.image,width:"100%",height:"100%"}):e.jsxs("span",{className:r.IMAGE_PICKER_STYLES.empty,children:[e.jsx(o,{icon:x,size:"xl",color:"primary",className:r.IMAGE_PICKER_STYLES.emptyIcon}),!s&&e.jsx(d,{as:"span",fontSize:"sm",color:"textSecondary",className:r.IMAGE_PICKER_STYLES.emptyText,"aria-hidden":"true",children:_})]}),!a&&s&&e.jsxs("span",{className:r.IMAGE_PICKER_STYLES.scrim,"aria-hidden":"true",children:[e.jsx(o,{icon:K,size:"lg"}),e.jsx(d,{as:"span",fontSize:"sm",fontWeight:"medium",color:"primaryForeground",className:r.IMAGE_PICKER_STYLES.scrimText,children:c})]})]}));l.displayName="ImagePicker.Preview";exports.ImagePickerPreview=l;
+//# sourceMappingURL=ImagePickerPreview.cjs.map

package/dist/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerPreview.cjs","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Image } from '@components/layout/image'\r\nimport { IMAGE_PICKER_SHAPES } from '@components/forms/image-picker/constants'\r\nimport type { ImagePickerPreviewProps } from '@components/forms/image-picker/components/image-picker-preview/types/ImagePickerPreview.props.ts'\r\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport ImagePlusIcon from '@resources/asset/ImagePlusIcon.svg?react'\r\nimport UploadIcon from '@resources/asset/UploadIcon.svg?react'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerPreview = memo<ImagePickerPreviewProps>(({\r\n    actionId,\r\n    actionLabel,\r\n    alt,\r\n    ariaDescribedBy,\r\n    ariaInvalid,\r\n    ariaLabel,\r\n    ariaLabelledBy,\r\n    aspectRatio,\r\n    disabled,\r\n    emptyLabel,\r\n    hasError,\r\n    hasValue,\r\n    height,\r\n    icon = ImagePlusIcon,\r\n    isDragging,\r\n    isMobile,\r\n    objectFit,\r\n    onClick,\r\n    onDragLeave,\r\n    onDragOver,\r\n    onDrop,\r\n    previewUrl,\r\n    shape,\r\n}) => (\r\n    // The preview button is the accessible field control and owns validation state.\r\n    // eslint-disable-next-line jsx-a11y/role-supports-aria-props\r\n    <button\r\n        type={'button'}\r\n        className={IMAGE_PICKER_STYLES.preview({ shape })}\r\n        style={shape === IMAGE_PICKER_SHAPES.circle ? undefined : { height, aspectRatio }}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-invalid={ariaInvalid}\r\n        onClick={onClick}\r\n        onDragOver={isMobile ? undefined : onDragOver}\r\n        onDragLeave={isMobile ? undefined : onDragLeave}\r\n        onDrop={isMobile ? undefined : onDrop}\r\n        disabled={disabled}\r\n        data-disabled={disabled ? 'true' : 'false'}\r\n        data-dragging={isDragging ? 'true' : 'false'}\r\n        data-has-error={hasError ? 'true' : 'false'}\r\n        data-has-value={hasValue ? 'true' : 'false'}\r\n        data-shape={shape}\r\n    >\r\n        <span\r\n            id={actionId}\r\n            className={IMAGE_PICKER_STYLES.visuallyHidden}\r\n        >\r\n            {actionLabel}\r\n        </span>\r\n        {previewUrl ? (\r\n            <Image\r\n                src={previewUrl}\r\n                alt={alt}\r\n                objectFit={objectFit}\r\n                className={IMAGE_PICKER_STYLES.image}\r\n                width={'100%'}\r\n                height={'100%'}\r\n            />\r\n        ) : (\r\n            <span className={IMAGE_PICKER_STYLES.empty}>\r\n                <Icon\r\n                    icon={icon}\r\n                    size={'xl'}\r\n                    color={'primary'}\r\n                    className={IMAGE_PICKER_STYLES.emptyIcon}\r\n                />\r\n                {!hasValue && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={'sm'}\r\n                        color={'textSecondary'}\r\n                        className={IMAGE_PICKER_STYLES.emptyText}\r\n                        aria-hidden={'true'}\r\n                    >\r\n                        {emptyLabel}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )}\r\n        {!isMobile && hasValue && (\r\n            <span\r\n                className={IMAGE_PICKER_STYLES.scrim}\r\n                aria-hidden={'true'}\r\n            >\r\n                <Icon\r\n                    icon={UploadIcon}\r\n                    size={'lg'}\r\n                />\r\n                <Typography\r\n                    as={'span'}\r\n                    fontSize={'sm'}\r\n                    fontWeight={'medium'}\r\n                    color={'primaryForeground'}\r\n                    className={IMAGE_PICKER_STYLES.scrimText}\r\n                >\r\n                    {actionLabel}\r\n                </Typography>\r\n            </span>\r\n        )}\r\n    </button>\r\n))\r\n\r\nImagePickerPreview.displayName = 'ImagePicker.Preview'\r\n"],"names":["ImagePickerPreview","memo","actionId","actionLabel","alt","ariaDescribedBy","ariaInvalid","ariaLabel","ariaLabelledBy","aspectRatio","disabled","emptyLabel","hasError","hasValue","height","icon","ImagePlusIcon","isDragging","isMobile","objectFit","onClick","onDragLeave","onDragOver","onDrop","previewUrl","shape","jsxs","IMAGE_PICKER_STYLES","IMAGE_PICKER_SHAPES","jsx","Image","Icon","Typography","UploadIcon"],"mappings":"6tBAUaA,EAAqBC,EAAAA,KAA8B,CAAC,CAC7D,SAAAC,EACA,YAAAC,EACA,IAAAC,EACA,gBAAAC,EACA,YAAAC,EACA,UAAAC,EACA,eAAAC,EACA,YAAAC,EACA,SAAAC,EACA,WAAAC,EACA,SAAAC,EACA,SAAAC,EACA,OAAAC,EACA,KAAAC,EAAOC,EACP,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,YAAAC,EACA,WAAAC,EACA,OAAAC,EACA,WAAAC,EACA,MAAAC,CACJ,IAGIC,EAAAA,KAAC,SAAA,CACG,KAAM,SACN,UAAWC,EAAAA,oBAAoB,QAAQ,CAAE,MAAAF,EAAO,EAChD,MAAOA,IAAUG,sBAAoB,OAAS,OAAY,CAAE,OAAAd,EAAQ,YAAAL,CAAA,EACpE,aAAYF,EACZ,kBAAiBC,EACjB,mBAAkBH,EAClB,eAAcC,EACd,QAAAc,EACA,WAAYF,EAAW,OAAYI,EACnC,YAAaJ,EAAW,OAAYG,EACpC,OAAQH,EAAW,OAAYK,EAC/B,SAAAb,EACA,gBAAeA,EAAW,OAAS,QACnC,gBAAeO,EAAa,OAAS,QACrC,iBAAgBL,EAAW,OAAS,QACpC,iBAAgBC,EAAW,OAAS,QACpC,aAAYY,EAEZ,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACG,GAAI3B,EACJ,UAAWyB,EAAAA,oBAAoB,eAE9B,SAAAxB,CAAA,CAAA,EAEJqB,EACGK,EAAAA,IAACC,EAAA,CACG,IAAKN,EACL,IAAApB,EACA,UAAAe,EACA,UAAWQ,EAAAA,oBAAoB,MAC/B,MAAO,OACP,OAAQ,MAAA,CAAA,EAGZD,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAAA,oBAAoB,MACjC,SAAA,CAAAE,EAAAA,IAACE,EAAA,CACG,KAAAhB,EACA,KAAM,KACN,MAAO,UACP,UAAWY,EAAAA,oBAAoB,SAAA,CAAA,EAElC,CAACd,GACEgB,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,SAAU,KACV,MAAO,gBACP,UAAWL,EAAAA,oBAAoB,UAC/B,cAAa,OAEZ,SAAAhB,CAAA,CAAA,CACL,EAER,EAEH,CAACO,GAAYL,GACVa,EAAAA,KAAC,OAAA,CACG,UAAWC,EAAAA,oBAAoB,MAC/B,cAAa,OAEb,SAAA,CAAAE,EAAAA,IAACE,EAAA,CACG,KAAME,EACN,KAAM,IAAA,CAAA,EAEVJ,EAAAA,IAACG,EAAA,CACG,GAAI,OACJ,SAAU,KACV,WAAY,SACZ,MAAO,oBACP,UAAWL,EAAAA,oBAAoB,UAE9B,SAAAxB,CAAA,CAAA,CACL,CAAA,CAAA,CACJ,CAAA,CAAA,CAGX,EAEDH,EAAmB,YAAc"}

package/dist/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.d.ts

@@ -0,0 +1,3 @@
+import { ImagePickerPreviewProps } from './types/ImagePickerPreview.props.ts';
+import { NamedExoticComponent } from 'react';
+export declare const ImagePickerPreview: NamedExoticComponent<ImagePickerPreviewProps>;

package/dist/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.js

@@ -0,0 +1,136 @@
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import c from "../../../../foundation/icon/Icon.js";
+import "../../../../foundation/icon/styles/Icon.css.js";
+import n from "../../../../foundation/typography/Typography.js";
+import "../../../../foundation/typography/styles/Typography.css.js";
+import b from "../../../../layout/image/Image.js";
+import "../../../../layout/image/styles/Image.css.js";
+import { IMAGE_PICKER_SHAPES as w } from "../../constants/imagePickerShapes.const.js";
+import { IMAGE_PICKER_STYLES as r } from "../../styles/ImagePicker.css.js";
+import A from "../../../../../resources/asset/ImagePlusIcon.svg.js";
+import D from "../../../../../resources/asset/UploadIcon.svg.js";
+import { memo as j } from "react";
+const k = j(({
+  actionId: l,
+  actionLabel: t,
+  alt: p,
+  ariaDescribedBy: g,
+  ariaInvalid: f,
+  ariaLabel: y,
+  ariaLabelledBy: v,
+  aspectRatio: h,
+  disabled: s,
+  emptyLabel: I,
+  hasError: u,
+  hasValue: i,
+  height: N,
+  icon: S = A,
+  isDragging: P,
+  isMobile: e,
+  objectFit: x,
+  onClick: E,
+  onDragLeave: z,
+  onDragOver: T,
+  onDrop: _,
+  previewUrl: d,
+  shape: o
+}) => (
+  // The preview button is the accessible field control and owns validation state.
+  // eslint-disable-next-line jsx-a11y/role-supports-aria-props
+  /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      className: r.preview({ shape: o }),
+      style: o === w.circle ? void 0 : { height: N, aspectRatio: h },
+      "aria-label": y,
+      "aria-labelledby": v,
+      "aria-describedby": g,
+      "aria-invalid": f,
+      onClick: E,
+      onDragOver: e ? void 0 : T,
+      onDragLeave: e ? void 0 : z,
+      onDrop: e ? void 0 : _,
+      disabled: s,
+      "data-disabled": s ? "true" : "false",
+      "data-dragging": P ? "true" : "false",
+      "data-has-error": u ? "true" : "false",
+      "data-has-value": i ? "true" : "false",
+      "data-shape": o,
+      children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            id: l,
+            className: r.visuallyHidden,
+            children: t
+          }
+        ),
+        d ? /* @__PURE__ */ a(
+          b,
+          {
+            src: d,
+            alt: p,
+            objectFit: x,
+            className: r.image,
+            width: "100%",
+            height: "100%"
+          }
+        ) : /* @__PURE__ */ m("span", { className: r.empty, children: [
+          /* @__PURE__ */ a(
+            c,
+            {
+              icon: S,
+              size: "xl",
+              color: "primary",
+              className: r.emptyIcon
+            }
+          ),
+          !i && /* @__PURE__ */ a(
+            n,
+            {
+              as: "span",
+              fontSize: "sm",
+              color: "textSecondary",
+              className: r.emptyText,
+              "aria-hidden": "true",
+              children: I
+            }
+          )
+        ] }),
+        !e && i && /* @__PURE__ */ m(
+          "span",
+          {
+            className: r.scrim,
+            "aria-hidden": "true",
+            children: [
+              /* @__PURE__ */ a(
+                c,
+                {
+                  icon: D,
+                  size: "lg"
+                }
+              ),
+              /* @__PURE__ */ a(
+                n,
+                {
+                  as: "span",
+                  fontSize: "sm",
+                  fontWeight: "medium",
+                  color: "primaryForeground",
+                  className: r.scrimText,
+                  children: t
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  )
+));
+k.displayName = "ImagePicker.Preview";
+export {
+  k as ImagePickerPreview
+};
+//# sourceMappingURL=ImagePickerPreview.js.map

package/dist/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerPreview.js","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-preview/ImagePickerPreview.tsx"],"sourcesContent":["import { Icon } from '@components/foundation/icon'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { Image } from '@components/layout/image'\r\nimport { IMAGE_PICKER_SHAPES } from '@components/forms/image-picker/constants'\r\nimport type { ImagePickerPreviewProps } from '@components/forms/image-picker/components/image-picker-preview/types/ImagePickerPreview.props.ts'\r\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport ImagePlusIcon from '@resources/asset/ImagePlusIcon.svg?react'\r\nimport UploadIcon from '@resources/asset/UploadIcon.svg?react'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerPreview = memo<ImagePickerPreviewProps>(({\r\n    actionId,\r\n    actionLabel,\r\n    alt,\r\n    ariaDescribedBy,\r\n    ariaInvalid,\r\n    ariaLabel,\r\n    ariaLabelledBy,\r\n    aspectRatio,\r\n    disabled,\r\n    emptyLabel,\r\n    hasError,\r\n    hasValue,\r\n    height,\r\n    icon = ImagePlusIcon,\r\n    isDragging,\r\n    isMobile,\r\n    objectFit,\r\n    onClick,\r\n    onDragLeave,\r\n    onDragOver,\r\n    onDrop,\r\n    previewUrl,\r\n    shape,\r\n}) => (\r\n    // The preview button is the accessible field control and owns validation state.\r\n    // eslint-disable-next-line jsx-a11y/role-supports-aria-props\r\n    <button\r\n        type={'button'}\r\n        className={IMAGE_PICKER_STYLES.preview({ shape })}\r\n        style={shape === IMAGE_PICKER_SHAPES.circle ? undefined : { height, aspectRatio }}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={ariaDescribedBy}\r\n        aria-invalid={ariaInvalid}\r\n        onClick={onClick}\r\n        onDragOver={isMobile ? undefined : onDragOver}\r\n        onDragLeave={isMobile ? undefined : onDragLeave}\r\n        onDrop={isMobile ? undefined : onDrop}\r\n        disabled={disabled}\r\n        data-disabled={disabled ? 'true' : 'false'}\r\n        data-dragging={isDragging ? 'true' : 'false'}\r\n        data-has-error={hasError ? 'true' : 'false'}\r\n        data-has-value={hasValue ? 'true' : 'false'}\r\n        data-shape={shape}\r\n    >\r\n        <span\r\n            id={actionId}\r\n            className={IMAGE_PICKER_STYLES.visuallyHidden}\r\n        >\r\n            {actionLabel}\r\n        </span>\r\n        {previewUrl ? (\r\n            <Image\r\n                src={previewUrl}\r\n                alt={alt}\r\n                objectFit={objectFit}\r\n                className={IMAGE_PICKER_STYLES.image}\r\n                width={'100%'}\r\n                height={'100%'}\r\n            />\r\n        ) : (\r\n            <span className={IMAGE_PICKER_STYLES.empty}>\r\n                <Icon\r\n                    icon={icon}\r\n                    size={'xl'}\r\n                    color={'primary'}\r\n                    className={IMAGE_PICKER_STYLES.emptyIcon}\r\n                />\r\n                {!hasValue && (\r\n                    <Typography\r\n                        as={'span'}\r\n                        fontSize={'sm'}\r\n                        color={'textSecondary'}\r\n                        className={IMAGE_PICKER_STYLES.emptyText}\r\n                        aria-hidden={'true'}\r\n                    >\r\n                        {emptyLabel}\r\n                    </Typography>\r\n                )}\r\n            </span>\r\n        )}\r\n        {!isMobile && hasValue && (\r\n            <span\r\n                className={IMAGE_PICKER_STYLES.scrim}\r\n                aria-hidden={'true'}\r\n            >\r\n                <Icon\r\n                    icon={UploadIcon}\r\n                    size={'lg'}\r\n                />\r\n                <Typography\r\n                    as={'span'}\r\n                    fontSize={'sm'}\r\n                    fontWeight={'medium'}\r\n                    color={'primaryForeground'}\r\n                    className={IMAGE_PICKER_STYLES.scrimText}\r\n                >\r\n                    {actionLabel}\r\n                </Typography>\r\n            </span>\r\n        )}\r\n    </button>\r\n))\r\n\r\nImagePickerPreview.displayName = 'ImagePicker.Preview'\r\n"],"names":["ImagePickerPreview","memo","actionId","actionLabel","alt","ariaDescribedBy","ariaInvalid","ariaLabel","ariaLabelledBy","aspectRatio","disabled","emptyLabel","hasError","hasValue","height","icon","ImagePlusIcon","isDragging","isMobile","objectFit","onClick","onDragLeave","onDragOver","onDrop","previewUrl","shape","jsxs","IMAGE_PICKER_STYLES","IMAGE_PICKER_SHAPES","jsx","Image","Icon","Typography","UploadIcon"],"mappings":"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"}

package/dist/components/forms/image-picker/components/image-picker-preview/types/ImagePickerPreview.props.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties, DragEvent, HTMLAttributes } from 'react';
+import { IconComponent } from '../../../../../foundation/icon';
+import { ImagePickerObjectFit, ImagePickerShape } from '../../../types/ImagePicker.types.ts';
+export type ImagePickerPreviewProps = {
+    actionId: string;
+    actionLabel: string;
+    alt: string;
+    ariaDescribedBy?: string;
+    ariaInvalid?: HTMLAttributes<HTMLButtonElement>['aria-invalid'];
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    aspectRatio?: CSSProperties['aspectRatio'];
+    disabled: boolean;
+    emptyLabel: string;
+    hasError: boolean;
+    hasValue: boolean;
+    height?: CSSProperties['height'];
+    icon?: IconComponent;
+    isDragging: boolean;
+    isMobile: boolean;
+    objectFit: ImagePickerObjectFit;
+    onClick: () => void;
+    onDragLeave?: (event: DragEvent<HTMLButtonElement>) => void;
+    onDragOver?: (event: DragEvent<HTMLButtonElement>) => void;
+    onDrop?: (event: DragEvent<HTMLButtonElement>) => void;
+    previewUrl?: string;
+    shape: ImagePickerShape;
+};

package/dist/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),c=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const a=require("../../styles/ImagePicker.css.cjs"),s=require("../../../../../resources/asset/TrashIcon.svg.cjs"),u=require("react"),e=u.memo(({disabled:t,label:o,onClick:r,shape:i})=>n.jsx(c,{type:"button",icon:s,size:"sm",variant:"contained",color:"tertiary","aria-label":o,className:a.IMAGE_PICKER_STYLES.removeButton({shape:i}),disabled:t,onClick:r}));e.displayName="ImagePicker.RemoveButton";exports.ImagePickerRemoveButton=e;
+//# sourceMappingURL=ImagePickerRemoveButton.cjs.map

package/dist/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerRemoveButton.cjs","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ImagePickerRemoveButtonProps } from '@components/forms/image-picker/components/image-picker-remove-button/types/ImagePickerRemoveButton.props.ts'\r\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport TrashIcon from '@resources/asset/TrashIcon.svg?react'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerRemoveButton = memo<ImagePickerRemoveButtonProps>(({\r\n    disabled,\r\n    label,\r\n    onClick,\r\n    shape,\r\n}) => (\r\n    <IconButton\r\n        type={'button'}\r\n        icon={TrashIcon}\r\n        size={'sm'}\r\n        variant={'contained'}\r\n        color={'tertiary'}\r\n        aria-label={label}\r\n        className={IMAGE_PICKER_STYLES.removeButton({ shape })}\r\n        disabled={disabled}\r\n        onClick={onClick}\r\n    />\r\n))\r\n\r\nImagePickerRemoveButton.displayName = 'ImagePicker.RemoveButton'\r\n"],"names":["ImagePickerRemoveButton","memo","disabled","label","onClick","shape","jsx","IconButton","TrashIcon","IMAGE_PICKER_STYLES"],"mappings":"2XAMaA,EAA0BC,EAAAA,KAAmC,CAAC,CACvE,SAAAC,EACA,MAAAC,EACA,QAAAC,EACA,MAAAC,CACJ,IACIC,EAAAA,IAACC,EAAA,CACG,KAAM,SACN,KAAMC,EACN,KAAM,KACN,QAAS,YACT,MAAO,WACP,aAAYL,EACZ,UAAWM,EAAAA,oBAAoB,aAAa,CAAE,MAAAJ,EAAO,EACrD,SAAAH,EACA,QAAAE,CAAA,CACJ,CACH,EAEDJ,EAAwB,YAAc"}

package/dist/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.d.ts

@@ -0,0 +1,3 @@
+import { ImagePickerRemoveButtonProps } from './types/ImagePickerRemoveButton.props.ts';
+import { NamedExoticComponent } from 'react';
+export declare const ImagePickerRemoveButton: NamedExoticComponent<ImagePickerRemoveButtonProps>;

package/dist/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.js

@@ -0,0 +1,30 @@
+import { jsx as e } from "react/jsx-runtime";
+import i from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import { IMAGE_PICKER_STYLES as a } from "../../styles/ImagePicker.css.js";
+import n from "../../../../../resources/asset/TrashIcon.svg.js";
+import { memo as c } from "react";
+const p = c(({
+  disabled: o,
+  label: t,
+  onClick: m,
+  shape: r
+}) => /* @__PURE__ */ e(
+  i,
+  {
+    type: "button",
+    icon: n,
+    size: "sm",
+    variant: "contained",
+    color: "tertiary",
+    "aria-label": t,
+    className: a.removeButton({ shape: r }),
+    disabled: o,
+    onClick: m
+  }
+));
+p.displayName = "ImagePicker.RemoveButton";
+export {
+  p as ImagePickerRemoveButton
+};
+//# sourceMappingURL=ImagePickerRemoveButton.js.map

package/dist/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerRemoveButton.js","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-remove-button/ImagePickerRemoveButton.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ImagePickerRemoveButtonProps } from '@components/forms/image-picker/components/image-picker-remove-button/types/ImagePickerRemoveButton.props.ts'\r\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport TrashIcon from '@resources/asset/TrashIcon.svg?react'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerRemoveButton = memo<ImagePickerRemoveButtonProps>(({\r\n    disabled,\r\n    label,\r\n    onClick,\r\n    shape,\r\n}) => (\r\n    <IconButton\r\n        type={'button'}\r\n        icon={TrashIcon}\r\n        size={'sm'}\r\n        variant={'contained'}\r\n        color={'tertiary'}\r\n        aria-label={label}\r\n        className={IMAGE_PICKER_STYLES.removeButton({ shape })}\r\n        disabled={disabled}\r\n        onClick={onClick}\r\n    />\r\n))\r\n\r\nImagePickerRemoveButton.displayName = 'ImagePicker.RemoveButton'\r\n"],"names":["ImagePickerRemoveButton","memo","disabled","label","onClick","shape","jsx","IconButton","TrashIcon","IMAGE_PICKER_STYLES"],"mappings":";;;;;;AAMO,MAAMA,IAA0BC,EAAmC,CAAC;AAAA,EACvE,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AACJ,MACI,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,MAAM;AAAA,IACN,MAAMC;AAAAA,IACN,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,cAAYL;AAAA,IACZ,WAAWM,EAAoB,aAAa,EAAE,OAAAJ,GAAO;AAAA,IACrD,UAAAH;AAAA,IACA,SAAAE;AAAA,EAAA;AACJ,CACH;AAEDJ,EAAwB,cAAc;"}

package/dist/components/forms/image-picker/components/image-picker-remove-button/types/ImagePickerRemoveButton.props.d.ts

@@ -0,0 +1,7 @@
+import { ImagePickerShape } from '../../../types/ImagePicker.types.ts';
+export type ImagePickerRemoveButtonProps = {
+    disabled: boolean;
+    label: string;
+    onClick: () => void;
+    shape: ImagePickerShape;
+};

package/dist/components/forms/image-picker/components/index.d.ts

@@ -0,0 +1,5 @@
+export { ImagePickerActions } from './image-picker-actions/ImagePickerActions.tsx';
+export { ImagePickerCropDialog } from './image-picker-crop-dialog';
+export { ImagePickerInput } from './image-picker-input/ImagePickerInput.tsx';
+export { ImagePickerPreview } from './image-picker-preview/ImagePickerPreview.tsx';
+export { ImagePickerRemoveButton } from './image-picker-remove-button/ImagePickerRemoveButton.tsx';

package/dist/components/forms/image-picker/constants/imagePickerDefaults.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o="image/*",e={choose:"Choose image",change:"Change image",remove:"Remove image",crop:"Crop image",cancel:"Cancel",apply:"Apply crop",zoom:"Zoom",cropArea:"Adjust crop",cropError:"Unable to crop this image. Please try again.",empty:"Drag an image here or click to browse",selected:"Image selected",invalidType:"Choose an image file.",maxSize:"This image is too large."},a={...e,empty:"Tap to choose an image"};exports.IMAGE_PICKER_DEFAULT_ACCEPT=o;exports.IMAGE_PICKER_DEFAULT_LABELS=e;exports.IMAGE_PICKER_MOBILE_LABELS=a;
+//# sourceMappingURL=imagePickerDefaults.const.cjs.map

package/dist/components/forms/image-picker/constants/imagePickerDefaults.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagePickerDefaults.const.cjs","sources":["../../../../../src/components/forms/image-picker/constants/imagePickerDefaults.const.ts"],"sourcesContent":["import type { ImagePickerResolvedLabels } from '@components/forms/image-picker/types/ImagePicker.types.ts'\n\nexport const IMAGE_PICKER_DEFAULT_ACCEPT = 'image/*'\n\nexport const IMAGE_PICKER_DEFAULT_LABELS: ImagePickerResolvedLabels = {\n    choose: 'Choose image',\n    change: 'Change image',\n    remove: 'Remove image',\n    crop: 'Crop image',\n    cancel: 'Cancel',\n    apply: 'Apply crop',\n    zoom: 'Zoom',\n    cropArea: 'Adjust crop',\n    cropError: 'Unable to crop this image. Please try again.',\n    empty: 'Drag an image here or click to browse',\n    selected: 'Image selected',\n    invalidType: 'Choose an image file.',\n    maxSize: 'This image is too large.',\n}\n\nexport const IMAGE_PICKER_MOBILE_LABELS: ImagePickerResolvedLabels = {\n    ...IMAGE_PICKER_DEFAULT_LABELS,\n    empty: 'Tap to choose an image',\n}\n"],"names":["IMAGE_PICKER_DEFAULT_ACCEPT","IMAGE_PICKER_DEFAULT_LABELS","IMAGE_PICKER_MOBILE_LABELS"],"mappings":"gFAEO,MAAMA,EAA8B,UAE9BC,EAAyD,CAClE,OAAQ,eACR,OAAQ,eACR,OAAQ,eACR,KAAM,aACN,OAAQ,SACR,MAAO,aACP,KAAM,OACN,SAAU,cACV,UAAW,+CACX,MAAO,wCACP,SAAU,iBACV,YAAa,wBACb,QAAS,0BACb,EAEaC,EAAwD,CACjE,GAAGD,EACH,MAAO,wBACX"}

package/dist/components/forms/image-picker/constants/imagePickerDefaults.const.d.ts

@@ -0,0 +1,4 @@
+import { ImagePickerResolvedLabels } from '../types/ImagePicker.types.ts';
+export declare const IMAGE_PICKER_DEFAULT_ACCEPT = "image/*";
+export declare const IMAGE_PICKER_DEFAULT_LABELS: ImagePickerResolvedLabels;
+export declare const IMAGE_PICKER_MOBILE_LABELS: ImagePickerResolvedLabels;

package/dist/components/forms/image-picker/constants/imagePickerDefaults.const.js

@@ -0,0 +1,24 @@
+const o = "image/*", e = {
+  choose: "Choose image",
+  change: "Change image",
+  remove: "Remove image",
+  crop: "Crop image",
+  cancel: "Cancel",
+  apply: "Apply crop",
+  zoom: "Zoom",
+  cropArea: "Adjust crop",
+  cropError: "Unable to crop this image. Please try again.",
+  empty: "Drag an image here or click to browse",
+  selected: "Image selected",
+  invalidType: "Choose an image file.",
+  maxSize: "This image is too large."
+}, a = {
+  ...e,
+  empty: "Tap to choose an image"
+};
+export {
+  o as IMAGE_PICKER_DEFAULT_ACCEPT,
+  e as IMAGE_PICKER_DEFAULT_LABELS,
+  a as IMAGE_PICKER_MOBILE_LABELS
+};
+//# sourceMappingURL=imagePickerDefaults.const.js.map

package/dist/components/forms/image-picker/constants/imagePickerDefaults.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagePickerDefaults.const.js","sources":["../../../../../src/components/forms/image-picker/constants/imagePickerDefaults.const.ts"],"sourcesContent":["import type { ImagePickerResolvedLabels } from '@components/forms/image-picker/types/ImagePicker.types.ts'\n\nexport const IMAGE_PICKER_DEFAULT_ACCEPT = 'image/*'\n\nexport const IMAGE_PICKER_DEFAULT_LABELS: ImagePickerResolvedLabels = {\n    choose: 'Choose image',\n    change: 'Change image',\n    remove: 'Remove image',\n    crop: 'Crop image',\n    cancel: 'Cancel',\n    apply: 'Apply crop',\n    zoom: 'Zoom',\n    cropArea: 'Adjust crop',\n    cropError: 'Unable to crop this image. Please try again.',\n    empty: 'Drag an image here or click to browse',\n    selected: 'Image selected',\n    invalidType: 'Choose an image file.',\n    maxSize: 'This image is too large.',\n}\n\nexport const IMAGE_PICKER_MOBILE_LABELS: ImagePickerResolvedLabels = {\n    ...IMAGE_PICKER_DEFAULT_LABELS,\n    empty: 'Tap to choose an image',\n}\n"],"names":["IMAGE_PICKER_DEFAULT_ACCEPT","IMAGE_PICKER_DEFAULT_LABELS","IMAGE_PICKER_MOBILE_LABELS"],"mappings":"AAEO,MAAMA,IAA8B,WAE9BC,IAAyD;AAAA,EAClE,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAAS;AACb,GAEaC,IAAwD;AAAA,EACjE,GAAGD;AAAA,EACH,OAAO;AACX;"}

package/dist/components/forms/image-picker/constants/imagePickerShapes.const.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={rounded:"rounded",circle:"circle"};exports.IMAGE_PICKER_SHAPES=e;
+//# sourceMappingURL=imagePickerShapes.const.cjs.map

package/dist/components/forms/image-picker/constants/imagePickerShapes.const.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagePickerShapes.const.cjs","sources":["../../../../../src/components/forms/image-picker/constants/imagePickerShapes.const.ts"],"sourcesContent":["export const IMAGE_PICKER_SHAPES = {\r\n    square: 'square',\r\n    rounded: 'rounded',\r\n    circle: 'circle',\r\n} as const\r\n\r\nexport const IMAGE_PICKER_SHAPES_ARRAY = Object.values(IMAGE_PICKER_SHAPES)\r\n"],"names":["IMAGE_PICKER_SHAPES"],"mappings":"gFAAO,MAAMA,EAAsB,CAE/B,QAAS,UACT,OAAQ,QACZ"}

package/dist/components/forms/image-picker/constants/imagePickerShapes.const.d.ts

@@ -0,0 +1,6 @@
+export declare const IMAGE_PICKER_SHAPES: {
+    readonly square: "square";
+    readonly rounded: "rounded";
+    readonly circle: "circle";
+};
+export declare const IMAGE_PICKER_SHAPES_ARRAY: ("square" | "circle" | "rounded")[];

package/dist/components/forms/image-picker/constants/imagePickerShapes.const.js

@@ -0,0 +1,8 @@
+const c = {
+  rounded: "rounded",
+  circle: "circle"
+};
+export {
+  c as IMAGE_PICKER_SHAPES
+};
+//# sourceMappingURL=imagePickerShapes.const.js.map

package/dist/components/forms/image-picker/constants/imagePickerShapes.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imagePickerShapes.const.js","sources":["../../../../../src/components/forms/image-picker/constants/imagePickerShapes.const.ts"],"sourcesContent":["export const IMAGE_PICKER_SHAPES = {\r\n    square: 'square',\r\n    rounded: 'rounded',\r\n    circle: 'circle',\r\n} as const\r\n\r\nexport const IMAGE_PICKER_SHAPES_ARRAY = Object.values(IMAGE_PICKER_SHAPES)\r\n"],"names":["IMAGE_PICKER_SHAPES"],"mappings":"AAAO,MAAMA,IAAsB;AAAA,EAE/B,SAAS;AAAA,EACT,QAAQ;AACZ;"}

package/dist/components/forms/image-picker/constants/index.d.ts

@@ -0,0 +1 @@
+export { IMAGE_PICKER_SHAPES, IMAGE_PICKER_SHAPES_ARRAY, } from './imagePickerShapes.const.ts';

package/dist/components/forms/image-picker/hooks/types/index.d.ts

@@ -0,0 +1,79 @@
+import { ChangeEvent, DragEvent, RefObject } from 'react';
+import { Area, Point } from 'react-easy-crop';
+import { ImagePickerProps } from '../../types/ImagePicker.props.ts';
+import { ImagePickerResolvedLabels } from '../../types/ImagePicker.types.ts';
+/** Options consumed by the ImagePicker state and interaction hook. */
+export type UseImagePickerOptions = Pick<ImagePickerProps, 'value' | 'defaultValue' | 'onValueChange' | 'accept' | 'maxSize' | 'onValidationError' | 'disabled' | 'disableChange' | 'disableRemove' | 'isMobile' | 'labels' | 'crop'>;
+/** State and event handlers returned by the ImagePicker hook. */
+export type UseImagePickerReturn = {
+    /** Ref attached to the hidden native file input. */
+    inputRef: RefObject<HTMLInputElement | null>;
+    /** URL used by the preview, either the supplied URL or a local object URL. */
+    previewUrl: string | undefined;
+    /** Labels merged from the desktop or mobile defaults and consumer overrides. */
+    resolvedLabels: ImagePickerResolvedLabels;
+    /** Localized validation feedback for the most recently rejected file. */
+    validationMessage: string | undefined;
+    /** Whether the picker currently contains an image value. */
+    hasValue: boolean;
+    /** Whether choosing, changing, and drag-and-drop interactions are disabled. */
+    isChangeDisabled: boolean;
+    /** Whether remove interactions are disabled. */
+    isRemoveDisabled: boolean;
+    /** Whether a supported file is currently dragged over the preview. */
+    isDragging: boolean;
+    /** The validated file waiting for the user to confirm a crop. */
+    pendingCropFile: File | undefined;
+    /** Opens the native file chooser unless changing is disabled. */
+    handleOpen: () => void;
+    /** Validates and stores the first file selected by the native input. */
+    handleInputChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    /** Updates the drag state for file drag-over events. */
+    handleDragOver: (event: DragEvent<HTMLButtonElement>) => void;
+    /** Clears the drag state when a file leaves the preview. */
+    handleDragLeave: (event: DragEvent<HTMLButtonElement>) => void;
+    /** Validates and stores the first file dropped on the preview. */
+    handleDrop: (event: DragEvent<HTMLButtonElement>) => void;
+    /** Clears the selected value unless removal is disabled. */
+    handleClear: () => void;
+    /** Discards the pending crop and restores the committed form value. */
+    handleCropCancel: () => void;
+    /** Commits the cropped file and synchronizes the native input. */
+    handleCropConfirm: (file: File) => void;
+};
+/** Options for the internal crop interaction hook. */
+export type UseImagePickerCropOptions = {
+    /** The validated local file being edited. */
+    file: File;
+    /** Localized message shown when crop generation fails. */
+    cropErrorLabel: string;
+    /** Receives the generated file after a successful crop. */
+    onConfirm: (file: File) => void;
+};
+/** Crop state and handlers returned to the internal crop dialog. */
+export type UseImagePickerCropReturn = {
+    /** Object URL used as the crop editor source image. */
+    imageUrl: string | undefined;
+    /** Current crop position. */
+    crop: Point;
+    /** Updates the crop position. */
+    setCrop: (location: Point) => void;
+    /** Current crop zoom level. */
+    zoom: number;
+    /** Updates the crop zoom level. */
+    setZoom: (value: number) => void;
+    /** Crop rectangle in source-image pixels. */
+    croppedAreaPixels: Area | undefined;
+    /** Stores the latest crop rectangle emitted by the cropper. */
+    handleCropComplete: (croppedArea: Area, croppedAreaPixels: Area) => void;
+    /** Clears the crop error after the source image loads. */
+    handleMediaLoaded: () => void;
+    /** Surfaces a source-image loading failure in the dialog. */
+    handleMediaError: () => void;
+    /** Whether the crop file is currently being generated. */
+    isProcessing: boolean;
+    /** Localized crop generation error, when one occurred. */
+    cropError: string | undefined;
+    /** Generates and submits the cropped file when the crop is ready. */
+    handleConfirm: () => Promise<void>;
+};

package/dist/components/forms/image-picker/hooks/useImagePicker.hook.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react"),C=require("../constants/imagePickerDefaults.const.cjs"),c=require("../utils/imagePicker.utils.cjs"),Q=({value:I,defaultValue:E=null,onValueChange:P,accept:b=C.IMAGE_PICKER_DEFAULT_ACCEPT,maxSize:i,onValidationError:v,disabled:L=!1,disableChange:h=!1,disableRemove:D=!1,isMobile:F=!1,labels:T,crop:R=!1})=>{const s=t.useRef(null),[_,A]=t.useState(E),[O,m]=t.useState(),[U,l]=t.useState(),[S,o]=t.useState(!1),[j,u]=t.useState(),k=I!==void 0,r=k?I:_,M=r!==null,a=L||h,p=L||D,y={...F?C.IMAGE_PICKER_MOBILE_LABELS:C.IMAGE_PICKER_DEFAULT_LABELS,...T},q=typeof r=="string"?r:O,w=U?y[U]:void 0;t.useEffect(()=>{if(!c.isImagePickerFile(r)||typeof URL>"u"||typeof URL.createObjectURL!="function"){m(void 0);return}const e=URL.createObjectURL(r);return m(e),()=>{typeof URL.revokeObjectURL=="function"&&URL.revokeObjectURL(e)}},[r]),t.useEffect(()=>{c.syncImagePickerInput(s.current,r)},[r]);const f=t.useCallback(e=>{k||A(e),P?.(e)},[k,P]),B=t.useCallback(()=>{a||s.current?.click()},[a]),d=t.useCallback(e=>{l(void 0),c.syncImagePickerInput(s.current,e),f(e)},[f]),g=t.useCallback(e=>{if(a)return;let n;if(c.acceptsImagePickerFile(e,b)?i!==void 0&&e.size>i&&(n="maxSize"):n="invalidType",n){l(n),c.syncImagePickerInput(s.current,r),v?.(n==="maxSize"?{reason:n,file:e,maxSize:i}:{reason:n,file:e});return}if(l(void 0),R){c.syncImagePickerInput(s.current,r),u(e);return}d(e)},[b,d,R,r,a,i,v]),G=t.useCallback(e=>{const n=e.target.files?.[0];n&&g(n)},[g]),K=t.useCallback(e=>{c.hasImagePickerFiles(e)&&(e.preventDefault(),e.dataTransfer.dropEffect=a?"none":"copy",a||o(!0))},[a]),V=t.useCallback(e=>{if(e.target!==e.currentTarget)return;const n=e.relatedTarget;typeof Node<"u"&&n instanceof Node&&e.currentTarget.contains(n)||o(!1)},[]),N=t.useCallback(e=>{if(!c.hasImagePickerFiles(e)||(e.preventDefault(),o(!1),a))return;const n=e.dataTransfer.files?.[0];n&&g(n)},[g,a]),z=t.useCallback(()=>{p||(u(void 0),l(void 0),o(!1),f(null),s.current&&(s.current.value=""))},[p,f]),H=t.useCallback(()=>{u(void 0),c.syncImagePickerInput(s.current,r)},[r]),J=t.useCallback(e=>{u(void 0),d(e)},[d]);return{inputRef:s,previewUrl:q,resolvedLabels:y,validationMessage:w,hasValue:M,isChangeDisabled:a,isRemoveDisabled:p,isDragging:S,pendingCropFile:j,handleOpen:B,handleInputChange:G,handleDragOver:K,handleDragLeave:V,handleDrop:N,handleClear:z,handleCropCancel:H,handleCropConfirm:J}};exports.useImagePicker=Q;
+//# sourceMappingURL=useImagePicker.hook.cjs.map

package/dist/components/forms/image-picker/hooks/useImagePicker.hook.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImagePicker.hook.cjs","sources":["../../../../../src/components/forms/image-picker/hooks/useImagePicker.hook.ts"],"sourcesContent":["import {\r\n    useCallback,\r\n    useEffect,\r\n    useRef,\r\n    useState,\r\n    type ChangeEvent,\r\n    type DragEvent,\r\n} from 'react'\r\n\r\nimport {\r\n    IMAGE_PICKER_DEFAULT_ACCEPT,\r\n    IMAGE_PICKER_DEFAULT_LABELS,\r\n    IMAGE_PICKER_MOBILE_LABELS,\r\n} from '@components/forms/image-picker/constants/imagePickerDefaults.const.ts'\r\nimport type {\r\n    UseImagePickerOptions,\r\n    UseImagePickerReturn,\r\n} from '@components/forms/image-picker/hooks/types'\r\nimport type {\r\n    ImagePickerValidationReason,\r\n    ImagePickerValue,\r\n} from '@components/forms/image-picker/types/ImagePicker.types.ts'\r\nimport {\r\n    acceptsImagePickerFile,\r\n    hasImagePickerFiles,\r\n    isImagePickerFile,\r\n    syncImagePickerInput,\r\n} from '@components/forms/image-picker/utils/imagePicker.utils.ts'\r\n\r\n/**\r\n * Manages value state and browser interactions for ImagePicker.\r\n *\r\n * Supports controlled and uncontrolled values, local preview URLs, native\r\n * input synchronization, file validation, chooser opening, drag and drop, and\r\n * removal. When cropping is enabled, accepted files wait in a pending state\r\n * until the crop dialog confirms them. The returned handlers are ready to pass\r\n * to the ImagePicker subcomponents.\r\n */\r\nexport const useImagePicker = ({\r\n    value,\r\n    defaultValue = null,\r\n    onValueChange,\r\n    accept = IMAGE_PICKER_DEFAULT_ACCEPT,\r\n    maxSize,\r\n    onValidationError,\r\n    disabled = false,\r\n    disableChange = false,\r\n    disableRemove = false,\r\n    isMobile = false,\r\n    labels,\r\n    crop = false,\r\n}: UseImagePickerOptions): UseImagePickerReturn => {\r\n    const inputRef = useRef<HTMLInputElement>(null)\r\n    const [uncontrolledValue, setUncontrolledValue] =\r\n        useState<ImagePickerValue>(defaultValue)\r\n    const [filePreviewUrl, setFilePreviewUrl] = useState<string>()\r\n    const [validationReason, setValidationReason] =\r\n        useState<ImagePickerValidationReason>()\r\n    const [isDragging, setIsDragging] = useState(false)\r\n    const [pendingCropFile, setPendingCropFile] = useState<File>()\r\n\r\n    const isControlled = value !== undefined\r\n    const currentValue = isControlled ? value : uncontrolledValue\r\n    const hasValue = currentValue !== null\r\n    const isChangeDisabled = disabled || disableChange\r\n    const isRemoveDisabled = disabled || disableRemove\r\n    const resolvedLabels = {\r\n        ...(isMobile ? IMAGE_PICKER_MOBILE_LABELS : IMAGE_PICKER_DEFAULT_LABELS),\r\n        ...labels,\r\n    }\r\n    const previewUrl = typeof currentValue === 'string'\r\n        ? currentValue\r\n        : filePreviewUrl\r\n    const validationMessage = validationReason\r\n        ? resolvedLabels[validationReason]\r\n        : undefined\r\n\r\n    useEffect(() => {\r\n        if (\r\n            !isImagePickerFile(currentValue) ||\r\n            typeof URL === 'undefined' ||\r\n            typeof URL.createObjectURL !== 'function'\r\n        ) {\r\n            setFilePreviewUrl(undefined)\r\n            return\r\n        }\r\n\r\n        const objectUrl = URL.createObjectURL(currentValue)\r\n        setFilePreviewUrl(objectUrl)\r\n\r\n        return () => {\r\n            if (typeof URL.revokeObjectURL === 'function') {\r\n                URL.revokeObjectURL(objectUrl)\r\n            }\r\n        }\r\n    }, [currentValue])\r\n\r\n    useEffect(() => {\r\n        syncImagePickerInput(inputRef.current, currentValue)\r\n    }, [currentValue])\r\n\r\n    const updateValue = useCallback(\r\n        (nextValue: ImagePickerValue) => {\r\n            if (!isControlled) {\r\n                setUncontrolledValue(nextValue)\r\n            }\r\n            onValueChange?.(nextValue)\r\n        },\r\n        [isControlled, onValueChange],\r\n    )\r\n\r\n    const handleOpen = useCallback(() => {\r\n        if (!isChangeDisabled) {\r\n            inputRef.current?.click()\r\n        }\r\n    }, [isChangeDisabled])\r\n\r\n    const commitFile = useCallback(\r\n        (file: File) => {\r\n            setValidationReason(undefined)\r\n            syncImagePickerInput(inputRef.current, file)\r\n            updateValue(file)\r\n        },\r\n        [updateValue],\r\n    )\r\n\r\n    const handleFile = useCallback(\r\n        (file: File) => {\r\n            if (isChangeDisabled) {\r\n                return\r\n            }\r\n\r\n            let reason: ImagePickerValidationReason | undefined\r\n\r\n            if (!acceptsImagePickerFile(file, accept)) {\r\n                reason = 'invalidType'\r\n            } else if (maxSize !== undefined && file.size > maxSize) {\r\n                reason = 'maxSize'\r\n            }\r\n\r\n            if (reason) {\r\n                setValidationReason(reason)\r\n                syncImagePickerInput(inputRef.current, currentValue)\r\n                onValidationError?.(\r\n                    reason === 'maxSize'\r\n                        ? { reason, file, maxSize }\r\n                        : { reason, file },\r\n                )\r\n                return\r\n            }\r\n\r\n            setValidationReason(undefined)\r\n            if (crop) {\r\n                syncImagePickerInput(inputRef.current, currentValue)\r\n                setPendingCropFile(file)\r\n                return\r\n            }\r\n\r\n            commitFile(file)\r\n        },\r\n        [\r\n            accept,\r\n            commitFile,\r\n            crop,\r\n            currentValue,\r\n            isChangeDisabled,\r\n            maxSize,\r\n            onValidationError,\r\n        ],\r\n    )\r\n\r\n    const handleInputChange = useCallback(\r\n        (event: ChangeEvent<HTMLInputElement>) => {\r\n            const file = event.target.files?.[0]\r\n            if (file) {\r\n                handleFile(file)\r\n            }\r\n        },\r\n        [handleFile],\r\n    )\r\n\r\n    const handleDragOver = useCallback(\r\n        (event: DragEvent<HTMLButtonElement>) => {\r\n            if (!hasImagePickerFiles(event)) {\r\n                return\r\n            }\r\n\r\n            event.preventDefault()\r\n            event.dataTransfer.dropEffect = isChangeDisabled ? 'none' : 'copy'\r\n            if (!isChangeDisabled) {\r\n                setIsDragging(true)\r\n            }\r\n        },\r\n        [isChangeDisabled],\r\n    )\r\n\r\n    const handleDragLeave = useCallback(\r\n        (event: DragEvent<HTMLButtonElement>) => {\r\n            if (event.target !== event.currentTarget) {\r\n                return\r\n            }\r\n\r\n            const relatedTarget = event.relatedTarget\r\n            if (\r\n                typeof Node !== 'undefined'\r\n                && relatedTarget instanceof Node\r\n                && event.currentTarget.contains(relatedTarget)\r\n            ) {\r\n                return\r\n            }\r\n\r\n            setIsDragging(false)\r\n        },\r\n        [],\r\n    )\r\n\r\n    const handleDrop = useCallback(\r\n        (event: DragEvent<HTMLButtonElement>) => {\r\n            if (!hasImagePickerFiles(event)) {\r\n                return\r\n            }\r\n\r\n            event.preventDefault()\r\n            setIsDragging(false)\r\n            if (isChangeDisabled) {\r\n                return\r\n            }\r\n\r\n            const file = event.dataTransfer.files?.[0]\r\n            if (file) {\r\n                handleFile(file)\r\n            }\r\n        },\r\n        [handleFile, isChangeDisabled],\r\n    )\r\n\r\n    const handleClear = useCallback(() => {\r\n        if (isRemoveDisabled) {\r\n            return\r\n        }\r\n\r\n        setPendingCropFile(undefined)\r\n        setValidationReason(undefined)\r\n        setIsDragging(false)\r\n        updateValue(null)\r\n        if (inputRef.current) {\r\n            inputRef.current.value = ''\r\n        }\r\n    }, [isRemoveDisabled, updateValue])\r\n\r\n    const handleCropCancel = useCallback(() => {\r\n        setPendingCropFile(undefined)\r\n        syncImagePickerInput(inputRef.current, currentValue)\r\n    }, [currentValue])\r\n\r\n    const handleCropConfirm = useCallback(\r\n        (file: File) => {\r\n            setPendingCropFile(undefined)\r\n            commitFile(file)\r\n        },\r\n        [commitFile],\r\n    )\r\n\r\n    return {\r\n        inputRef,\r\n        previewUrl,\r\n        resolvedLabels,\r\n        validationMessage,\r\n        hasValue,\r\n        isChangeDisabled,\r\n        isRemoveDisabled,\r\n        isDragging,\r\n        pendingCropFile,\r\n        handleOpen,\r\n        handleInputChange,\r\n        handleDragOver,\r\n        handleDragLeave,\r\n        handleDrop,\r\n        handleClear,\r\n        handleCropCancel,\r\n        handleCropConfirm,\r\n    }\r\n}\r\n"],"names":["useImagePicker","value","defaultValue","onValueChange","accept","IMAGE_PICKER_DEFAULT_ACCEPT","maxSize","onValidationError","disabled","disableChange","disableRemove","isMobile","labels","crop","inputRef","useRef","uncontrolledValue","setUncontrolledValue","useState","filePreviewUrl","setFilePreviewUrl","validationReason","setValidationReason","isDragging","setIsDragging","pendingCropFile","setPendingCropFile","isControlled","currentValue","hasValue","isChangeDisabled","isRemoveDisabled","resolvedLabels","IMAGE_PICKER_MOBILE_LABELS","IMAGE_PICKER_DEFAULT_LABELS","previewUrl","validationMessage","useEffect","isImagePickerFile","objectUrl","syncImagePickerInput","updateValue","useCallback","nextValue","handleOpen","commitFile","file","handleFile","reason","acceptsImagePickerFile","handleInputChange","event","handleDragOver","hasImagePickerFiles","handleDragLeave","relatedTarget","handleDrop","handleClear","handleCropCancel","handleCropConfirm"],"mappings":"6MAsCaA,EAAiB,CAAC,CAC3B,MAAAC,EACA,aAAAC,EAAe,KACf,cAAAC,EACA,OAAAC,EAASC,EAAAA,4BACT,QAAAC,EACA,kBAAAC,EACA,SAAAC,EAAW,GACX,cAAAC,EAAgB,GAChB,cAAAC,EAAgB,GAChB,SAAAC,EAAW,GACX,OAAAC,EACA,KAAAC,EAAO,EACX,IAAmD,CAC/C,MAAMC,EAAWC,EAAAA,OAAyB,IAAI,EACxC,CAACC,EAAmBC,CAAoB,EAC1CC,EAAAA,SAA2BhB,CAAY,EACrC,CAACiB,EAAgBC,CAAiB,EAAIF,WAAA,EACtC,CAACG,EAAkBC,CAAmB,EACxCJ,WAAA,EACE,CAACK,EAAYC,CAAa,EAAIN,EAAAA,SAAS,EAAK,EAC5C,CAACO,EAAiBC,CAAkB,EAAIR,WAAA,EAExCS,EAAe1B,IAAU,OACzB2B,EAAeD,EAAe1B,EAAQe,EACtCa,EAAWD,IAAiB,KAC5BE,EAAmBtB,GAAYC,EAC/BsB,EAAmBvB,GAAYE,EAC/BsB,EAAiB,CACnB,GAAIrB,EAAWsB,EAAAA,2BAA6BC,EAAAA,4BAC5C,GAAGtB,CAAA,EAEDuB,EAAa,OAAOP,GAAiB,SACrCA,EACAT,EACAiB,EAAoBf,EACpBW,EAAeX,CAAgB,EAC/B,OAENgB,EAAAA,UAAU,IAAM,CACZ,GACI,CAACC,EAAAA,kBAAkBV,CAAY,GAC/B,OAAO,IAAQ,KACf,OAAO,IAAI,iBAAoB,WACjC,CACER,EAAkB,MAAS,EAC3B,MACJ,CAEA,MAAMmB,EAAY,IAAI,gBAAgBX,CAAY,EAClD,OAAAR,EAAkBmB,CAAS,EAEpB,IAAM,CACL,OAAO,IAAI,iBAAoB,YAC/B,IAAI,gBAAgBA,CAAS,CAErC,CACJ,EAAG,CAACX,CAAY,CAAC,EAEjBS,EAAAA,UAAU,IAAM,CACZG,uBAAqB1B,EAAS,QAASc,CAAY,CACvD,EAAG,CAACA,CAAY,CAAC,EAEjB,MAAMa,EAAcC,EAAAA,YACfC,GAAgC,CACxBhB,GACDV,EAAqB0B,CAAS,EAElCxC,IAAgBwC,CAAS,CAC7B,EACA,CAAChB,EAAcxB,CAAa,CAAA,EAG1ByC,EAAaF,EAAAA,YAAY,IAAM,CAC5BZ,GACDhB,EAAS,SAAS,MAAA,CAE1B,EAAG,CAACgB,CAAgB,CAAC,EAEfe,EAAaH,EAAAA,YACdI,GAAe,CACZxB,EAAoB,MAAS,EAC7BkB,uBAAqB1B,EAAS,QAASgC,CAAI,EAC3CL,EAAYK,CAAI,CACpB,EACA,CAACL,CAAW,CAAA,EAGVM,EAAaL,EAAAA,YACdI,GAAe,CACZ,GAAIhB,EACA,OAGJ,IAAIkB,EAQJ,GANKC,EAAAA,uBAAuBH,EAAM1C,CAAM,EAE7BE,IAAY,QAAawC,EAAK,KAAOxC,IAC5C0C,EAAS,WAFTA,EAAS,cAKTA,EAAQ,CACR1B,EAAoB0B,CAAM,EAC1BR,uBAAqB1B,EAAS,QAASc,CAAY,EACnDrB,IACIyC,IAAW,UACL,CAAE,OAAAA,EAAQ,KAAAF,EAAM,QAAAxC,CAAA,EAChB,CAAE,OAAA0C,EAAQ,KAAAF,CAAA,CAAK,EAEzB,MACJ,CAGA,GADAxB,EAAoB,MAAS,EACzBT,EAAM,CACN2B,uBAAqB1B,EAAS,QAASc,CAAY,EACnDF,EAAmBoB,CAAI,EACvB,MACJ,CAEAD,EAAWC,CAAI,CACnB,EACA,CACI1C,EACAyC,EACAhC,EACAe,EACAE,EACAxB,EACAC,CAAA,CACJ,EAGE2C,EAAoBR,EAAAA,YACrBS,GAAyC,CACtC,MAAML,EAAOK,EAAM,OAAO,QAAQ,CAAC,EAC/BL,GACAC,EAAWD,CAAI,CAEvB,EACA,CAACC,CAAU,CAAA,EAGTK,EAAiBV,EAAAA,YAClBS,GAAwC,CAChCE,EAAAA,oBAAoBF,CAAK,IAI9BA,EAAM,eAAA,EACNA,EAAM,aAAa,WAAarB,EAAmB,OAAS,OACvDA,GACDN,EAAc,EAAI,EAE1B,EACA,CAACM,CAAgB,CAAA,EAGfwB,EAAkBZ,EAAAA,YACnBS,GAAwC,CACrC,GAAIA,EAAM,SAAWA,EAAM,cACvB,OAGJ,MAAMI,EAAgBJ,EAAM,cAExB,OAAO,KAAS,KACbI,aAAyB,MACzBJ,EAAM,cAAc,SAASI,CAAa,GAKjD/B,EAAc,EAAK,CACvB,EACA,CAAA,CAAC,EAGCgC,EAAad,EAAAA,YACdS,GAAwC,CAOrC,GANI,CAACE,EAAAA,oBAAoBF,CAAK,IAI9BA,EAAM,eAAA,EACN3B,EAAc,EAAK,EACfM,GACA,OAGJ,MAAMgB,EAAOK,EAAM,aAAa,QAAQ,CAAC,EACrCL,GACAC,EAAWD,CAAI,CAEvB,EACA,CAACC,EAAYjB,CAAgB,CAAA,EAG3B2B,EAAcf,EAAAA,YAAY,IAAM,CAC9BX,IAIJL,EAAmB,MAAS,EAC5BJ,EAAoB,MAAS,EAC7BE,EAAc,EAAK,EACnBiB,EAAY,IAAI,EACZ3B,EAAS,UACTA,EAAS,QAAQ,MAAQ,IAEjC,EAAG,CAACiB,EAAkBU,CAAW,CAAC,EAE5BiB,EAAmBhB,EAAAA,YAAY,IAAM,CACvChB,EAAmB,MAAS,EAC5Bc,uBAAqB1B,EAAS,QAASc,CAAY,CACvD,EAAG,CAACA,CAAY,CAAC,EAEX+B,EAAoBjB,EAAAA,YACrBI,GAAe,CACZpB,EAAmB,MAAS,EAC5BmB,EAAWC,CAAI,CACnB,EACA,CAACD,CAAU,CAAA,EAGf,MAAO,CACH,SAAA/B,EACA,WAAAqB,EACA,eAAAH,EACA,kBAAAI,EACA,SAAAP,EACA,iBAAAC,EACA,iBAAAC,EACA,WAAAR,EACA,gBAAAE,EACA,WAAAmB,EACA,kBAAAM,EACA,eAAAE,EACA,gBAAAE,EACA,WAAAE,EACA,YAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,CAER"}

package/dist/components/forms/image-picker/hooks/useImagePicker.hook.d.ts

@@ -0,0 +1,11 @@
+import { UseImagePickerOptions, UseImagePickerReturn } from './types';
+/**
+ * Manages value state and browser interactions for ImagePicker.
+ *
+ * Supports controlled and uncontrolled values, local preview URLs, native
+ * input synchronization, file validation, chooser opening, drag and drop, and
+ * removal. When cropping is enabled, accepted files wait in a pending state
+ * until the crop dialog confirms them. The returned handlers are ready to pass
+ * to the ImagePicker subcomponents.
+ */
+export declare const useImagePicker: ({ value, defaultValue, onValueChange, accept, maxSize, onValidationError, disabled, disableChange, disableRemove, isMobile, labels, crop, }: UseImagePickerOptions) => UseImagePickerReturn;