@verifiedinc-public/shared-ui-elements 1.3.3 → 2.1.0

package/README.md

@@ -1,12 +1,9 @@
 # shared-ui-elements
 
-[![npm version](https://badge.fury.io/js/%40verifiedinc-public%2Fshared-ui-elements.svg)](https://badge.fury.io/js/%40verifiedinc-public%2Fshared-ui-elements)
+![npm version](https://img.shields.io/npm/v/%40verifiedinc-public%2Fshared-ui-elements?label=npm%20package&labelColor=%233c434b&color=%2332c553&cacheSeconds=60)
+![Github Actions publish](https://github.com/VerifiedInc/shared-ui-elements/actions/workflows/publish.yml/badge.svg)
 
-> Set of shared components.
-
-> Set of shared components.
-
-> Set of shared components.
+> Collection of reusable components.
 
 ## About
 
@@ -53,26 +50,3 @@ import { SomeComponent } from '@verifiedinc/shared-ui-elements';
 ```
 
 This setup is efficient and works seamlessly with frameworks like Next.js, Vite, and other ESM-compatible environments.
-
-### Using with Remix
-
-Some frontend frameworks, such as Remix, have partial compatibility with ESM-only packages. To address this, the package also exposes the source files directly. This approach ensures that the Remix transpiler can properly bundle the package.
-
-To utilize the source files in Remix, reference them directly in your import statements and adjust your `remix.config.js` as follows:
-
-```typescript
-import { SomeComponent } from '@verifiedinc/shared-ui-elements/src';
-```
-
-```js
-// remix.config.js
-export default {
-  serverDependenciesToBundle: [/@verifiedinc\/shared-ui-elements/],
-};
-```
-
-### Why Two Exports?
-
-The default `'./'` export is optimized for environments that support ESM, providing better performance and tree-shaking. However, by also exposing the raw source files, we ensure compatibility with tools like Remix, where ESM-only packages might not work seamlessly without additional configuration.
-
-Choose the export method that best suits your project setup.

package/dist/components/animation/Counter.d.ts

@@ -0,0 +1,8 @@
+import { PropsWithChildren } from 'react';
+type CounterProps = PropsWithChildren & {
+    from: number;
+    to: number;
+    map?: (value: number) => string;
+};
+export declare function Counter({ children, from, to, map, }: CounterProps): React.ReactElement;
+export {};

package/dist/components/animation/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Counter';
+export * from './motions';

package/dist/components/animation/index.mjs

@@ -0,0 +1 @@
+"use strict";import{j as f}from"../../shared/jsx-runtime-jmtevAuS.mjs";import{useRef as l,useEffect as m}from"react";import{animate as u,motion as o}from"framer-motion";import{Box as i,Stack as M,TableBody as d,TableRow as T,TableCell as w,Typography as b,Button as x}from"@mui/material";function y({children:c,from:a,to:r,map:t}){const e=l(null);return m(()=>{const n=e.current;if(!n)return;const p=u(a,r,{duration:1,onUpdate(s){n.textContent=String(t?t(s):s)}});return()=>{p.stop()}},[a,r,t]),f.jsx(i,{ref:e,component:"span",children:c})}const h=o.create(i),B=o.create(M),C=o.create(d,{forwardMotionProps:!1}),P=o.create(T,{forwardMotionProps:!1}),g=o.create(w,{forwardMotionProps:!1}),S=o.create(b,{forwardMotionProps:!1}),j=o.create(x,{forwardMotionProps:!1});export{y as Counter,h as MotionBox,j as MotionButton,B as MotionStack,g as MotionTableCell,P as MotionTableRow,C as MotionTbody,S as MotionTypography};