@reapit/elements 5.0.0-beta.83 → 5.0.0-beta.85

package/dist/types/utils/image/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/image/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,oBAAoB,CAAA;AAClC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA"}

package/dist/types/utils/image/styles.d.ts

@@ -1,8 +1,4 @@
 export declare const elImageContainer: import("@linaria/core").LinariaClassName;
 export declare const elImage: import("@linaria/core").LinariaClassName;
-export declare const elImageFallback: import("@linaria/core").LinariaClassName;
-export declare const elImageFallbackOverlay: import("@linaria/core").LinariaClassName;
-export declare const elImageFallbackIcon: import("@linaria/core").LinariaClassName;
-export declare const elImageFallbackMessage: import("@linaria/core").LinariaClassName;
 export declare const elResponsiveImage: import("@linaria/core").LinariaClassName;
 //# sourceMappingURL=styles.d.ts.map

package/dist/types/utils/image/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/image/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,gBAAgB,0CAU5B,CAAA;AAED,eAAO,MAAM,OAAO,0CAInB,CAAA;AAED,eAAO,MAAM,eAAe,0CAgB3B,CAAA;AAED,eAAO,MAAM,sBAAsB,0CAGlC,CAAA;AAED,eAAO,MAAM,mBAAmB,0CAK/B,CAAA;AAED,eAAO,MAAM,sBAAsB,0CAMlC,CAAA;AAED,eAAO,MAAM,iBAAiB,0CA+B7B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/image/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,0CAU5B,CAAA;AAED,eAAO,MAAM,OAAO,0CAInB,CAAA;AAED,eAAO,MAAM,iBAAiB,0CA+B7B,CAAA"}

package/dist/types/utils/index.d.ts

@@ -7,8 +7,10 @@ export * from './font';
 export * from './heading';
 export * from './keyboard-navigation';
 export * from './match-media';
+export * from './media-fallback';
 export * from './path';
 export * from './popover';
 export * from './text';
 export * from './url-search-params';
+export * from './video';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,eAAe,CAAA;AAC7B,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,uBAAuB,CAAA;AACrC,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,uBAAuB,CAAA;AACrC,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}

package/dist/types/utils/media-fallback/__tests__/media-fallback.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=media-fallback.test.d.ts.map

package/dist/types/utils/media-fallback/__tests__/media-fallback.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-fallback.test.d.ts","sourceRoot":"","sources":["../../../../../src/utils/media-fallback/__tests__/media-fallback.test.tsx"],"names":[],"mappings":""}

package/dist/types/utils/media-fallback/index.d.ts

@@ -0,0 +1,3 @@
+export * from './media-fallback';
+export * from './styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/media-fallback/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/media-fallback/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA"}

package/dist/types/utils/{image/image-fallback.d.ts → media-fallback/media-fallback.d.ts}

@@ -1,5 +1,5 @@
 import type { HTMLAttributes, ReactNode } from 'react';
-export declare namespace ImageFallback {
+export declare namespace MediaFallback {
     interface Props extends HTMLAttributes<HTMLDivElement> {
         /**
          * Optional message content shown below the icon. When omitted, no message is rendered.
@@ -12,10 +12,10 @@ export declare namespace ImageFallback {
     }
 }
 /**
- * Default fallback UI shown when an image cannot be loaded.
+ * Shared fallback UI shown when a media element (image or video) cannot be loaded.
  */
-export declare function ImageFallback({ children, className, icon, ...rest }: ImageFallback.Props): import("react/jsx-runtime").JSX.Element;
-export declare namespace ImageFallback {
+export declare function MediaFallback({ children, className, icon, ...rest }: MediaFallback.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace MediaFallback {
     var displayName: string;
 }
-//# sourceMappingURL=image-fallback.d.ts.map
+//# sourceMappingURL=media-fallback.d.ts.map

package/dist/types/utils/media-fallback/media-fallback.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"media-fallback.d.ts","sourceRoot":"","sources":["../../../../src/utils/media-fallback/media-fallback.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,yBAAiB,aAAa,CAAC;IAC7B,UAAiB,KAAM,SAAQ,cAAc,CAAC,cAAc,CAAC;QAC3D;;WAEG;QACH,QAAQ,CAAC,EAAE,SAAS,CAAA;QAEpB;;WAEG;QACH,IAAI,CAAC,EAAE,SAAS,CAAA;KACjB;CACF;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,IAAI,EAAE,EAAE,aAAa,CAAC,KAAK,2CAWxF;yBAXe,aAAa"}

package/dist/types/utils/media-fallback/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const elMediaFallback: import("@linaria/core").LinariaClassName;
+export declare const elMediaFallbackOverlay: import("@linaria/core").LinariaClassName;
+export declare const elMediaFallbackIcon: import("@linaria/core").LinariaClassName;
+export declare const elMediaFallbackMessage: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/utils/media-fallback/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/media-fallback/styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,eAAe,0CAc3B,CAAA;AAED,eAAO,MAAM,sBAAsB,0CAGlC,CAAA;AAED,eAAO,MAAM,mBAAmB,0CAK/B,CAAA;AAED,eAAO,MAAM,sBAAsB,0CAMlC,CAAA"}

package/dist/types/utils/video/__tests__/video.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=video.test.d.ts.map

package/dist/types/utils/video/__tests__/video.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.test.d.ts","sourceRoot":"","sources":["../../../../../src/utils/video/__tests__/video.test.tsx"],"names":[],"mappings":""}

package/dist/types/utils/video/index.d.ts

@@ -0,0 +1,4 @@
+export * from './styles';
+export * from './use-video';
+export * from './video';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/utils/video/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/video/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}

package/dist/types/utils/video/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const elVideoContainer: import("@linaria/core").LinariaClassName;
+export declare const elVideo: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=styles.d.ts.map

package/dist/types/utils/video/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/utils/video/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,0CAM5B,CAAA;AAED,eAAO,MAAM,OAAO,0CA8BnB,CAAA"}

package/dist/types/utils/video/use-video.d.ts

@@ -0,0 +1,19 @@
+import type { ReactEventHandler } from 'react';
+export declare namespace useVideo {
+    interface Input {
+        /** Callback fired when the video fails to load. */
+        onError?: ReactEventHandler<HTMLVideoElement>;
+        /** Callback fired when the video has loaded enough to begin playback. */
+        onLoadedData?: ReactEventHandler<HTMLVideoElement>;
+    }
+    interface Output {
+        /** Whether the video encountered a loading error. */
+        hasError: boolean;
+        /** Handler to attach to the video element's `onLoadedData` event. */
+        handleLoadedData: ReactEventHandler<HTMLVideoElement>;
+        /** Handler to attach to the video element's `onError` event. */
+        handleError: ReactEventHandler<HTMLVideoElement>;
+    }
+}
+export declare function useVideo({ onError, onLoadedData }?: useVideo.Input): useVideo.Output;
+//# sourceMappingURL=use-video.d.ts.map

package/dist/types/utils/video/use-video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-video.d.ts","sourceRoot":"","sources":["../../../../src/utils/video/use-video.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C,yBAAiB,QAAQ,CAAC;IACxB,UAAiB,KAAK;QACpB,mDAAmD;QACnD,OAAO,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;QAC7C,yEAAyE;QACzE,YAAY,CAAC,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;KACnD;IAED,UAAiB,MAAM;QACrB,qDAAqD;QACrD,QAAQ,EAAE,OAAO,CAAA;QACjB,qEAAqE;QACrE,gBAAgB,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;QACrD,gEAAgE;QAChE,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAAC,CAAA;KACjD;CACF;AAED,wBAAgB,QAAQ,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,GAAE,QAAQ,CAAC,KAAU,GAAG,QAAQ,CAAC,MAAM,CAcxF"}

package/dist/types/utils/video/video.d.ts

@@ -0,0 +1,25 @@
+import { MediaFallback } from '../media-fallback';
+import type { ReactNode, VideoHTMLAttributes } from 'react';
+export declare namespace Video {
+    interface Props extends Omit<VideoHTMLAttributes<HTMLVideoElement>, 'height' | 'width'> {
+        /** Custom fallback content displayed when the video fails to load. */
+        fallback?: ReactNode;
+        /** CSS height of the video container. */
+        height: string;
+        /** How the video should be resized to fit its container. */
+        objectFit?: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down';
+        /**
+         * Source URL of the video. Optional when `<source>` elements are provided as `children`
+         * instead. When all sources fail to load, an error event fires on the `<video>` element
+         * and the fallback UI is shown.
+         */
+        src?: string;
+        /** CSS width of the video container. */
+        width: string;
+    }
+}
+export declare function Video({ children, className, controls, fallback, height, objectFit, onError, onLoadedData, src, style, tabIndex, width, ...rest }: Video.Props): import("react/jsx-runtime").JSX.Element;
+export declare namespace Video {
+    var Fallback: typeof MediaFallback;
+}
+//# sourceMappingURL=video.d.ts.map

package/dist/types/utils/video/video.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../../../src/utils/video/video.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAKjD,OAAO,KAAK,EAAiB,SAAS,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAE1E,yBAAiB,KAAK,CAAC;IACrB,UAAiB,KAAM,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;QAC5F,sEAAsE;QACtE,QAAQ,CAAC,EAAE,SAAS,CAAA;QACpB,yCAAyC;QACzC,MAAM,EAAE,MAAM,CAAA;QACd,4DAA4D;QAC5D,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,YAAY,CAAA;QAChE;;;;WAIG;QACH,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,wCAAwC;QACxC,KAAK,EAAE,MAAM,CAAA;KACd;CACF;AAED,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,SAAqB,EACrB,OAAO,EACP,YAAY,EACZ,GAAG,EACH,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,IAAI,EACR,EAAE,KAAK,CAAC,KAAK,2CAmCb;yBAjDe,KAAK"}

package/dist/types/utils/video/video.stories.d.ts

@@ -0,0 +1,48 @@
+import { Video } from './video';
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: typeof Video;
+    argTypes: {
+        objectFit: {
+            control: "select";
+        };
+        src: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof Video>;
+/**
+ * By default, the video uses `object-fit: contain` so the entire video is visible
+ * within the container without any cropping, regardless of the video's aspect ratio.
+ */
+export declare const Example: Story;
+/**
+ * While the video accepts an explicit width and height, it is constrained to the size of its container.
+ * This allows ancestors to control the size the video is displayed at.
+ */
+export declare const Sizing: Story;
+/**
+ * `objectFit` determines how the video is resized to fit its container. Here, `cover` is used to
+ * size the video to fill its content box while maintaining its aspect ratio.
+ */
+export declare const ObjectFit: Story;
+/**
+ * Pass `<source>` elements as `children` to let the browser select the most suitable format.
+ * The error fallback is shown when all sources have been exhausted.
+ * Note: `src` is optional when `<source>` children are used.
+ */
+export declare const Sources: Story;
+/**
+ * If the video fails to load, a default fallback UI is shown. The fallback uses
+ * `aria-live="polite"` and `role="status"` so assistive technology announces
+ * the error state.
+ */
+export declare const Fallback: Story;
+/**
+ * Use `fallback` to provide custom fallback content.
+ */
+export declare const CustomFallback: Story;
+//# sourceMappingURL=video.stories.d.ts.map

package/dist/types/utils/video/video.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"video.stories.d.ts","sourceRoot":"","sources":["../../../../src/utils/video/video.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,QAAA,MAAM,IAAI;;;;;;;;;;;CASoB,CAAA;AAE9B,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAA;AAEnC;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAerB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,MAAM,EAAE,KAWpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,KAqB5B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reapit/elements",
-  "version": "5.0.0-beta.83",
+  "version": "5.0.0-beta.85",
   "description": "A React implementation of Reapit's Design System",
   "homepage": "https://github.com/reapit/elements#readme",
   "bugs": {
@@ -24,6 +24,7 @@
       "types": [
         "./src/*.js",
         "./src/*/index.js",
+        "./dist/types/*.d.ts",
         "./dist/types/*/index.d.ts"
       ],
       "import": "./src/*"
@@ -88,7 +89,6 @@
     "check:lint:es": "oxlint src",
     "check:lint:fmt": "oxfmt --check",
     "make-badge": "coverage-badges --type ${0} --source coverage/report/coverage-summary.json --output coverage/badges/badge-${0}.svg --jsonPath total.${0}.pct",
-    "deploy": "yarn node scripts/cdk/bin/rpt-cdk.cjs deploy",
     "start": "storybook dev -p 6006",
     "test": "vitest",
     "visual-test": "yarn build:storybook && yarn playwright test"
@@ -108,11 +108,11 @@
     "@figma/code-connect": "^1.4.1",
     "@linaria/postcss-linaria": "7.0.0",
     "@playwright/test": "1.58.2",
-    "@storybook/addon-a11y": "10.3.1",
-    "@storybook/addon-docs": "10.3.1",
-    "@storybook/addon-links": "10.3.1",
-    "@storybook/cli": "10.3.1",
-    "@storybook/react-vite": "10.3.1",
+    "@storybook/addon-a11y": "10.3.3",
+    "@storybook/addon-docs": "10.3.3",
+    "@storybook/addon-links": "10.3.3",
+    "@storybook/cli": "10.3.3",
+    "@storybook/react-vite": "10.3.3",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
@@ -122,13 +122,9 @@
     "@types/react-dom": "18.3.7",
     "@vitejs/plugin-react": "^6.0.1",
     "@vitest/coverage-v8": "^4.1.0",
-    "@wyw-in-js/babel-preset": "1.0.6",
-    "@wyw-in-js/vite": "1.0.6",
-    "aws-cdk": "2.137.0",
-    "aws-cdk-lib": "2.137.0",
-    "aws-sdk": "2.1597.0",
+    "@wyw-in-js/babel-preset": "1.0.7",
+    "@wyw-in-js/vite": "1.0.7",
     "colord": "2.9.3",
-    "constructs": "10.5.1",
     "coverage-badges-cli": "2.2.0",
     "dashify": "2.0.0",
     "esbuild": "^0.27.4",
@@ -136,21 +132,20 @@
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.4.0",
-    "oxfmt": "^0.41.0",
+    "oxfmt": "^0.42.0",
     "oxlint": "^1.55.0",
     "postcss": "8.5.8",
     "react": "18.3.1",
     "react-dom": "18.3.1",
     "rimraf": "6.1.3",
     "snyk": "^1.1303.1",
-    "storybook": "10.3.1",
+    "storybook": "10.3.3",
     "style-dictionary": "5.4.0",
-    "stylelint": "17.5.0",
+    "stylelint": "17.6.0",
     "ts-morph": "^27.0.2",
-    "ts-node": "10.9.2",
-    "typescript": "^5.9.3",
+    "typescript": "^6.0.2",
     "vite": "^8.0.0",
-    "vite-plugin-svgr": "^4.5.0",
+    "vite-plugin-svgr": "^5.0.0",
     "vitest": "^4.1.0"
   },
   "peerDependencies": {

package/dist/js/image-DnCb83Fu.js

@@ -1,95 +0,0 @@
-import { t as e } from "./dist-Du1lGuAB.js";
-import { t } from "./photo-D9oujcFA.js";
-import { useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-//#region src/utils/image/styles.ts
-var a = "el-image-container", o = "el-image", s = "el-image-fallback", c = "el-image-fallback-overlay", l = "el-image-fallback-icon", u = "el-image-fallback-message", d = "el-responsive-image";
-//#endregion
-//#region src/utils/image/image-fallback.tsx
-function f({ children: t, className: n, icon: a, ...o }) {
-	return /* @__PURE__ */ i("div", {
-		...o,
-		className: e(s, n),
-		children: [a && /* @__PURE__ */ r("div", {
-			"aria-hidden": !0,
-			className: "el-image-fallback-icon",
-			children: a
-		}), t && /* @__PURE__ */ r("p", {
-			className: "el-image-fallback-message",
-			children: t
-		})]
-	});
-}
-f.displayName = "Image.Fallback";
-//#endregion
-//#region src/utils/image/responsive-image.tsx
-function p({ className: t, height: n, objectFit: i = "contain", width: a, ...o }) {
-	let s = {
-		...a !== void 0 && { "--image-width": a },
-		...n !== void 0 && { "--image-height": n }
-	};
-	return /* @__PURE__ */ r("img", {
-		...o,
-		className: e(d, t),
-		"data-object-fit": i,
-		style: {
-			...o.style,
-			...s
-		}
-	});
-}
-//#endregion
-//#region src/utils/image/use-image.ts
-function m({ onError: e, onLoad: t } = {}) {
-	let [r, i] = n(!1);
-	return {
-		handleError: (t) => {
-			i(!0), e?.(t);
-		},
-		handleLoad: (e) => {
-			i(!1), t?.(e);
-		},
-		hasError: r
-	};
-}
-//#endregion
-//#region src/utils/image/image.tsx
-function h({ alt: n, className: s, fallback: c, height: l, objectFit: u = "contain", onError: d, onLoad: h, src: g, width: _, ...v }) {
-	let { handleError: y, handleLoad: b, hasError: x } = m({
-		onError: d,
-		onLoad: h
-	}), S = n !== "" && !c, C = n ? `The image could not be loaded: ${n}` : "The image could not be loaded";
-	return /* @__PURE__ */ i("div", {
-		className: a,
-		style: {
-			"--image-width": _,
-			"--image-height": l
-		},
-		children: [/* @__PURE__ */ r(p, {
-			...v,
-			alt: n,
-			"aria-hidden": x ? "true" : void 0,
-			className: e(o, s),
-			objectFit: u,
-			onError: y,
-			onLoad: b,
-			src: g
-		}), x && /* @__PURE__ */ r("div", {
-			className: "el-image-fallback-overlay",
-			children: c ?? /* @__PURE__ */ r(f, {
-				"aria-atomic": S ? "true" : void 0,
-				"aria-live": S ? "polite" : void 0,
-				icon: /* @__PURE__ */ r(t, {
-					"aria-hidden": !0,
-					color: "primary",
-					size: "lg"
-				}),
-				role: S ? "status" : void 0,
-				children: C
-			})
-		})]
-	});
-}
-h.Fallback = f;
-//#endregion
-export { o as a, l as c, d, f as i, u as l, m as n, a as o, p as r, s, h as t, c as u };

package/dist/js/key-value-list-zoqFOL6c.js

@@ -1,47 +0,0 @@
-import { ht as e, lt as t, ut as n } from "./grid-DZ8TDSFa.js";
-import { t as r } from "./dist-DLc9lUhF.js";
-import { t as i } from "./dist-Du1lGuAB.js";
-import { FlexContainer as a } from "./deprecated/layout.js";
-import { TextSM as o, TextXS as s } from "./deprecated/typography.js";
-import "react";
-import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
-//#region src/styles/deprecated-typography.ts
-var d = "el-text-left", f = "el-text-center", p = "el-text-right", m = "el-text-justify", h = "el-font-bold", g = "el-font-italic", _ = "el-font-uppercase", v = "el-text-ellipsis", y = "el-code", b = /* @__PURE__ */ r("div")({
-	name: "ElKeyValueIconWrap",
-	class: "el-key-value-icon-wrap",
-	propsAsIs: !1
-}), x = /* @__PURE__ */ r("div")({
-	name: "ElKeyValueListWrap",
-	class: "el-key-value-list-wrap",
-	propsAsIs: !1
-}), S = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l(b, {
-	className: i(t),
-	...n,
-	children: e
-}), C = ({ children: e, className: t, ...n }) => /* @__PURE__ */ l(x, {
-	className: i(t),
-	...n,
-	children: e
-}), w = ({ item: { intent: e, iconName: t, icon: n, value: r, key: d, textEllipsis: f } }) => /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(S, { children: n || t || "" }), /* @__PURE__ */ u(a, {
-	isFlexColumn: !0,
-	children: [/* @__PURE__ */ l(s, {
-		className: i(f && "el-text-ellipsis"),
-		hasGreyText: !0,
-		children: d
-	}), /* @__PURE__ */ l(o, {
-		className: i(f && "el-text-ellipsis"),
-		children: r
-	})]
-})] }), T = ({ className: r, items: o, hasGrid: s, ...c }) => s ? /* @__PURE__ */ l(e, {
-	className: i(r),
-	...c,
-	children: o.map((e) => e.colSize === "half" ? /* @__PURE__ */ l(n, { children: /* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(w, { item: e }) }) }, e.key) : /* @__PURE__ */ l(t, { children: /* @__PURE__ */ l(a, { children: /* @__PURE__ */ l(w, { item: e }) }) }, e.key))
-}) : /* @__PURE__ */ l("div", {
-	role: "list",
-	children: o.map((e) => /* @__PURE__ */ l(C, {
-		role: "listitem",
-		children: /* @__PURE__ */ l(w, { item: e })
-	}, e.key))
-});
-//#endregion
-export { b as a, h as c, f as d, v as f, p as h, C as i, g as l, d as m, S as n, x as o, m as p, T as r, y as s, w as t, _ as u };

package/dist/js/lab/search-input.js

@@ -1,50 +0,0 @@
-import { t as e } from "../dist-DLc9lUhF.js";
-import "../make-icon-Cez0iOAn.js";
-import { t } from "../close-DmeJ8DiA.js";
-import { t as n } from "../button-jgaS-YWF.js";
-import { t as r } from "../search-DYJfeeux.js";
-import { useState as i } from "react";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-//#region src/lab/search-input/styles.ts
-var s = /* @__PURE__ */ e("input")({
-	name: "ElExperimentalSearchInput",
-	class: "el-experimental-search-input",
-	propsAsIs: !1
-}), c = /* @__PURE__ */ e("div")({
-	name: "ElExperimentalSearchInputContainer",
-	class: "el-experimental-search-input-container",
-	propsAsIs: !1
-}), l = ({ inputSize: e = "medium", isDisabled: l = !1, unstable_onSearch: u, ...d }) => {
-	let [f, p] = i(""), m = (e) => {
-		p(e.target.value), u && u(e.target.value), d.onChange && d.onChange(e);
-	}, h = () => {
-		p(""), u && u("");
-	};
-	return /* @__PURE__ */ o(c, {
-		"data-size": e,
-		"aria-disabled": l,
-		children: [
-			!f && /* @__PURE__ */ a(r, {
-				size: "sm",
-				color: "primary"
-			}),
-			/* @__PURE__ */ a(s, {
-				value: f,
-				onChange: m,
-				placeholder: d.placeholder || "Search",
-				name: "search-input",
-				disabled: l,
-				type: "search",
-				...d
-			}),
-			f && /* @__PURE__ */ a(n, {
-				iconLeft: /* @__PURE__ */ a(t, { color: "primary" }),
-				size: "small",
-				variant: "tertiary",
-				onClick: h
-			})
-		]
-	});
-};
-//#endregion
-export { s as ElExperimentalSearchInput, c as ElExperimentalSearchInputContainer, l as SearchInput };