@abstraks-dev/ui-library 1.1.26 → 1.1.28

package/dist/__tests__/AccountBox.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _AccountBox = require("../icons/AccountBox");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('AccountBox Icon', () => {
+  test('renders with default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('applies correct default dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies correct CSS classes', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'account-box');
+  });
+  test('applies additional className', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, {
+      additionalClassName: "custom-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'account-box', 'custom-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('contains correct path data', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, null));
+    const path = container.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M200-246q54-53 125.5-83.5T480-360q83 0 154.5 30.5T760-246v-514H200v514Zm280-194q58 0 99-41t41-99q0-58-41-99t-99-41q-58 0-99 41t-41 99q0 58 41 99t99 41ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm69-80h422q-44-39-99.5-59.5T480-280q-56 0-112.5 20.5T269-200Zm211-320q-25 0-42.5-17.5T420-580q0-25 17.5-42.5T480-640q25 0 42.5 17.5T540-580q0 25-17.5 42.5T480-520Zm0 17Z');
+  });
+  test('contains single path element', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountBox.AccountBox, null));
+    const paths = container.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/AccountCircle.test.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _AccountCircle = require("../icons/AccountCircle.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Suppress console.error during tests
+let consoleErrorSpy;
+beforeAll(() => {
+  consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+});
+afterAll(() => {
+  consoleErrorSpy.mockRestore();
+});
+describe('AccountCircle Icon', () => {
+  test('renders SVG element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('has correct default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+    expect(svg).toHaveAttribute('viewBox', '0 -960 960 960');
+    expect(svg).toHaveAttribute('fill', '#adb5bd');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('account-circle');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies custom componentName and additionalClassName', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, {
+      componentName: "custom-account",
+      additionalClassName: "extra-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('custom-account');
+    expect(svg).toHaveClass('extra-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('has correct path data', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, null));
+    const svg = document.querySelector('svg');
+    const path = svg.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M234-276q51-39 114-61.5T480-360q69 0 132 22.5T726-276q35-41 54.5-93T800-480q0-133-93.5-226.5T480-800q-133 0-226.5 93.5T160-480q0 59 19.5 111t54.5 93Zm246-164q-59 0-99.5-40.5T340-580q0-59 40.5-99.5T480-720q59 0 99.5 40.5T620-580q0 59-40.5 99.5T480-440Zm0 360q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q53 0 100-15.5t86-44.5q-39-29-86-44.5T480-280q-53 0-100 15.5T294-220q39 29 86 44.5T480-160Zm0-360q26 0 43-17t17-43q0-26-17-43t-43-17q-26 0-43 17t-17 43q0 26 17 43t43 17Zm0-60Zm0 360Z');
+  });
+  test('contains exactly one path element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_AccountCircle.AccountCircle, null));
+    const svg = document.querySelector('svg');
+    const paths = svg.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/Alert.test.js

@@ -0,0 +1,144 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Alert = require("../components/Alert");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Suppress console.error during tests
+let consoleErrorSpy;
+beforeAll(() => {
+  consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+});
+afterAll(() => {
+  consoleErrorSpy.mockRestore();
+});
+describe('Alert Component', () => {
+  test('renders with message', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test alert message"
+    }));
+    expect(_react2.screen.getByText('Test alert message')).toBeInTheDocument();
+  });
+  test('applies correct default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test message",
+      "data-testid": "alert"
+    }));
+    const alert = _react2.screen.getByTestId('alert');
+    expect(alert).toHaveClass('ui-alert');
+    expect(alert).toHaveClass('ui-alert--info');
+    expect(alert).toHaveClass('ui-alert--dismissible');
+    expect(alert).toHaveAttribute('role', 'alert');
+  });
+  test('applies correct type classes', () => {
+    const {
+      rerender
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      type: "success",
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.getByTestId('alert')).toHaveClass('ui-alert--success');
+    rerender(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      type: "error",
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.getByTestId('alert')).toHaveClass('ui-alert--error');
+    rerender(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      type: "warning",
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.getByTestId('alert')).toHaveClass('ui-alert--warning');
+    rerender(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      type: "info",
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.getByTestId('alert')).toHaveClass('ui-alert--info');
+  });
+  test('renders children content', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, null, /*#__PURE__*/_react.default.createElement("span", null, "Child content")));
+    expect(_react2.screen.getByText('Child content')).toBeInTheDocument();
+  });
+  test('renders icon when provided', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      icon: /*#__PURE__*/_react.default.createElement("span", {
+        "data-testid": "custom-icon"
+      }, "Icon")
+    }));
+    expect(_react2.screen.getByTestId('custom-icon')).toBeInTheDocument();
+  });
+  test('renders close button when dismissible', () => {
+    const onClose = jest.fn();
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      isDismissible: true,
+      onClose: onClose
+    }));
+    const closeButton = _react2.screen.getByLabelText('Close alert');
+    expect(closeButton).toBeInTheDocument();
+  });
+  test('calls onClose when close button is clicked', () => {
+    const onClose = jest.fn();
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      isDismissible: true,
+      onClose: onClose
+    }));
+    const closeButton = _react2.screen.getByLabelText('Close alert');
+    _react2.fireEvent.click(closeButton);
+    expect(onClose).toHaveBeenCalledTimes(1);
+  });
+  test('does not render close button when not dismissible', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      isDismissible: false
+    }));
+    expect(_react2.screen.queryByLabelText('Close alert')).not.toBeInTheDocument();
+  });
+  test('does not render when isVisible is false', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      isVisible: false,
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.queryByTestId('alert')).not.toBeInTheDocument();
+  });
+  test('applies custom className', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      className: "custom-class",
+      "data-testid": "alert"
+    }));
+    const alert = _react2.screen.getByTestId('alert');
+    expect(alert).toHaveClass('ui-alert');
+    expect(alert).toHaveClass('custom-class');
+  });
+  test('applies custom aria-label', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      ariaLabel: "Custom alert label",
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.getByTestId('alert')).toHaveAttribute('aria-label', 'Custom alert label');
+  });
+  test('applies custom role', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      role: "status",
+      "data-testid": "alert"
+    }));
+    expect(_react2.screen.getByTestId('alert')).toHaveAttribute('role', 'status');
+  });
+  test('forwards ref correctly', () => {
+    const ref = /*#__PURE__*/_react.default.createRef();
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Alert.Alert, {
+      message: "Test",
+      ref: ref
+    }));
+    expect(ref.current).toBeInstanceOf(HTMLDivElement);
+  });
+});

package/dist/__tests__/ArrowIcon.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _ArrowIcon = require("../icons/ArrowIcon");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('ArrowIcon Icon', () => {
+  test('renders with default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('applies correct default dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies correct CSS classes', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'arrow-icon');
+  });
+  test('applies additional className', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, {
+      additionalClassName: "custom-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'arrow-icon', 'custom-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('contains correct path data', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, null));
+    const path = container.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M4,11V13H16L10.5,18.5L11.92,19.92L19.84,12L11.92,4.08L10.5,5.5L16,11H4Z');
+  });
+  test('contains single path element', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowIcon.ArrowIcon, null));
+    const paths = container.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/ArrowRight.test.js

@@ -2,7 +2,7 @@
 
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
-var _ArrowRight = require("../icons/ArrowRight");
+var _ArrowRight = require("../icons/ArrowRight.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Suppress console.error during tests
 let consoleErrorSpy;
@@ -26,25 +26,30 @@ describe('ArrowRight Icon', () => {
     expect(svg).toHaveAttribute('height', '24');
     expect(svg).toHaveAttribute('viewBox', '0 0 24 24');
     expect(svg).toHaveAttribute('fill', 'none');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('arrow-right');
   });
-  test('applies custom size', () => {
+  test('applies custom dimensions', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowRight.ArrowRight, {
-      size: 48
+      dimensions: 48
     }));
     const svg = document.querySelector('svg');
     expect(svg).toHaveAttribute('width', '48');
     expect(svg).toHaveAttribute('height', '48');
   });
-  test('applies custom className', () => {
+  test('applies custom componentName and additionalClassName', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowRight.ArrowRight, {
-      className: "arrow-icon"
+      componentName: "custom-arrow",
+      additionalClassName: "arrow-icon"
     }));
     const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('custom-arrow');
     expect(svg).toHaveClass('arrow-icon');
   });
-  test('applies custom color to stroke', () => {
+  test('applies custom fill color to stroke', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ArrowRight.ArrowRight, {
-      color: "blue"
+      fill: "blue"
     }));
     const svg = document.querySelector('svg');
     const paths = svg.querySelectorAll('path');

package/dist/__tests__/BookOpen.test.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _BookOpen = require("../icons/BookOpen");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+describe('BookOpen Icon', () => {
+  test('renders with default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('applies correct default dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies correct CSS classes', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'book-open');
+  });
+  test('applies additional className', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, {
+      additionalClassName: "custom-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon', 'book-open', 'custom-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('contains correct path data', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, null));
+    const path = container.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M560-564v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-600q-38 0-73 9.5T560-564Zm0 220v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-380q-38 0-73 9t-67 27Zm0-110v-68q33-14 67.5-21t72.5-7q26 0 51 4t49 10v64q-24-9-48.5-13.5T700-490q-38 0-73 9.5T560-454ZM260-320q47 0 91.5 10.5T440-278v-394q-41-24-87-36t-93-12q-36 0-71.5 7T120-692v396q35-12 69.5-18t70.5-6Zm260 42q44-21 88.5-31.5T700-320q36 0 70.5 6t69.5 18v-396q-33-14-68.5-21t-71.5-7q-47 0-93 12t-87 36v394Zm-40 118q-48-38-104-59t-116-21q-42 0-82.5 11T100-198q-21 11-40.5-1T40-234v-482q0-11 5.5-21T62-752q46-24 96-36t102-12q58 0 113.5 15T480-740q51-30 106.5-45T700-800q52 0 102 12t96 36q11 5 16.5 15t5.5 21v482q0 23-19.5 35t-40.5 1q-37-20-77.5-31T700-240q-60 0-116 21t-104 59ZM280-494Z');
+  });
+  test('contains single path element', () => {
+    const {
+      container
+    } = (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_BookOpen.BookOpen, null));
+    const paths = container.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/Camera.test.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _Camera = require("../icons/Camera.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Suppress console.error during tests
+let consoleErrorSpy;
+beforeAll(() => {
+  consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+});
+afterAll(() => {
+  consoleErrorSpy.mockRestore();
+});
+describe('Camera Icon', () => {
+  test('renders SVG element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('has correct default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+    expect(svg).toHaveAttribute('viewBox', '0 0 24 24');
+    expect(svg).toHaveAttribute('fill', '#333333');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('camera-icon');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies custom componentName and additionalClassName', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, {
+      componentName: "custom-camera",
+      additionalClassName: "extra-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('custom-camera');
+    expect(svg).toHaveClass('extra-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('has correct path data', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, null));
+    const svg = document.querySelector('svg');
+    const path = svg.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M480-260q75 0 127.5-52.5T660-440q0-75-52.5-127.5T480-620q-75 0-127.5 52.5T300-440q0 75 52.5 127.5T480-260Zm0-80q-42 0-71-29t-29-71q0-42 29-71t71-29q42 0 71 29t29 71q0 42-29 71t-71 29ZM160-120q-33 0-56.5-23.5T80-200v-480q0-33 23.5-56.5T160-760h126l74-80h240l74 80h126q33 0 56.5 23.5T880-680v480q0 33-23.5 56.5T800-120H160Zm0-80h640v-480H638l-73-80H395l-73 80H160v480Zm320-240Z');
+  });
+  test('contains exactly one path element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_Camera.CameraIcon, null));
+    const svg = document.querySelector('svg');
+    const paths = svg.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/CaretDown.test.js

@@ -0,0 +1,69 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+var _react2 = require("@testing-library/react");
+var _CaretDown = require("../icons/CaretDown.js");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// Suppress console.error during tests
+let consoleErrorSpy;
+beforeAll(() => {
+  consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(() => {});
+});
+afterAll(() => {
+  consoleErrorSpy.mockRestore();
+});
+describe('CaretDown Icon', () => {
+  test('renders SVG element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toBeInTheDocument();
+    expect(svg.tagName).toBe('svg');
+  });
+  test('has correct default props', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, null));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '24');
+    expect(svg).toHaveAttribute('height', '24');
+    expect(svg).toHaveAttribute('viewBox', '0 96 960 960');
+    expect(svg).toHaveAttribute('fill', '#adb5bd');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('caret-down');
+  });
+  test('applies custom dimensions', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, {
+      dimensions: 32
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('width', '32');
+    expect(svg).toHaveAttribute('height', '32');
+  });
+  test('applies custom componentName and additionalClassName', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, {
+      componentName: "custom-caret",
+      additionalClassName: "extra-class"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('custom-caret');
+    expect(svg).toHaveClass('extra-class');
+  });
+  test('applies custom fill color', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, {
+      fill: "#ff0000"
+    }));
+    const svg = document.querySelector('svg');
+    expect(svg).toHaveAttribute('fill', '#ff0000');
+  });
+  test('has correct path data', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, null));
+    const svg = document.querySelector('svg');
+    const path = svg.querySelector('path');
+    expect(path).toHaveAttribute('d', 'M480 711 240 471l43-43 197 198 197-197 43 43-240 239Z');
+  });
+  test('contains exactly one path element', () => {
+    (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_CaretDown.CaretDown, null));
+    const svg = document.querySelector('svg');
+    const paths = svg.querySelectorAll('path');
+    expect(paths).toHaveLength(1);
+  });
+});

package/dist/__tests__/ChevronDown.test.js

@@ -2,7 +2,7 @@
 
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@testing-library/react");
-var _ChevronDown = require("../icons/ChevronDown");
+var _ChevronDown = require("../icons/ChevronDown.js");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Suppress console.error during tests
 let consoleErrorSpy;
@@ -26,25 +26,30 @@ describe('ChevronDown Icon', () => {
     expect(svg).toHaveAttribute('height', '24');
     expect(svg).toHaveAttribute('viewBox', '0 0 24 24');
     expect(svg).toHaveAttribute('fill', 'none');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('chevron-down');
   });
-  test('applies custom size', () => {
+  test('applies custom dimensions', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ChevronDown.ChevronDown, {
-      size: 32
+      dimensions: 32
     }));
     const svg = document.querySelector('svg');
     expect(svg).toHaveAttribute('width', '32');
     expect(svg).toHaveAttribute('height', '32');
   });
-  test('applies custom className', () => {
+  test('applies custom componentName and additionalClassName', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ChevronDown.ChevronDown, {
-      className: "custom-icon"
+      componentName: "custom-chevron",
+      additionalClassName: "extra-class"
     }));
     const svg = document.querySelector('svg');
-    expect(svg).toHaveClass('custom-icon');
+    expect(svg).toHaveClass('icon');
+    expect(svg).toHaveClass('custom-chevron');
+    expect(svg).toHaveClass('extra-class');
   });
-  test('applies custom color to stroke', () => {
+  test('applies custom fill color to stroke', () => {
     (0, _react2.render)(/*#__PURE__*/_react.default.createElement(_ChevronDown.ChevronDown, {
-      color: "#ff0000"
+      fill: "#ff0000"
     }));
     const svg = document.querySelector('svg');
     const path = svg.querySelector('path');