@choco-vanille/ui 1.16.0 → 1.17.0

package/dist/components/forms/image-picker/ImagePicker.js

@@ -0,0 +1,198 @@
+import { jsxs as R, jsx as o } from "react/jsx-runtime";
+import Ce from "../_shared/components/form-label/FormLabel.js";
+import be from "../_shared/components/helper-text/HelperText.js";
+import { ImagePickerActions as De } from "./components/image-picker-actions/ImagePickerActions.js";
+import { ImagePickerCropDialog as ue } from "./components/image-picker-crop-dialog/ImagePickerCropDialog.js";
+import { ImagePickerInput as Pe } from "./components/image-picker-input/ImagePickerInput.js";
+import { ImagePickerPreview as ke } from "./components/image-picker-preview/ImagePickerPreview.js";
+import { ImagePickerRemoveButton as Ee } from "./components/image-picker-remove-button/ImagePickerRemoveButton.js";
+import { IMAGE_PICKER_DEFAULT_ACCEPT as ye } from "./constants/imagePickerDefaults.const.js";
+import { IMAGE_PICKER_SHAPES as A } from "./constants/imagePickerShapes.const.js";
+import { IMAGE_PICKER_STYLES as L } from "./styles/ImagePicker.css.js";
+import { useImagePicker as Re } from "./hooks/useImagePicker.hook.js";
+import { resolveImagePickerAspectRatio as Ae } from "./utils/imagePicker.utils.js";
+import { cn as Le } from "../../../utils/cn.js";
+import { memo as Be, useId as _e } from "react";
+const we = Be(
+  ({
+    value: B,
+    defaultValue: _,
+    onValueChange: w,
+    label: i,
+    alt: j,
+    helperText: m,
+    error: S,
+    accept: x,
+    maxSize: F,
+    onValidationError: G,
+    disabled: c = !1,
+    disableChange: K = !1,
+    disableRemove: N = !1,
+    required: p = !1,
+    clearable: v = !0,
+    isMobile: r = !1,
+    icon: O,
+    inputId: T,
+    name: $,
+    capture: H,
+    labels: U,
+    crop: V = !1,
+    cropAspectRatio: Y,
+    width: q,
+    height: z,
+    aspectRatio: f,
+    shape: n = A.rounded,
+    objectFit: J = "cover",
+    className: M,
+    style: Q,
+    ref: W,
+    "aria-label": g,
+    "aria-labelledby": X,
+    "aria-describedby": Z,
+    "aria-invalid": ee,
+    ...oe
+  }) => {
+    const re = _e(), l = T ?? re, I = i ? `${l}-label` : void 0, h = `${l}-action`, C = `${l}-helper`, b = x ?? ye, {
+      inputRef: ae,
+      previewUrl: ie,
+      resolvedLabels: e,
+      validationMessage: ne,
+      hasValue: a,
+      isChangeDisabled: t,
+      isRemoveDisabled: D,
+      isDragging: le,
+      handleOpen: u,
+      handleInputChange: te,
+      handleDragOver: se,
+      handleDragLeave: de,
+      handleDrop: me,
+      handleClear: P,
+      pendingCropFile: k,
+      handleCropCancel: ce,
+      handleCropConfirm: pe
+    } = Re({
+      value: B,
+      defaultValue: _,
+      onValueChange: w,
+      accept: b,
+      maxSize: F,
+      onValidationError: G,
+      disabled: c,
+      disableChange: K,
+      disableRemove: N,
+      isMobile: r,
+      labels: U,
+      crop: V
+    }), s = S ?? ne, d = !!s, ve = d ? !0 : ee, E = !!(s || m), y = a ? e.change : e.choose, fe = g ? void 0 : [X ?? I, h].filter(Boolean).join(" "), ge = [Z, E ? C : void 0].filter(Boolean).join(" ") || void 0, Ie = !r && a && v, he = Y ?? (n === A.circle ? 1 : Ae(f));
+    return /* @__PURE__ */ R(
+      "div",
+      {
+        ref: W,
+        className: Le(L.root, M),
+        style: { width: q, ...Q },
+        "data-mobile": r ? "true" : "false",
+        ...oe,
+        children: [
+          i && /* @__PURE__ */ o(
+            Ce,
+            {
+              id: I,
+              disabled: c,
+              required: p,
+              children: i
+            }
+          ),
+          /* @__PURE__ */ R("div", { className: L.wrapper, children: [
+            /* @__PURE__ */ o(
+              ke,
+              {
+                actionId: h,
+                actionLabel: y,
+                alt: j ?? i ?? e.selected,
+                ariaDescribedBy: ge,
+                ariaInvalid: ve,
+                ariaLabel: g,
+                ariaLabelledBy: fe,
+                aspectRatio: f,
+                disabled: t,
+                emptyLabel: e.empty,
+                hasError: d,
+                hasValue: a,
+                height: z,
+                icon: O,
+                isDragging: le,
+                isMobile: r,
+                objectFit: J,
+                onClick: u,
+                onDragLeave: de,
+                onDragOver: se,
+                onDrop: me,
+                previewUrl: ie,
+                shape: n
+              }
+            ),
+            Ie && /* @__PURE__ */ o(
+              Ee,
+              {
+                disabled: D,
+                label: e.remove,
+                onClick: P,
+                shape: n
+              }
+            ),
+            /* @__PURE__ */ o(
+              Pe,
+              {
+                accept: b,
+                capture: H,
+                disabled: t,
+                id: l,
+                inputRef: ae,
+                name: $,
+                required: p && !a,
+                onChange: te
+              }
+            )
+          ] }),
+          r && /* @__PURE__ */ o(
+            De,
+            {
+              actionLabel: y,
+              changeDisabled: t,
+              hasValue: a,
+              onChange: u,
+              onRemove: P,
+              removeDisabled: D,
+              removeLabel: e.remove,
+              showRemove: v
+            }
+          ),
+          E && /* @__PURE__ */ o(
+            be,
+            {
+              id: C,
+              hasError: d,
+              children: s ?? m
+            }
+          ),
+          k && /* @__PURE__ */ o(
+            ue,
+            {
+              file: k,
+              aspectRatio: he,
+              shape: n,
+              labels: e,
+              onCancel: ce,
+              onConfirm: pe
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+we.displayName = "ImagePicker";
+export {
+  we as default
+};
+//# sourceMappingURL=ImagePicker.js.map

package/dist/components/forms/image-picker/ImagePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePicker.js","sources":["../../../../src/components/forms/image-picker/ImagePicker.tsx"],"sourcesContent":["import FormLabel from '@components/forms/_shared/components/form-label/FormLabel.tsx'\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\nimport {\n    ImagePickerActions,\n    ImagePickerCropDialog,\n    ImagePickerInput,\n    ImagePickerPreview,\n    ImagePickerRemoveButton,\n} from '@components/forms/image-picker/components'\nimport { IMAGE_PICKER_DEFAULT_ACCEPT } from '@components/forms/image-picker/constants/imagePickerDefaults.const.ts'\nimport { IMAGE_PICKER_SHAPES } from '@components/forms/image-picker/constants'\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\nimport type { ImagePickerProps } from '@components/forms/image-picker/types/ImagePicker.props.ts'\nimport { useImagePicker } from '@components/forms/image-picker/hooks/useImagePicker.hook.ts'\nimport { resolveImagePickerAspectRatio } from '@components/forms/image-picker/utils/imagePicker.utils.ts'\nimport { cn } from '@utils/cn.ts'\nimport { memo, useId } from 'react'\n\n/**\n * A controlled or uncontrolled single-image picker, designed first for\n * profile pictures. The preview is the button that opens the native chooser.\n * On desktop it accepts drag and drop, reveals a \"change\" hint on hover and\n * shows a corner remove button; with `isMobile` it renders explicit\n * touch-sized action buttons instead. Change and remove actions can be\n * disabled independently. Set `crop` to open a crop editor before a newly\n * selected image is committed.\n *\n * @example\n * ```tsx\n * import { useState } from 'react'\n * import { ImagePicker } from '@choco-vanille/ui'\n *\n * const ProfilePictureField = () => {\n *     const [value, setValue] = useState<File | string | null>(null)\n *\n *     return (\n *         <ImagePicker\n *             label=\"Profile picture\"\n *             name=\"profilePicture\"\n *             value={value}\n *             onValueChange={setValue}\n *             shape=\"circle\"\n *         />\n *     )\n * }\n * ```\n */\nconst ImagePicker = memo<ImagePickerProps>(\n    ({\n        value,\n        defaultValue,\n        onValueChange,\n        label,\n        alt,\n        helperText,\n        error,\n        accept: acceptProp,\n        maxSize,\n        onValidationError,\n        disabled = false,\n        disableChange = false,\n        disableRemove = false,\n        required = false,\n        clearable = true,\n        isMobile = false,\n        icon,\n        inputId,\n        name,\n        capture,\n        labels,\n        crop = false,\n        cropAspectRatio,\n        width,\n        height,\n        aspectRatio,\n        shape = IMAGE_PICKER_SHAPES.rounded,\n        objectFit = 'cover',\n        className,\n        style,\n        ref,\n        'aria-label': ariaLabel,\n        'aria-labelledby': ariaLabelledBy,\n        'aria-describedby': ariaDescribedBy,\n        'aria-invalid': ariaInvalid,\n        ...rootProps\n    }) => {\n        const generatedId = useId()\n        const resolvedInputId = inputId ?? generatedId\n        const labelId = label ? `${resolvedInputId}-label` : undefined\n        const actionId = `${resolvedInputId}-action`\n        const helperId = `${resolvedInputId}-helper`\n        const accept = acceptProp ?? IMAGE_PICKER_DEFAULT_ACCEPT\n        const {\n            inputRef,\n            previewUrl,\n            resolvedLabels,\n            validationMessage,\n            hasValue,\n            isChangeDisabled,\n            isRemoveDisabled,\n            isDragging,\n            handleOpen,\n            handleInputChange,\n            handleDragOver,\n            handleDragLeave,\n            handleDrop,\n            handleClear,\n            pendingCropFile,\n            handleCropCancel,\n            handleCropConfirm,\n        } = useImagePicker({\n            value,\n            defaultValue,\n            onValueChange,\n            accept,\n            maxSize,\n            onValidationError,\n            disabled,\n            disableChange,\n            disableRemove,\n            isMobile,\n            labels,\n            crop,\n        })\n        const displayedError = error ?? validationMessage\n        const hasError = Boolean(displayedError)\n        const buttonAriaInvalid = hasError ? true : ariaInvalid\n        const hasDescription = Boolean(displayedError || helperText)\n        const actionLabel = hasValue\n            ? resolvedLabels.change\n            : resolvedLabels.choose\n        // The picker button is named \"<label> <action>\", e.g. \"Profile picture Change image\".\n        const previewLabelledBy = ariaLabel\n            ? undefined\n            : [ariaLabelledBy ?? labelId, actionId].filter(Boolean).join(' ')\n        const describedBy =\n      [ariaDescribedBy, hasDescription ? helperId : undefined]\n          .filter(Boolean)\n          .join(' ') || undefined\n        const showDesktopRemove = !isMobile && hasValue && clearable\n        const resolvedCropAspectRatio = cropAspectRatio ?? (\n            shape === IMAGE_PICKER_SHAPES.circle\n                ? 1\n                : resolveImagePickerAspectRatio(aspectRatio)\n        )\n\n        return (\n            <div\n                ref={ref}\n                className={cn(IMAGE_PICKER_STYLES.root, className)}\n                style={{ width, ...style }}\n                data-mobile={isMobile ? 'true' : 'false'}\n                {...rootProps}\n            >\n                {label && (\n                    <FormLabel\n                        id={labelId}\n                        disabled={disabled}\n                        required={required}\n                    >\n                        {label}\n                    </FormLabel>\n                )}\n\n                <div className={IMAGE_PICKER_STYLES.wrapper}>\n                    <ImagePickerPreview\n                        actionId={actionId}\n                        actionLabel={actionLabel}\n                        alt={alt ?? label ?? resolvedLabels.selected}\n                        ariaDescribedBy={describedBy}\n                        ariaInvalid={buttonAriaInvalid}\n                        ariaLabel={ariaLabel}\n                        ariaLabelledBy={previewLabelledBy}\n                        aspectRatio={aspectRatio}\n                        disabled={isChangeDisabled}\n                        emptyLabel={resolvedLabels.empty}\n                        hasError={hasError}\n                        hasValue={hasValue}\n                        height={height}\n                        icon={icon}\n                        isDragging={isDragging}\n                        isMobile={isMobile}\n                        objectFit={objectFit}\n                        onClick={handleOpen}\n                        onDragLeave={handleDragLeave}\n                        onDragOver={handleDragOver}\n                        onDrop={handleDrop}\n                        previewUrl={previewUrl}\n                        shape={shape}\n                    />\n\n                    {showDesktopRemove && (\n                        <ImagePickerRemoveButton\n                            disabled={isRemoveDisabled}\n                            label={resolvedLabels.remove}\n                            onClick={handleClear}\n                            shape={shape}\n                        />\n                    )}\n\n                    <ImagePickerInput\n                        accept={accept}\n                        capture={capture}\n                        disabled={isChangeDisabled}\n                        id={resolvedInputId}\n                        inputRef={inputRef}\n                        name={name}\n                        required={required && !hasValue}\n                        onChange={handleInputChange}\n                    />\n                </div>\n\n                {isMobile && (\n                    <ImagePickerActions\n                        actionLabel={actionLabel}\n                        changeDisabled={isChangeDisabled}\n                        hasValue={hasValue}\n                        onChange={handleOpen}\n                        onRemove={handleClear}\n                        removeDisabled={isRemoveDisabled}\n                        removeLabel={resolvedLabels.remove}\n                        showRemove={clearable}\n                    />\n                )}\n\n                {hasDescription && (\n                    <HelperText\n                        id={helperId}\n                        hasError={hasError}\n                    >\n                        {displayedError ?? helperText}\n                    </HelperText>\n                )}\n\n                {pendingCropFile && (\n                    <ImagePickerCropDialog\n                        file={pendingCropFile}\n                        aspectRatio={resolvedCropAspectRatio}\n                        shape={shape}\n                        labels={resolvedLabels}\n                        onCancel={handleCropCancel}\n                        onConfirm={handleCropConfirm}\n                    />\n                )}\n            </div>\n        )\n    },\n)\n\nImagePicker.displayName = 'ImagePicker'\n\nexport default ImagePicker\n"],"names":["ImagePicker","memo","value","defaultValue","onValueChange","label","alt","helperText","error","acceptProp","maxSize","onValidationError","disabled","disableChange","disableRemove","required","clearable","isMobile","icon","inputId","name","capture","labels","crop","cropAspectRatio","width","height","aspectRatio","shape","IMAGE_PICKER_SHAPES","objectFit","className","style","ref","ariaLabel","ariaLabelledBy","ariaDescribedBy","ariaInvalid","rootProps","generatedId","useId","resolvedInputId","labelId","actionId","helperId","accept","IMAGE_PICKER_DEFAULT_ACCEPT","inputRef","previewUrl","resolvedLabels","validationMessage","hasValue","isChangeDisabled","isRemoveDisabled","isDragging","handleOpen","handleInputChange","handleDragOver","handleDragLeave","handleDrop","handleClear","pendingCropFile","handleCropCancel","handleCropConfirm","useImagePicker","displayedError","hasError","buttonAriaInvalid","hasDescription","actionLabel","previewLabelledBy","describedBy","showDesktopRemove","resolvedCropAspectRatio","resolveImagePickerAspectRatio","jsxs","cn","IMAGE_PICKER_STYLES","jsx","FormLabel","ImagePickerPreview","ImagePickerRemoveButton","ImagePickerInput","ImagePickerActions","HelperText","ImagePickerCropDialog"],"mappings":"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"}

package/dist/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const u=require("../../styles/ImagePicker.css.cjs"),m=require("../../../../../resources/asset/TrashIcon.svg.cjs"),I=require("../../../../../resources/asset/UploadIcon.svg.cjs"),b=require("react"),i=b.memo(({actionLabel:s,changeDisabled:o,hasValue:r,onChange:c,onRemove:n,removeDisabled:a,removeLabel:l,showRemove:d})=>e.jsxs("div",{className:u.IMAGE_PICKER_STYLES.actions,children:[e.jsx(t,{type:"button",label:s,startIcon:I,size:"md",variant:"outlined",width:"100%",disabled:o,onClick:c}),r&&d&&e.jsx(t,{type:"button",label:l,startIcon:m,size:"md",variant:"ghost",color:"destructive",width:"100%",disabled:a,onClick:n})]}));i.displayName="ImagePicker.Actions";exports.ImagePickerActions=i;
+//# sourceMappingURL=ImagePickerActions.cjs.map

package/dist/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerActions.cjs","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.tsx"],"sourcesContent":["import { Button } from '@components/actions/button'\r\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport type { ImagePickerActionsProps } from '@components/forms/image-picker/components/image-picker-actions/types/ImagePickerActions.props.ts'\r\nimport TrashIcon from '@resources/asset/TrashIcon.svg?react'\r\nimport UploadIcon from '@resources/asset/UploadIcon.svg?react'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerActions = memo<ImagePickerActionsProps>(({\r\n    actionLabel,\r\n    changeDisabled,\r\n    hasValue,\r\n    onChange,\r\n    onRemove,\r\n    removeDisabled,\r\n    removeLabel,\r\n    showRemove,\r\n}) => (\r\n    <div className={IMAGE_PICKER_STYLES.actions}>\r\n        <Button\r\n            type={'button'}\r\n            label={actionLabel}\r\n            startIcon={UploadIcon}\r\n            size={'md'}\r\n            variant={'outlined'}\r\n            width={'100%'}\r\n            disabled={changeDisabled}\r\n            onClick={onChange}\r\n        />\r\n        {hasValue && showRemove && (\r\n            <Button\r\n                type={'button'}\r\n                label={removeLabel}\r\n                startIcon={TrashIcon}\r\n                size={'md'}\r\n                variant={'ghost'}\r\n                color={'destructive'}\r\n                width={'100%'}\r\n                disabled={removeDisabled}\r\n                onClick={onRemove}\r\n            />\r\n        )}\r\n    </div>\r\n))\r\n\r\nImagePickerActions.displayName = 'ImagePicker.Actions'\r\n"],"names":["ImagePickerActions","memo","actionLabel","changeDisabled","hasValue","onChange","onRemove","removeDisabled","removeLabel","showRemove","jsxs","IMAGE_PICKER_STYLES","jsx","Button","UploadIcon","TrashIcon"],"mappings":"waAOaA,EAAqBC,EAAAA,KAA8B,CAAC,CAC7D,YAAAC,EACA,eAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAAC,EACA,eAAAC,EACA,YAAAC,EACA,WAAAC,CACJ,IACIC,EAAAA,KAAC,MAAA,CAAI,UAAWC,EAAAA,oBAAoB,QAChC,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,KAAM,SACN,MAAOX,EACP,UAAWY,EACX,KAAM,KACN,QAAS,WACT,MAAO,OACP,SAAUX,EACV,QAASE,CAAA,CAAA,EAEZD,GAAYK,GACTG,EAAAA,IAACC,EAAA,CACG,KAAM,SACN,MAAOL,EACP,UAAWO,EACX,KAAM,KACN,QAAS,QACT,MAAO,cACP,MAAO,OACP,SAAUR,EACV,QAASD,CAAA,CAAA,CACb,EAER,CACH,EAEDN,EAAmB,YAAc"}

package/dist/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.d.ts

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

package/dist/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.js

@@ -0,0 +1,50 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import t from "../../../../actions/button/Button.js";
+import "../../../../actions/button/styles/Button.css.js";
+import { IMAGE_PICKER_STYLES as l } from "../../styles/ImagePicker.css.js";
+import p from "../../../../../resources/asset/TrashIcon.svg.js";
+import I from "../../../../../resources/asset/UploadIcon.svg.js";
+import { memo as b } from "react";
+const f = b(({
+  actionLabel: i,
+  changeDisabled: r,
+  hasValue: m,
+  onChange: e,
+  onRemove: a,
+  removeDisabled: s,
+  removeLabel: n,
+  showRemove: c
+}) => /* @__PURE__ */ d("div", { className: l.actions, children: [
+  /* @__PURE__ */ o(
+    t,
+    {
+      type: "button",
+      label: i,
+      startIcon: I,
+      size: "md",
+      variant: "outlined",
+      width: "100%",
+      disabled: r,
+      onClick: e
+    }
+  ),
+  m && c && /* @__PURE__ */ o(
+    t,
+    {
+      type: "button",
+      label: n,
+      startIcon: p,
+      size: "md",
+      variant: "ghost",
+      color: "destructive",
+      width: "100%",
+      disabled: s,
+      onClick: a
+    }
+  )
+] }));
+f.displayName = "ImagePicker.Actions";
+export {
+  f as ImagePickerActions
+};
+//# sourceMappingURL=ImagePickerActions.js.map

package/dist/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerActions.js","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-actions/ImagePickerActions.tsx"],"sourcesContent":["import { Button } from '@components/actions/button'\r\nimport { IMAGE_PICKER_STYLES } from '@components/forms/image-picker/styles/ImagePicker.css.ts'\r\nimport type { ImagePickerActionsProps } from '@components/forms/image-picker/components/image-picker-actions/types/ImagePickerActions.props.ts'\r\nimport TrashIcon from '@resources/asset/TrashIcon.svg?react'\r\nimport UploadIcon from '@resources/asset/UploadIcon.svg?react'\r\nimport { memo } from 'react'\r\n\r\nexport const ImagePickerActions = memo<ImagePickerActionsProps>(({\r\n    actionLabel,\r\n    changeDisabled,\r\n    hasValue,\r\n    onChange,\r\n    onRemove,\r\n    removeDisabled,\r\n    removeLabel,\r\n    showRemove,\r\n}) => (\r\n    <div className={IMAGE_PICKER_STYLES.actions}>\r\n        <Button\r\n            type={'button'}\r\n            label={actionLabel}\r\n            startIcon={UploadIcon}\r\n            size={'md'}\r\n            variant={'outlined'}\r\n            width={'100%'}\r\n            disabled={changeDisabled}\r\n            onClick={onChange}\r\n        />\r\n        {hasValue && showRemove && (\r\n            <Button\r\n                type={'button'}\r\n                label={removeLabel}\r\n                startIcon={TrashIcon}\r\n                size={'md'}\r\n                variant={'ghost'}\r\n                color={'destructive'}\r\n                width={'100%'}\r\n                disabled={removeDisabled}\r\n                onClick={onRemove}\r\n            />\r\n        )}\r\n    </div>\r\n))\r\n\r\nImagePickerActions.displayName = 'ImagePicker.Actions'\r\n"],"names":["ImagePickerActions","memo","actionLabel","changeDisabled","hasValue","onChange","onRemove","removeDisabled","removeLabel","showRemove","jsxs","IMAGE_PICKER_STYLES","jsx","Button","UploadIcon","TrashIcon"],"mappings":";;;;;;;AAOO,MAAMA,IAAqBC,EAA8B,CAAC;AAAA,EAC7D,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AACJ,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAoB,SAChC,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAOX;AAAA,MACP,WAAWY;AAAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAUX;AAAA,MACV,SAASE;AAAA,IAAA;AAAA,EAAA;AAAA,EAEZD,KAAYK,KACT,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAM;AAAA,MACN,OAAOL;AAAA,MACP,WAAWO;AAAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,MACT,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAUR;AAAA,MACV,SAASD;AAAA,IAAA;AAAA,EAAA;AACb,GAER,CACH;AAEDN,EAAmB,cAAc;"}

package/dist/components/forms/image-picker/components/image-picker-actions/types/ImagePickerActions.props.d.ts

@@ -0,0 +1,10 @@
+export type ImagePickerActionsProps = {
+    actionLabel: string;
+    changeDisabled: boolean;
+    hasValue: boolean;
+    onChange: () => void;
+    onRemove: () => void;
+    removeDisabled: boolean;
+    removeLabel: string;
+    showRemove: boolean;
+};

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../ui-kit66.css');require('../../../../../ui-kit31.css');require('../../../../../ui-kit30.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit79.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),Z=require("react-easy-crop"),t=require("react"),g=require("../../../../actions/button/Button.cjs");require("../../../../actions/button/styles/Button.css.cjs");const v=require("../../../slider/Slider.cjs");;/* empty css                                                 */;/* empty css                                                 */const z=require("../../../_shared/components/helper-text/HelperText.cjs"),G=require("../../../../layout/box/Box.cjs");require("../../../../layout/box/styles/Box.css.cjs");const L=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const q=require("./styles/ImagePickerCropDialog.css.cjs"),O=require("../../hooks/useImagePickerCrop.hook.cjs"),o=require("../../../../overlay/dialog/Dialog.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */;/* empty css                                                                      */;/* empty css                                                            */;/* empty css                                                                                           */const C=require("../../constants/imagePickerShapes.const.cjs"),h=t.memo(({file:x,aspectRatio:i,shape:c,labels:r,onCancel:P,onConfirm:I})=>{const l=t.useId(),u=t.useId(),{imageUrl:d,crop:E,setCrop:S,zoom:p,setZoom:m,croppedAreaPixels:j,handleCropComplete:_,handleMediaLoaded:A,handleMediaError:D,isProcessing:a,cropError:s,handleConfirm:b}=O.useImagePickerCrop({file:x,cropErrorLabel:r.cropError,onConfirm:I}),y=n=>{!n&&!a&&P()},k=typeof i=="number"&&Number.isFinite(i)&&i>0?i:4/3,f=c===C.IMAGE_PICKER_SHAPES.circle?"round":"rect",M=c===C.IMAGE_PICKER_SHAPES.rounded?q.IMAGE_PICKER_CROP_DIALOG_STYLES.roundedCropArea:void 0;return e.jsx(o.Dialog,{open:!0,onOpenChange:y,children:e.jsxs(o.Dialog.Content,{size:"lg","aria-labelledby":l,"aria-describedby":s?u:void 0,children:[e.jsx(o.Dialog.Header,{title:r.crop,titleProps:{id:l},showCloseButton:!1}),e.jsx(o.Dialog.Body,{padding:"lg",children:e.jsxs(L,{flexDirection:"column",gap:"md",children:[e.jsx(G,{className:q.IMAGE_PICKER_CROP_DIALOG_STYLES.viewport,children:d&&e.jsx(Z,{image:d,crop:E,zoom:p,aspect:k,minZoom:1,maxZoom:3,zoomSpeed:.1,cropShape:f,showGrid:!0,roundCropAreaPixels:!0,onCropChange:S,onZoomChange:m,onCropComplete:_,onMediaLoaded:A,mediaProps:{onError:D},cropperProps:{role:"group","aria-label":r.cropArea},classes:{cropAreaClassName:M}})}),e.jsx(v.Slider,{label:r.zoom,value:p,min:1,max:3,step:.1,showValue:!0,onValueChange:n=>{typeof n=="number"&&m(n)}}),s&&e.jsx(z,{id:u,hasError:!0,children:s})]})}),e.jsxs(o.Dialog.Footer,{children:[e.jsx(o.Dialog.Close,{children:e.jsx(g,{type:"button",label:r.cancel,variant:"outlined",color:"primary",disabled:a})}),e.jsx(g,{type:"button",label:r.apply,variant:"contained",color:"primary",disabled:!j||a,onClick:b})]})]})})});h.displayName="ImagePicker.CropDialog";exports.ImagePickerCropDialog=h;
+//# sourceMappingURL=ImagePickerCropDialog.cjs.map

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerCropDialog.cjs","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.tsx"],"sourcesContent":["import Cropper from 'react-easy-crop'\nimport { useId, memo } from 'react'\n\nimport { Button } from '@components/actions/button'\nimport { Slider } from '@components/forms/slider'\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\nimport { Box } from '@components/layout/box'\nimport { Flex } from '@components/layout/flex'\nimport { IMAGE_PICKER_CROP_DIALOG_STYLES } from '@components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.ts'\nimport type { ImagePickerCropDialogProps } from '@components/forms/image-picker/components/image-picker-crop-dialog/types/ImagePickerCropDialog.props.ts'\nimport { useImagePickerCrop } from '@components/forms/image-picker/hooks/useImagePickerCrop.hook.ts'\nimport { Dialog } from '@components/overlay/dialog'\nimport { IMAGE_PICKER_SHAPES } from '@components/forms/image-picker/constants'\n\n/**\n * Internal crop editor for a validated local ImagePicker file.\n *\n * The dialog owns crop interaction and file generation but does not commit\n * picker state until its parent accepts the generated file.\n */\nexport const ImagePickerCropDialog = memo<ImagePickerCropDialogProps>(\n    ({ file, aspectRatio, shape, labels, onCancel, onConfirm }) => {\n        const minZoom = 1\n        const maxZoom = 3\n        const zoomStep = 0.1\n        const titleId = useId()\n        const errorId = useId()\n        const {\n            imageUrl,\n            crop,\n            setCrop,\n            zoom,\n            setZoom,\n            croppedAreaPixels,\n            handleCropComplete,\n            handleMediaLoaded,\n            handleMediaError,\n            isProcessing,\n            cropError,\n            handleConfirm,\n        } = useImagePickerCrop({\n            file,\n            cropErrorLabel: labels.cropError,\n            onConfirm,\n        })\n\n        const handleOpenChange = (open: boolean) => {\n            if (!open && !isProcessing) {\n                onCancel()\n            }\n        }\n\n        const resolvedAspectRatio = (\n            typeof aspectRatio === 'number'\n            && Number.isFinite(aspectRatio)\n            && aspectRatio > 0\n        )\n            ? aspectRatio\n            : 4 / 3\n        const cropShape = shape === IMAGE_PICKER_SHAPES.circle\n            ? 'round'\n            : 'rect'\n        const cropAreaClassName = shape === IMAGE_PICKER_SHAPES.rounded\n            ? IMAGE_PICKER_CROP_DIALOG_STYLES.roundedCropArea\n            : undefined\n\n        return (\n            <Dialog\n                open\n                onOpenChange={handleOpenChange}\n            >\n                <Dialog.Content\n                    size={'lg'}\n                    aria-labelledby={titleId}\n                    aria-describedby={cropError ? errorId : undefined}\n                >\n                    <Dialog.Header\n                        title={labels.crop}\n                        titleProps={{ id: titleId }}\n                        showCloseButton={false}\n                    />\n                    <Dialog.Body padding={'lg'}>\n                        <Flex\n                            flexDirection={'column'}\n                            gap={'md'}\n                        >\n                            <Box className={IMAGE_PICKER_CROP_DIALOG_STYLES.viewport}>\n                                {imageUrl && (\n                                    <Cropper\n                                        image={imageUrl}\n                                        crop={crop}\n                                        zoom={zoom}\n                                        aspect={resolvedAspectRatio}\n                                        minZoom={minZoom}\n                                        maxZoom={maxZoom}\n                                        zoomSpeed={zoomStep}\n                                        cropShape={cropShape}\n                                        showGrid\n                                        roundCropAreaPixels\n                                        onCropChange={setCrop}\n                                        onZoomChange={setZoom}\n                                        onCropComplete={handleCropComplete}\n                                        onMediaLoaded={handleMediaLoaded}\n                                        mediaProps={{ onError: handleMediaError }}\n                                        cropperProps={{\n                                            role: 'group',\n                                            'aria-label': labels.cropArea,\n                                        }}\n                                        classes={{ cropAreaClassName }}\n                                    />\n                                )}\n                            </Box>\n                            <Slider\n                                label={labels.zoom}\n                                value={zoom}\n                                min={minZoom}\n                                max={maxZoom}\n                                step={zoomStep}\n                                showValue\n                                onValueChange={(value) => {\n                                    if (typeof value === 'number') {\n                                        setZoom(value)\n                                    }\n                                }}\n                            />\n                            {cropError && (\n                                <HelperText\n                                    id={errorId}\n                                    hasError\n                                >\n                                    {cropError}\n                                </HelperText>\n                            )}\n                        </Flex>\n                    </Dialog.Body>\n                    <Dialog.Footer>\n                        <Dialog.Close>\n                            <Button\n                                type={'button'}\n                                label={labels.cancel}\n                                variant={'outlined'}\n                                color={'primary'}\n                                disabled={isProcessing}\n                            />\n                        </Dialog.Close>\n                        <Button\n                            type={'button'}\n                            label={labels.apply}\n                            variant={'contained'}\n                            color={'primary'}\n                            disabled={!croppedAreaPixels || isProcessing}\n                            onClick={handleConfirm}\n                        />\n                    </Dialog.Footer>\n                </Dialog.Content>\n            </Dialog>\n        )\n    },\n)\n\nImagePickerCropDialog.displayName = 'ImagePicker.CropDialog'\n"],"names":["ImagePickerCropDialog","memo","file","aspectRatio","shape","labels","onCancel","onConfirm","titleId","useId","errorId","imageUrl","crop","setCrop","zoom","setZoom","croppedAreaPixels","handleCropComplete","handleMediaLoaded","handleMediaError","isProcessing","cropError","handleConfirm","useImagePickerCrop","handleOpenChange","open","resolvedAspectRatio","cropShape","IMAGE_PICKER_SHAPES","cropAreaClassName","IMAGE_PICKER_CROP_DIALOG_STYLES","jsx","Dialog","jsxs","Flex","Box","Cropper","Slider","value","HelperText","Button"],"mappings":"8tEAoBaA,EAAwBC,EAAAA,KACjC,CAAC,CAAE,KAAAC,EAAM,YAAAC,EAAa,MAAAC,EAAO,OAAAC,EAAQ,SAAAC,EAAU,UAAAC,KAAgB,CAI3D,MAAMC,EAAUC,EAAAA,MAAA,EACVC,EAAUD,EAAAA,MAAA,EACV,CACF,SAAAE,EACA,KAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EACA,kBAAAC,EACA,mBAAAC,EACA,kBAAAC,EACA,iBAAAC,EACA,aAAAC,EACA,UAAAC,EACA,cAAAC,CAAA,EACAC,qBAAmB,CACnB,KAAArB,EACA,eAAgBG,EAAO,UACvB,UAAAE,CAAA,CACH,EAEKiB,EAAoBC,GAAkB,CACpC,CAACA,GAAQ,CAACL,GACVd,EAAA,CAER,EAEMoB,EACF,OAAOvB,GAAgB,UACpB,OAAO,SAASA,CAAW,GAC3BA,EAAc,EAEfA,EACA,EAAI,EACJwB,EAAYvB,IAAUwB,EAAAA,oBAAoB,OAC1C,QACA,OACAC,EAAoBzB,IAAUwB,EAAAA,oBAAoB,QAClDE,EAAAA,gCAAgC,gBAChC,OAEN,OACIC,EAAAA,IAACC,EAAAA,OAAA,CACG,KAAI,GACJ,aAAcR,EAEd,SAAAS,EAAAA,KAACD,EAAAA,OAAO,QAAP,CACG,KAAM,KACN,kBAAiBxB,EACjB,mBAAkBa,EAAYX,EAAU,OAExC,SAAA,CAAAqB,EAAAA,IAACC,EAAAA,OAAO,OAAP,CACG,MAAO3B,EAAO,KACd,WAAY,CAAE,GAAIG,CAAA,EAClB,gBAAiB,EAAA,CAAA,EAErBuB,EAAAA,IAACC,EAAAA,OAAO,KAAP,CAAY,QAAS,KAClB,SAAAC,EAAAA,KAACC,EAAA,CACG,cAAe,SACf,IAAK,KAEL,SAAA,CAAAH,EAAAA,IAACI,EAAA,CAAI,UAAWL,EAAAA,gCAAgC,SAC3C,SAAAnB,GACGoB,EAAAA,IAACK,EAAA,CACG,MAAOzB,EACP,KAAAC,EACA,KAAAE,EACA,OAAQY,EACR,UACA,UACA,UAAW,GACX,UAAAC,EACA,SAAQ,GACR,oBAAmB,GACnB,aAAcd,EACd,aAAcE,EACd,eAAgBE,EAChB,cAAeC,EACf,WAAY,CAAE,QAASC,CAAA,EACvB,aAAc,CACV,KAAM,QACN,aAAcd,EAAO,QAAA,EAEzB,QAAS,CAAE,kBAAAwB,CAAA,CAAkB,CAAA,EAGzC,EACAE,EAAAA,IAACM,EAAAA,OAAA,CACG,MAAOhC,EAAO,KACd,MAAOS,EACP,IAAK,EACL,IAAK,EACL,KAAM,GACN,UAAS,GACT,cAAgBwB,GAAU,CAClB,OAAOA,GAAU,UACjBvB,EAAQuB,CAAK,CAErB,CAAA,CAAA,EAEHjB,GACGU,EAAAA,IAACQ,EAAA,CACG,GAAI7B,EACJ,SAAQ,GAEP,SAAAW,CAAA,CAAA,CACL,CAAA,CAAA,EAGZ,EACAY,EAAAA,KAACD,EAAAA,OAAO,OAAP,CACG,SAAA,CAAAD,EAAAA,IAACC,EAAAA,OAAO,MAAP,CACG,SAAAD,EAAAA,IAACS,EAAA,CACG,KAAM,SACN,MAAOnC,EAAO,OACd,QAAS,WACT,MAAO,UACP,SAAUe,CAAA,CAAA,EAElB,EACAW,EAAAA,IAACS,EAAA,CACG,KAAM,SACN,MAAOnC,EAAO,MACd,QAAS,YACT,MAAO,UACP,SAAU,CAACW,GAAqBI,EAChC,QAASE,CAAA,CAAA,CACb,CAAA,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAGZ,CACJ,EAEAtB,EAAsB,YAAc"}

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.d.ts

@@ -0,0 +1,9 @@
+import { ImagePickerCropDialogProps } from './types/ImagePickerCropDialog.props.ts';
+import { NamedExoticComponent } from 'react';
+/**
+ * Internal crop editor for a validated local ImagePicker file.
+ *
+ * The dialog owns crop interaction and file generation but does not commit
+ * picker state until its parent accepts the generated file.
+ */
+export declare const ImagePickerCropDialog: NamedExoticComponent<ImagePickerCropDialogProps>;

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.js

@@ -0,0 +1,165 @@
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import M from "react-easy-crop";
+import { memo as k, useId as u } from "react";
+import h from "../../../../actions/button/Button.js";
+import "../../../../actions/button/styles/Button.css.js";
+import { Slider as w } from "../../../slider/Slider.js";
+import '../../../../../ui-kit66.css';import '../../../../../ui-kit31.css';import '../../../../../ui-kit30.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit79.css';import '../../../../../ui-kit.css';/* empty css                                               */
+/* empty css                                               */
+import B from "../../../_shared/components/helper-text/HelperText.js";
+import G from "../../../../layout/box/Box.js";
+import "../../../../layout/box/styles/Box.css.js";
+import N from "../../../../layout/flex/Flex.js";
+import "../../../../layout/flex/styles/Flex.css.js";
+import { IMAGE_PICKER_CROP_DIALOG_STYLES as f } from "./styles/ImagePickerCropDialog.css.js";
+import { useImagePickerCrop as O } from "../../hooks/useImagePickerCrop.hook.js";
+import { Dialog as e } from "../../../../overlay/dialog/Dialog.js";
+/* empty css                                                                 */
+/* empty css                                                                  */
+/* empty css                                                                          */
+/* empty css                                                                       */
+/* empty css                                                                        */
+/* empty css                                                                     */
+/* empty css                                                                      */
+/* empty css                                                                        */
+/* empty css                                                                         */
+/* empty css                                                                       */
+/* empty css                                                                        */
+/* empty css                                                                        */
+/* empty css                                                                    */
+/* empty css                                                          */
+/* empty css                                                                                         */
+import { IMAGE_PICKER_SHAPES as g } from "../../constants/imagePickerShapes.const.js";
+const F = k(
+  ({ file: x, aspectRatio: i, shape: a, labels: r, onCancel: P, onConfirm: E }) => {
+    const d = u(), l = u(), {
+      imageUrl: c,
+      crop: b,
+      setCrop: y,
+      zoom: s,
+      setZoom: C,
+      croppedAreaPixels: I,
+      handleCropComplete: A,
+      handleMediaLoaded: S,
+      handleMediaError: Z,
+      isProcessing: t,
+      cropError: p,
+      handleConfirm: z
+    } = O({
+      file: x,
+      cropErrorLabel: r.cropError,
+      onConfirm: E
+    }), v = (m) => {
+      !m && !t && P();
+    }, _ = typeof i == "number" && Number.isFinite(i) && i > 0 ? i : 4 / 3, D = a === g.circle ? "round" : "rect", L = a === g.rounded ? f.roundedCropArea : void 0;
+    return /* @__PURE__ */ o(
+      e,
+      {
+        open: !0,
+        onOpenChange: v,
+        children: /* @__PURE__ */ n(
+          e.Content,
+          {
+            size: "lg",
+            "aria-labelledby": d,
+            "aria-describedby": p ? l : void 0,
+            children: [
+              /* @__PURE__ */ o(
+                e.Header,
+                {
+                  title: r.crop,
+                  titleProps: { id: d },
+                  showCloseButton: !1
+                }
+              ),
+              /* @__PURE__ */ o(e.Body, { padding: "lg", children: /* @__PURE__ */ n(
+                N,
+                {
+                  flexDirection: "column",
+                  gap: "md",
+                  children: [
+                    /* @__PURE__ */ o(G, { className: f.viewport, children: c && /* @__PURE__ */ o(
+                      M,
+                      {
+                        image: c,
+                        crop: b,
+                        zoom: s,
+                        aspect: _,
+                        minZoom: 1,
+                        maxZoom: 3,
+                        zoomSpeed: 0.1,
+                        cropShape: D,
+                        showGrid: !0,
+                        roundCropAreaPixels: !0,
+                        onCropChange: y,
+                        onZoomChange: C,
+                        onCropComplete: A,
+                        onMediaLoaded: S,
+                        mediaProps: { onError: Z },
+                        cropperProps: {
+                          role: "group",
+                          "aria-label": r.cropArea
+                        },
+                        classes: { cropAreaClassName: L }
+                      }
+                    ) }),
+                    /* @__PURE__ */ o(
+                      w,
+                      {
+                        label: r.zoom,
+                        value: s,
+                        min: 1,
+                        max: 3,
+                        step: 0.1,
+                        showValue: !0,
+                        onValueChange: (m) => {
+                          typeof m == "number" && C(m);
+                        }
+                      }
+                    ),
+                    p && /* @__PURE__ */ o(
+                      B,
+                      {
+                        id: l,
+                        hasError: !0,
+                        children: p
+                      }
+                    )
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ n(e.Footer, { children: [
+                /* @__PURE__ */ o(e.Close, { children: /* @__PURE__ */ o(
+                  h,
+                  {
+                    type: "button",
+                    label: r.cancel,
+                    variant: "outlined",
+                    color: "primary",
+                    disabled: t
+                  }
+                ) }),
+                /* @__PURE__ */ o(
+                  h,
+                  {
+                    type: "button",
+                    label: r.apply,
+                    variant: "contained",
+                    color: "primary",
+                    disabled: !I || t,
+                    onClick: z
+                  }
+                )
+              ] })
+            ]
+          }
+        )
+      }
+    );
+  }
+);
+F.displayName = "ImagePicker.CropDialog";
+export {
+  F as ImagePickerCropDialog
+};
+//# sourceMappingURL=ImagePickerCropDialog.js.map

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerCropDialog.js","sources":["../../../../../../src/components/forms/image-picker/components/image-picker-crop-dialog/ImagePickerCropDialog.tsx"],"sourcesContent":["import Cropper from 'react-easy-crop'\nimport { useId, memo } from 'react'\n\nimport { Button } from '@components/actions/button'\nimport { Slider } from '@components/forms/slider'\nimport HelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\nimport { Box } from '@components/layout/box'\nimport { Flex } from '@components/layout/flex'\nimport { IMAGE_PICKER_CROP_DIALOG_STYLES } from '@components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.ts'\nimport type { ImagePickerCropDialogProps } from '@components/forms/image-picker/components/image-picker-crop-dialog/types/ImagePickerCropDialog.props.ts'\nimport { useImagePickerCrop } from '@components/forms/image-picker/hooks/useImagePickerCrop.hook.ts'\nimport { Dialog } from '@components/overlay/dialog'\nimport { IMAGE_PICKER_SHAPES } from '@components/forms/image-picker/constants'\n\n/**\n * Internal crop editor for a validated local ImagePicker file.\n *\n * The dialog owns crop interaction and file generation but does not commit\n * picker state until its parent accepts the generated file.\n */\nexport const ImagePickerCropDialog = memo<ImagePickerCropDialogProps>(\n    ({ file, aspectRatio, shape, labels, onCancel, onConfirm }) => {\n        const minZoom = 1\n        const maxZoom = 3\n        const zoomStep = 0.1\n        const titleId = useId()\n        const errorId = useId()\n        const {\n            imageUrl,\n            crop,\n            setCrop,\n            zoom,\n            setZoom,\n            croppedAreaPixels,\n            handleCropComplete,\n            handleMediaLoaded,\n            handleMediaError,\n            isProcessing,\n            cropError,\n            handleConfirm,\n        } = useImagePickerCrop({\n            file,\n            cropErrorLabel: labels.cropError,\n            onConfirm,\n        })\n\n        const handleOpenChange = (open: boolean) => {\n            if (!open && !isProcessing) {\n                onCancel()\n            }\n        }\n\n        const resolvedAspectRatio = (\n            typeof aspectRatio === 'number'\n            && Number.isFinite(aspectRatio)\n            && aspectRatio > 0\n        )\n            ? aspectRatio\n            : 4 / 3\n        const cropShape = shape === IMAGE_PICKER_SHAPES.circle\n            ? 'round'\n            : 'rect'\n        const cropAreaClassName = shape === IMAGE_PICKER_SHAPES.rounded\n            ? IMAGE_PICKER_CROP_DIALOG_STYLES.roundedCropArea\n            : undefined\n\n        return (\n            <Dialog\n                open\n                onOpenChange={handleOpenChange}\n            >\n                <Dialog.Content\n                    size={'lg'}\n                    aria-labelledby={titleId}\n                    aria-describedby={cropError ? errorId : undefined}\n                >\n                    <Dialog.Header\n                        title={labels.crop}\n                        titleProps={{ id: titleId }}\n                        showCloseButton={false}\n                    />\n                    <Dialog.Body padding={'lg'}>\n                        <Flex\n                            flexDirection={'column'}\n                            gap={'md'}\n                        >\n                            <Box className={IMAGE_PICKER_CROP_DIALOG_STYLES.viewport}>\n                                {imageUrl && (\n                                    <Cropper\n                                        image={imageUrl}\n                                        crop={crop}\n                                        zoom={zoom}\n                                        aspect={resolvedAspectRatio}\n                                        minZoom={minZoom}\n                                        maxZoom={maxZoom}\n                                        zoomSpeed={zoomStep}\n                                        cropShape={cropShape}\n                                        showGrid\n                                        roundCropAreaPixels\n                                        onCropChange={setCrop}\n                                        onZoomChange={setZoom}\n                                        onCropComplete={handleCropComplete}\n                                        onMediaLoaded={handleMediaLoaded}\n                                        mediaProps={{ onError: handleMediaError }}\n                                        cropperProps={{\n                                            role: 'group',\n                                            'aria-label': labels.cropArea,\n                                        }}\n                                        classes={{ cropAreaClassName }}\n                                    />\n                                )}\n                            </Box>\n                            <Slider\n                                label={labels.zoom}\n                                value={zoom}\n                                min={minZoom}\n                                max={maxZoom}\n                                step={zoomStep}\n                                showValue\n                                onValueChange={(value) => {\n                                    if (typeof value === 'number') {\n                                        setZoom(value)\n                                    }\n                                }}\n                            />\n                            {cropError && (\n                                <HelperText\n                                    id={errorId}\n                                    hasError\n                                >\n                                    {cropError}\n                                </HelperText>\n                            )}\n                        </Flex>\n                    </Dialog.Body>\n                    <Dialog.Footer>\n                        <Dialog.Close>\n                            <Button\n                                type={'button'}\n                                label={labels.cancel}\n                                variant={'outlined'}\n                                color={'primary'}\n                                disabled={isProcessing}\n                            />\n                        </Dialog.Close>\n                        <Button\n                            type={'button'}\n                            label={labels.apply}\n                            variant={'contained'}\n                            color={'primary'}\n                            disabled={!croppedAreaPixels || isProcessing}\n                            onClick={handleConfirm}\n                        />\n                    </Dialog.Footer>\n                </Dialog.Content>\n            </Dialog>\n        )\n    },\n)\n\nImagePickerCropDialog.displayName = 'ImagePicker.CropDialog'\n"],"names":["ImagePickerCropDialog","memo","file","aspectRatio","shape","labels","onCancel","onConfirm","titleId","useId","errorId","imageUrl","crop","setCrop","zoom","setZoom","croppedAreaPixels","handleCropComplete","handleMediaLoaded","handleMediaError","isProcessing","cropError","handleConfirm","useImagePickerCrop","handleOpenChange","open","resolvedAspectRatio","cropShape","IMAGE_PICKER_SHAPES","cropAreaClassName","IMAGE_PICKER_CROP_DIALOG_STYLES","jsx","Dialog","jsxs","Flex","Box","Cropper","Slider","value","HelperText","Button"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export { ImagePickerCropDialog } from './ImagePickerCropDialog.tsx';

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit162.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                           */var e={viewport:"_1ntw4980",roundedCropArea:"_1ntw4981"};exports.IMAGE_PICKER_CROP_DIALOG_STYLES=e;
+//# sourceMappingURL=ImagePickerCropDialog.css.cjs.map

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerCropDialog.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.d.ts

@@ -0,0 +1,4 @@
+export declare const IMAGE_PICKER_CROP_DIALOG_STYLES: {
+    viewport: string;
+    roundedCropArea: string;
+};

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit162.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                         */
+var t = { viewport: "_1ntw4980", roundedCropArea: "_1ntw4981" };
+export {
+  t as IMAGE_PICKER_CROP_DIALOG_STYLES
+};
+//# sourceMappingURL=ImagePickerCropDialog.css.js.map

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/styles/ImagePickerCropDialog.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerCropDialog.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/image-picker/components/image-picker-crop-dialog/types/ImagePickerCropDialog.props.d.ts

@@ -0,0 +1,18 @@
+import { ImagePickerResolvedLabels, ImagePickerShape } from '../../../types/ImagePicker.types.ts';
+/**
+ * Props for the internal crop editor shown after a valid file is selected.
+ */
+export type ImagePickerCropDialogProps = {
+    /** The validated local file being edited. */
+    file: File;
+    /** Fixed crop ratio, or the cropper's default ratio when omitted. */
+    aspectRatio?: number;
+    /** Shape used to select a square, rounded, or circular crop area. */
+    shape: ImagePickerShape;
+    /** Localized crop title, action labels, crop-area label, and failure feedback. */
+    labels: ImagePickerResolvedLabels;
+    /** Discards the pending crop and closes the editor. */
+    onCancel: () => void;
+    /** Receives the generated file after the crop is successfully applied. */
+    onConfirm: (file: File) => void;
+};

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),I=require("../../styles/ImagePicker.css.cjs"),o=require("react"),e=o.memo(({accept:t,capture:i,disabled:r,id:a,inputRef:n,name:c,onChange:s,required:u})=>m.jsx("input",{ref:n,id:a,className:I.IMAGE_PICKER_STYLES.input,type:"file",accept:t,capture:i,name:c,required:u,disabled:r,tabIndex:-1,"aria-hidden":"true",onChange:s}));e.displayName="ImagePicker.Input";exports.ImagePickerInput=e;
+//# sourceMappingURL=ImagePickerInput.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImagePickerInput.cjs","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":"sLAIaA,EAAmBC,EAAAA,KAA4B,CAAC,CACzD,OAAAC,EACA,QAAAC,EACA,SAAAC,EACA,GAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,SAAAC,CACJ,IACIC,EAAAA,IAAC,QAAA,CACG,IAAKJ,EACL,GAAAD,EACA,UAAWM,EAAAA,oBAAoB,MAC/B,KAAM,OACN,OAAAT,EACA,QAAAC,EACA,KAAAI,EACA,SAAAE,EACA,SAAAL,EACA,SAAU,GACV,cAAa,OACb,SAAAI,CAAA,CACJ,CACH,EAEDR,EAAiB,YAAc"}

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

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