@0xsquid/ui 2.5.1-beta.0 → 2.5.1-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/dist/cjs/index.js +5 -7
  2. package/dist/cjs/types/components/layout/ImageStack.d.ts +3 -1
  3. package/dist/esm/index.js +5 -7
  4. package/dist/esm/types/components/layout/ImageStack.d.ts +3 -1
  5. package/dist/index.d.ts +2 -1
  6. package/package.json +1 -1
package/dist/cjs/index.js CHANGED
@@ -4364,21 +4364,19 @@ const extraPaddingMap = {
4364
4364
  "outline-lg": "3px",
4365
4365
  };
4366
4366
  function ImageStack(_a) {
4367
- var { imageUrls, spacing, stackOnTop = true, addExtraPadding, removeDuplicates = false } = _a, imageProps = __rest$1(_a, ["imageUrls", "spacing", "stackOnTop", "addExtraPadding", "removeDuplicates"]);
4367
+ var { imageUrls, spacing, stackOnTop = true, addExtraPadding, removeDuplicates = false, containerProps } = _a, imageProps = __rest$1(_a, ["imageUrls", "spacing", "stackOnTop", "addExtraPadding", "removeDuplicates", "containerProps"]);
4368
4368
  const imagesToRender = removeDuplicates ? [...new Set(imageUrls)] : imageUrls;
4369
- return (jsxRuntime.jsx("div", { style: {
4369
+ return (jsxRuntime.jsx("div", Object.assign({}, containerProps, { style: Object.assign(Object.assign({}, containerProps === null || containerProps === void 0 ? void 0 : containerProps.style), {
4370
4370
  // @ts-expect-error Custom CSS property
4371
- "--image-stack-spacing": spacing,
4372
- padding: addExtraPadding && imageProps.border
4371
+ "--image-stack-spacing": spacing, padding: addExtraPadding && imageProps.border
4373
4372
  ? extraPaddingMap[imageProps.border]
4374
- : undefined,
4375
- }, className: "tw-flex tw-items-center tw-space-x-[--image-stack-spacing]", children: imagesToRender.map((url, index, self) => (jsxRuntime.jsx(Image$1, Object.assign({ src: url, containerProps: stackOnTop
4373
+ : undefined }), className: cn("tw-flex tw-items-center tw-space-x-[--image-stack-spacing]", containerProps === null || containerProps === void 0 ? void 0 : containerProps.className), children: imagesToRender.map((url, index, self) => (jsxRuntime.jsx(Image$1, Object.assign({ src: url, containerProps: stackOnTop
4376
4374
  ? {
4377
4375
  style: {
4378
4376
  zIndex: self.length - index,
4379
4377
  },
4380
4378
  }
4381
- : undefined }, imageProps), index))) }));
4379
+ : undefined }, imageProps), index))) })));
4382
4380
  }
4383
4381
 
4384
4382
  function Chip(_a) {
package/dist/cjs/types/components/layout/ImageStack.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type ImageProps } from "../badges";
2
3
  interface ImageStackProps extends ImageProps {
3
4
  imageUrls: string[];
@@ -8,6 +9,7 @@ interface ImageStackProps extends ImageProps {
8
9
  stackOnTop?: boolean;
9
10
  addExtraPadding?: boolean;
10
11
  removeDuplicates?: boolean;
12
+ containerProps?: React.HTMLAttributes<HTMLDivElement>;
11
13
  }
12
- export declare function ImageStack({ imageUrls, spacing, stackOnTop, addExtraPadding, removeDuplicates, ...imageProps }: ImageStackProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function ImageStack({ imageUrls, spacing, stackOnTop, addExtraPadding, removeDuplicates, containerProps, ...imageProps }: ImageStackProps): import("react/jsx-runtime").JSX.Element;
13
15
  export {};
package/dist/esm/index.js CHANGED
@@ -4344,21 +4344,19 @@ const extraPaddingMap = {
4344
4344
  "outline-lg": "3px",
4345
4345
  };
4346
4346
  function ImageStack(_a) {
4347
- var { imageUrls, spacing, stackOnTop = true, addExtraPadding, removeDuplicates = false } = _a, imageProps = __rest$1(_a, ["imageUrls", "spacing", "stackOnTop", "addExtraPadding", "removeDuplicates"]);
4347
+ var { imageUrls, spacing, stackOnTop = true, addExtraPadding, removeDuplicates = false, containerProps } = _a, imageProps = __rest$1(_a, ["imageUrls", "spacing", "stackOnTop", "addExtraPadding", "removeDuplicates", "containerProps"]);
4348
4348
  const imagesToRender = removeDuplicates ? [...new Set(imageUrls)] : imageUrls;
4349
- return (jsx("div", { style: {
4349
+ return (jsx("div", Object.assign({}, containerProps, { style: Object.assign(Object.assign({}, containerProps === null || containerProps === void 0 ? void 0 : containerProps.style), {
4350
4350
  // @ts-expect-error Custom CSS property
4351
- "--image-stack-spacing": spacing,
4352
- padding: addExtraPadding && imageProps.border
4351
+ "--image-stack-spacing": spacing, padding: addExtraPadding && imageProps.border
4353
4352
  ? extraPaddingMap[imageProps.border]
4354
- : undefined,
4355
- }, className: "tw-flex tw-items-center tw-space-x-[--image-stack-spacing]", children: imagesToRender.map((url, index, self) => (jsx(Image$1, Object.assign({ src: url, containerProps: stackOnTop
4353
+ : undefined }), className: cn("tw-flex tw-items-center tw-space-x-[--image-stack-spacing]", containerProps === null || containerProps === void 0 ? void 0 : containerProps.className), children: imagesToRender.map((url, index, self) => (jsx(Image$1, Object.assign({ src: url, containerProps: stackOnTop
4356
4354
  ? {
4357
4355
  style: {
4358
4356
  zIndex: self.length - index,
4359
4357
  },
4360
4358
  }
4361
- : undefined }, imageProps), index))) }));
4359
+ : undefined }, imageProps), index))) })));
4362
4360
  }
4363
4361
 
4364
4362
  function Chip(_a) {
package/dist/esm/types/components/layout/ImageStack.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import { type ImageProps } from "../badges";
2
3
  interface ImageStackProps extends ImageProps {
3
4
  imageUrls: string[];
@@ -8,6 +9,7 @@ interface ImageStackProps extends ImageProps {
8
9
  stackOnTop?: boolean;
9
10
  addExtraPadding?: boolean;
10
11
  removeDuplicates?: boolean;
12
+ containerProps?: React.HTMLAttributes<HTMLDivElement>;
11
13
  }
12
- export declare function ImageStack({ imageUrls, spacing, stackOnTop, addExtraPadding, removeDuplicates, ...imageProps }: ImageStackProps): import("react/jsx-runtime").JSX.Element;
14
+ export declare function ImageStack({ imageUrls, spacing, stackOnTop, addExtraPadding, removeDuplicates, containerProps, ...imageProps }: ImageStackProps): import("react/jsx-runtime").JSX.Element;
13
15
  export {};
package/dist/index.d.ts CHANGED
@@ -1574,8 +1574,9 @@ interface ImageStackProps extends ImageProps {
1574
1574
  stackOnTop?: boolean;
1575
1575
  addExtraPadding?: boolean;
1576
1576
  removeDuplicates?: boolean;
1577
+ containerProps?: React.HTMLAttributes<HTMLDivElement>;
1577
1578
  }
1578
- declare function ImageStack({ imageUrls, spacing, stackOnTop, addExtraPadding, removeDuplicates, ...imageProps }: ImageStackProps): react_jsx_runtime.JSX.Element;
1579
+ declare function ImageStack({ imageUrls, spacing, stackOnTop, addExtraPadding, removeDuplicates, containerProps, ...imageProps }: ImageStackProps): react_jsx_runtime.JSX.Element;
1579
1580
 
1580
1581
  interface InfoBoxProps {
1581
1582
  title: string;
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "url": "git+https://github.com/0xsquid/squid-ui.git"
6
6
  },
7
7
  "description": "Squid's UI components",
8
- "version": "2.5.1-beta.0",
8
+ "version": "2.5.1-beta.1",
9
9
  "author": "",
10
10
  "license": "MIT",
11
11
  "resolutions": {