@onehaul/ui 0.1.1 → 0.1.3

package/README.md

@@ -1,9 +1,70 @@
 # @onehaul/ui
 
-A lightweight UI component library designed and developed by OneHaul for the world, featuring custom styles and behavior.
+## About
+
+A lightweight UI component library designed and developed by OneHaul for the world, featuring custom styles and behavior. This library provides a set of reusable React components built on top of Ant Design, offering a consistent and modern user interface.
+
+## Features
+
+-   🎨 Custom-styled components based on Ant Design
+-   🚀 Lightweight and optimized bundle size
+-   🌲 Tree-shakeable exports
+-   📦 Support for both CommonJS and ES Modules
+-   🎯 Simple and intuitive API
+-   💅 Customizable styles
+-   ⚡️ Built with React and modern JavaScript
 
 ## Installation
 
 ```bash
 npm install @onehaul/ui
 ```
+
+## Theming
+
+OneHaul UI supports two ways of theming:
+
+1. **Default Theme**
+    - Pre-configured theme matching OneHaul's design system
+    - Just wrap your app with `ThemeProvider`
+
+```jsx
+import { ThemeProvider } from "@onehaul/ui";
+
+function App() {
+    return (
+        <ThemeProvider>
+            <YourComponents />
+        </ThemeProvider>
+    );
+}
+```
+
+```jsx
+const customTheme = {
+    token: {
+        colorPrimary: "#your-color",
+        // ... other customizations
+    },
+};
+
+function App() {
+    return (
+        <ThemeProvider theme={customTheme}>
+            <YourComponents />
+        </ThemeProvider>
+    );
+}
+```
+
+## Icons
+
+OneHaul UI comes with a set of custom icons that can be imported separately from the main package. The icons are optimized SVGs that can be used as React components.
+
+### Installation
+
+Icons are included in the main package but are tree-shakeable. You can import them from the `/icons` subpath:
+
+```jsx
+import { Home, Search, Language } from '@onehaul/ui/icons';
+```

package/dist/icons/index.esm.js

@@ -0,0 +1,2 @@
+import"react";import{jsx as e}from"react/jsx-runtime";function t(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function n(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?r(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var i=function(t){return e("svg",n(n({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},t),{},{children:e("path",{fill:"#2F2F2F",d:"M4.928 20.643h3.143v-7.857h7.857v7.857h3.143V9.25L12 3.946 4.928 9.25zM2.571 23V8.071L12 1l9.428 7.071V23h-7.857v-7.857h-3.143V23z"})}))},o=function(t){return e("svg",n(n({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},t),{},{children:e("path",{fill:"#2F2F2F",d:"M12 23q-2.255 0-4.262-.866a11.2 11.2 0 0 1-3.507-2.365q-1.498-1.5-2.365-3.506A10.6 10.6 0 0 1 1 12q0-2.283.866-4.276A11.2 11.2 0 0 1 4.231 4.23q1.5-1.498 3.507-2.365A10.6 10.6 0 0 1 12 1q2.283 0 4.276.866a11.2 11.2 0 0 1 3.493 2.365q1.498 1.5 2.365 3.493Q23 9.717 23 12q0 2.255-.866 4.262a11.2 11.2 0 0 1-2.365 3.507 11.2 11.2 0 0 1-3.493 2.365Q14.283 23 12 23m0-2.255q.716-.99 1.238-2.062.522-1.073.852-2.283H9.91q.33 1.21.852 2.283.523 1.072 1.238 2.062m-2.86-.44a15 15 0 0 1-.866-1.884 16 16 0 0 1-.619-2.021H4.41a9.1 9.1 0 0 0 1.994 2.393 7.9 7.9 0 0 0 2.736 1.512m5.72 0a7.9 7.9 0 0 0 2.736-1.512A9.1 9.1 0 0 0 19.59 16.4h-3.245q-.247 1.045-.619 2.021-.37.977-.866 1.884M3.475 14.2h3.74A14.526 14.526 0 0 1 7.05 12a14.5 14.5 0 0 1 .165-2.2h-3.74q-.137.55-.206 1.086A9 9 0 0 0 3.2 12a8.8 8.8 0 0 0 .275 2.2m5.94 0h5.17q.082-.55.124-1.086.04-.537.041-1.114a14.5 14.5 0 0 0-.165-2.2h-5.17q-.082.55-.124 1.086A15 15 0 0 0 9.25 12a14.5 14.5 0 0 0 .165 2.2m7.37 0h3.74q.137-.55.206-1.086A9 9 0 0 0 20.8 12a8.8 8.8 0 0 0-.275-2.2h-3.74q.082.55.124 1.086.04.537.041 1.114a14.5 14.5 0 0 1-.165 2.2m-.44-6.6h3.245a9.1 9.1 0 0 0-1.994-2.392 7.9 7.9 0 0 0-2.736-1.513q.495.907.866 1.884.372.975.619 2.021m-6.435 0h4.18a13 13 0 0 0-.852-2.282A14 14 0 0 0 12 3.254a14 14 0 0 0-1.238 2.063A13 13 0 0 0 9.91 7.6m-5.5 0h3.245q.247-1.045.619-2.021.37-.976.866-1.884a7.9 7.9 0 0 0-2.736 1.512A9.1 9.1 0 0 0 4.41 7.6"})}))},a=function(t){return e("svg",n(n({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},t),{},{children:e("path",{fill:"#2F2F2F",d:"m21.289 23-7.7-7.7a7.45 7.45 0 0 1-4.644 1.589q-3.33 0-5.638-2.307T1 8.944t2.307-5.637T8.944 1q3.33 0 5.638 2.307t2.307 5.637A7.45 7.45 0 0 1 15.3 13.59l7.7 7.7zM8.944 14.444q2.292 0 3.896-1.604t1.604-3.896T12.84 5.05 8.944 3.444 5.05 5.05 3.444 8.944 5.05 12.84t3.895 1.604"})}))};export{i as Home,o as Language,a as Search};
+//# sourceMappingURL=index.esm.js.map

package/dist/icons/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../src/icons/Home.jsx","../../src/icons/Language.jsx","../../src/icons/Search.jsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgHome = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"#2F2F2F\"\n      d=\"M4.928 20.643h3.143v-7.857h7.857v7.857h3.143V9.25L12 3.946 4.928 9.25zM2.571 23V8.071L12 1l9.428 7.071V23h-7.857v-7.857h-3.143V23z\"\n    />\n  </svg>\n);\nexport default SvgHome;\n\n","import * as React from \"react\";\nconst SvgLanguage = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"#2F2F2F\"\n      d=\"M12 23q-2.255 0-4.262-.866a11.2 11.2 0 0 1-3.507-2.365q-1.498-1.5-2.365-3.506A10.6 10.6 0 0 1 1 12q0-2.283.866-4.276A11.2 11.2 0 0 1 4.231 4.23q1.5-1.498 3.507-2.365A10.6 10.6 0 0 1 12 1q2.283 0 4.276.866a11.2 11.2 0 0 1 3.493 2.365q1.498 1.5 2.365 3.493Q23 9.717 23 12q0 2.255-.866 4.262a11.2 11.2 0 0 1-2.365 3.507 11.2 11.2 0 0 1-3.493 2.365Q14.283 23 12 23m0-2.255q.716-.99 1.238-2.062.522-1.073.852-2.283H9.91q.33 1.21.852 2.283.523 1.072 1.238 2.062m-2.86-.44a15 15 0 0 1-.866-1.884 16 16 0 0 1-.619-2.021H4.41a9.1 9.1 0 0 0 1.994 2.393 7.9 7.9 0 0 0 2.736 1.512m5.72 0a7.9 7.9 0 0 0 2.736-1.512A9.1 9.1 0 0 0 19.59 16.4h-3.245q-.247 1.045-.619 2.021-.37.977-.866 1.884M3.475 14.2h3.74A14.526 14.526 0 0 1 7.05 12a14.5 14.5 0 0 1 .165-2.2h-3.74q-.137.55-.206 1.086A9 9 0 0 0 3.2 12a8.8 8.8 0 0 0 .275 2.2m5.94 0h5.17q.082-.55.124-1.086.04-.537.041-1.114a14.5 14.5 0 0 0-.165-2.2h-5.17q-.082.55-.124 1.086A15 15 0 0 0 9.25 12a14.5 14.5 0 0 0 .165 2.2m7.37 0h3.74q.137-.55.206-1.086A9 9 0 0 0 20.8 12a8.8 8.8 0 0 0-.275-2.2h-3.74q.082.55.124 1.086.04.537.041 1.114a14.5 14.5 0 0 1-.165 2.2m-.44-6.6h3.245a9.1 9.1 0 0 0-1.994-2.392 7.9 7.9 0 0 0-2.736-1.513q.495.907.866 1.884.372.975.619 2.021m-6.435 0h4.18a13 13 0 0 0-.852-2.282A14 14 0 0 0 12 3.254a14 14 0 0 0-1.238 2.063A13 13 0 0 0 9.91 7.6m-5.5 0h3.245q.247-1.045.619-2.021.37-.976.866-1.884a7.9 7.9 0 0 0-2.736 1.512A9.1 9.1 0 0 0 4.41 7.6\"\n    />\n  </svg>\n);\nexport default SvgLanguage;\n\n","import * as React from \"react\";\nconst SvgSearch = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"#2F2F2F\"\n      d=\"m21.289 23-7.7-7.7a7.45 7.45 0 0 1-4.644 1.589q-3.33 0-5.638-2.307T1 8.944t2.307-5.637T8.944 1q3.33 0 5.638 2.307t2.307 5.637A7.45 7.45 0 0 1 15.3 13.59l7.7 7.7zM8.944 14.444q2.292 0 3.896-1.604t1.604-3.896T12.84 5.05 8.944 3.444 5.05 5.05 3.444 8.944 5.05 12.84t3.895 1.604\"\n    />\n  </svg>\n);\nexport default SvgSearch;\n\n"],"names":["SvgHome$1","props","_jsx","_objectSpread","xmlns","width","height","fill","viewBox","children","d","SvgLanguage$1","SvgSearch$1"],"mappings":"kjCACA,IAeAA,EAfgB,SAACC,GAAK,OACpBC,EAAA,MAAAC,EAAAA,EAAA,CACEC,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,OACLC,QAAQ,aACJP,GAAK,GAAA,CAAAQ,SAETP,EAAA,OAAA,CACEK,KAAK,UACLG,EAAE,yIAEA,ECERC,EAfoB,SAACV,GAAK,OACxBC,EAAA,MAAAC,EAAAA,EAAA,CACEC,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,OACLC,QAAQ,aACJP,GAAK,GAAA,CAAAQ,SAETP,EAAA,OAAA,CACEK,KAAK,UACLG,EAAE,g4CAEA,ECERE,EAfkB,SAACX,GAAK,OACtBC,EAAA,MAAAC,EAAAA,EAAA,CACEC,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,OACLC,QAAQ,aACJP,GAAK,GAAA,CAAAQ,SAETP,EAAA,OAAA,CACEK,KAAK,UACLG,EAAE,yRAEA"}

package/dist/icons/index.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react");var e=require("react/jsx-runtime");function t(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function r(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function n(e){for(var n=1;n<arguments.length;n++){var i=null!=arguments[n]?arguments[n]:{};n%2?r(Object(i),!0).forEach((function(r){t(e,r,i[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):r(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}var i=function(t){return e.jsx("svg",n(n({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},t),{},{children:e.jsx("path",{fill:"#2F2F2F",d:"M4.928 20.643h3.143v-7.857h7.857v7.857h3.143V9.25L12 3.946 4.928 9.25zM2.571 23V8.071L12 1l9.428 7.071V23h-7.857v-7.857h-3.143V23z"})}))},o=function(t){return e.jsx("svg",n(n({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},t),{},{children:e.jsx("path",{fill:"#2F2F2F",d:"M12 23q-2.255 0-4.262-.866a11.2 11.2 0 0 1-3.507-2.365q-1.498-1.5-2.365-3.506A10.6 10.6 0 0 1 1 12q0-2.283.866-4.276A11.2 11.2 0 0 1 4.231 4.23q1.5-1.498 3.507-2.365A10.6 10.6 0 0 1 12 1q2.283 0 4.276.866a11.2 11.2 0 0 1 3.493 2.365q1.498 1.5 2.365 3.493Q23 9.717 23 12q0 2.255-.866 4.262a11.2 11.2 0 0 1-2.365 3.507 11.2 11.2 0 0 1-3.493 2.365Q14.283 23 12 23m0-2.255q.716-.99 1.238-2.062.522-1.073.852-2.283H9.91q.33 1.21.852 2.283.523 1.072 1.238 2.062m-2.86-.44a15 15 0 0 1-.866-1.884 16 16 0 0 1-.619-2.021H4.41a9.1 9.1 0 0 0 1.994 2.393 7.9 7.9 0 0 0 2.736 1.512m5.72 0a7.9 7.9 0 0 0 2.736-1.512A9.1 9.1 0 0 0 19.59 16.4h-3.245q-.247 1.045-.619 2.021-.37.977-.866 1.884M3.475 14.2h3.74A14.526 14.526 0 0 1 7.05 12a14.5 14.5 0 0 1 .165-2.2h-3.74q-.137.55-.206 1.086A9 9 0 0 0 3.2 12a8.8 8.8 0 0 0 .275 2.2m5.94 0h5.17q.082-.55.124-1.086.04-.537.041-1.114a14.5 14.5 0 0 0-.165-2.2h-5.17q-.082.55-.124 1.086A15 15 0 0 0 9.25 12a14.5 14.5 0 0 0 .165 2.2m7.37 0h3.74q.137-.55.206-1.086A9 9 0 0 0 20.8 12a8.8 8.8 0 0 0-.275-2.2h-3.74q.082.55.124 1.086.04.537.041 1.114a14.5 14.5 0 0 1-.165 2.2m-.44-6.6h3.245a9.1 9.1 0 0 0-1.994-2.392 7.9 7.9 0 0 0-2.736-1.513q.495.907.866 1.884.372.975.619 2.021m-6.435 0h4.18a13 13 0 0 0-.852-2.282A14 14 0 0 0 12 3.254a14 14 0 0 0-1.238 2.063A13 13 0 0 0 9.91 7.6m-5.5 0h3.245q.247-1.045.619-2.021.37-.976.866-1.884a7.9 7.9 0 0 0-2.736 1.512A9.1 9.1 0 0 0 4.41 7.6"})}))},a=function(t){return e.jsx("svg",n(n({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24"},t),{},{children:e.jsx("path",{fill:"#2F2F2F",d:"m21.289 23-7.7-7.7a7.45 7.45 0 0 1-4.644 1.589q-3.33 0-5.638-2.307T1 8.944t2.307-5.637T8.944 1q3.33 0 5.638 2.307t2.307 5.637A7.45 7.45 0 0 1 15.3 13.59l7.7 7.7zM8.944 14.444q2.292 0 3.896-1.604t1.604-3.896T12.84 5.05 8.944 3.444 5.05 5.05 3.444 8.944 5.05 12.84t3.895 1.604"})}))};exports.Home=i,exports.Language=o,exports.Search=a;
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../src/icons/Home.jsx","../../src/icons/Language.jsx","../../src/icons/Search.jsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgHome = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"#2F2F2F\"\n      d=\"M4.928 20.643h3.143v-7.857h7.857v7.857h3.143V9.25L12 3.946 4.928 9.25zM2.571 23V8.071L12 1l9.428 7.071V23h-7.857v-7.857h-3.143V23z\"\n    />\n  </svg>\n);\nexport default SvgHome;\n\n","import * as React from \"react\";\nconst SvgLanguage = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"#2F2F2F\"\n      d=\"M12 23q-2.255 0-4.262-.866a11.2 11.2 0 0 1-3.507-2.365q-1.498-1.5-2.365-3.506A10.6 10.6 0 0 1 1 12q0-2.283.866-4.276A11.2 11.2 0 0 1 4.231 4.23q1.5-1.498 3.507-2.365A10.6 10.6 0 0 1 12 1q2.283 0 4.276.866a11.2 11.2 0 0 1 3.493 2.365q1.498 1.5 2.365 3.493Q23 9.717 23 12q0 2.255-.866 4.262a11.2 11.2 0 0 1-2.365 3.507 11.2 11.2 0 0 1-3.493 2.365Q14.283 23 12 23m0-2.255q.716-.99 1.238-2.062.522-1.073.852-2.283H9.91q.33 1.21.852 2.283.523 1.072 1.238 2.062m-2.86-.44a15 15 0 0 1-.866-1.884 16 16 0 0 1-.619-2.021H4.41a9.1 9.1 0 0 0 1.994 2.393 7.9 7.9 0 0 0 2.736 1.512m5.72 0a7.9 7.9 0 0 0 2.736-1.512A9.1 9.1 0 0 0 19.59 16.4h-3.245q-.247 1.045-.619 2.021-.37.977-.866 1.884M3.475 14.2h3.74A14.526 14.526 0 0 1 7.05 12a14.5 14.5 0 0 1 .165-2.2h-3.74q-.137.55-.206 1.086A9 9 0 0 0 3.2 12a8.8 8.8 0 0 0 .275 2.2m5.94 0h5.17q.082-.55.124-1.086.04-.537.041-1.114a14.5 14.5 0 0 0-.165-2.2h-5.17q-.082.55-.124 1.086A15 15 0 0 0 9.25 12a14.5 14.5 0 0 0 .165 2.2m7.37 0h3.74q.137-.55.206-1.086A9 9 0 0 0 20.8 12a8.8 8.8 0 0 0-.275-2.2h-3.74q.082.55.124 1.086.04.537.041 1.114a14.5 14.5 0 0 1-.165 2.2m-.44-6.6h3.245a9.1 9.1 0 0 0-1.994-2.392 7.9 7.9 0 0 0-2.736-1.513q.495.907.866 1.884.372.975.619 2.021m-6.435 0h4.18a13 13 0 0 0-.852-2.282A14 14 0 0 0 12 3.254a14 14 0 0 0-1.238 2.063A13 13 0 0 0 9.91 7.6m-5.5 0h3.245q.247-1.045.619-2.021.37-.976.866-1.884a7.9 7.9 0 0 0-2.736 1.512A9.1 9.1 0 0 0 4.41 7.6\"\n    />\n  </svg>\n);\nexport default SvgLanguage;\n\n","import * as React from \"react\";\nconst SvgSearch = (props) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"1em\"\n    height=\"1em\"\n    fill=\"none\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <path\n      fill=\"#2F2F2F\"\n      d=\"m21.289 23-7.7-7.7a7.45 7.45 0 0 1-4.644 1.589q-3.33 0-5.638-2.307T1 8.944t2.307-5.637T8.944 1q3.33 0 5.638 2.307t2.307 5.637A7.45 7.45 0 0 1 15.3 13.59l7.7 7.7zM8.944 14.444q2.292 0 3.896-1.604t1.604-3.896T12.84 5.05 8.944 3.444 5.05 5.05 3.444 8.944 5.05 12.84t3.895 1.604\"\n    />\n  </svg>\n);\nexport default SvgSearch;\n\n"],"names":["SvgHome$1","props","_jsx","_objectSpread","xmlns","width","height","fill","viewBox","children","jsx","d","SvgLanguage$1","SvgSearch$1"],"mappings":"onCACA,IAeAA,EAfgB,SAACC,GAAK,OACpBC,MAAA,MAAAC,EAAAA,EAAA,CACEC,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,OACLC,QAAQ,aACJP,GAAK,GAAA,CAAAQ,SAETP,EAAAQ,IAAA,OAAA,CACEH,KAAK,UACLI,EAAE,yIAEA,ECERC,EAfoB,SAACX,GAAK,OACxBC,MAAA,MAAAC,EAAAA,EAAA,CACEC,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,OACLC,QAAQ,aACJP,GAAK,GAAA,CAAAQ,SAETP,EAAAQ,IAAA,OAAA,CACEH,KAAK,UACLI,EAAE,g4CAEA,ECERE,EAfkB,SAACZ,GAAK,OACtBC,MAAA,MAAAC,EAAAA,EAAA,CACEC,MAAM,6BACNC,MAAM,MACNC,OAAO,MACPC,KAAK,OACLC,QAAQ,aACJP,GAAK,GAAA,CAAAQ,SAETP,EAAAQ,IAAA,OAAA,CACEH,KAAK,UACLI,EAAE,yRAEA"}

package/dist/index.esm.js

@@ -1,2 +1,2 @@
-import"react";import{Button as r}from"antd";import{jsx as e}from"react/jsx-runtime";function t(r,e,t){return(e=function(r){var e=function(r,e){if("object"!=typeof r||!r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:e+""}(e))in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function n(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function o(r){for(var e=1;e<arguments.length;e++){var o=null!=arguments[e]?arguments[e]:{};e%2?n(Object(o),!0).forEach((function(e){t(r,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(o,e))}))}return r}var i=["children","className"],c=function(t){var n=t.children,c=t.className,u=void 0===c?"":c,a=function(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}(r,e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(r);for(n=0;n<i.length;n++)t=i[n],-1===e.indexOf(t)&&{}.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}(t,i);return e(r,o(o({className:"onehaul-button ".concat(u)},a),{},{children:n}))};export{c as Button};
+import{useState as r}from"react";import{Button as e,Dropdown as t,Input as n}from"antd";import{jsx as o,jsxs as a}from"react/jsx-runtime";function l(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t<e;t++)n[t]=r[t];return n}function i(r,e,t){return(e=function(r){var e=function(r,e){if("object"!=typeof r||!r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:e+""}(e))in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function c(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function u(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?c(Object(t),!0).forEach((function(e){i(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):c(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function f(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}(r,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(n=0;n<a.length;n++)t=a[n],-1===e.indexOf(t)&&{}.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}function s(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,o,a,l,i=[],c=!0,u=!1;try{if(a=(t=t.call(r)).next,0===e){if(Object(t)!==t)return;c=!1}else for(;!(c=(n=a.call(t)).done)&&(i.push(n.value),i.length!==e);c=!0);}catch(r){u=!0,o=r}finally{try{if(!c&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(u)throw o}}return i}}(r,e)||function(r,e){if(r){if("string"==typeof r)return l(r,e);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?l(r,e):void 0}}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var p=["children","className"],m=function(r){var t=r.children,n=r.className,a=void 0===n?"":n,l=f(r,p);return o(e,u(u({className:"onehaul-button ".concat(a)},l),{},{children:t}))},v=["children","className"],b=function(r){var e=r.children,n=r.className,a=void 0===n?"":n,l=f(r,v);return o(t,u(u({className:"onehaul-dropdown ".concat(a)},l),{},{children:e}))},y=["placeholder","className"],d=function(e){var t=e.placeholder,l=e.className,i=void 0===l?"":l,c=f(e,y),p=s(r(!1),2),m=p[0],v=p[1],b=s(r(!1),2),d=b[0],h=b[1];return a("div",{className:"onehaul-input-wrapper ".concat(m?"focused":""," ").concat(d?"has-value":""),children:[o(n,u(u({},c),{},{className:"onehaul-input ".concat(i),onFocus:function(r){var e;v(!0),null===(e=c.onFocus)||void 0===e||e.call(c,r)},onBlur:function(r){var e;v(!1),h(!!r.target.value),null===(e=c.onBlur)||void 0===e||e.call(c,r)},onChange:function(r){var e;h(!!r.target.value),null===(e=c.onChange)||void 0===e||e.call(c,r)}})),t&&o("label",{className:"onehaul-input-label",children:t})]})};export{m as Button,b as Dropdown,d as Input};
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../src/components/Button/Button.js"],"sourcesContent":["import React from 'react';\nimport { Button as AntButton } from 'antd';\nimport './Button.css';\n\nconst Button = ({ children, className = '', ...props }) => (\n  <AntButton \n    className={`onehaul-button ${className}`} \n    {...props}\n  >\n    {children}\n  </AntButton>\n);\n\nexport default Button;"],"names":["Button$1","_ref","children","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","AntButton","_objectSpread","concat"],"mappings":"+mCAaAA,EATe,SAAHC,GAAA,IAAMC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,+WAAKC,CAAAL,EAAAM,GAAA,OAClDC,EAACC,EAASC,EAAAA,EAAA,CACRN,UAAS,kBAAAO,OAAoBP,IACzBC,GAAK,GAAA,CAAAH,SAERA,IACS"}
+{"version":3,"file":"index.esm.js","sources":["../src/components/Button/index.jsx","../src/components/Dropdown/index.jsx","../src/components/Input/index.jsx"],"sourcesContent":["import React from 'react';\nimport { Button as AntButton } from 'antd';\nimport './Button.css';\n\nconst Button = ({ children, className = '', ...props }) => (\n  <AntButton \n    className={`onehaul-button ${className}`} \n    {...props}\n  >\n    {children}\n  </AntButton>\n);\n\nexport default Button;","import React from 'react';\nimport { Dropdown as AntDropdown } from 'antd';\nimport './Dropdown.css';\n\nconst Dropdown = ({ children, className = '', ...props }) => (\n  <AntDropdown \n    className={`onehaul-dropdown ${className}`} \n    {...props}\n  >\n    {children}\n  </AntDropdown>\n);\n\nexport default Dropdown;","import React, { useState } from 'react';\nimport { Input as AntInput } from 'antd';\nimport './Input.css';\n\nconst Input = ({ placeholder, className = '', ...props }) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [hasValue, setHasValue] = useState(false);\n\n  const handleFocus = (e) => {\n    setIsFocused(true);\n    props.onFocus?.(e);\n  };\n\n  const handleBlur = (e) => {\n    setIsFocused(false);\n    setHasValue(!!e.target.value);\n    props.onBlur?.(e);\n  };\n\n  const handleChange = (e) => {\n    setHasValue(!!e.target.value);\n    props.onChange?.(e);\n  };\n\n  return (\n    <div className={`onehaul-input-wrapper ${isFocused ? 'focused' : ''} ${hasValue ? 'has-value' : ''}`}>\n      <AntInput\n        {...props}\n        className={`onehaul-input ${className}`}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n      {placeholder && <label className=\"onehaul-input-label\">{placeholder}</label>}\n    </div>\n  );\n};\n\nexport default Input;"],"names":["Button$1","_ref","children","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","AntButton","_objectSpread","concat","Dropdown$1","AntDropdown","Input$1","placeholder","_useState2","_slicedToArray","useState","isFocused","setIsFocused","_useState4","hasValue","setHasValue","_jsxs","AntInput","onFocus","e","_props$onFocus","call","onBlur","_props$onBlur","target","value","onChange","_props$onChange"],"mappings":"ohFAaAA,EATe,SAAHC,GAAA,IAAMC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAL,EAAAM,GAAA,OAClDC,EAACC,EAASC,EAAAA,EAAA,CACRN,UAAS,kBAAAO,OAAoBP,IACzBC,GAAK,GAAA,CAAAH,SAERA,IACS,6BCGdU,EATiB,SAAHX,GAAA,IAAMC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAL,EAAAM,GAAA,OACpDC,EAACK,EAAWH,EAAAA,EAAA,CACVN,UAAS,oBAAAO,OAAsBP,IAC3BC,GAAK,GAAA,CAAAH,SAERA,IACW,gCC4BhBY,EAlCc,SAAHb,GAAkD,IAA5Cc,EAAWd,EAAXc,YAAWZ,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAL,EAAAM,GACHS,EAAAC,EAAfC,GAAS,GAAM,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACiBK,EAAAJ,EAAfC,GAAS,GAAM,GAAxCI,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAkB5B,OACEG,EAAA,MAAA,CAAKpB,mCAASO,OAA2BQ,EAAY,UAAY,GAAER,KAAAA,OAAIW,EAAW,YAAc,IAAKpB,SAAA,CACnGM,EAACiB,EAAQf,EAAAA,EAAA,CAAA,EACHL,GAAK,GAAA,CACTD,UAASO,iBAAAA,OAAmBP,GAC5BsB,QArBc,SAACC,GAAM,IAAAC,EACzBR,GAAa,GACAQ,QAAbA,EAAAvB,EAAMqB,eAANE,IAAaA,GAAbA,EAAAC,KAAAxB,EAAgBsB,IAoBZG,OAjBa,SAACH,GAAM,IAAAI,EACxBX,GAAa,GACbG,IAAcI,EAAEK,OAAOC,OACXF,QAAZA,EAAA1B,EAAMyB,cAANC,IAAYA,GAAZA,EAAAF,KAAAxB,EAAesB,IAeXO,SAZe,SAACP,GAAM,IAAAQ,EAC1BZ,IAAcI,EAAEK,OAAOC,OACTE,QAAdA,EAAA9B,EAAM6B,gBAANC,IAAcA,GAAdA,EAAAN,KAAAxB,EAAiBsB,OAYdZ,GAAeP,EAAA,QAAA,CAAOJ,UAAU,sBAAqBF,SAAEa,MAG9D"}

package/dist/index.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("react");var e=require("antd"),r=require("react/jsx-runtime");function t(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:r+""}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}function o(e){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?n(Object(o),!0).forEach((function(r){t(e,r,o[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):n(Object(o)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(o,r))}))}return e}var i=["children","className"],c=function(t){var n=t.children,c=t.className,u=void 0===c?"":c,a=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t={};for(var n in e)if({}.hasOwnProperty.call(e,n)){if(-1!==r.indexOf(n))continue;t[n]=e[n]}return t}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)t=i[n],-1===r.indexOf(t)&&{}.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(t,i);return r.jsx(e.Button,o(o({className:"onehaul-button ".concat(u)},a),{},{children:n}))};exports.Button=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("react"),e=require("antd"),t=require("react/jsx-runtime");function n(r,e){(null==e||e>r.length)&&(e=r.length);for(var t=0,n=Array(e);t<e;t++)n[t]=r[t];return n}function o(r,e,t){return(e=function(r){var e=function(r,e){if("object"!=typeof r||!r)return r;var t=r[Symbol.toPrimitive];if(void 0!==t){var n=t.call(r,e||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(r)}(r,"string");return"symbol"==typeof e?e:e+""}(e))in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function a(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,n)}return t}function l(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?a(Object(t),!0).forEach((function(e){o(r,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(t)):a(Object(t)).forEach((function(e){Object.defineProperty(r,e,Object.getOwnPropertyDescriptor(t,e))}))}return r}function u(r,e){if(null==r)return{};var t,n,o=function(r,e){if(null==r)return{};var t={};for(var n in r)if({}.hasOwnProperty.call(r,n)){if(-1!==e.indexOf(n))continue;t[n]=r[n]}return t}(r,e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(r);for(n=0;n<a.length;n++)t=a[n],-1===e.indexOf(t)&&{}.propertyIsEnumerable.call(r,t)&&(o[t]=r[t])}return o}function i(r,e){return function(r){if(Array.isArray(r))return r}(r)||function(r,e){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var n,o,a,l,u=[],i=!0,c=!1;try{if(a=(t=t.call(r)).next,0===e){if(Object(t)!==t)return;i=!1}else for(;!(i=(n=a.call(t)).done)&&(u.push(n.value),u.length!==e);i=!0);}catch(r){c=!0,o=r}finally{try{if(!i&&null!=t.return&&(l=t.return(),Object(l)!==l))return}finally{if(c)throw o}}return u}}(r,e)||function(r,e){if(r){if("string"==typeof r)return n(r,e);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?n(r,e):void 0}}(r,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var c=["children","className"],s=function(r){var n=r.children,o=r.className,a=void 0===o?"":o,i=u(r,c);return t.jsx(e.Button,l(l({className:"onehaul-button ".concat(a)},i),{},{children:n}))},f=["children","className"],p=function(r){var n=r.children,o=r.className,a=void 0===o?"":o,i=u(r,f);return t.jsx(e.Dropdown,l(l({className:"onehaul-dropdown ".concat(a)},i),{},{children:n}))},v=["placeholder","className"],b=function(n){var o=n.placeholder,a=n.className,c=void 0===a?"":a,s=u(n,v),f=i(r.useState(!1),2),p=f[0],b=f[1],d=i(r.useState(!1),2),y=d[0],m=d[1];return t.jsxs("div",{className:"onehaul-input-wrapper ".concat(p?"focused":""," ").concat(y?"has-value":""),children:[t.jsx(e.Input,l(l({},s),{},{className:"onehaul-input ".concat(c),onFocus:function(r){var e;b(!0),null===(e=s.onFocus)||void 0===e||e.call(s,r)},onBlur:function(r){var e;b(!1),m(!!r.target.value),null===(e=s.onBlur)||void 0===e||e.call(s,r)},onChange:function(r){var e;m(!!r.target.value),null===(e=s.onChange)||void 0===e||e.call(s,r)}})),o&&t.jsx("label",{className:"onehaul-input-label",children:o})]})};exports.Button=s,exports.Dropdown=p,exports.Input=b;
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/components/Button/Button.js"],"sourcesContent":["import React from 'react';\nimport { Button as AntButton } from 'antd';\nimport './Button.css';\n\nconst Button = ({ children, className = '', ...props }) => (\n  <AntButton \n    className={`onehaul-button ${className}`} \n    {...props}\n  >\n    {children}\n  </AntButton>\n);\n\nexport default Button;"],"names":["Button$1","_ref","children","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","AntButton","_objectSpread","concat"],"mappings":"qqCAaAA,EATe,SAAHC,GAAA,IAAMC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,+WAAKC,CAAAL,EAAAM,GAAA,OAClDC,MAACC,EAAAA,OAASC,EAAAA,EAAA,CACRN,UAAS,kBAAAO,OAAoBP,IACzBC,GAAK,GAAA,CAAAH,SAERA,IACS"}
+{"version":3,"file":"index.js","sources":["../src/components/Button/index.jsx","../src/components/Dropdown/index.jsx","../src/components/Input/index.jsx"],"sourcesContent":["import React from 'react';\nimport { Button as AntButton } from 'antd';\nimport './Button.css';\n\nconst Button = ({ children, className = '', ...props }) => (\n  <AntButton \n    className={`onehaul-button ${className}`} \n    {...props}\n  >\n    {children}\n  </AntButton>\n);\n\nexport default Button;","import React from 'react';\nimport { Dropdown as AntDropdown } from 'antd';\nimport './Dropdown.css';\n\nconst Dropdown = ({ children, className = '', ...props }) => (\n  <AntDropdown \n    className={`onehaul-dropdown ${className}`} \n    {...props}\n  >\n    {children}\n  </AntDropdown>\n);\n\nexport default Dropdown;","import React, { useState } from 'react';\nimport { Input as AntInput } from 'antd';\nimport './Input.css';\n\nconst Input = ({ placeholder, className = '', ...props }) => {\n  const [isFocused, setIsFocused] = useState(false);\n  const [hasValue, setHasValue] = useState(false);\n\n  const handleFocus = (e) => {\n    setIsFocused(true);\n    props.onFocus?.(e);\n  };\n\n  const handleBlur = (e) => {\n    setIsFocused(false);\n    setHasValue(!!e.target.value);\n    props.onBlur?.(e);\n  };\n\n  const handleChange = (e) => {\n    setHasValue(!!e.target.value);\n    props.onChange?.(e);\n  };\n\n  return (\n    <div className={`onehaul-input-wrapper ${isFocused ? 'focused' : ''} ${hasValue ? 'has-value' : ''}`}>\n      <AntInput\n        {...props}\n        className={`onehaul-input ${className}`}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n      />\n      {placeholder && <label className=\"onehaul-input-label\">{placeholder}</label>}\n    </div>\n  );\n};\n\nexport default Input;"],"names":["Button$1","_ref","children","_ref$className","className","props","_objectWithoutProperties","_excluded","_jsx","AntButton","_objectSpread","concat","Dropdown$1","AntDropdown","Input$1","placeholder","_useState2","_slicedToArray","useState","isFocused","setIsFocused","_useState4","hasValue","setHasValue","_jsxs","jsx","AntInput","onFocus","e","_props$onFocus","call","onBlur","_props$onBlur","target","value","onChange","_props$onChange"],"mappings":"shFAaAA,EATe,SAAHC,GAAA,IAAMC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAL,EAAAM,GAAA,OAClDC,MAACC,EAAAA,OAASC,EAAAA,EAAA,CACRN,UAAS,kBAAAO,OAAoBP,IACzBC,GAAK,GAAA,CAAAH,SAERA,IACS,6BCGdU,EATiB,SAAHX,GAAA,IAAMC,EAAQD,EAARC,SAAQC,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAL,EAAAM,GAAA,OACpDC,MAACK,EAAAA,SAAWH,EAAAA,EAAA,CACVN,UAAS,oBAAAO,OAAsBP,IAC3BC,GAAK,GAAA,CAAAH,SAERA,IACW,gCC4BhBY,EAlCc,SAAHb,GAAkD,IAA5Cc,EAAWd,EAAXc,YAAWZ,EAAAF,EAAEG,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAL,EAAAM,GACHS,EAAAC,EAAfC,EAAQA,UAAC,GAAM,GAA1CC,EAASH,EAAA,GAAEI,EAAYJ,EAAA,GACiBK,EAAAJ,EAAfC,EAAQA,UAAC,GAAM,GAAxCI,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAkB5B,OACEG,EAAAA,KAAA,MAAA,CAAKpB,mCAASO,OAA2BQ,EAAY,UAAY,GAAER,KAAAA,OAAIW,EAAW,YAAc,IAAKpB,SAAA,CACnGM,EAAAiB,IAACC,QAAQhB,EAAAA,EAAA,CAAA,EACHL,GAAK,GAAA,CACTD,UAASO,iBAAAA,OAAmBP,GAC5BuB,QArBc,SAACC,GAAM,IAAAC,EACzBT,GAAa,GACAS,QAAbA,EAAAxB,EAAMsB,eAANE,IAAaA,GAAbA,EAAAC,KAAAzB,EAAgBuB,IAoBZG,OAjBa,SAACH,GAAM,IAAAI,EACxBZ,GAAa,GACbG,IAAcK,EAAEK,OAAOC,OACXF,QAAZA,EAAA3B,EAAM0B,cAANC,IAAYA,GAAZA,EAAAF,KAAAzB,EAAeuB,IAeXO,SAZe,SAACP,GAAM,IAAAQ,EAC1Bb,IAAcK,EAAEK,OAAOC,OACTE,QAAdA,EAAA/B,EAAM8B,gBAANC,IAAcA,GAAdA,EAAAN,KAAAzB,EAAiBuB,OAYdb,GAAeP,EAAAiB,IAAA,QAAA,CAAOrB,UAAU,sBAAqBF,SAAEa,MAG9D"}

package/package.json

@@ -1,17 +1,31 @@
 {
     "name": "@onehaul/ui",
-    "version": "0.1.1",
+    "version": "0.1.3",
     "description": "Core UI components library designed and developed by OneHaul",
     "main": "dist/index.js",
     "module": "dist/index.esm.js",
+    "exports": {
+        ".": {
+            "import": "./dist/index.esm.js",
+            "require": "./dist/index.js"
+        },
+        "./icons": {
+            "import": "./dist/icons/index.esm.js",
+            "require": "./dist/icons/index.js"
+        }
+    },
     "files": [
-        "dist"
+        "dist",
+        "README.md"
     ],
     "sideEffects": false,
     "scripts": {
         "build": "rollup -c",
         "dev": "rollup -c -w",
-        "prepublishOnly": "npm run build"
+        "prepublishOnly": "npm run build",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build",
+        "build:icons": "node generate-icons.js"
     },
     "peerDependencies": {
         "antd": "^5.0.0",
@@ -19,7 +33,8 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "publishConfig": {
-        "access": "public"
+        "access": "public",
+        "registry": "https://registry.npmjs.org/"
     },
     "devDependencies": {
         "@babel/core": "^7.26.10",
@@ -28,12 +43,22 @@
         "@rollup/plugin-babel": "^6.0.4",
         "@rollup/plugin-commonjs": "^28.0.3",
         "@rollup/plugin-node-resolve": "^16.0.1",
+        "@storybook/addon-essentials": "^8.6.12",
+        "@storybook/addon-interactions": "^8.6.12",
+        "@storybook/addon-onboarding": "^8.6.12",
+        "@storybook/blocks": "^8.6.12",
+        "@storybook/react": "^8.6.12",
+        "@storybook/react-vite": "^8.6.12",
+        "@storybook/test": "^8.6.12",
+        "@svgr/cli": "^8.1.0",
         "antd": "^5.24.8",
+        "prop-types": "^15.8.1",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
         "rollup": "^2.79.2",
         "rollup-plugin-peer-deps-external": "^2.2.4",
         "rollup-plugin-postcss": "^4.0.2",
-        "rollup-plugin-terser": "^7.0.2"
+        "rollup-plugin-terser": "^7.0.2",
+        "storybook": "^8.6.12"
     }
 }