@eyesee/ui-components 0.9.0 → 0.10.0

package/dist/components/icons-v2/ImagesIcon.d.ts

@@ -0,0 +1,123 @@
+/**
+ * @callback ImagesIconClickHandler
+ * @returns {void}
+ */
+/**
+ * Shared {@link IconProps} for this icon. All optional.
+ *
+ * @typedef {object} ImagesIconProps
+ *
+ * @property {import('./constants').IconSize} [iconSize='m']
+ *   T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
+ * @property {ImagesIconClickHandler} [onClick=null]
+ *   Click handler. When set the icon is clickable. Default `null`.
+ * @property {string} [fill='none']
+ *   SVG fill colour. Default `'none'`.
+ * @property {string} [strokeColor='currentColor']
+ *   SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
+ * @property {string} [strokeColorOnHover]
+ *   Stroke colour applied on hover.
+ * @property {string} [fillOnHover]
+ *   Fill colour applied on hover.
+ * @property {boolean} [disabled]
+ *   Applies disabled colour tokens and ignores clicks.
+ * @property {boolean} [animated=false]
+ *   When `true`, applies the spinner animation class. Default `false`.
+ * @property {number} [viewBoxSize]
+ *   Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+ *
+ * @see {@link IconProps}
+ */
+/**
+ * SVG multiple-images icon (overlapping frames with mountain-and-sun silhouettes)
+ * used to represent image galleries, collections, or multiple media files.
+ *
+ * ## Props
+ *
+ * All optional.
+ *
+ * **iconSize** `'s' | 'm' | 'l' | 'xl' | 'xxl' | '4xl'` — default `'m'`
+ * T-shirt size token. Controls `width`/`height` and stroke width.
+ *
+ * **onClick** `() => void` — default `null`
+ * Click handler. When set the icon is clickable.
+ *
+ * **fill** `string` — default `'none'`
+ * SVG fill colour.
+ *
+ * **strokeColor** `string` — default `'currentColor'`
+ * SVG stroke colour. Accepts any valid CSS colour.
+ *
+ * **strokeColorOnHover** `string` — no default
+ * Stroke colour applied on hover.
+ *
+ * **fillOnHover** `string` — no default
+ * Fill colour applied on hover.
+ *
+ * **disabled** `boolean` — no default
+ * Applies disabled colour tokens and ignores clicks.
+ *
+ * **animated** `boolean` — default `false`
+ * When `true`, applies the spinner animation class.
+ *
+ * **viewBoxSize** `number` — no default
+ * Custom viewBox size for icons that are not 32×32. Omit → `0 0 32 32`.
+ *
+ * @param {ImagesIconProps} props
+ * @returns {import('react').ReactElement}
+ *
+ * @example <caption>Playground</caption>
+ * import { ImagesIcon } from '@eyesee/ui-components/icons';
+ *
+ * <ImagesIcon iconSize="m" strokeColor="#333333" fill="none" />
+ *
+ * @example <caption>Gallery</caption>
+ * import { ImagesIcon } from '@eyesee/ui-components/icons';
+ *
+ * <ImagesIcon iconSize="s" strokeColor="#333333" fill="none" />
+ * <ImagesIcon iconSize="m" strokeColor="#333333" fill="none" />
+ * <ImagesIcon iconSize="l" strokeColor="#333333" fill="none" />
+ */
+export const ImagesIcon: (props: IconProps) => import("react").JSX.Element;
+export type ImagesIconClickHandler = () => void;
+/**
+ * Shared {@link IconProps} for this icon. All optional.
+ */
+export type ImagesIconProps = {
+    /**
+     * T-shirt size token. Controls `width`/`height` and stroke width. Default `'m'`.
+     */
+    iconSize?: import("./constants").IconSize;
+    /**
+     * Click handler. When set the icon is clickable. Default `null`.
+     */
+    onClick?: ImagesIconClickHandler;
+    /**
+     * SVG fill colour. Default `'none'`.
+     */
+    fill?: string;
+    /**
+     * SVG stroke colour. Accepts any valid CSS colour. Default `'currentColor'`.
+     */
+    strokeColor?: string;
+    /**
+     * Stroke colour applied on hover.
+     */
+    strokeColorOnHover?: string;
+    /**
+     * Fill colour applied on hover.
+     */
+    fillOnHover?: string;
+    /**
+     * Applies disabled colour tokens and ignores clicks.
+     */
+    disabled?: boolean;
+    /**
+     * When `true`, applies the spinner animation class. Default `false`.
+     */
+    animated?: boolean;
+    /**
+     * Custom viewBox size for icons that are not 32×32. Sets `0 0 {n} {n}`.
+     */
+    viewBoxSize?: number;
+};

package/dist/components/icons-v2/ImagesIcon.js

@@ -0,0 +1,15 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createIcon as e } from "./createIcon.js";
+const s = e(({ strokeColor: C, strokeWidth: o }) => /* @__PURE__ */ r(
+  "path",
+  {
+    d: "M3.34333 6.05001C3.08779 6.19569 2.87523 6.40626 2.72715 6.66043C2.57906 6.91459 2.50071 7.20335 2.5 7.49751V15.8308C2.5 16.7475 3.25 17.4975 4.16667 17.4975H12.5C13.125 17.4975 13.465 17.1767 13.75 16.6642M14.1667 5.83333H14.175M5.83333 10.8334L8.87 7.79669C8.96364 7.70295 9.07484 7.6286 9.19724 7.57786C9.31964 7.52713 9.45084 7.50102 9.58333 7.50102C9.71583 7.50102 9.84703 7.52713 9.96942 7.57786C10.0918 7.6286 10.203 7.70295 10.2967 7.79669L13.3333 10.8334M12.5 10L13.87 8.63002C13.9636 8.53629 14.0748 8.46193 14.1972 8.4112C14.3196 8.36046 14.4508 8.33435 14.5833 8.33435C14.7158 8.33435 14.847 8.36046 14.9694 8.4112C15.0918 8.46193 15.203 8.53629 15.2967 8.63002L17.5 10.8334M5.83333 4.7225C5.83333 4.13306 6.06749 3.56775 6.48429 3.15096C6.90109 2.73416 7.46639 2.5 8.05583 2.5H15.2775C15.5694 2.5 15.8584 2.55749 16.128 2.66918C16.3977 2.78087 16.6427 2.94458 16.849 3.15096C17.0554 3.35733 17.2191 3.60234 17.3308 3.87199C17.4425 4.14163 17.5 4.43064 17.5 4.7225V11.9442C17.5 12.236 17.4425 12.525 17.3308 12.7947C17.2191 13.0643 17.0554 13.3093 16.849 13.5157C16.6427 13.7221 16.3977 13.8858 16.128 13.9975C15.8584 14.1092 15.5694 14.1667 15.2775 14.1667H8.05583C7.46639 14.1667 6.90109 13.9325 6.48429 13.5157C6.06749 13.0989 5.83333 12.5336 5.83333 11.9442V4.7225Z",
+    stroke: C,
+    strokeWidth: o,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }
+));
+export {
+  s as ImagesIcon
+};

package/dist/components/icons-v2/index.d.ts

@@ -207,3 +207,4 @@ export { SquareAddIcon } from "./SquareAddIcon";
 export { RectanglesAddIcon } from "./RectanglesAddIcon";
 export { ColumnIcon } from "./ColumnIcon";
 export { ListCheckIcon } from "./ListCheckIcon";
+export { ImagesIcon } from "./ImagesIcon";

package/dist/components/icons-v2/index.js

@@ -207,6 +207,7 @@ import { SquareAddIcon as Op } from "./SquareAddIcon.js";
 import { RectanglesAddIcon as Vp } from "./RectanglesAddIcon.js";
 import { ColumnIcon as zp } from "./ColumnIcon.js";
 import { ListCheckIcon as Np } from "./ListCheckIcon.js";
+import { ImagesIcon as Gp } from "./ImagesIcon.js";
 export {
   L as AdIcon,
   v as AddMessageIcon,
@@ -311,6 +312,7 @@ export {
   Xe as ImageOffIcon,
   Je as ImageStarIcon,
   Ye as ImageUploadIcon,
+  Gp as ImagesIcon,
   Qe as InfoIcon,
   $e as ItalicIcon,
   rt as LanguageIcon,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@eyesee/ui-components",
-    "version": "0.9.0",
+    "version": "0.10.0",
     "description": "Shared EyeSee React components and design tokens.",
     "type": "module",
     "license": "UNLICENSED",