@nlabs/gothamui 1.8.0

package/lib/components/GothamRoute/GothamRoute.js

@@ -0,0 +1,56 @@
+// import {useEffect, type FC} from 'react';
+// import {Navigate} from 'react-router';
+// import {LazyLoad} from '..';
+// import {GothamActions} from '../../actions/GothamActions';
+// import {DefaultView} from '../../views/DefaultView/DefaultView';
+// import {HomeView} from '../../views/HomeView/HomeView';
+// import {Markdown} from '../Markdown/Markdown';
+// import MenuView from '../../views/MenuView/MenuView';
+// import {NotFoundView} from '../../views/NotFoundView/NotFoundView';
+// import {Loader} from '../Loader/Loader';
+// import type {GothamRouteData} from '../../types/gotham';
+// import type {RouteViewProps} from '../../utils/routeUtils';
+// export interface GothamRouteProps {
+//   readonly routeProps: GothamRouteData;
+//   readonly viewProps: RouteViewProps;
+// }
+// export const GothamRoute: FC<GothamRouteProps> = ({routeProps, viewProps}) => {
+//   const {isAuth: defaultIsAuth} = viewProps.gothamConfig;
+//   const {
+//     authenticate = false,
+//     component,
+//     isAuth = defaultIsAuth,
+//     path,
+//     view
+//   } = routeProps;
+//   const updatedViewProps: RouteViewProps = {loader: Loader, ...viewProps};
+//   useEffect(() => {
+//     const {title} = routeProps;
+//     const {app: {titleBarSeparator}} = viewProps.gothamConfig;
+//     GothamActions.updateTitle(title, titleBarSeparator);
+//   }, [routeProps.title, viewProps.gothamConfig?.app?.titleBarSeparator]);
+//   if(authenticate && !isAuth()) {
+//     return <Navigate to="/signin" />;
+//   }
+//   if(view) {
+//     switch(view) {
+//       case 'default':
+//         return <LazyLoad component={DefaultView} {...updatedViewProps} />;
+//       case 'home':
+//         return <LazyLoad component={HomeView} {...updatedViewProps} />;
+//       case 'markdown':
+//         return <LazyLoad component={Markdown} {...updatedViewProps} />;
+//       case 'menu':
+//         return <LazyLoad component={MenuView} {...updatedViewProps} />;
+//       case 'notfound':
+//         return <LazyLoad component={NotFoundView} {...updatedViewProps} />;
+//       default:
+//         return null;
+//     }
+//   } else if(component) {
+//     return <LazyLoad component={component} {...updatedViewProps} />;
+//   }
+//   throw new Error(`Gotham Error: Route "${path}" is missing "component" property.`);
+// };
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0dvdGhhbVJvdXRlL0dvdGhhbVJvdXRlLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJcblxuXG4vLyBpbXBvcnQge3VzZUVmZmVjdCwgdHlwZSBGQ30gZnJvbSAncmVhY3QnO1xuLy8gaW1wb3J0IHtOYXZpZ2F0ZX0gZnJvbSAncmVhY3Qtcm91dGVyJztcblxuLy8gaW1wb3J0IHtMYXp5TG9hZH0gZnJvbSAnLi4nO1xuLy8gaW1wb3J0IHtHb3RoYW1BY3Rpb25zfSBmcm9tICcuLi8uLi9hY3Rpb25zL0dvdGhhbUFjdGlvbnMnO1xuLy8gaW1wb3J0IHtEZWZhdWx0Vmlld30gZnJvbSAnLi4vLi4vdmlld3MvRGVmYXVsdFZpZXcvRGVmYXVsdFZpZXcnO1xuLy8gaW1wb3J0IHtIb21lVmlld30gZnJvbSAnLi4vLi4vdmlld3MvSG9tZVZpZXcvSG9tZVZpZXcnO1xuLy8gaW1wb3J0IHtNYXJrZG93bn0gZnJvbSAnLi4vTWFya2Rvd24vTWFya2Rvd24nO1xuLy8gaW1wb3J0IE1lbnVWaWV3IGZyb20gJy4uLy4uL3ZpZXdzL01lbnVWaWV3L01lbnVWaWV3Jztcbi8vIGltcG9ydCB7Tm90Rm91bmRWaWV3fSBmcm9tICcuLi8uLi92aWV3cy9Ob3RGb3VuZFZpZXcvTm90Rm91bmRWaWV3Jztcbi8vIGltcG9ydCB7TG9hZGVyfSBmcm9tICcuLi9Mb2FkZXIvTG9hZGVyJztcblxuLy8gaW1wb3J0IHR5cGUge0dvdGhhbVJvdXRlRGF0YX0gZnJvbSAnLi4vLi4vdHlwZXMvZ290aGFtJztcbi8vIGltcG9ydCB0eXBlIHtSb3V0ZVZpZXdQcm9wc30gZnJvbSAnLi4vLi4vdXRpbHMvcm91dGVVdGlscyc7XG5cbi8vIGV4cG9ydCBpbnRlcmZhY2UgR290aGFtUm91dGVQcm9wcyB7XG4vLyAgIHJlYWRvbmx5IHJvdXRlUHJvcHM6IEdvdGhhbVJvdXRlRGF0YTtcbi8vICAgcmVhZG9ubHkgdmlld1Byb3BzOiBSb3V0ZVZpZXdQcm9wcztcbi8vIH1cblxuLy8gZXhwb3J0IGNvbnN0IEdvdGhhbVJvdXRlOiBGQzxHb3RoYW1Sb3V0ZVByb3BzPiA9ICh7cm91dGVQcm9wcywgdmlld1Byb3BzfSkgPT4ge1xuLy8gICBjb25zdCB7aXNBdXRoOiBkZWZhdWx0SXNBdXRofSA9IHZpZXdQcm9wcy5nb3RoYW1Db25maWc7XG4vLyAgIGNvbnN0IHtcbi8vICAgICBhdXRoZW50aWNhdGUgPSBmYWxzZSxcbi8vICAgICBjb21wb25lbnQsXG4vLyAgICAgaXNBdXRoID0gZGVmYXVsdElzQXV0aCxcbi8vICAgICBwYXRoLFxuLy8gICAgIHZpZXdcbi8vICAgfSA9IHJvdXRlUHJvcHM7XG4vLyAgIGNvbnN0IHVwZGF0ZWRWaWV3UHJvcHM6IFJvdXRlVmlld1Byb3BzID0ge2xvYWRlcjogTG9hZGVyLCAuLi52aWV3UHJvcHN9O1xuXG4vLyAgIHVzZUVmZmVjdCgoKSA9PiB7XG4vLyAgICAgY29uc3Qge3RpdGxlfSA9IHJvdXRlUHJvcHM7XG4vLyAgICAgY29uc3Qge2FwcDoge3RpdGxlQmFyU2VwYXJhdG9yfX0gPSB2aWV3UHJvcHMuZ290aGFtQ29uZmlnO1xuLy8gICAgIEdvdGhhbUFjdGlvbnMudXBkYXRlVGl0bGUodGl0bGUsIHRpdGxlQmFyU2VwYXJhdG9yKTtcbi8vICAgfSwgW3JvdXRlUHJvcHMudGl0bGUsIHZpZXdQcm9wcy5nb3RoYW1Db25maWc/LmFwcD8udGl0bGVCYXJTZXBhcmF0b3JdKTtcblxuXG4vLyAgIGlmKGF1dGhlbnRpY2F0ZSAmJiAhaXNBdXRoKCkpIHtcbi8vICAgICByZXR1cm4gPE5hdmlnYXRlIHRvPVwiL3NpZ25pblwiIC8+O1xuLy8gICB9XG5cbi8vICAgaWYodmlldykge1xuLy8gICAgIHN3aXRjaCh2aWV3KSB7XG4vLyAgICAgICBjYXNlICdkZWZhdWx0Jzpcbi8vICAgICAgICAgcmV0dXJuIDxMYXp5TG9hZCBjb21wb25lbnQ9e0RlZmF1bHRWaWV3fSB7Li4udXBkYXRlZFZpZXdQcm9wc30gLz47XG4vLyAgICAgICBjYXNlICdob21lJzpcbi8vICAgICAgICAgcmV0dXJuIDxMYXp5TG9hZCBjb21wb25lbnQ9e0hvbWVWaWV3fSB7Li4udXBkYXRlZFZpZXdQcm9wc30gLz47XG4vLyAgICAgICBjYXNlICdtYXJrZG93bic6XG4vLyAgICAgICAgIHJldHVybiA8TGF6eUxvYWQgY29tcG9uZW50PXtNYXJrZG93bn0gey4uLnVwZGF0ZWRWaWV3UHJvcHN9IC8+O1xuLy8gICAgICAgY2FzZSAnbWVudSc6XG4vLyAgICAgICAgIHJldHVybiA8TGF6eUxvYWQgY29tcG9uZW50PXtNZW51Vmlld30gey4uLnVwZGF0ZWRWaWV3UHJvcHN9IC8+O1xuLy8gICAgICAgY2FzZSAnbm90Zm91bmQnOlxuLy8gICAgICAgICByZXR1cm4gPExhenlMb2FkIGNvbXBvbmVudD17Tm90Rm91bmRWaWV3fSB7Li4udXBkYXRlZFZpZXdQcm9wc30gLz47XG4vLyAgICAgICBkZWZhdWx0OlxuLy8gICAgICAgICByZXR1cm4gbnVsbDtcbi8vICAgICB9XG4vLyAgIH0gZWxzZSBpZihjb21wb25lbnQpIHtcbi8vICAgICByZXR1cm4gPExhenlMb2FkIGNvbXBvbmVudD17Y29tcG9uZW50fSB7Li4udXBkYXRlZFZpZXdQcm9wc30gLz47XG4vLyAgIH1cblxuLy8gICB0aHJvdyBuZXcgRXJyb3IoYEdvdGhhbSBFcnJvcjogUm91dGUgXCIke3BhdGh9XCIgaXMgbWlzc2luZyBcImNvbXBvbmVudFwiIHByb3BlcnR5LmApO1xuLy8gfTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHQSw0Q0FBNEM7QUFDNUMseUNBQXlDO0FBRXpDLCtCQUErQjtBQUMvQiw2REFBNkQ7QUFDN0QsbUVBQW1FO0FBQ25FLDBEQUEwRDtBQUMxRCxpREFBaUQ7QUFDakQsd0RBQXdEO0FBQ3hELHNFQUFzRTtBQUN0RSwyQ0FBMkM7QUFFM0MsMkRBQTJEO0FBQzNELDhEQUE4RDtBQUU5RCxzQ0FBc0M7QUFDdEMsMENBQTBDO0FBQzFDLHdDQUF3QztBQUN4QyxJQUFJO0FBRUosa0ZBQWtGO0FBQ2xGLDREQUE0RDtBQUM1RCxZQUFZO0FBQ1osNEJBQTRCO0FBQzVCLGlCQUFpQjtBQUNqQiw4QkFBOEI7QUFDOUIsWUFBWTtBQUNaLFdBQVc7QUFDWCxvQkFBb0I7QUFDcEIsNkVBQTZFO0FBRTdFLHNCQUFzQjtBQUN0QixrQ0FBa0M7QUFDbEMsaUVBQWlFO0FBQ2pFLDJEQUEyRDtBQUMzRCw0RUFBNEU7QUFHNUUsb0NBQW9DO0FBQ3BDLHdDQUF3QztBQUN4QyxNQUFNO0FBRU4sZUFBZTtBQUNmLHFCQUFxQjtBQUNyQix3QkFBd0I7QUFDeEIsNkVBQTZFO0FBQzdFLHFCQUFxQjtBQUNyQiwwRUFBMEU7QUFDMUUseUJBQXlCO0FBQ3pCLDBFQUEwRTtBQUMxRSxxQkFBcUI7QUFDckIsMEVBQTBFO0FBQzFFLHlCQUF5QjtBQUN6Qiw4RUFBOEU7QUFDOUUsaUJBQWlCO0FBQ2pCLHVCQUF1QjtBQUN2QixRQUFRO0FBQ1IsMkJBQTJCO0FBQzNCLHVFQUF1RTtBQUN2RSxNQUFNO0FBRU4sdUZBQXVGO0FBQ3ZGLEtBQUsifQ==

package/lib/components/GothamRouter/GothamRouter.js

@@ -0,0 +1,52 @@
+// /**
+//  * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+//  * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+//  */
+// import {FluxFramework} from '@nlabs/arkhamjs';
+// import {useFluxListener} from '@nlabs/arkhamjs-utils-react';
+// import {BrowserRouter, Routes, useNavigate} from 'react-router';
+// import {GothamConstants} from '../../constants/GothamConstants';
+// import {GothamConfiguration} from '../../views/Gotham/GothamProvider';
+// import type {GothamRouteData} from '../../types/gotham';
+// import type {FC} from 'react';
+// export const navBack = (history) => (): void => {
+//   history.goBack();
+// };
+// export const navForward = (history) => (): void => {
+//   history.goForward();
+// };
+// export const navGoto = (navigate) => (data): void => {
+//   const {params, path = ''} = data;
+//   navigate(path, params);
+// };
+// export const navReplace = (history) => (data): void => {
+//   const {params, path = ''} = data;
+//   history.replace(path, params);
+// };
+// export const GothamRouteListeners: FC = (): null => {
+//   const navigate = useNavigate();
+//   useFluxListener(GothamConstants.NAV_BACK, navBack(navigate));
+//   useFluxListener(GothamConstants.NAV_FORWARD, navForward(navigate));
+//   useFluxListener(GothamConstants.NAV_GOTO, navGoto(navigate));
+//   useFluxListener(GothamConstants.NAV_REPLACE, navReplace(navigate));
+//   return null;
+// };
+// export type GothamRoutesProps = {
+//   readonly flux: FluxFramework;
+//   readonly gothamConfig: GothamConfiguration;
+//   readonly routes: GothamRouteData[];
+// };
+// export const GothamRoutes: FC<GothamRoutesProps> = ({
+//   flux,
+//   gothamConfig,
+//   routes
+// }) => (
+//   <BrowserRouter>
+//     <GothamRouteListeners />
+//     <Routes>
+//       {renderRouteList(routes, flux, gothamConfig)}
+//     </Routes>
+//   </BrowserRouter>
+// );
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0dvdGhhbVJvdXRlci9Hb3RoYW1Sb3V0ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8vIC8qKlxuLy8gICogQ29weXJpZ2h0IChjKSAyMDE4LVByZXNlbnQsIE5pdHJvZ2VuIExhYnMsIEluYy5cbi8vICAqIENvcHlyaWdodHMgbGljZW5zZWQgdW5kZXIgdGhlIE1JVCBMaWNlbnNlLiBTZWUgdGhlIGFjY29tcGFueWluZyBMSUNFTlNFIGZpbGUgZm9yIHRlcm1zLlxuLy8gICovXG4vLyBpbXBvcnQge0ZsdXhGcmFtZXdvcmt9IGZyb20gJ0BubGFicy9hcmtoYW1qcyc7XG4vLyBpbXBvcnQge3VzZUZsdXhMaXN0ZW5lcn0gZnJvbSAnQG5sYWJzL2Fya2hhbWpzLXV0aWxzLXJlYWN0Jztcbi8vIGltcG9ydCB7QnJvd3NlclJvdXRlciwgUm91dGVzLCB1c2VOYXZpZ2F0ZX0gZnJvbSAncmVhY3Qtcm91dGVyJztcblxuLy8gaW1wb3J0IHtHb3RoYW1Db25zdGFudHN9IGZyb20gJy4uLy4uL2NvbnN0YW50cy9Hb3RoYW1Db25zdGFudHMnO1xuLy8gaW1wb3J0IHtHb3RoYW1Db25maWd1cmF0aW9ufSBmcm9tICcuLi8uLi92aWV3cy9Hb3RoYW0vR290aGFtUHJvdmlkZXInO1xuXG4vLyBpbXBvcnQgdHlwZSB7R290aGFtUm91dGVEYXRhfSBmcm9tICcuLi8uLi90eXBlcy9nb3RoYW0nO1xuLy8gaW1wb3J0IHR5cGUge0ZDfSBmcm9tICdyZWFjdCc7XG5cbi8vIGV4cG9ydCBjb25zdCBuYXZCYWNrID0gKGhpc3RvcnkpID0+ICgpOiB2b2lkID0+IHtcbi8vICAgaGlzdG9yeS5nb0JhY2soKTtcbi8vIH07XG5cbi8vIGV4cG9ydCBjb25zdCBuYXZGb3J3YXJkID0gKGhpc3RvcnkpID0+ICgpOiB2b2lkID0+IHtcbi8vICAgaGlzdG9yeS5nb0ZvcndhcmQoKTtcbi8vIH07XG5cbi8vIGV4cG9ydCBjb25zdCBuYXZHb3RvID0gKG5hdmlnYXRlKSA9PiAoZGF0YSk6IHZvaWQgPT4ge1xuLy8gICBjb25zdCB7cGFyYW1zLCBwYXRoID0gJyd9ID0gZGF0YTtcbi8vICAgbmF2aWdhdGUocGF0aCwgcGFyYW1zKTtcbi8vIH07XG5cbi8vIGV4cG9ydCBjb25zdCBuYXZSZXBsYWNlID0gKGhpc3RvcnkpID0+IChkYXRhKTogdm9pZCA9PiB7XG4vLyAgIGNvbnN0IHtwYXJhbXMsIHBhdGggPSAnJ30gPSBkYXRhO1xuLy8gICBoaXN0b3J5LnJlcGxhY2UocGF0aCwgcGFyYW1zKTtcbi8vIH07XG5cbi8vIGV4cG9ydCBjb25zdCBHb3RoYW1Sb3V0ZUxpc3RlbmVyczogRkMgPSAoKTogbnVsbCA9PiB7XG4vLyAgIGNvbnN0IG5hdmlnYXRlID0gdXNlTmF2aWdhdGUoKTtcblxuLy8gICB1c2VGbHV4TGlzdGVuZXIoR290aGFtQ29uc3RhbnRzLk5BVl9CQUNLLCBuYXZCYWNrKG5hdmlnYXRlKSk7XG4vLyAgIHVzZUZsdXhMaXN0ZW5lcihHb3RoYW1Db25zdGFudHMuTkFWX0ZPUldBUkQsIG5hdkZvcndhcmQobmF2aWdhdGUpKTtcbi8vICAgdXNlRmx1eExpc3RlbmVyKEdvdGhhbUNvbnN0YW50cy5OQVZfR09UTywgbmF2R290byhuYXZpZ2F0ZSkpO1xuLy8gICB1c2VGbHV4TGlzdGVuZXIoR290aGFtQ29uc3RhbnRzLk5BVl9SRVBMQUNFLCBuYXZSZXBsYWNlKG5hdmlnYXRlKSk7XG5cbi8vICAgcmV0dXJuIG51bGw7XG4vLyB9O1xuXG4vLyBleHBvcnQgdHlwZSBHb3RoYW1Sb3V0ZXNQcm9wcyA9IHtcbi8vICAgcmVhZG9ubHkgZmx1eDogRmx1eEZyYW1ld29yaztcbi8vICAgcmVhZG9ubHkgZ290aGFtQ29uZmlnOiBHb3RoYW1Db25maWd1cmF0aW9uO1xuLy8gICByZWFkb25seSByb3V0ZXM6IEdvdGhhbVJvdXRlRGF0YVtdO1xuLy8gfTtcblxuLy8gZXhwb3J0IGNvbnN0IEdvdGhhbVJvdXRlczogRkM8R290aGFtUm91dGVzUHJvcHM+ID0gKHtcbi8vICAgZmx1eCxcbi8vICAgZ290aGFtQ29uZmlnLFxuLy8gICByb3V0ZXNcbi8vIH0pID0+IChcbi8vICAgPEJyb3dzZXJSb3V0ZXI+XG4vLyAgICAgPEdvdGhhbVJvdXRlTGlzdGVuZXJzIC8+XG4vLyAgICAgPFJvdXRlcz5cbi8vICAgICAgIHtyZW5kZXJSb3V0ZUxpc3Qocm91dGVzLCBmbHV4LCBnb3RoYW1Db25maWcpfVxuLy8gICAgIDwvUm91dGVzPlxuLy8gICA8L0Jyb3dzZXJSb3V0ZXI+XG4vLyApOyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNO0FBQ04scURBQXFEO0FBQ3JELDZGQUE2RjtBQUM3RixNQUFNO0FBQ04saURBQWlEO0FBQ2pELCtEQUErRDtBQUMvRCxtRUFBbUU7QUFFbkUsbUVBQW1FO0FBQ25FLHlFQUF5RTtBQUV6RSwyREFBMkQ7QUFDM0QsaUNBQWlDO0FBRWpDLG9EQUFvRDtBQUNwRCxzQkFBc0I7QUFDdEIsS0FBSztBQUVMLHVEQUF1RDtBQUN2RCx5QkFBeUI7QUFDekIsS0FBSztBQUVMLHlEQUF5RDtBQUN6RCxzQ0FBc0M7QUFDdEMsNEJBQTRCO0FBQzVCLEtBQUs7QUFFTCwyREFBMkQ7QUFDM0Qsc0NBQXNDO0FBQ3RDLG1DQUFtQztBQUNuQyxLQUFLO0FBRUwsd0RBQXdEO0FBQ3hELG9DQUFvQztBQUVwQyxrRUFBa0U7QUFDbEUsd0VBQXdFO0FBQ3hFLGtFQUFrRTtBQUNsRSx3RUFBd0U7QUFFeEUsaUJBQWlCO0FBQ2pCLEtBQUs7QUFFTCxvQ0FBb0M7QUFDcEMsa0NBQWtDO0FBQ2xDLGdEQUFnRDtBQUNoRCx3Q0FBd0M7QUFDeEMsS0FBSztBQUVMLHdEQUF3RDtBQUN4RCxVQUFVO0FBQ1Ysa0JBQWtCO0FBQ2xCLFdBQVc7QUFDWCxVQUFVO0FBQ1Ysb0JBQW9CO0FBQ3BCLCtCQUErQjtBQUMvQixlQUFlO0FBQ2Ysc0RBQXNEO0FBQ3RELGdCQUFnQjtBQUNoQixxQkFBcUI7QUFDckIsS0FBSyJ9

package/lib/components/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+import type { ComponentPropsWithoutRef } from 'react';
+export type HeadingLevel = 1 | 2 | 3 | 4 | 5 | 6;
+export type HeadingProps = {
+    readonly level?: HeadingLevel;
+} & ComponentPropsWithoutRef<'h1'>;
+export declare const Heading: ({ className, level, ...props }: HeadingProps) => import("react").JSX.Element;
+export declare const Subheading: ({ className, level, ...props }: HeadingProps) => import("react").JSX.Element;

package/lib/components/Heading/Heading.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+export const Heading = ({ className, level = 1, ...props })=>{
+    const Element = `h${level}`;
+    return /*#__PURE__*/ _jsx(Element, {
+        className: cn('text-2xl/8 font-semibold text-foreground sm:text-xl/8 dark:text-foreground-dark', className),
+        "data-slot": "heading",
+        ...props
+    });
+};
+export const Subheading = ({ className, level = 2, ...props })=>{
+    const Element = `h${level}`;
+    return /*#__PURE__*/ _jsx(Element, {
+        className: cn('text-base/7 font-semibold text-foreground sm:text-sm/6 dark:text-foreground-dark', className),
+        "data-slot": "subheading",
+        ...props
+    });
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0hlYWRpbmcvSGVhZGluZy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHR5cGUge0NvbXBvbmVudFByb3BzV2l0aG91dFJlZn0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgdHlwZSBIZWFkaW5nTGV2ZWwgPSAxIHwgMiB8IDMgfCA0IHwgNSB8IDY7XG5cbmV4cG9ydCB0eXBlIEhlYWRpbmdQcm9wcyA9IHtcbiAgcmVhZG9ubHkgbGV2ZWw/OiBIZWFkaW5nTGV2ZWw7XG59ICYgQ29tcG9uZW50UHJvcHNXaXRob3V0UmVmPCdoMSc+O1xuXG5leHBvcnQgY29uc3QgSGVhZGluZyA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgbGV2ZWwgPSAxLFxuICAuLi5wcm9wc1xufTogSGVhZGluZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IEVsZW1lbnQgPSBgaCR7bGV2ZWx9YCBhcyBjb25zdDtcblxuICByZXR1cm4gKFxuICAgIDxFbGVtZW50XG4gICAgICBjbGFzc05hbWU9e2NuKCd0ZXh0LTJ4bC84IGZvbnQtc2VtaWJvbGQgdGV4dC1mb3JlZ3JvdW5kIHNtOnRleHQteGwvOCBkYXJrOnRleHQtZm9yZWdyb3VuZC1kYXJrJywgY2xhc3NOYW1lKX1cbiAgICAgIGRhdGEtc2xvdD1cImhlYWRpbmdcIlxuICAgICAgey4uLnByb3BzfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViaGVhZGluZyA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgbGV2ZWwgPSAyLFxuICAuLi5wcm9wc1xufTogSGVhZGluZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IEVsZW1lbnQgPSBgaCR7bGV2ZWx9YCBhcyBjb25zdDtcblxuICByZXR1cm4gKFxuICAgIDxFbGVtZW50XG4gICAgICBjbGFzc05hbWU9e2NuKCd0ZXh0LWJhc2UvNyBmb250LXNlbWlib2xkIHRleHQtZm9yZWdyb3VuZCBzbTp0ZXh0LXNtLzYgZGFyazp0ZXh0LWZvcmVncm91bmQtZGFyaycsIGNsYXNzTmFtZSl9XG4gICAgICBkYXRhLXNsb3Q9XCJzdWJoZWFkaW5nXCJcbiAgICAgIHsuLi5wcm9wc31cbiAgICAvPlxuICApO1xufTtcbiJdLCJuYW1lcyI6WyJjbiIsIkhlYWRpbmciLCJjbGFzc05hbWUiLCJsZXZlbCIsInByb3BzIiwiRWxlbWVudCIsImRhdGEtc2xvdCIsIlN1YmhlYWRpbmciXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQVVoQyxPQUFPLE1BQU1DLFVBQVUsQ0FBQyxFQUN0QkMsU0FBUyxFQUNUQyxRQUFRLENBQUMsRUFDVCxHQUFHQyxPQUNVO0lBQ2IsTUFBTUMsVUFBVSxDQUFDLENBQUMsRUFBRUYsT0FBTztJQUUzQixxQkFDRSxLQUFDRTtRQUNDSCxXQUFXRixHQUFHLG1GQUFtRkU7UUFDakdJLGFBQVU7UUFDVCxHQUFHRixLQUFLOztBQUdmLEVBQUU7QUFFRixPQUFPLE1BQU1HLGFBQWEsQ0FBQyxFQUN6QkwsU0FBUyxFQUNUQyxRQUFRLENBQUMsRUFDVCxHQUFHQyxPQUNVO0lBQ2IsTUFBTUMsVUFBVSxDQUFDLENBQUMsRUFBRUYsT0FBTztJQUUzQixxQkFDRSxLQUFDRTtRQUNDSCxXQUFXRixHQUFHLG9GQUFvRkU7UUFDbEdJLGFBQVU7UUFDVCxHQUFHRixLQUFLOztBQUdmLEVBQUUifQ==

package/lib/components/Heading/Heading.stories.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { Heading, Subheading } from './Heading.js';
+const meta = {
+    argTypes: {
+        children: {
+            control: 'text'
+        },
+        level: {
+            control: 'select',
+            options: [
+                1,
+                2,
+                3,
+                4,
+                5,
+                6
+            ]
+        }
+    },
+    component: Heading,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Heading'
+};
+export default meta;
+export const Default = {
+    args: {
+        children: 'Workspace overview',
+        level: 1
+    },
+    play: interactWithCanvas
+};
+export const WithSubheading = {
+    play: interactWithCanvas,
+    render: ()=>/*#__PURE__*/ _jsxs("div", {
+            className: "space-y-2",
+            children: [
+                /*#__PURE__*/ _jsx(Heading, {
+                    children: "Workspace overview"
+                }),
+                /*#__PURE__*/ _jsx(Subheading, {
+                    children: "Activity summary"
+                })
+            ]
+        })
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0hlYWRpbmcvSGVhZGluZy5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHtpbnRlcmFjdFdpdGhDYW52YXN9IGZyb20gJy4uLy4uL3V0aWxzL3N0b3J5SW50ZXJhY3Rpb25zLmpzJztcbmltcG9ydCB7SGVhZGluZywgU3ViaGVhZGluZ30gZnJvbSAnLi9IZWFkaW5nLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIEhlYWRpbmc+ID0ge1xuICBhcmdUeXBlczoge1xuICAgIGNoaWxkcmVuOiB7XG4gICAgICBjb250cm9sOiAndGV4dCdcbiAgICB9LFxuICAgIGxldmVsOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IFsxLCAyLCAzLCA0LCA1LCA2XVxuICAgIH1cbiAgfSxcbiAgY29tcG9uZW50OiBIZWFkaW5nLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnY2VudGVyZWQnXG4gIH0sXG4gIHRpdGxlOiAnQ29tcG9uZW50cy9IZWFkaW5nJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcblxudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBIZWFkaW5nPjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgY2hpbGRyZW46ICdXb3Jrc3BhY2Ugb3ZlcnZpZXcnLFxuICAgIGxldmVsOiAxXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcblxuZXhwb3J0IGNvbnN0IFdpdGhTdWJoZWFkaW5nOiBTdG9yeSA9IHtcbiAgcGxheTogaW50ZXJhY3RXaXRoQ2FudmFzLFxuICByZW5kZXI6ICgpID0+IChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cInNwYWNlLXktMlwiPlxuICAgICAgPEhlYWRpbmc+V29ya3NwYWNlIG92ZXJ2aWV3PC9IZWFkaW5nPlxuICAgICAgPFN1YmhlYWRpbmc+QWN0aXZpdHkgc3VtbWFyeTwvU3ViaGVhZGluZz5cbiAgICA8L2Rpdj5cbiAgKVxufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImludGVyYWN0V2l0aENhbnZhcyIsIkhlYWRpbmciLCJTdWJoZWFkaW5nIiwibWV0YSIsImFyZ1R5cGVzIiwiY2hpbGRyZW4iLCJjb250cm9sIiwibGV2ZWwiLCJvcHRpb25zIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiRGVmYXVsdCIsImFyZ3MiLCJwbGF5IiwiV2l0aFN1YmhlYWRpbmciLCJyZW5kZXIiLCJkaXYiLCJjbGFzc05hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFDMUIsU0FBUUMsa0JBQWtCLFFBQU8sbUNBQW1DO0FBQ3BFLFNBQVFDLE9BQU8sRUFBRUMsVUFBVSxRQUFPLGVBQWU7QUFJakQsTUFBTUMsT0FBNkI7SUFDakNDLFVBQVU7UUFDUkMsVUFBVTtZQUNSQyxTQUFTO1FBQ1g7UUFDQUMsT0FBTztZQUNMRCxTQUFTO1lBQ1RFLFNBQVM7Z0JBQUM7Z0JBQUc7Z0JBQUc7Z0JBQUc7Z0JBQUc7Z0JBQUc7YUFBRTtRQUM3QjtJQUNGO0lBQ0FDLFdBQVdSO0lBQ1hTLFlBQVk7UUFDVkMsUUFBUTtJQUNWO0lBQ0FDLE9BQU87QUFDVDtBQUVBLGVBQWVULEtBQUs7QUFJcEIsT0FBTyxNQUFNVSxVQUFpQjtJQUM1QkMsTUFBTTtRQUNKVCxVQUFVO1FBQ1ZFLE9BQU87SUFDVDtJQUNBUSxNQUFNZjtBQUNSLEVBQUU7QUFFRixPQUFPLE1BQU1nQixpQkFBd0I7SUFDbkNELE1BQU1mO0lBQ05pQixRQUFRLGtCQUNOLE1BQUNDO1lBQUlDLFdBQVU7OzhCQUNiLEtBQUNsQjs4QkFBUTs7OEJBQ1QsS0FBQ0M7OEJBQVc7Ozs7QUFHbEIsRUFBRSJ9

package/lib/components/IncentiveGrid/IncentiveGrid.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface IncentiveItem {
+    readonly description: ReactNode;
+    readonly icon?: ReactNode;
+    readonly id?: string;
+    readonly imageAlt?: string;
+    readonly imageSrc?: string;
+    readonly title: ReactNode;
+}
+export interface IncentiveGridProps extends HTMLAttributes<HTMLDivElement> {
+    readonly incentives: IncentiveItem[];
+}
+declare const IncentiveGridComponent: ({ className, incentives, ...props }: IncentiveGridProps) => import("react").JSX.Element;
+export declare const IncentiveGrid: import("react").MemoExoticComponent<typeof IncentiveGridComponent>;
+export {};

package/lib/components/IncentiveGrid/IncentiveGrid.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { memo } from 'react';
+const IncentiveGridComponent = ({ className, incentives, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('grid grid-cols-1 gap-x-8 gap-y-10 sm:grid-cols-2 lg:grid-cols-3', className),
+        "data-slot": "incentive-grid",
+        ...props,
+        children: incentives.map((incentive)=>/*#__PURE__*/ _jsxs("div", {
+                className: "flex flex-col items-center text-center",
+                "data-slot": "incentive-card",
+                children: [
+                    incentive.imageSrc ? /*#__PURE__*/ _jsx("img", {
+                        alt: incentive.imageAlt ?? '',
+                        className: "size-16 object-contain",
+                        src: incentive.imageSrc
+                    }) : /*#__PURE__*/ _jsx("div", {
+                        className: "flex size-12 items-center justify-center rounded-md bg-primary/10 text-primary dark:bg-primary-dark/20 dark:text-primary-dark",
+                        children: incentive.icon
+                    }),
+                    /*#__PURE__*/ _jsx("h3", {
+                        className: "mt-5 text-base font-semibold text-foreground dark:text-foreground-dark",
+                        children: incentive.title
+                    }),
+                    /*#__PURE__*/ _jsx("p", {
+                        className: "mt-2 text-sm/6 text-muted-foreground dark:text-muted-foreground-dark",
+                        children: incentive.description
+                    })
+                ]
+            }, incentive.id ?? String(incentive.title)))
+    });
+export const IncentiveGrid = /*#__PURE__*/ memo(IncentiveGridComponent);
+IncentiveGrid.displayName = 'IncentiveGrid';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0luY2VudGl2ZUdyaWQvSW5jZW50aXZlR3JpZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcbmltcG9ydCB7bWVtb30gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQgdHlwZSB7SFRNTEF0dHJpYnV0ZXMsIFJlYWN0Tm9kZX0gZnJvbSAncmVhY3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEluY2VudGl2ZUl0ZW0ge1xuICByZWFkb25seSBkZXNjcmlwdGlvbjogUmVhY3ROb2RlO1xuICByZWFkb25seSBpY29uPzogUmVhY3ROb2RlO1xuICByZWFkb25seSBpZD86IHN0cmluZztcbiAgcmVhZG9ubHkgaW1hZ2VBbHQ/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGltYWdlU3JjPzogc3RyaW5nO1xuICByZWFkb25seSB0aXRsZTogUmVhY3ROb2RlO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIEluY2VudGl2ZUdyaWRQcm9wcyBleHRlbmRzIEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiB7XG4gIHJlYWRvbmx5IGluY2VudGl2ZXM6IEluY2VudGl2ZUl0ZW1bXTtcbn1cblxuY29uc3QgSW5jZW50aXZlR3JpZENvbXBvbmVudCA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgaW5jZW50aXZlcyxcbiAgLi4ucHJvcHNcbn06IEluY2VudGl2ZUdyaWRQcm9wcykgPT4gKFxuICA8ZGl2IGNsYXNzTmFtZT17Y24oJ2dyaWQgZ3JpZC1jb2xzLTEgZ2FwLXgtOCBnYXAteS0xMCBzbTpncmlkLWNvbHMtMiBsZzpncmlkLWNvbHMtMycsIGNsYXNzTmFtZSl9IGRhdGEtc2xvdD1cImluY2VudGl2ZS1ncmlkXCIgey4uLnByb3BzfT5cbiAgICB7aW5jZW50aXZlcy5tYXAoKGluY2VudGl2ZSkgPT4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJmbGV4IGZsZXgtY29sIGl0ZW1zLWNlbnRlciB0ZXh0LWNlbnRlclwiIGRhdGEtc2xvdD1cImluY2VudGl2ZS1jYXJkXCIga2V5PXtpbmNlbnRpdmUuaWQgPz8gU3RyaW5nKGluY2VudGl2ZS50aXRsZSl9PlxuICAgICAgICB7aW5jZW50aXZlLmltYWdlU3JjID8gKFxuICAgICAgICAgIDxpbWcgYWx0PXtpbmNlbnRpdmUuaW1hZ2VBbHQgPz8gJyd9IGNsYXNzTmFtZT1cInNpemUtMTYgb2JqZWN0LWNvbnRhaW5cIiBzcmM9e2luY2VudGl2ZS5pbWFnZVNyY30gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT1cImZsZXggc2l6ZS0xMiBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgcm91bmRlZC1tZCBiZy1wcmltYXJ5LzEwIHRleHQtcHJpbWFyeSBkYXJrOmJnLXByaW1hcnktZGFyay8yMCBkYXJrOnRleHQtcHJpbWFyeS1kYXJrXCI+XG4gICAgICAgICAgICB7aW5jZW50aXZlLmljb259XG4gICAgICAgICAgPC9kaXY+XG4gICAgICAgICl9XG4gICAgICAgIDxoMyBjbGFzc05hbWU9XCJtdC01IHRleHQtYmFzZSBmb250LXNlbWlib2xkIHRleHQtZm9yZWdyb3VuZCBkYXJrOnRleHQtZm9yZWdyb3VuZC1kYXJrXCI+e2luY2VudGl2ZS50aXRsZX08L2gzPlxuICAgICAgICA8cCBjbGFzc05hbWU9XCJtdC0yIHRleHQtc20vNiB0ZXh0LW11dGVkLWZvcmVncm91bmQgZGFyazp0ZXh0LW11dGVkLWZvcmVncm91bmQtZGFya1wiPntpbmNlbnRpdmUuZGVzY3JpcHRpb259PC9wPlxuICAgICAgPC9kaXY+XG4gICAgKSl9XG4gIDwvZGl2PlxuKTtcblxuZXhwb3J0IGNvbnN0IEluY2VudGl2ZUdyaWQgPSBtZW1vKEluY2VudGl2ZUdyaWRDb21wb25lbnQpO1xuSW5jZW50aXZlR3JpZC5kaXNwbGF5TmFtZSA9ICdJbmNlbnRpdmVHcmlkJztcbiJdLCJuYW1lcyI6WyJjbiIsIm1lbW8iLCJJbmNlbnRpdmVHcmlkQ29tcG9uZW50IiwiY2xhc3NOYW1lIiwiaW5jZW50aXZlcyIsInByb3BzIiwiZGl2IiwiZGF0YS1zbG90IiwibWFwIiwiaW5jZW50aXZlIiwiaW1hZ2VTcmMiLCJpbWciLCJhbHQiLCJpbWFnZUFsdCIsInNyYyIsImljb24iLCJoMyIsInRpdGxlIiwicCIsImRlc2NyaXB0aW9uIiwiaWQiLCJTdHJpbmciLCJJbmNlbnRpdmVHcmlkIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQSxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUFRQyxJQUFJLFFBQU8sUUFBUTtBQWlCM0IsTUFBTUMseUJBQXlCLENBQUMsRUFDOUJDLFNBQVMsRUFDVEMsVUFBVSxFQUNWLEdBQUdDLE9BQ2dCLGlCQUNuQixLQUFDQztRQUFJSCxXQUFXSCxHQUFHLG1FQUFtRUc7UUFBWUksYUFBVTtRQUFrQixHQUFHRixLQUFLO2tCQUNuSUQsV0FBV0ksR0FBRyxDQUFDLENBQUNDLDBCQUNmLE1BQUNIO2dCQUFJSCxXQUFVO2dCQUF5Q0ksYUFBVTs7b0JBQy9ERSxVQUFVQyxRQUFRLGlCQUNqQixLQUFDQzt3QkFBSUMsS0FBS0gsVUFBVUksUUFBUSxJQUFJO3dCQUFJVixXQUFVO3dCQUF5QlcsS0FBS0wsVUFBVUMsUUFBUTt1Q0FFOUYsS0FBQ0o7d0JBQUlILFdBQVU7a0NBQ1pNLFVBQVVNLElBQUk7O2tDQUduQixLQUFDQzt3QkFBR2IsV0FBVTtrQ0FBMEVNLFVBQVVRLEtBQUs7O2tDQUN2RyxLQUFDQzt3QkFBRWYsV0FBVTtrQ0FBd0VNLFVBQVVVLFdBQVc7OztlQVRwQlYsVUFBVVcsRUFBRSxJQUFJQyxPQUFPWixVQUFVUSxLQUFLOztBQWVwSSxPQUFPLE1BQU1LLDhCQUFnQnJCLEtBQUtDLHdCQUF3QjtBQUMxRG9CLGNBQWNDLFdBQVcsR0FBRyJ9

package/lib/components/IncentiveGrid/IncentiveGrid.stories.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RefreshCcw, ShieldCheck, Truck } from 'lucide-react';
+import React from 'react';
+import { IncentiveGrid } from './IncentiveGrid.js';
+const meta = {
+    component: IncentiveGrid,
+    parameters: {
+        layout: 'padded'
+    },
+    title: 'Ecommerce/IncentiveGrid'
+};
+export default meta;
+export const ThreeColumn = {
+    args: {
+        incentives: [
+            {
+                description: 'Free shipping on domestic orders over $75.',
+                icon: /*#__PURE__*/ _jsx(Truck, {
+                    className: "size-6"
+                }),
+                title: 'Free shipping'
+            },
+            {
+                description: '30 day returns with prepaid labels.',
+                icon: /*#__PURE__*/ _jsx(RefreshCcw, {
+                    className: "size-6"
+                }),
+                title: 'Easy returns'
+            },
+            {
+                description: 'Every checkout is encrypted and protected.',
+                icon: /*#__PURE__*/ _jsx(ShieldCheck, {
+                    className: "size-6"
+                }),
+                title: 'Secure payment'
+            }
+        ]
+    }
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0luY2VudGl2ZUdyaWQvSW5jZW50aXZlR3JpZC5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1JlZnJlc2hDY3csIFNoaWVsZENoZWNrLCBUcnVja30gZnJvbSAnbHVjaWRlLXJlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7SW5jZW50aXZlR3JpZH0gZnJvbSAnLi9JbmNlbnRpdmVHcmlkLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIEluY2VudGl2ZUdyaWQ+ID0ge1xuICBjb21wb25lbnQ6IEluY2VudGl2ZUdyaWQsXG4gIHBhcmFtZXRlcnM6IHtcbiAgICBsYXlvdXQ6ICdwYWRkZWQnXG4gIH0sXG4gIHRpdGxlOiAnRWNvbW1lcmNlL0luY2VudGl2ZUdyaWQnXG59O1xuXG5leHBvcnQgZGVmYXVsdCBtZXRhO1xuXG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIEluY2VudGl2ZUdyaWQ+O1xuXG5leHBvcnQgY29uc3QgVGhyZWVDb2x1bW46IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgaW5jZW50aXZlczogW1xuICAgICAge2Rlc2NyaXB0aW9uOiAnRnJlZSBzaGlwcGluZyBvbiBkb21lc3RpYyBvcmRlcnMgb3ZlciAkNzUuJywgaWNvbjogPFRydWNrIGNsYXNzTmFtZT1cInNpemUtNlwiIC8+LCB0aXRsZTogJ0ZyZWUgc2hpcHBpbmcnfSxcbiAgICAgIHtkZXNjcmlwdGlvbjogJzMwIGRheSByZXR1cm5zIHdpdGggcHJlcGFpZCBsYWJlbHMuJywgaWNvbjogPFJlZnJlc2hDY3cgY2xhc3NOYW1lPVwic2l6ZS02XCIgLz4sIHRpdGxlOiAnRWFzeSByZXR1cm5zJ30sXG4gICAgICB7ZGVzY3JpcHRpb246ICdFdmVyeSBjaGVja291dCBpcyBlbmNyeXB0ZWQgYW5kIHByb3RlY3RlZC4nLCBpY29uOiA8U2hpZWxkQ2hlY2sgY2xhc3NOYW1lPVwic2l6ZS02XCIgLz4sIHRpdGxlOiAnU2VjdXJlIHBheW1lbnQnfVxuICAgIF1cbiAgfVxufTtcbiJdLCJuYW1lcyI6WyJSZWZyZXNoQ2N3IiwiU2hpZWxkQ2hlY2siLCJUcnVjayIsIlJlYWN0IiwiSW5jZW50aXZlR3JpZCIsIm1ldGEiLCJjb21wb25lbnQiLCJwYXJhbWV0ZXJzIiwibGF5b3V0IiwidGl0bGUiLCJUaHJlZUNvbHVtbiIsImFyZ3MiLCJpbmNlbnRpdmVzIiwiZGVzY3JpcHRpb24iLCJpY29uIiwiY2xhc3NOYW1lIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsVUFBVSxFQUFFQyxXQUFXLEVBQUVDLEtBQUssUUFBTyxlQUFlO0FBQzVELE9BQU9DLFdBQVcsUUFBUTtBQUUxQixTQUFRQyxhQUFhLFFBQU8scUJBQXFCO0FBSWpELE1BQU1DLE9BQW1DO0lBQ3ZDQyxXQUFXRjtJQUNYRyxZQUFZO1FBQ1ZDLFFBQVE7SUFDVjtJQUNBQyxPQUFPO0FBQ1Q7QUFFQSxlQUFlSixLQUFLO0FBSXBCLE9BQU8sTUFBTUssY0FBcUI7SUFDaENDLE1BQU07UUFDSkMsWUFBWTtZQUNWO2dCQUFDQyxhQUFhO2dCQUE4Q0Msb0JBQU0sS0FBQ1o7b0JBQU1hLFdBQVU7O2dCQUFhTixPQUFPO1lBQWU7WUFDdEg7Z0JBQUNJLGFBQWE7Z0JBQXVDQyxvQkFBTSxLQUFDZDtvQkFBV2UsV0FBVTs7Z0JBQWFOLE9BQU87WUFBYztZQUNuSDtnQkFBQ0ksYUFBYTtnQkFBOENDLG9CQUFNLEtBQUNiO29CQUFZYyxXQUFVOztnQkFBYU4sT0FBTztZQUFnQjtTQUM5SDtJQUNIO0FBQ0YsRUFBRSJ9

package/lib/components/InputField/InputField.d.ts

@@ -0,0 +1,25 @@
+import type { InputHTMLAttributes, Ref, TextareaHTMLAttributes } from 'react';
+import type { GothamColor } from '../../utils/colorUtils.js';
+export type InputBorderType = 'solid' | 'rounded' | 'none' | 'underline';
+export interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement> & TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'> {
+    readonly borderColor?: GothamColor;
+    readonly borderType?: InputBorderType;
+    readonly className?: string;
+    readonly id?: string;
+    readonly label?: string;
+    readonly multiline?: boolean;
+    readonly placeholderColor?: GothamColor;
+    readonly ref?: Ref<HTMLInputElement | HTMLTextAreaElement>;
+    readonly textFillColor?: string;
+    readonly textColor?: GothamColor;
+}
+export declare const baseClasses: {
+    none: string;
+    rounded: string;
+    solid: string;
+    underline: string;
+};
+export declare const getInputBorderClass: (borderType: InputBorderType, borderColor: GothamColor, textColor: GothamColor, placeholderColor: GothamColor) => string;
+declare const InputFieldComponent: ({ borderColor, borderType, className, disabled, label, multiline, placeholderColor, ref, style, textFillColor, textColor, ...inputProps }: InputFieldProps) => import("react").JSX.Element;
+export declare const InputField: import("react").MemoExoticComponent<typeof InputFieldComponent>;
+export {};

package/lib/components/InputField/InputField.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Copyright (c) 2018-Present, Nitrogen Labs, Inc.
+ * Copyrights licensed under the MIT License. See the accompanying LICENSE file for terms.
+ */ import { cn } from '@nlabs/utils';
+import { memo, useMemo } from 'react';
+import { getBorderClasses, getOutlineClasses, getPlaceholderClasses, getTextClasses } from '../../utils/colorUtils.js';
+export const baseClasses = {
+    none: '',
+    rounded: 'w-full rounded-md outline-1 outline-solid focus:outline-3 px-3.5 py-2 sm:text-sm sm:leading-6 bg-white/30 dark:bg-black/30',
+    solid: 'w-full outline-1 outline-solid focus:outline-3 px-3.5 py-2 sm:text-sm sm:leading-6 bg-white/30 dark:bg-black/30',
+    underline: 'w-full border-b autofill:bg-transparent outline-none py-2 sm:text-sm sm:leading-6'
+};
+export const getInputBorderClass = (borderType, borderColor, textColor, placeholderColor)=>cn(baseClasses[borderType], getTextClasses(textColor), borderType === 'underline' ? getBorderClasses(borderColor, {
+        hasFocus: true,
+        hasHover: true
+    }) : '', borderType === 'rounded' || borderType === 'solid' ? getOutlineClasses(borderColor, {
+        hasFocus: true,
+        hasHover: true
+    }) : '', getPlaceholderClasses(placeholderColor, {
+        hasFocus: true,
+        hasHover: true
+    }));
+const InputFieldComponent = ({ borderColor = 'neutral', borderType = 'solid', className, disabled = false, label, multiline = false, placeholderColor = 'neutral', ref, style, textFillColor, textColor = 'neutral', ...inputProps })=>{
+    const borderClasses = useMemo(()=>getInputBorderClass(borderType, borderColor, textColor, placeholderColor), [
+        borderType,
+        borderColor,
+        textColor,
+        placeholderColor
+    ]);
+    const inputClasses = useMemo(()=>cn(className, disabled ? 'text-neutral/30 dark:text-neutral-dark/30 outline-neutral/30 dark:outline-neutral-dark/30' : borderClasses, multiline && 'min-h-[100px] resize-y'), [
+        className,
+        borderClasses,
+        disabled,
+        multiline
+    ]);
+    const inputStyle = useMemo(()=>{
+        if (!textFillColor) {
+            return style;
+        }
+        return {
+            ...style,
+            WebkitTextFillColor: textFillColor,
+            caretColor: textFillColor,
+            color: textFillColor
+        };
+    }, [
+        style,
+        textFillColor
+    ]);
+    return multiline ? /*#__PURE__*/ _jsx("textarea", {
+        ...inputProps,
+        className: inputClasses,
+        disabled: disabled,
+        ref: ref,
+        style: inputStyle
+    }) : /*#__PURE__*/ _jsx("input", {
+        ...inputProps,
+        className: inputClasses,
+        disabled: disabled,
+        ref: ref,
+        style: inputStyle
+    });
+};
+export const InputField = /*#__PURE__*/ memo(InputFieldComponent);
+InputField.displayName = 'InputField';
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0lucHV0RmllbGQvSW5wdXRGaWVsZC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDb3B5cmlnaHQgKGMpIDIwMTgtUHJlc2VudCwgTml0cm9nZW4gTGFicywgSW5jLlxuICogQ29weXJpZ2h0cyBsaWNlbnNlZCB1bmRlciB0aGUgTUlUIExpY2Vuc2UuIFNlZSB0aGUgYWNjb21wYW55aW5nIExJQ0VOU0UgZmlsZSBmb3IgdGVybXMuXG4gKi9cbmltcG9ydCB7Y259IGZyb20gJ0BubGFicy91dGlscyc7XG5pbXBvcnQge21lbW8sIHVzZU1lbW99IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtcbiAgZ2V0Qm9yZGVyQ2xhc3NlcyxcbiAgZ2V0T3V0bGluZUNsYXNzZXMsXG4gIGdldFBsYWNlaG9sZGVyQ2xhc3NlcyxcbiAgZ2V0VGV4dENsYXNzZXNcbn0gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5cbmltcG9ydCB0eXBlIHtJbnB1dEhUTUxBdHRyaWJ1dGVzLCBSZWYsIFRleHRhcmVhSFRNTEF0dHJpYnV0ZXN9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB0eXBlIHtHb3RoYW1Db2xvcn0gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5cbmV4cG9ydCB0eXBlIElucHV0Qm9yZGVyVHlwZSA9ICdzb2xpZCcgfCAncm91bmRlZCcgfCAnbm9uZScgfCAndW5kZXJsaW5lJztcblxuZXhwb3J0IGludGVyZmFjZSBJbnB1dEZpZWxkUHJvcHMgZXh0ZW5kcyBPbWl0PElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD4gJiBUZXh0YXJlYUhUTUxBdHRyaWJ1dGVzPEhUTUxUZXh0QXJlYUVsZW1lbnQ+LCAnY2xhc3NOYW1lJz4ge1xuICByZWFkb25seSBib3JkZXJDb2xvcj86IEdvdGhhbUNvbG9yO1xuICByZWFkb25seSBib3JkZXJUeXBlPzogSW5wdXRCb3JkZXJUeXBlO1xuICByZWFkb25seSBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIHJlYWRvbmx5IGlkPzogc3RyaW5nO1xuICByZWFkb25seSBsYWJlbD86IHN0cmluZztcbiAgcmVhZG9ubHkgbXVsdGlsaW5lPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgcGxhY2Vob2xkZXJDb2xvcj86IEdvdGhhbUNvbG9yO1xuICByZWFkb25seSByZWY/OiBSZWY8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+O1xuICByZWFkb25seSB0ZXh0RmlsbENvbG9yPzogc3RyaW5nO1xuICByZWFkb25seSB0ZXh0Q29sb3I/OiBHb3RoYW1Db2xvcjtcbn1cblxuZXhwb3J0IGNvbnN0IGJhc2VDbGFzc2VzID0ge1xuICBub25lOiAnJyxcbiAgcm91bmRlZDogJ3ctZnVsbCByb3VuZGVkLW1kIG91dGxpbmUtMSBvdXRsaW5lLXNvbGlkIGZvY3VzOm91dGxpbmUtMyBweC0zLjUgcHktMiBzbTp0ZXh0LXNtIHNtOmxlYWRpbmctNiBiZy13aGl0ZS8zMCBkYXJrOmJnLWJsYWNrLzMwJyxcbiAgc29saWQ6ICd3LWZ1bGwgb3V0bGluZS0xIG91dGxpbmUtc29saWQgZm9jdXM6b3V0bGluZS0zIHB4LTMuNSBweS0yIHNtOnRleHQtc20gc206bGVhZGluZy02IGJnLXdoaXRlLzMwIGRhcms6YmctYmxhY2svMzAnLFxuICB1bmRlcmxpbmU6ICd3LWZ1bGwgYm9yZGVyLWIgYXV0b2ZpbGw6YmctdHJhbnNwYXJlbnQgb3V0bGluZS1ub25lIHB5LTIgc206dGV4dC1zbSBzbTpsZWFkaW5nLTYnXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0SW5wdXRCb3JkZXJDbGFzcyA9IChcbiAgYm9yZGVyVHlwZTogSW5wdXRCb3JkZXJUeXBlLFxuICBib3JkZXJDb2xvcjogR290aGFtQ29sb3IsXG4gIHRleHRDb2xvcjogR290aGFtQ29sb3IsXG4gIHBsYWNlaG9sZGVyQ29sb3I6IEdvdGhhbUNvbG9yXG4pID0+IGNuKFxuICBiYXNlQ2xhc3Nlc1tib3JkZXJUeXBlXSxcbiAgZ2V0VGV4dENsYXNzZXModGV4dENvbG9yKSxcbiAgYm9yZGVyVHlwZSA9PT0gJ3VuZGVybGluZSdcbiAgICA/IGdldEJvcmRlckNsYXNzZXMoYm9yZGVyQ29sb3IsIHtoYXNGb2N1czogdHJ1ZSwgaGFzSG92ZXI6IHRydWV9KVxuICAgIDogJycsXG4gIGJvcmRlclR5cGUgPT09ICdyb3VuZGVkJyB8fCBib3JkZXJUeXBlID09PSAnc29saWQnXG4gICAgPyBnZXRPdXRsaW5lQ2xhc3Nlcyhib3JkZXJDb2xvciwge2hhc0ZvY3VzOiB0cnVlLCBoYXNIb3ZlcjogdHJ1ZX0pXG4gICAgOiAnJyxcbiAgZ2V0UGxhY2Vob2xkZXJDbGFzc2VzKHBsYWNlaG9sZGVyQ29sb3IsIHtoYXNGb2N1czogdHJ1ZSwgaGFzSG92ZXI6IHRydWV9KVxuKTtcblxuY29uc3QgSW5wdXRGaWVsZENvbXBvbmVudCA9ICh7XG4gIGJvcmRlckNvbG9yID0gJ25ldXRyYWwnLFxuICBib3JkZXJUeXBlID0gJ3NvbGlkJyxcbiAgY2xhc3NOYW1lLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBsYWJlbCxcbiAgbXVsdGlsaW5lID0gZmFsc2UsXG4gIHBsYWNlaG9sZGVyQ29sb3IgPSAnbmV1dHJhbCcsXG4gIHJlZixcbiAgc3R5bGUsXG4gIHRleHRGaWxsQ29sb3IsXG4gIHRleHRDb2xvciA9ICduZXV0cmFsJyxcbiAgLi4uaW5wdXRQcm9wc1xufTogSW5wdXRGaWVsZFByb3BzKSA9PiB7XG4gIGNvbnN0IGJvcmRlckNsYXNzZXMgPSB1c2VNZW1vKFxuICAgICgpID0+IGdldElucHV0Qm9yZGVyQ2xhc3MoYm9yZGVyVHlwZSwgYm9yZGVyQ29sb3IsIHRleHRDb2xvciwgcGxhY2Vob2xkZXJDb2xvciksXG4gICAgW2JvcmRlclR5cGUsIGJvcmRlckNvbG9yLCB0ZXh0Q29sb3IsIHBsYWNlaG9sZGVyQ29sb3JdXG4gICk7XG5cbiAgY29uc3QgaW5wdXRDbGFzc2VzID0gdXNlTWVtbyhcbiAgICAoKSA9PiBjbihcbiAgICAgIGNsYXNzTmFtZSxcbiAgICAgIGRpc2FibGVkID8gJ3RleHQtbmV1dHJhbC8zMCBkYXJrOnRleHQtbmV1dHJhbC1kYXJrLzMwIG91dGxpbmUtbmV1dHJhbC8zMCBkYXJrOm91dGxpbmUtbmV1dHJhbC1kYXJrLzMwJyA6IGJvcmRlckNsYXNzZXMsXG4gICAgICBtdWx0aWxpbmUgJiYgJ21pbi1oLVsxMDBweF0gcmVzaXplLXknXG4gICAgKSxcbiAgICBbY2xhc3NOYW1lLCBib3JkZXJDbGFzc2VzLCBkaXNhYmxlZCwgbXVsdGlsaW5lXVxuICApO1xuXG4gIGNvbnN0IGlucHV0U3R5bGUgPSB1c2VNZW1vKCgpID0+IHtcbiAgICBpZighdGV4dEZpbGxDb2xvcikge1xuICAgICAgcmV0dXJuIHN0eWxlO1xuICAgIH1cblxuICAgIHJldHVybiB7XG4gICAgICAuLi5zdHlsZSxcbiAgICAgIFdlYmtpdFRleHRGaWxsQ29sb3I6IHRleHRGaWxsQ29sb3IsXG4gICAgICBjYXJldENvbG9yOiB0ZXh0RmlsbENvbG9yLFxuICAgICAgY29sb3I6IHRleHRGaWxsQ29sb3JcbiAgICB9O1xuICB9LCBbc3R5bGUsIHRleHRGaWxsQ29sb3JdKTtcblxuICByZXR1cm4gbXVsdGlsaW5lID8gKFxuICAgIDx0ZXh0YXJlYVxuICAgICAgey4uLmlucHV0UHJvcHMgYXMgVGV4dGFyZWFIVE1MQXR0cmlidXRlczxIVE1MVGV4dEFyZWFFbGVtZW50Pn1cbiAgICAgIGNsYXNzTmFtZT17aW5wdXRDbGFzc2VzfVxuICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgcmVmPXtyZWYgYXMgUmVmPEhUTUxUZXh0QXJlYUVsZW1lbnQ+fVxuICAgICAgc3R5bGU9e2lucHV0U3R5bGV9XG4gICAgLz5cbiAgKSA6IChcbiAgICA8aW5wdXRcbiAgICAgIHsuLi5pbnB1dFByb3BzIGFzIElucHV0SFRNTEF0dHJpYnV0ZXM8SFRNTElucHV0RWxlbWVudD59XG4gICAgICBjbGFzc05hbWU9e2lucHV0Q2xhc3Nlc31cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgIHJlZj17cmVmIGFzIFJlZjxIVE1MSW5wdXRFbGVtZW50Pn1cbiAgICAgIHN0eWxlPXtpbnB1dFN0eWxlfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgY29uc3QgSW5wdXRGaWVsZCA9IG1lbW8oSW5wdXRGaWVsZENvbXBvbmVudCk7XG5JbnB1dEZpZWxkLmRpc3BsYXlOYW1lID0gJ0lucHV0RmllbGQnO1xuIl0sIm5hbWVzIjpbImNuIiwibWVtbyIsInVzZU1lbW8iLCJnZXRCb3JkZXJDbGFzc2VzIiwiZ2V0T3V0bGluZUNsYXNzZXMiLCJnZXRQbGFjZWhvbGRlckNsYXNzZXMiLCJnZXRUZXh0Q2xhc3NlcyIsImJhc2VDbGFzc2VzIiwibm9uZSIsInJvdW5kZWQiLCJzb2xpZCIsInVuZGVybGluZSIsImdldElucHV0Qm9yZGVyQ2xhc3MiLCJib3JkZXJUeXBlIiwiYm9yZGVyQ29sb3IiLCJ0ZXh0Q29sb3IiLCJwbGFjZWhvbGRlckNvbG9yIiwiaGFzRm9jdXMiLCJoYXNIb3ZlciIsIklucHV0RmllbGRDb21wb25lbnQiLCJjbGFzc05hbWUiLCJkaXNhYmxlZCIsImxhYmVsIiwibXVsdGlsaW5lIiwicmVmIiwic3R5bGUiLCJ0ZXh0RmlsbENvbG9yIiwiaW5wdXRQcm9wcyIsImJvcmRlckNsYXNzZXMiLCJpbnB1dENsYXNzZXMiLCJpbnB1dFN0eWxlIiwiV2Via2l0VGV4dEZpbGxDb2xvciIsImNhcmV0Q29sb3IiLCJjb2xvciIsInRleHRhcmVhIiwiaW5wdXQiLCJJbnB1dEZpZWxkIiwiZGlzcGxheU5hbWUiXSwibWFwcGluZ3MiOiI7QUFBQTs7O0NBR0MsR0FDRCxTQUFRQSxFQUFFLFFBQU8sZUFBZTtBQUNoQyxTQUFRQyxJQUFJLEVBQUVDLE9BQU8sUUFBTyxRQUFRO0FBRXBDLFNBQ0VDLGdCQUFnQixFQUNoQkMsaUJBQWlCLEVBQ2pCQyxxQkFBcUIsRUFDckJDLGNBQWMsUUFDVCw0QkFBNEI7QUFvQm5DLE9BQU8sTUFBTUMsY0FBYztJQUN6QkMsTUFBTTtJQUNOQyxTQUFTO0lBQ1RDLE9BQU87SUFDUEMsV0FBVztBQUNiLEVBQUU7QUFFRixPQUFPLE1BQU1DLHNCQUFzQixDQUNqQ0MsWUFDQUMsYUFDQUMsV0FDQUMsbUJBQ0doQixHQUNITyxXQUFXLENBQUNNLFdBQVcsRUFDdkJQLGVBQWVTLFlBQ2ZGLGVBQWUsY0FDWFYsaUJBQWlCVyxhQUFhO1FBQUNHLFVBQVU7UUFBTUMsVUFBVTtJQUFJLEtBQzdELElBQ0pMLGVBQWUsYUFBYUEsZUFBZSxVQUN2Q1Qsa0JBQWtCVSxhQUFhO1FBQUNHLFVBQVU7UUFBTUMsVUFBVTtJQUFJLEtBQzlELElBQ0piLHNCQUFzQlcsa0JBQWtCO1FBQUNDLFVBQVU7UUFBTUMsVUFBVTtJQUFJLElBQ3ZFO0FBRUYsTUFBTUMsc0JBQXNCLENBQUMsRUFDM0JMLGNBQWMsU0FBUyxFQUN2QkQsYUFBYSxPQUFPLEVBQ3BCTyxTQUFTLEVBQ1RDLFdBQVcsS0FBSyxFQUNoQkMsS0FBSyxFQUNMQyxZQUFZLEtBQUssRUFDakJQLG1CQUFtQixTQUFTLEVBQzVCUSxHQUFHLEVBQ0hDLEtBQUssRUFDTEMsYUFBYSxFQUNiWCxZQUFZLFNBQVMsRUFDckIsR0FBR1ksWUFDYTtJQUNoQixNQUFNQyxnQkFBZ0IxQixRQUNwQixJQUFNVSxvQkFBb0JDLFlBQVlDLGFBQWFDLFdBQVdDLG1CQUM5RDtRQUFDSDtRQUFZQztRQUFhQztRQUFXQztLQUFpQjtJQUd4RCxNQUFNYSxlQUFlM0IsUUFDbkIsSUFBTUYsR0FDSm9CLFdBQ0FDLFdBQVcsOEZBQThGTyxlQUN6R0wsYUFBYSwyQkFFZjtRQUFDSDtRQUFXUTtRQUFlUDtRQUFVRTtLQUFVO0lBR2pELE1BQU1PLGFBQWE1QixRQUFRO1FBQ3pCLElBQUcsQ0FBQ3dCLGVBQWU7WUFDakIsT0FBT0Q7UUFDVDtRQUVBLE9BQU87WUFDTCxHQUFHQSxLQUFLO1lBQ1JNLHFCQUFxQkw7WUFDckJNLFlBQVlOO1lBQ1pPLE9BQU9QO1FBQ1Q7SUFDRixHQUFHO1FBQUNEO1FBQU9DO0tBQWM7SUFFekIsT0FBT0gsMEJBQ0wsS0FBQ1c7UUFDRSxHQUFHUCxVQUFVO1FBQ2RQLFdBQVdTO1FBQ1hSLFVBQVVBO1FBQ1ZHLEtBQUtBO1FBQ0xDLE9BQU9LO3VCQUdULEtBQUNLO1FBQ0UsR0FBR1IsVUFBVTtRQUNkUCxXQUFXUztRQUNYUixVQUFVQTtRQUNWRyxLQUFLQTtRQUNMQyxPQUFPSzs7QUFHYjtBQUVBLE9BQU8sTUFBTU0sMkJBQWFuQyxLQUFLa0IscUJBQXFCO0FBQ3BEaUIsV0FBV0MsV0FBVyxHQUFHIn0=

package/lib/components/InputField/InputField.stories.js

@@ -0,0 +1,58 @@
+import React from 'react';
+import { gothamColors } from '../../utils/colorUtils.js';
+import { interactWithCanvas } from '../../utils/storyInteractions.js';
+import { InputField } from './InputField.js';
+const meta = {
+    argTypes: {
+        borderColor: {
+            control: 'select',
+            options: gothamColors
+        },
+        borderType: {
+            control: 'select',
+            options: [
+                'solid',
+                'rounded',
+                'none',
+                'underline'
+            ]
+        },
+        disabled: {
+            control: 'boolean'
+        },
+        multiline: {
+            control: 'boolean'
+        },
+        placeholder: {
+            control: 'text'
+        },
+        placeholderColor: {
+            control: 'select',
+            options: gothamColors
+        },
+        textColor: {
+            control: 'select',
+            options: gothamColors
+        }
+    },
+    component: InputField,
+    parameters: {
+        layout: 'centered'
+    },
+    title: 'Components/Form/InputField'
+};
+export default meta;
+export const Default = {
+    args: {
+        borderColor: 'primary',
+        borderType: 'rounded',
+        disabled: false,
+        multiline: false,
+        placeholder: 'Component name',
+        placeholderColor: 'neutral',
+        textColor: 'neutral'
+    },
+    play: interactWithCanvas
+};
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0lucHV0RmllbGQvSW5wdXRGaWVsZC5zdG9yaWVzLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge2dvdGhhbUNvbG9yc30gZnJvbSAnLi4vLi4vdXRpbHMvY29sb3JVdGlscy5qcyc7XG5pbXBvcnQge2ludGVyYWN0V2l0aENhbnZhc30gZnJvbSAnLi4vLi4vdXRpbHMvc3RvcnlJbnRlcmFjdGlvbnMuanMnO1xuaW1wb3J0IHtJbnB1dEZpZWxkfSBmcm9tICcuL0lucHV0RmllbGQuanMnO1xuXG5pbXBvcnQgdHlwZSB7TWV0YSwgU3RvcnlPYmp9IGZyb20gJ0BubGFicy9sZXgvc3Rvcnlib29rJztcblxuY29uc3QgbWV0YTogTWV0YTx0eXBlb2YgSW5wdXRGaWVsZD4gPSB7XG4gIGFyZ1R5cGVzOiB7XG4gICAgYm9yZGVyQ29sb3I6IHtcbiAgICAgIGNvbnRyb2w6ICdzZWxlY3QnLFxuICAgICAgb3B0aW9uczogZ290aGFtQ29sb3JzXG4gICAgfSxcbiAgICBib3JkZXJUeXBlOiB7XG4gICAgICBjb250cm9sOiAnc2VsZWN0JyxcbiAgICAgIG9wdGlvbnM6IFsnc29saWQnLCAncm91bmRlZCcsICdub25lJywgJ3VuZGVybGluZSddXG4gICAgfSxcbiAgICBkaXNhYmxlZDoge1xuICAgICAgY29udHJvbDogJ2Jvb2xlYW4nXG4gICAgfSxcbiAgICBtdWx0aWxpbmU6IHtcbiAgICAgIGNvbnRyb2w6ICdib29sZWFuJ1xuICAgIH0sXG4gICAgcGxhY2Vob2xkZXI6IHtcbiAgICAgIGNvbnRyb2w6ICd0ZXh0J1xuICAgIH0sXG4gICAgcGxhY2Vob2xkZXJDb2xvcjoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBnb3RoYW1Db2xvcnNcbiAgICB9LFxuICAgIHRleHRDb2xvcjoge1xuICAgICAgY29udHJvbDogJ3NlbGVjdCcsXG4gICAgICBvcHRpb25zOiBnb3RoYW1Db2xvcnNcbiAgICB9XG4gIH0sXG4gIGNvbXBvbmVudDogSW5wdXRGaWVsZCxcbiAgcGFyYW1ldGVyczoge1xuICAgIGxheW91dDogJ2NlbnRlcmVkJ1xuICB9LFxuICB0aXRsZTogJ0NvbXBvbmVudHMvRm9ybS9JbnB1dEZpZWxkJ1xufTtcblxuZXhwb3J0IGRlZmF1bHQgbWV0YTtcblxudHlwZSBTdG9yeSA9IFN0b3J5T2JqPHR5cGVvZiBJbnB1dEZpZWxkPjtcblxuZXhwb3J0IGNvbnN0IERlZmF1bHQ6IFN0b3J5ID0ge1xuICBhcmdzOiB7XG4gICAgYm9yZGVyQ29sb3I6ICdwcmltYXJ5JyxcbiAgICBib3JkZXJUeXBlOiAncm91bmRlZCcsXG4gICAgZGlzYWJsZWQ6IGZhbHNlLFxuICAgIG11bHRpbGluZTogZmFsc2UsXG4gICAgcGxhY2Vob2xkZXI6ICdDb21wb25lbnQgbmFtZScsXG4gICAgcGxhY2Vob2xkZXJDb2xvcjogJ25ldXRyYWwnLFxuICAgIHRleHRDb2xvcjogJ25ldXRyYWwnXG4gIH0sXG4gIHBsYXk6IGludGVyYWN0V2l0aENhbnZhc1xufTtcbiJdLCJuYW1lcyI6WyJSZWFjdCIsImdvdGhhbUNvbG9ycyIsImludGVyYWN0V2l0aENhbnZhcyIsIklucHV0RmllbGQiLCJtZXRhIiwiYXJnVHlwZXMiLCJib3JkZXJDb2xvciIsImNvbnRyb2wiLCJvcHRpb25zIiwiYm9yZGVyVHlwZSIsImRpc2FibGVkIiwibXVsdGlsaW5lIiwicGxhY2Vob2xkZXIiLCJwbGFjZWhvbGRlckNvbG9yIiwidGV4dENvbG9yIiwiY29tcG9uZW50IiwicGFyYW1ldGVycyIsImxheW91dCIsInRpdGxlIiwiRGVmYXVsdCIsImFyZ3MiLCJwbGF5Il0sIm1hcHBpbmdzIjoiQUFBQSxPQUFPQSxXQUFXLFFBQVE7QUFFMUIsU0FBUUMsWUFBWSxRQUFPLDRCQUE0QjtBQUN2RCxTQUFRQyxrQkFBa0IsUUFBTyxtQ0FBbUM7QUFDcEUsU0FBUUMsVUFBVSxRQUFPLGtCQUFrQjtBQUkzQyxNQUFNQyxPQUFnQztJQUNwQ0MsVUFBVTtRQUNSQyxhQUFhO1lBQ1hDLFNBQVM7WUFDVEMsU0FBU1A7UUFDWDtRQUNBUSxZQUFZO1lBQ1ZGLFNBQVM7WUFDVEMsU0FBUztnQkFBQztnQkFBUztnQkFBVztnQkFBUTthQUFZO1FBQ3BEO1FBQ0FFLFVBQVU7WUFDUkgsU0FBUztRQUNYO1FBQ0FJLFdBQVc7WUFDVEosU0FBUztRQUNYO1FBQ0FLLGFBQWE7WUFDWEwsU0FBUztRQUNYO1FBQ0FNLGtCQUFrQjtZQUNoQk4sU0FBUztZQUNUQyxTQUFTUDtRQUNYO1FBQ0FhLFdBQVc7WUFDVFAsU0FBUztZQUNUQyxTQUFTUDtRQUNYO0lBQ0Y7SUFDQWMsV0FBV1o7SUFDWGEsWUFBWTtRQUNWQyxRQUFRO0lBQ1Y7SUFDQUMsT0FBTztBQUNUO0FBRUEsZUFBZWQsS0FBSztBQUlwQixPQUFPLE1BQU1lLFVBQWlCO0lBQzVCQyxNQUFNO1FBQ0pkLGFBQWE7UUFDYkcsWUFBWTtRQUNaQyxVQUFVO1FBQ1ZDLFdBQVc7UUFDWEMsYUFBYTtRQUNiQyxrQkFBa0I7UUFDbEJDLFdBQVc7SUFDYjtJQUNBTyxNQUFNbkI7QUFDUixFQUFFIn0=

package/lib/components/Item/Item.d.ts

@@ -0,0 +1,25 @@
+import { SeparatorProps } from '../Separator/Separator.js';
+import type { ElementType, HTMLAttributes, ReactNode } from 'react';
+export type ItemVariant = 'default' | 'outline' | 'muted';
+export type ItemSize = 'default' | 'sm';
+export type ItemMediaVariant = 'default' | 'icon' | 'image';
+export declare const ItemGroup: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const ItemSeparator: ({ className, ...props }: SeparatorProps) => import("react").JSX.Element;
+export interface ItemProps extends HTMLAttributes<HTMLElement> {
+    readonly as?: ElementType;
+    readonly asChild?: boolean;
+    readonly children?: ReactNode;
+    readonly size?: ItemSize;
+    readonly variant?: ItemVariant;
+}
+export declare const Item: ({ as, asChild, children, className, size, variant, ...props }: ItemProps) => import("react").JSX.Element | null;
+export interface ItemMediaProps extends HTMLAttributes<HTMLDivElement> {
+    readonly variant?: ItemMediaVariant;
+}
+export declare const ItemMedia: ({ className, variant, ...props }: ItemMediaProps) => import("react").JSX.Element;
+export declare const ItemContent: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const ItemTitle: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const ItemDescription: ({ className, ...props }: HTMLAttributes<HTMLParagraphElement>) => import("react").JSX.Element;
+export declare const ItemActions: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const ItemHeader: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
+export declare const ItemFooter: ({ className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;

package/lib/components/Item/Item.js

@@ -0,0 +1,79 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@nlabs/utils';
+import { renderWithAsChild } from '../ComponentUtils/renderWithAsChild.js';
+import { Separator } from '../Separator/Separator.js';
+const itemVariantClasses = {
+    default: 'bg-transparent',
+    muted: 'bg-muted/50',
+    outline: 'border-border'
+};
+const itemSizeClasses = {
+    default: 'gap-4 p-4',
+    sm: 'gap-2.5 px-4 py-3'
+};
+const mediaVariantClasses = {
+    default: 'bg-transparent',
+    icon: 'size-8 rounded-sm border border-border bg-muted [&_svg:not([class*=size-])]:size-4',
+    image: 'size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover'
+};
+export const ItemGroup = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('group/item-group flex flex-col', className),
+        "data-slot": "item-group",
+        role: "list",
+        ...props
+    });
+export const ItemSeparator = ({ className, ...props })=>/*#__PURE__*/ _jsx(Separator, {
+        className: cn('my-0', className),
+        "data-slot": "item-separator",
+        orientation: "horizontal",
+        ...props
+    });
+export const Item = ({ as, asChild = false, children, className, size = 'default', variant = 'default', ...props })=>renderWithAsChild({
+        as: as ?? 'div',
+        asChild,
+        children,
+        className: cn('group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors duration-100 outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 [a]:transition-colors [a]:hover:bg-accent/50', itemVariantClasses[variant], itemSizeClasses[size], className),
+        ...props
+    }, {
+        'data-size': size,
+        'data-slot': 'item',
+        'data-variant': variant
+    });
+export const ItemMedia = ({ className, variant = 'default', ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex shrink-0 items-center justify-center gap-2 self-start [&_svg]:pointer-events-none', mediaVariantClasses[variant], className),
+        "data-slot": "item-media",
+        "data-variant": variant,
+        ...props
+    });
+export const ItemContent = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className),
+        "data-slot": "item-content",
+        ...props
+    });
+export const ItemTitle = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className),
+        "data-slot": "item-title",
+        ...props
+    });
+export const ItemDescription = ({ className, ...props })=>/*#__PURE__*/ _jsx("p", {
+        className: cn('line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary', className),
+        "data-slot": "item-description",
+        ...props
+    });
+export const ItemActions = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex items-center gap-2', className),
+        "data-slot": "item-actions",
+        ...props
+    });
+export const ItemHeader = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex basis-full items-center justify-between gap-2', className),
+        "data-slot": "item-header",
+        ...props
+    });
+export const ItemFooter = ({ className, ...props })=>/*#__PURE__*/ _jsx("div", {
+        className: cn('flex basis-full items-center justify-between gap-2', className),
+        "data-slot": "item-footer",
+        ...props
+    });
+
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9uaXRyb2c3L0RldmVsb3BtZW50L2dvdGhhbWpzL3NyYy9jb21wb25lbnRzL0l0ZW0vSXRlbS50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtjbn0gZnJvbSAnQG5sYWJzL3V0aWxzJztcblxuaW1wb3J0IHtyZW5kZXJXaXRoQXNDaGlsZH0gZnJvbSAnLi4vQ29tcG9uZW50VXRpbHMvcmVuZGVyV2l0aEFzQ2hpbGQuanMnO1xuaW1wb3J0IHtTZXBhcmF0b3IsIFNlcGFyYXRvclByb3BzfSBmcm9tICcuLi9TZXBhcmF0b3IvU2VwYXJhdG9yLmpzJztcblxuaW1wb3J0IHR5cGUge0VsZW1lbnRUeXBlLCBIVE1MQXR0cmlidXRlcywgUmVhY3ROb2RlfSBmcm9tICdyZWFjdCc7XG5cbmV4cG9ydCB0eXBlIEl0ZW1WYXJpYW50ID0gJ2RlZmF1bHQnIHwgJ291dGxpbmUnIHwgJ211dGVkJztcbmV4cG9ydCB0eXBlIEl0ZW1TaXplID0gJ2RlZmF1bHQnIHwgJ3NtJztcbmV4cG9ydCB0eXBlIEl0ZW1NZWRpYVZhcmlhbnQgPSAnZGVmYXVsdCcgfCAnaWNvbicgfCAnaW1hZ2UnO1xuXG5jb25zdCBpdGVtVmFyaWFudENsYXNzZXM6IFJlY29yZDxJdGVtVmFyaWFudCwgc3RyaW5nPiA9IHtcbiAgZGVmYXVsdDogJ2JnLXRyYW5zcGFyZW50JyxcbiAgbXV0ZWQ6ICdiZy1tdXRlZC81MCcsXG4gIG91dGxpbmU6ICdib3JkZXItYm9yZGVyJ1xufTtcblxuY29uc3QgaXRlbVNpemVDbGFzc2VzOiBSZWNvcmQ8SXRlbVNpemUsIHN0cmluZz4gPSB7XG4gIGRlZmF1bHQ6ICdnYXAtNCBwLTQnLFxuICBzbTogJ2dhcC0yLjUgcHgtNCBweS0zJ1xufTtcblxuY29uc3QgbWVkaWFWYXJpYW50Q2xhc3NlczogUmVjb3JkPEl0ZW1NZWRpYVZhcmlhbnQsIHN0cmluZz4gPSB7XG4gIGRlZmF1bHQ6ICdiZy10cmFuc3BhcmVudCcsXG4gIGljb246ICdzaXplLTggcm91bmRlZC1zbSBib3JkZXIgYm9yZGVyLWJvcmRlciBiZy1tdXRlZCBbJl9zdmc6bm90KFtjbGFzcyo9c2l6ZS1dKV06c2l6ZS00JyxcbiAgaW1hZ2U6ICdzaXplLTEwIG92ZXJmbG93LWhpZGRlbiByb3VuZGVkLXNtIFsmX2ltZ106c2l6ZS1mdWxsIFsmX2ltZ106b2JqZWN0LWNvdmVyJ1xufTtcblxuZXhwb3J0IGNvbnN0IEl0ZW1Hcm91cCA9ICh7Y2xhc3NOYW1lLCAuLi5wcm9wc306IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjbignZ3JvdXAvaXRlbS1ncm91cCBmbGV4IGZsZXgtY29sJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJpdGVtLWdyb3VwXCJcbiAgICByb2xlPVwibGlzdFwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IEl0ZW1TZXBhcmF0b3IgPSAoe2NsYXNzTmFtZSwgLi4ucHJvcHN9OiBTZXBhcmF0b3JQcm9wcykgPT4gKFxuICA8U2VwYXJhdG9yXG4gICAgY2xhc3NOYW1lPXtjbignbXktMCcsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiaXRlbS1zZXBhcmF0b3JcIlxuICAgIG9yaWVudGF0aW9uPVwiaG9yaXpvbnRhbFwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGludGVyZmFjZSBJdGVtUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MRWxlbWVudD4ge1xuICByZWFkb25seSBhcz86IEVsZW1lbnRUeXBlO1xuICByZWFkb25seSBhc0NoaWxkPzogYm9vbGVhbjtcbiAgcmVhZG9ubHkgY2hpbGRyZW4/OiBSZWFjdE5vZGU7XG4gIHJlYWRvbmx5IHNpemU/OiBJdGVtU2l6ZTtcbiAgcmVhZG9ubHkgdmFyaWFudD86IEl0ZW1WYXJpYW50O1xufVxuXG5leHBvcnQgY29uc3QgSXRlbSA9ICh7XG4gIGFzLFxuICBhc0NoaWxkID0gZmFsc2UsXG4gIGNoaWxkcmVuLFxuICBjbGFzc05hbWUsXG4gIHNpemUgPSAnZGVmYXVsdCcsXG4gIHZhcmlhbnQgPSAnZGVmYXVsdCcsXG4gIC4uLnByb3BzXG59OiBJdGVtUHJvcHMpID0+IHJlbmRlcldpdGhBc0NoaWxkKFxuICB7XG4gICAgYXM6IGFzID8/ICdkaXYnLFxuICAgIGFzQ2hpbGQsXG4gICAgY2hpbGRyZW4sXG4gICAgY2xhc3NOYW1lOiBjbihcbiAgICAgICdncm91cC9pdGVtIGZsZXggZmxleC13cmFwIGl0ZW1zLWNlbnRlciByb3VuZGVkLW1kIGJvcmRlciBib3JkZXItdHJhbnNwYXJlbnQgdGV4dC1zbSB0cmFuc2l0aW9uLWNvbG9ycyBkdXJhdGlvbi0xMDAgb3V0bGluZS1ub25lIGZvY3VzLXZpc2libGU6cmluZy1bM3B4XSBmb2N1cy12aXNpYmxlOnJpbmctcmluZy81MCBbYV06dHJhbnNpdGlvbi1jb2xvcnMgW2FdOmhvdmVyOmJnLWFjY2VudC81MCcsXG4gICAgICBpdGVtVmFyaWFudENsYXNzZXNbdmFyaWFudF0sXG4gICAgICBpdGVtU2l6ZUNsYXNzZXNbc2l6ZV0sXG4gICAgICBjbGFzc05hbWVcbiAgICApLFxuICAgIC4uLnByb3BzXG4gIH0sXG4gIHtcbiAgICAnZGF0YS1zaXplJzogc2l6ZSxcbiAgICAnZGF0YS1zbG90JzogJ2l0ZW0nLFxuICAgICdkYXRhLXZhcmlhbnQnOiB2YXJpYW50XG4gIH1cbik7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSXRlbU1lZGlhUHJvcHMgZXh0ZW5kcyBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4ge1xuICByZWFkb25seSB2YXJpYW50PzogSXRlbU1lZGlhVmFyaWFudDtcbn1cblxuZXhwb3J0IGNvbnN0IEl0ZW1NZWRpYSA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgdmFyaWFudCA9ICdkZWZhdWx0JyxcbiAgLi4ucHJvcHNcbn06IEl0ZW1NZWRpYVByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2NuKFxuICAgICAgJ2ZsZXggc2hyaW5rLTAgaXRlbXMtY2VudGVyIGp1c3RpZnktY2VudGVyIGdhcC0yIHNlbGYtc3RhcnQgWyZfc3ZnXTpwb2ludGVyLWV2ZW50cy1ub25lJyxcbiAgICAgIG1lZGlhVmFyaWFudENsYXNzZXNbdmFyaWFudF0sXG4gICAgICBjbGFzc05hbWVcbiAgICApfVxuICAgIGRhdGEtc2xvdD1cIml0ZW0tbWVkaWFcIlxuICAgIGRhdGEtdmFyaWFudD17dmFyaWFudH1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgSXRlbUNvbnRlbnQgPSAoe2NsYXNzTmFtZSwgLi4ucHJvcHN9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oJ2ZsZXggZmxleC0xIGZsZXgtY29sIGdhcC0xIFsmK1tkYXRhLXNsb3Q9aXRlbS1jb250ZW50XV06ZmxleC1ub25lJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJpdGVtLWNvbnRlbnRcIlxuICAgIHsuLi5wcm9wc31cbiAgLz5cbik7XG5cbmV4cG9ydCBjb25zdCBJdGVtVGl0bGUgPSAoe2NsYXNzTmFtZSwgLi4ucHJvcHN9OiBIVE1MQXR0cmlidXRlczxIVE1MRGl2RWxlbWVudD4pID0+IChcbiAgPGRpdlxuICAgIGNsYXNzTmFtZT17Y24oJ2ZsZXggdy1maXQgaXRlbXMtY2VudGVyIGdhcC0yIHRleHQtc20gbGVhZGluZy1zbnVnIGZvbnQtbWVkaXVtJywgY2xhc3NOYW1lKX1cbiAgICBkYXRhLXNsb3Q9XCJpdGVtLXRpdGxlXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgSXRlbURlc2NyaXB0aW9uID0gKHtjbGFzc05hbWUsIC4uLnByb3BzfTogSFRNTEF0dHJpYnV0ZXM8SFRNTFBhcmFncmFwaEVsZW1lbnQ+KSA9PiAoXG4gIDxwXG4gICAgY2xhc3NOYW1lPXtjbignbGluZS1jbGFtcC0yIHRleHQtc20gbGVhZGluZy1ub3JtYWwgZm9udC1ub3JtYWwgdGV4dC1iYWxhbmNlIHRleHQtbXV0ZWQtZm9yZWdyb3VuZCBbJj5hXTp1bmRlcmxpbmUgWyY+YV06dW5kZXJsaW5lLW9mZnNldC00IFsmPmE6aG92ZXJdOnRleHQtcHJpbWFyeScsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiaXRlbS1kZXNjcmlwdGlvblwiXG4gICAgey4uLnByb3BzfVxuICAvPlxuKTtcblxuZXhwb3J0IGNvbnN0IEl0ZW1BY3Rpb25zID0gKHtjbGFzc05hbWUsIC4uLnByb3BzfTogSFRNTEF0dHJpYnV0ZXM8SFRNTERpdkVsZW1lbnQ+KSA9PiAoXG4gIDxkaXZcbiAgICBjbGFzc05hbWU9e2NuKCdmbGV4IGl0ZW1zLWNlbnRlciBnYXAtMicsIGNsYXNzTmFtZSl9XG4gICAgZGF0YS1zbG90PVwiaXRlbS1hY3Rpb25zXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgSXRlbUhlYWRlciA9ICh7Y2xhc3NOYW1lLCAuLi5wcm9wc306IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjbignZmxleCBiYXNpcy1mdWxsIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gZ2FwLTInLCBjbGFzc05hbWUpfVxuICAgIGRhdGEtc2xvdD1cIml0ZW0taGVhZGVyXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG5leHBvcnQgY29uc3QgSXRlbUZvb3RlciA9ICh7Y2xhc3NOYW1lLCAuLi5wcm9wc306IEhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY2xhc3NOYW1lPXtjbignZmxleCBiYXNpcy1mdWxsIGl0ZW1zLWNlbnRlciBqdXN0aWZ5LWJldHdlZW4gZ2FwLTInLCBjbGFzc05hbWUpfVxuICAgIGRhdGEtc2xvdD1cIml0ZW0tZm9vdGVyXCJcbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuIl0sIm5hbWVzIjpbImNuIiwicmVuZGVyV2l0aEFzQ2hpbGQiLCJTZXBhcmF0b3IiLCJpdGVtVmFyaWFudENsYXNzZXMiLCJkZWZhdWx0IiwibXV0ZWQiLCJvdXRsaW5lIiwiaXRlbVNpemVDbGFzc2VzIiwic20iLCJtZWRpYVZhcmlhbnRDbGFzc2VzIiwiaWNvbiIsImltYWdlIiwiSXRlbUdyb3VwIiwiY2xhc3NOYW1lIiwicHJvcHMiLCJkaXYiLCJkYXRhLXNsb3QiLCJyb2xlIiwiSXRlbVNlcGFyYXRvciIsIm9yaWVudGF0aW9uIiwiSXRlbSIsImFzIiwiYXNDaGlsZCIsImNoaWxkcmVuIiwic2l6ZSIsInZhcmlhbnQiLCJJdGVtTWVkaWEiLCJkYXRhLXZhcmlhbnQiLCJJdGVtQ29udGVudCIsIkl0ZW1UaXRsZSIsIkl0ZW1EZXNjcmlwdGlvbiIsInAiLCJJdGVtQWN0aW9ucyIsIkl0ZW1IZWFkZXIiLCJJdGVtRm9vdGVyIl0sIm1hcHBpbmdzIjoiO0FBQUEsU0FBUUEsRUFBRSxRQUFPLGVBQWU7QUFFaEMsU0FBUUMsaUJBQWlCLFFBQU8seUNBQXlDO0FBQ3pFLFNBQVFDLFNBQVMsUUFBdUIsNEJBQTRCO0FBUXBFLE1BQU1DLHFCQUFrRDtJQUN0REMsU0FBUztJQUNUQyxPQUFPO0lBQ1BDLFNBQVM7QUFDWDtBQUVBLE1BQU1DLGtCQUE0QztJQUNoREgsU0FBUztJQUNUSSxJQUFJO0FBQ047QUFFQSxNQUFNQyxzQkFBd0Q7SUFDNURMLFNBQVM7SUFDVE0sTUFBTTtJQUNOQyxPQUFPO0FBQ1Q7QUFFQSxPQUFPLE1BQU1DLFlBQVksQ0FBQyxFQUFDQyxTQUFTLEVBQUUsR0FBR0MsT0FBc0MsaUJBQzdFLEtBQUNDO1FBQ0NGLFdBQVdiLEdBQUcsa0NBQWtDYTtRQUNoREcsYUFBVTtRQUNWQyxNQUFLO1FBQ0osR0FBR0gsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNSSxnQkFBZ0IsQ0FBQyxFQUFDTCxTQUFTLEVBQUUsR0FBR0MsT0FBc0IsaUJBQ2pFLEtBQUNaO1FBQ0NXLFdBQVdiLEdBQUcsUUFBUWE7UUFDdEJHLGFBQVU7UUFDVkcsYUFBWTtRQUNYLEdBQUdMLEtBQUs7T0FFWDtBQVVGLE9BQU8sTUFBTU0sT0FBTyxDQUFDLEVBQ25CQyxFQUFFLEVBQ0ZDLFVBQVUsS0FBSyxFQUNmQyxRQUFRLEVBQ1JWLFNBQVMsRUFDVFcsT0FBTyxTQUFTLEVBQ2hCQyxVQUFVLFNBQVMsRUFDbkIsR0FBR1gsT0FDTyxHQUFLYixrQkFDZjtRQUNFb0IsSUFBSUEsTUFBTTtRQUNWQztRQUNBQztRQUNBVixXQUFXYixHQUNULG9PQUNBRyxrQkFBa0IsQ0FBQ3NCLFFBQVEsRUFDM0JsQixlQUFlLENBQUNpQixLQUFLLEVBQ3JCWDtRQUVGLEdBQUdDLEtBQUs7SUFDVixHQUNBO1FBQ0UsYUFBYVU7UUFDYixhQUFhO1FBQ2IsZ0JBQWdCQztJQUNsQixHQUNBO0FBTUYsT0FBTyxNQUFNQyxZQUFZLENBQUMsRUFDeEJiLFNBQVMsRUFDVFksVUFBVSxTQUFTLEVBQ25CLEdBQUdYLE9BQ1ksaUJBQ2YsS0FBQ0M7UUFDQ0YsV0FBV2IsR0FDVCwwRkFDQVMsbUJBQW1CLENBQUNnQixRQUFRLEVBQzVCWjtRQUVGRyxhQUFVO1FBQ1ZXLGdCQUFjRjtRQUNiLEdBQUdYLEtBQUs7T0FFWDtBQUVGLE9BQU8sTUFBTWMsY0FBYyxDQUFDLEVBQUNmLFNBQVMsRUFBRSxHQUFHQyxPQUFzQyxpQkFDL0UsS0FBQ0M7UUFDQ0YsV0FBV2IsR0FBRyxxRUFBcUVhO1FBQ25GRyxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNZSxZQUFZLENBQUMsRUFBQ2hCLFNBQVMsRUFBRSxHQUFHQyxPQUFzQyxpQkFDN0UsS0FBQ0M7UUFDQ0YsV0FBV2IsR0FBRyxrRUFBa0VhO1FBQ2hGRyxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNZ0Isa0JBQWtCLENBQUMsRUFBQ2pCLFNBQVMsRUFBRSxHQUFHQyxPQUE0QyxpQkFDekYsS0FBQ2lCO1FBQ0NsQixXQUFXYixHQUFHLHdKQUF3SmE7UUFDdEtHLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVg7QUFFRixPQUFPLE1BQU1rQixjQUFjLENBQUMsRUFBQ25CLFNBQVMsRUFBRSxHQUFHQyxPQUFzQyxpQkFDL0UsS0FBQ0M7UUFDQ0YsV0FBV2IsR0FBRywyQkFBMkJhO1FBQ3pDRyxhQUFVO1FBQ1QsR0FBR0YsS0FBSztPQUVYO0FBRUYsT0FBTyxNQUFNbUIsYUFBYSxDQUFDLEVBQUNwQixTQUFTLEVBQUUsR0FBR0MsT0FBc0MsaUJBQzlFLEtBQUNDO1FBQ0NGLFdBQVdiLEdBQUcsc0RBQXNEYTtRQUNwRUcsYUFBVTtRQUNULEdBQUdGLEtBQUs7T0FFWDtBQUVGLE9BQU8sTUFBTW9CLGFBQWEsQ0FBQyxFQUFDckIsU0FBUyxFQUFFLEdBQUdDLE9BQXNDLGlCQUM5RSxLQUFDQztRQUNDRixXQUFXYixHQUFHLHNEQUFzRGE7UUFDcEVHLGFBQVU7UUFDVCxHQUFHRixLQUFLO09BRVgifQ==